/* CSS Document */

body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #555;
	background-color: #ed1d24;
	background-image: url(../images/body_bg.jpg);
	background-repeat: repeat-x;
	margin: 0px 0px 10px 0px;
}
a {
	font-size: 11px;
	font-weight: bold;
	color: #ee2d27;
}
a:visited {
	color: #ee2d27;
}
a:hover {
	color: #000;
}
a:active {
	color: #000;
}
h1 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 16px;
	font-weight: normal;
	color: #ed1d24;
	margin-top: 0px;
	margin-bottom: 30px;
}
h2 {
	font-size: 12px;
	color: #ed1d24;
}
h3 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: normal;
	font-size: 14px;
	color: #ed1d24;
	margin-top: 0px;
}
h4 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: normal;
	font-size: 12px;
	color: #ed1d24;
	margin-top: 0px;
}
h5 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: normal;
	font-size: 14px;
}
h6 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: normal;
	font-size: 14px;
	color: #FFF;
	background-color: #ed1d24;
	padding: 5px;
}


hr {
	margin: 20px 0px;
	padding: 0px;
	height: 1px;
	border: none;
	border-top: 1px solid #ccc;
}

a img {
	border: none;
}

/* IDs */

#container {
	width: 900px;
	text-align: left;
	background-color: #FFF;
	border-right: 10px solid #ecd100;
	border-left: 10px solid #ecd100;
	overflow: hidden;
}
#headerLinks {
	float: right;
	text-align:right;
	padding: 10px;
	color: #ed1d24;
	font-size: 10px;
}
#headerLinks a {
	color: #ed1d24;
	font-size: 10px;
	text-decoration: none;
}
#logo {
	padding: 10px 20px 20px 20px;
	float: left;
}
#banner {
	clear: both;
	padding: 1px;
	border-top: 8px solid #ecd100;
}
#girl {
	position: absolute;
	margin-left: 700px;
	margin-top: 118px;
}
#menu {
	background-color: #ecd100;
	height: 55px;
	width:900px;
	padding:0px;
	margin:0px;
}
/**#menu img {
	padding: 20px 13px 20px 14px;
}
#menu a.current {
	background-image: url(../images/menu_arrow.gif);
	background-repeat: no-repeat;
	background-position: bottom center;
}**/
#content {
	padding: 25px;
	line-height: 170%;
	border-bottom: 25px solid #FFF;
}
#inside #content {
	float: left;
	width: 600px;
	display: table;
}
#content_details{
	float:left;
	width:600px;
}
#rightCol {
	float: left;
	width: 200px;
	padding: 25px;
	
}
#rightCol .box {
	border: 1px solid #ecd100;
	background-color: #fdf9de;
	padding: 10px;
	margin-bottom: 10px;
	line-height: 150%;
}

#rightCol .box .boxlinks {font-size:14px;}

#rightCol .box.links a {
	display: block;
	margin-top: 10px;
	color: #555;
	text-decoration: none;
}
#footer {
	background-image: url(../images/bottom_corners.png);
	background-repeat: no-repeat;
	background-position: top center;
	text-align: center;
	padding-top: 20px;
	font-size: 10px;
	color: #FFF;
}
#footer a {
	font-size: 10px;
	font-weight: normal;
	color: #fab494;
	text-decoration: none;
}
#footer a:hover {
	text-decoration: underline;
}

/* Classes */

.homeBottom {
	background-image: url(../images/home_bottom_bg.gif);
	background-repeat: no-repeat;
	background-position: top;
	height: 115px;
	padding: 15px 20px;
	margin-bottom: -20px;
}
.homeBottom div {
	padding: 0xp 0px 0xp 10px;
	float: left;
	width: 180px;
}
.homeBottom .image {
	margin-top: -10px;
	width: 250px;
}
.rightBox {
	margin-top: -33px;
}
.rightBox h3 {
	margin-bottom: 5px;
}

.testimonial {
	background-color: #fdf9de;
	padding: 10px;
}

div.left {
	float: left;
	width: 50%;
}
.thinLinks a {
	font-weight: normal;
}

