@import url(layout.css);

#content {
    background: url(../images/content_bg.gif) repeat-y #2e333b 1px top;
    padding: 0;
    width: 883px;
}
#academy div.menu {
    background: url(../images/academy_menu_bg.gif) repeat-x;
    float: left;
    width: 192px;
    border-right: 8px solid white;
}

#academy div.menu ul, 
#academy div.menu ul li { 
    float: left;
    padding:0;
    margin: 0;
    width: 192px;
    list-style: none;
	z-index:99;
}
#academy div.menu .menuDivider {
		float: left;
    padding: 30px 15px 10px 15px;
    margin: 0;
    width: 162px;
		font-size: 11px;
}

#academy div.menu ul li.toplevel {
    background: url(../images/academy_menu_toplevel_bg.gif) repeat-x;
}
#academy div.menu ul li.closed a {
    background: url(../images/academy_menu_tl_chevron.gif) 180px 50% no-repeat;
}
#academy div.menu ul li ul li.current a,
#academy div.menu ul li ul li a {
    margin: 0;
    padding-left: 30px;
}
#academy div.menu ul li a {
    display: block;
    text-decoration: none;
    padding: 5px 15px;
}
#academy div.menu ul li.open a:hover,
#academy div.menu ul li.open a,
#academy div.menu ul li.open {
    background: url(../images/academy_menu_tl_chevron_up.gif) 180px 50% no-repeat;
}
#academy div.menu ul li.current {
    position: relative;
    background-color: white;
}
#academy div.menu ul li.current a {
    padding: 5px 15px;
    color: black;
}
#academy div.menu ul li.current div {
    position: absolute;
    width: 7px;
    height: 50%;
    top: 25%;
    right: -15px;
    background: url(../images/arrow_current.gif) no-repeat center;
    z-index:99;
	float:left;
}
#academy div.menu ul li.current a:hover {
    background-color: white; 
}
/* News */
#academy div.menu .news{
    margin-top: 20px;
    float: left;
    padding-bottom: 109px;
    background-image: url(../images/logo_bmf_1.gif);
    background-repeat: no-repeat;
    background-position: bottom;
    width: 192px;
    min-height: 70px;
}
#academy div.menu .news li a{
    padding-bottom: 0;
}
#academy div.menu .news li.archiveLink a{
    text-align: right;
}
#academy div.menu .news .newsHeader{
    padding-left : 15px;
    font-size: 12px;
    color:#FF7E13;
    float:left;
    width: 192px;
}
#academy div.menu .news ul{
    margin-top:4px;
}
#academy div.menu ul li p.date{
    padding: 0px 15px 5px;
    font-size: 9px;
    font-style: italic;
}
#academy div.main div.title{
    border-bottom:1px dotted #aaaaaa;
    margin-bottom:10px;
    background-color:#141F2B;
    padding: 10px 0 5px 20px;
}
#academy div.main div.newsContent{
    padding: 0 20px 20px;
}
#academy div.main div.newsContent p{
    margin-bottom: 15px;
}
#academy div.main .link{
    margin-top: 10px;
}
#academy div.main div.newsArchive{
   padding: 0 15px 15px;
}
#academy div.main #newsArchive{
    border-bottom: 1pt white solid;
    width:100%;  
}
#academy div.main .dataNav_1{
    padding-top: 10px;
}
#academy div.main #newsArchive td{
    border-bottom: 1px dotted #ffffff;
    padding: 5px;
}
#academy div.main #newsArchive tr.last td{
    border-bottom: none;
}
#academy div.main #newsArchive td.title{
    /*width:90%;*/
}
#academy div.main #newsArchive a{
    text-decoration: none;
}
#academy div.main #newsArchive .date{
    font-style: italic;
    font-size: 9px;
}
#academy div.main .more-link{
    vertical-align: top;
    width:60px;
    
}
#academy div.main .more-link a{
    color:#FF7E13;
}
/*
    Data Table Navigation
*/
.navCell_1,
.navCell_2{
    width:13px;
    height:25px;
    text-align:center;
    color:#eeeeee;
}
.navCell_1 a,
.navCell_2 a{
    text-decoration:none;
}
.navCell_1 a:hover,
.navCell_2 a:hover{
    color:#FF7E13;
}
.dataNav_1 td{
    padding:0 8px 0 8px;
    font-size:x-small;
}

