/* CSS Document */

/* CSS menu styles */

#nav {
			list-style: none;
			width:198px;
			padding:0px;
			margin:0px;
			list-style: none;
			font-family: Verdana, Arial, Helvetica, sans-serif;
			font-size: 12px;
			font-weight: bold;
			color: #000000;
			text-align:left;
		}	

#nav ul { 
			padding:0px;
			margin:0px;
			list-style: none;
			width:206px;
			z-index:99;
			overflow:visible;
			position:absolute;
		}	
	
#nav li { 
			position: relative; 
			width: 206px;
			border-bottom:none;
			display: inline;
			margin:0px;
		}	

#nav li a {
	text-decoration:none;
	display:block;
	padding: 7px 0px 7px 8px;
	margin:0; /*helps Opera with hover */
	width:100%; /*helps IE with hover */
	vertical-align:middle;
	font-size:12px;
	background-color:#5f5d5e;
	color:#FFFFFF;
	border-bottom:1px solid #ffffff;
	border-left: solid #fff 2px;
		}
	
#nav li ul li a {
			text-decoration:none; 
			display:block;
			padding: 7px 0px 7px 8px; 
			margin:0px; /*helps Opera with hover */
			width:198px; /*helps IE with hover */
			vertical-align:middle;
			font-size:12px;
			background-color:#5f5d5e; /* color of flyout up state */
			color:#FFFFFF;
		    border-bottom:1px solid #ffffff;
		}

#nav li a:hover {
			text-decoration:none; 
			display:block;
			padding: 7px 0px 7px 8px; 
			margin:0px; /*helps Opera with hover */
			width:100%; /*helps IE with hover */
			vertical-align:middle;
			font-size:12px;
			background-color: #333333; 
			color:#FFFFFF;
		}

#nav li ul li a:hover{
			text-decoration:none; 
			display:block;
			padding: 7px 0px 7px 8px;  
			margin:0px 0 0 0px; /*helps Opera with hover */
			width:198px; /*helps IE with hover */
			vertical-align:middle;
			font-size:12px;
			background-color:#333333; 
			color:#FFFFFF;
		}

#nav ul, #nav ul ul{
			display:none; 
			position:absolute; 
			top:0px; 
			left:207px;/* controls left edge position of the flyout on hover */
		}	
		
#nav li:hover ul, #nav li:hover ul ul, #nav li:hover ul ul ul{
			display:none; 
		}

#nav li:hover ul, #nav ul li:hover ul, #nav ul li:hover ul ul{
			display:block;
		}	

li>ul {
			top: auto;
			left: auto;
		}
		
/* Win IE only \*/

* html #nav li{
			float:left;
		} 
/* end holly hack */

/* End CSS menu styles */

/* HTML styles below */

body {
	margin: 0 0 0 0;
	background-image: url(images/brine-home-slices/brine-background-pattern.jpg);
	}
	
A:link {color:#333333;}
A:visited {color:#333333;}
A:active {color:#333333;}
A:hover {color:#333333;text-decoration:none;}
	
H1 {
	font-size:16px;
	margin:0px 0 0 0;
	}	
	
H2 {
	font-size:14px;
	margin:0 0 -10px 0;
	}		

#top-border {
	border-top:solid #fff 1px;
	width: 208px;
	}
	
.lowerlinkbar {
	background-image: url(images/brine-home-slices/brine-lower-link-bar.jpg);
	background-repeat: no-repeat;
	height: 54px;
	width: 840px;
	text-align: center;
	}
	
.mainbody {
	background-color: #FFFFFF;
	background-repeat: repeat-y;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	line-height:140%;
	}
	
.mainbody2 {
	background-color: #FFFFFF;
	background-repeat: repeat-y;
	}
	
.rightposition {
	margin-left: 40px;
	}
	
.rightposition2 {
	margin-left: 10px;
	}
	
.rightverticalrepeat {
	background-image: url(images/brine-home-slices/brine-right-vert-repeat.jpg);
	background-repeat: repeat-y;
	width: 17px;
	}
	
.leftverticalrepeat {
	background-image: url(images/brine-home-slices/brine-left-vert-repeat.jpg);
	background-repeat: repeat-y;
	width: 17px;
	}

.left-links {
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color:#FFFFFF;
	text-align:center;
	line-height: 12px;
	}
	
.left-links A:link {text-decoration: underline; color:#FFFFFF;}
.left-links A:visited {text-decoration: underline; color:#FFFFFF;}
.left-links A:active {text-decoration: underline; color:#FFFFFF;}
.left-links A:hover {text-decoration: none; color:#FFFFFF;}

.bottom-links {
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color:#FFFFFF;
	text-align:center;
	border-top: 13px;
	vertical-align: bottom;
	line-height: 120%;
	}
	
.bottom-links A:link {text-decoration: underline; color:#FFFFFF;}
.bottom-links A:visited {text-decoration: underline; color:#FFFFFF;}
.bottom-links A:active {text-decoration: underline; color:#FFFFFF;}
.bottom-links A:hover {text-decoration: none; color:#FFFFFF;}	


.headline {
	color:#ff6600;
	font-family: Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:18px;
	text-align:center;
	background-color:e7f1f8;
	height:33px;
	vertical-align: middle;
	}
	
.head-text {
	color:#6F6F6F;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	text-align: center;
	}
	
.lower-text {
	color: 28587B;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	text-align: left;
	}
	
.lower-text-smaller {
	color: 28587B;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	text-align: center;
	margin: 0 10px 0 10px;
	}
	
.caption-font {
	color: #666666;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	text-align: center;
	}
	
.caption-font-2 {
	color: #333333
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	text-align: left;
	line-height: 13px;
	padding: 5px;
	}
	
.vertical-gray-bars {
	background-color:#666666;
	width:1px;
	height: 264px;
	}
.site-map-sub {
	margin:0 0 0 17px;
	}
	
.chart {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	line-height:140%;
	text-align: left;
	vertical-align: text-top;
	border: solid;
	border-color: #CCCCCC;
	border-width: 1px;
	}
	
.chart2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	line-height:140%;
	text-align: center;
	vertical-align: text-top;
	border: solid;
	border-color: #CCCCCC;
	border-width: 1px;
	}

.image-border {
	border: solid;
	border-color: #525252;
	border-width: 2px;
	}