.members div {
	clear: both;
	border-bottom: 1px dotted #ccc;
	padding: 10px 0px;
	display: table;
	width: 100%;
}
.members div.logo {
	width: 150px;
	min-height: 50px;
	clear: none;
	float: left;
	border: none;
	padding: 0px 20px 0px 0px;
	display: inline;
}
.members a {
	display: block;
}

.red {
	color: #ed1d24;
}

.clear {
	clear: both;
	margin: 0px;
	padding: 0px;
	height: 0px;
	display: block;
}

img.right {
	float: right;
	padding-left: 20px;
}
#hp_display{
	background-image:url(../images/hp_juice2.jpg);
	background-position:top right;
	float:right;
	margin-right:-25px;
	margin-top:356px;
	width:261px;
	height:269px;
	z-index:0;
}
#tagline{padding-top:20px; font-family:'Times New Roman', Times, serif; font-size:16px; color:#000000; font-weight:bold; text-align:center;}

#2009fbm a:link, a:visited, a:hover {color:blue;}

.boxquotes {border:1px solid black;padding:10px;width:375px;font-size:10px;line-height:20px;}

.sunbullet {list-style-type:none;}
.sunbullet li {padding-left:20px;background-image:url(../images/sun_bullet.gif);background-repeat:no-repeat;background-position:0 .3em;}

/** NAV **/

#nav {width: 900px;}

#nav, #nav ul { /* all lists */
	list-style: none;
	font-size: 12px;
	padding:0px;
margin:0px;
}

#nav li { /* main nav items */
	z-index: 1;
	float: left;
	font-size: 12px;
	padding: 0px;
	height:55px;
	margin: 0px;
	}

li#home span {display:none;}
li#about span {display:none;}
li#membership span {display:none;}
li#scholarship span {display:none;}
li#consumer span {display:none;}
li#tanker span {display:none;}

li#home { width:61px; height:55px; background:url(../images/nav_home.gif) no-repeat 0px -55px;}
li#home:hover, li#home.sfhover { background:url(../images/nav_home.gif) no-repeat 0px 0px;}
li#about { width:82px; height:55px; background:url(../images/nav_about.gif) no-repeat 0px -55px;}
li#about:hover, li#about.sfhover{ background:url(../images/nav_about.gif) no-repeat 0px 0px;}
li#membership { width:100px; height:55px; background:url(../images/nav_membership.gif) no-repeat 0px -55px;}
li#membership:hover, li#membership.sfhover{ background:url(../images/nav_membership.gif) no-repeat 0px 0px;}
li#scholarship { width:151px; height:55px; background:url(../images/nav_scholarship.gif) no-repeat 0px -55px;}
li#scholarship:hover, li#scholarship.sfhover{ background:url(../images/nav_scholarship.gif) no-repeat 0px 0px;}
li#consumer { width:151px; height:55px; background:url(../images/nav_consumer.gif) no-repeat 0px -55px;}
li#consumer:hover, li#consumer.sfhover{ background:url(../images/nav_consumer.gif) no-repeat 0px 0px;}
li#tanker { width:156px; height:55px; background:url(../images/nav_tankerwasher.gif) no-repeat 0px -55px;}
li#tanker:hover, li#tanker.sfhover{ background:url(../images/nav_tankerwasher.gif) no-repeat 0px 0px;}

#nav li ul { /* drop down boxes */
	position: absolute;
	left: -999em;
	width: 204px;
	border-top: 1px solid #ffffff;				
	margin-left: 20px;

}

#nav li ul li{ /* drop down items */
	position: relative;
	background: #ECD100;
	border-width: 0 1px 1px 1px;
	border-style: solid;
	border-color: #ffffff;
	padding: 0.0em 0 0 0.5em;
	width: 195px;
	height: 2.1em;
	line-height: 2.1em;
	
}

#nav a {
	display: block;
	text-decoration: none;
	background: none;
	width: 100%;
	height: 100%;
	color: #fff;
	
}


/* sfhover definition for IE HACK */
#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
	left: -999em;
}

#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul {
	left: auto;
}

#nav li:hover, #nav li.sfhover {
	/*background: url(../images/nav_bg_on.gif);*/			/* Background for main nav items when hovered */
}

#nav li ul li:hover, #nav li ul li.sfhover{
	background: #EF5E2C;
}