.navCell_2 a{
    color:#FF7E13;
}
.fade{
    color:#9EA7B1;
}
table.DataTable a,a:visited,
table.dataNav_1 a,a:visited{
    border-bottom: none;
}

/* News End */

#academy div.main {
    float: left;
    width: 683px;
	position:relative;
}
#academy div.main div.intro {
    background: url(../images/academy_banner_bg.jpg) top left no-repeat;
    width: 303px;
    height: 247px;
    padding: 80px 0 0 380px;
}
#academy div.main div.intro p.intro {
    padding:0;
    width: 230px;
	padding-bottom:15px;
}
#academy div.main div.sections {
    color: #1a1a1d;
}
#academy div.main div.sections div h4 {
    background: url(../images/academy_course_title_bg.png) top left no-repeat;
    width: 172px;
    height: 34px;
    line-height: 34px;
    font-size: 11px;
    padding: 0 0 0 55px;
}
#academy div.main div.sections a{
	color:#000000;
	text-decoration:none;
	cursor:pointer;
}
#academy div.main div.sections a:hover{
	text-decoration:underline;
}
#academy div.main div.sections div {
    float: left;
    width: 227px;
    height: 35px;
    padding: 215px 0 0 0;
}
#academy div.main div.sections div.wakeboarding {
    background: url(../images/academy_wakeboards_bg.jpg) top left no-repeat;
}
#academy div.main div.sections div.surfing {
    background: url(../images/academy_surfing_bg.jpg) top left no-repeat;
}
#academy div.main div.sections div.waterskiing {
    background: url(../images/academy_waterskiing_bg.jpg) top left no-repeat;
}

#academy div.main div.info {
    background: url(../images/academy_bg.gif) top left repeat-x #2e333b;
}
#academy div.main div.info div.left {
    float: left;
    background: url(../images/academy_bg.gif) top left repeat-x #2e333b;
    width: 208px;
    padding: 0 20px 0 0;
}
#academy div.main div.info div.left p {
    padding: 20px 0 20px 20px;
}
#academy div.main div.info div.left p .tel{
    font-size: 18px;
}
ul.services {
    list-style: none;
    width: 210px;
}
ul.services li{
    margin-top: -2px;
    background: url(../images/academy_services_bull.gif) repeat-x;
    border-bottom: solid #2E333B 1px;
}
ul.services li a {
    display: block;
    padding: 5px 0 5px 20px;
    text-decoration: none;
}
ul.services li.light {
    margin-top: -2px;
    background: url(../images/academy_services_bull.gif) repeat-x;
}
ul.services li.light a {
    padding: 5px 0 5px 20px;
    text-decoration: none;
    display: block;
    background: url(../images/academy_services_bull.gif) repeat-x #3a3f47;
}

#academy div.main div.info div.right {
    float: left;
    background: url(../images/academy_bg.gif) top left repeat-x #2e333b;
    width: 413px;
    height: auto;
    padding: 20px;
}
#academy div.main div.info div.right p {
    padding-bottom: 20px;
}
#academy div.main div.info div.right div img{
    float: left;
    padding-right: 20px;
}
#academy div.main div.info div.right div ul {
    list-style-image: url(../images/academy_credentials_bull.gif);
    padding: 10px 0;
}

h1{	
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	font-weight:normal;
	display:block;
	float:none;
	padding:0;
	margin:0;
	line-height:normal;
	color:#FF7E13;
}

div#bmfLogo{
	position:absolute;
	z-index:100;
	bottom:0;
	left:-200px;
	background-image:url(../images/logo_bmf_1.gif);
	background-repeat:no-repeat;
	width:191px;
	height:89px;
}