/** NAV side **/

#sidenav {width: 215px; z-index:1001;}

#sidenav, #sidenav ul { /* all lists */
	list-style:none;
	font-size: 11px;
	padding:0px;
margin:0px;
}

#sidenav li { /* main nav items */
	z-index:1000;
	font-size: 11px;
	padding: 0px;
	height:22px;
	margin: 0px;
	width:205px;
	padding-left:10px;
	}
	
	#sidenav li ul { /* drop down boxes */
	position: absolute;
	left: -999em;
	top: -999em;
	width: 204px;
	border-top: 1px solid #ffffff;				
	margin-left: 205px;
	top:0;
	 height:15px;
	 z-index:1001;
	 font-size: 11px;
}

#sidenav li ul li{ /* drop down items */
	position: relative;
	background: #8F2786;
	border-width: 0 1px 1px 1px;
	border-style: solid;
	border-color: #ffffff;
	padding: 2px;
	width: 250px;
	height:15px;
	padding-top:5px; 
	font-size: 11px;

	
}



#sidenav a {
	display: block;
	text-decoration: none;
	background: none;
	height:100%;
	color: #fff;
	font-size: 11px;
	
}

li#directory span {display:block; padding-top:5px; }
li#board span {display:block; padding-top:5px; }
li#Meetings span {display:block; padding-top:5px; }
li#Committees span {display:block; padding-top:5px; }
li#Logos span {display:block; padding-top:5px; }
li#Codex span {display:block; padding-top:5px; }
li#Laws span {display:block; padding-top:5px; }
li#NewsArchive span {display:block; padding-top:5px; }
li#CommArchive span {display:block; padding-top:5px; }

li#directory { width:205px; height:25px; }
li#directory:hover, li#directory.sfhover{ background-color:#d38acd;  }

li#board { width:205px; height:25px;}
li#board:hover, li#board.sfhover{ background-color:#d38acd;  }

li#Meetings { width:205px; height:25px;}
li#Meetings:hover, li#Meetings.sfhover{ background-color:#d38acd;  }
li#Meetings #meet {top:315px;}

@-moz-document url-prefix()
{
li#Meetings #meet {top:310px;}
}


li#Committees { width:205px; height:25px;}
li#Committees:hover, li#Committees.sfhover{ background-color:#d38acd;  }
li#Committees #committ {top:345px; font-size: 11px;}

@-moz-document url-prefix()
{
li#Committees #committ {top:340px;}
}

li#Logos { width:205px; height:25px;}
li#Logos:hover, li#Logos.sfhover{ background-color:#d38acd;  }

li#Codex { width:205px; height:25px;}
li#Codex:hover, li#Codex.sfhover{ background-color:#d38acd;  }

li#Laws { width:205px; height:25px;}
li#Laws:hover, li#Laws.sfhover{ background-color:#d38acd;  }

li#NewsArchive { width:205px; height:25px;}
li#NewsArchive:hover, li#NewsArchive.sfhover{ background-color:#d38acd;  }
li#NewsArchive #news {top:480px;}

@-moz-document url-prefix()
{
li#NewsArchive #news {top:460px;}
}


li#CommArchive { width:205px; height:25px; }
li#CommArchive:hover, li#CommArchive.sfhover{ background-color:#d38acd;  }
li#CommArchive #comm {top:370px;}

@-moz-document url-prefix()
{
li#CommArchive #comm {top:364px;}
}





/* sfhover definition for IE HACK */
#sidenav li:hover ul ul, #sidenav li:hover ul ul ul, #sidenav li.sfhover ul ul, #sidenav li.sfhover ul ul ul {
	left: -999em;
}

#sidenav li:hover ul, #sidenav li li:hover ul, #sidenav li li li:hover ul, #sidenav li.sfhover ul, #sidenav li li.sfhover ul, #sidenav li li li.sfhover ul {
	left: auto;font-size: 11px;
}

#sidenav li:hover, #sidenav li.sfhover {
	/*background: url(../images/nav_bg_on.gif);*/			/* Background for main nav items when hovered */
}

#sidenav li ul li:hover, #sidenav li ul li.sfhover{
	background: #d38acd;font-size: 11px;
}