@charset "UTF-8";
/* =CALL LIBRARY */
	@import url("reset-min.css");  /* ------- Reset all CSS Styles */
	@import url("menu_2.css");  /* ------- Navigation Menu */

/* =GENERAL - the general styles */
	body{font: 62.5%/2.2em Geneva, Arial, Helvetica, sans-serif; color: #000000; background: #fff  url(../Images/diags_form.gif);}
	a{text-decoration: none;color: #3366CC;}
	a:hover{
	color: #990000;
	text-decoration: underline;
}
	hr{margin-top: 3px; margin-bottom: 3px; }
	strong{
	font-weight: bold;
	line-height: 18px;
}
	ul.borderedlist li{border-bottom: 1px dashed #d1cfcd;}
	ul.borderedlist li a{display: block;padding:3px 0 0 2px;height: 26px;color: #42423b;}
	ul.borderedlist li a:hover{background: #E5E5E4;color: #42423b;}
	
/* =FONT STYLES - general size and color options */

	h1  {font-size: 2.2em; color: #006600;}
    h2  {font-size: 2em; border-bottom: 2px solid #006600;margin-bottom: 20px;padding: 5px 0; color: #006600;}
    h3 { font-size: 1.8em; border-bottom: 2px solid #006600; margin-bottom: 5px; padding: 5px; color: #006600;}
    h4 {font-size: 1.4em;border-bottom: 1px solid #006600; margin-bottom: 5px; padding: 5px 0px; color: #006600;}
    h5 { font-size: 1.4em; border-bottom: 2px solid #006600;margin-bottom: 5px; padding: 5px 0px; color: #006600; }
    h6 { font-size: 1.2em; border-bottom: 1px dashed #666666 ;margin-bottom: 5px; padding: 5px 0px; color: #000000; }
    p {font-size: 1.2em; } 
	blockquote {font-style:italic; font-size: 1.2em; font-weight: bold;}

/* =LAYOUT - the main layout styles */

	#frame	{width:850px; min-height: 500px; border-left:1px solid #999999; border-right:1px solid #999999;margin:0px auto 0px auto; background:#fff url(../Images/frame_bg3.png) repeat-y; padding-top: 10px;}
	#frame_video	{width:900px; min-height: 500px; border-left:1px solid #999999; border-right:1px solid #999999;margin:0px auto 0px auto; background:#fff; padding-top: 10px;}
	#frame div{padding: 5px 5px 5px 5px;}
	.container{	width:900px;margin: 0 auto;	position: inherit;overflow: hidden;}
	
	/* header layout */
	#header{height: 353px;	background: #4a4841 url(../Images/top_bg_2.png) top repeat-x;	position: relative;	}

/* ---------------------------------------------------------- */	
	
	/* main area layout */
	#main{padding:24px 0 20px 0;}
	#leftcolumn{float: left;width:193px;}
	#center{float: left;width:430px;padding: 0 10px; min-height: 500px; border-left: 1px solid #CCCCCC;}
	#center2{float: left;width:640px;padding: 0 20px; min-height: 500px;}
	#center_video{float: left;width:850px;padding: 0 20px; min-height: 500px; border-left: 1px dashed #CCCCCC;}
	#rightcolumn{float: left;width:185px; margin-left: 0px;}
	
	/* bottom layout */
	#bottominfo{border-top: 5px solid #42423b;	background: #f1eee7;padding-bottom:25px;width: 100%;overflow: hidden;}
	.bottomcolumn{float: left;width:288px;margin-right: 18px;}
	.bottomright{margin-right:0;}
	
/* =HEADER - the header styles */
	#header .container{height: 316px;}
	
	/* logo */
	h1{	position: absolute;	height: 71px;top: 15px;}
	h1 a{font: 24px/24px Arial, Helvetica, sans-serif;	font-weight: bold;	letter-spacing: -2px;	padding: 22px 9px 25px 20px;
		display: block;	color: #fff;background: url(../Images/SNP_logo.png) left top no-repeat;}
	h1 a:hover{color: #fff;}
		
	/* top navigation */
	#navigation{color:#FFFFFF;	float: right;	padding-top:0px;}
	#navigation li{float:left; color:#FFFFFF; padding-left:18px;}
	#navigation li a:hover{color: #fc0;}
	
	/* top message */
	#message {height: 24px;	line-height: 24px;	background: #4a4841 url(../images/footer_bg.png) 0 0 repeat-x;	font-size: 1.1em;		
		border-bottom: 2px solid #ffffff; text-align: center;}
	#message a{color: #fff;}
	#message p {font-size: 11px;margin: 0 auto;	padding: 8px 0;}
	#message strong {color: #fff;}

/* =CONTENT - the content styles */
	/* left column */
	.leftbox{background: #f1f0ef;padding: 10px 23px 10px 23px;margin-bottom:3px;line-height:1.9em;}
	h3.leftbox{font-size:19px;color: #256E15; background: #f1f0ef url(../images/h3_bg_tall.jpg) 0 0 repeat-x;padding:5px 0 10px 5px;}
	h3.header_small{font-size:14px; color: #FFF; font-weight: normal; background: #CCCCCC url(../Images/footer_bg.png);padding:1px 15px;     border: 1px solid #CCCCCC;}
	ul.leftbox{font-size: 1.2em;}
	.features{padding-top:15px;}
		#leftcolumn .leftbox p{padding-bottom:1em;line-height:1.5em; font-size:12px}	
	
	/* right column */
	.rightbox_wrapper{background: #eeeded;	padding:2px;margin-bottom: 20px;width:190px;overflow: hidden;font-size:11px;							line-height: 18px;	color: #58584D;}
	.rightbox{width:auto;overflow: hidden;}
	.product_image{ float: left;margin: 6px 0 0 6px;}
	.product_wrapper{float: right;width:200px;}
	.product_wrapper h4{font-size:1.3em;color: #256E15;font-weight: bold;padding-top:10px;}
	.product_wrapper p{font-size:1em;}
	.lastbox{margin:0;}

/* =BOTTOM */
	.bottomcolumn h3{border-bottom: 2px solid #9b968f; font-size:16px;padding:15px 0 5px 5px;}
	.bottomcolumn p{padding: 10px 35px 10px 5px;font-size: 1.2em;}
	.iconlist{border-top: 1px dashed #d1cfcd;font-size: 1.2em;}
	ul.iconlist li a{padding-left: 25px;background: url(../images/footer_list.jpg) left bottom no-repeat;}
	ul.iconlist  li a:hover{background: #E9E4DE url(../Images/footer_list.jpg) left top no-repeat;color: #42423b;}
	.enewsbox{float: left;width: 180px;	height: 17px;padding:3px 5px;border: 4px solid #5599A7;	font-size:13px;}
	.button{display: block;	float: left;width: auto;line-height:1em;text-align: center;	background: #659AA6;border: 4px solid #fff;
		color: #fff;cursor: pointer;margin:0;padding:3px 8px; /* IE6 */	}
	
/* =FOOTER */
	#footer{height: 37px; background: #4a4841 url(../images/footer_bg.png) 0 0 repeat-x; font-size: 1.1em; border-top: 2px solid 			#000;}
	#footer a{color: #fff;}
	#designby{background: url(../Images/SNP_logo.png) 0 0 no-repeat;float: left;height: 20px;padding:2px 0 0 30px;margin-top: 5px;}
	#footer_navigation{	float: right;padding-top:7px;}
	#footer_navigation li{float: left;padding-left:18px;}
	#footer_navigation li a:hover{color: #fc0;}
	
/*images*/
	.image {margin:5px 0; background-color:#e0e0e0; padding:5px;}
	.imageright {float:right; margin:5px 0 5px 10px; background-color:#e0e0e0; padding:5px;}
	.imageleft {float:left; margin:0 10px 5px 0px; background-color:#e0e0e0; padding:5px;}
	.flash_holder { height: 375px; border: thin 1px #666666; padding:5px;}
	.float_right {float:right; margin:5px 0 5px 15px; background-color:#e0e0e0; padding:5px; clear:both;}
	.float_left {float:left; margin:0 10px 5px 0px; background-color: #e0e0e0; padding:5px;}
	.float_left_nb {float:left; margin:0 10px 5px 0px; background-color: #e0e0e0;}
	.float_right_nb {float:right; margin:0 10px 5px 0px; background-color: #e0e0e0;}
	
/* =Accordian Javascript */
	.accordion {width: 620px;}
	.accordion h3 {background: #e9e7e7 url(../Images/arrow-square.gif) no-repeat right -51px;	color:#006600;	padding: 7px 15px;	margin: 0;font: bold 100%/90% Arial, Helvetica, sans-serif;	border: solid 1px #c4c4c4;	cursor: pointer;}
	.accordion h3:hover {background-color: #e3e2e2;}
	.accordion h3.active {background-position: right 5px;}
	.accordion p {background: #f7f7f7;	margin: 0;	padding: 10px 15px 20px;border-left: solid 1px #c4c4c4;	border-right: solid 1px #c4c4c4;	border-bottom: solid 1px #c4c4c4;}
	.accordian blockquote {margin-left: 15px;}

/* =Lightbox Image Script */
	#lightbox{margin-top: -40px;	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
	#lightbox img{ width: auto; height: auto;}
	#lightbox a img{ border: none; }

	#outerImageContainer{  position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
	#imageContainer{ padding: 10px; }

	#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
	#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
	#imageContainer>#hoverNav{ left: 0;}
	#hoverNav a{ outline: none;}

	#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
	#prevLink { left: 0; float: left;}
	#nextLink { right: 0; float: right;}
	#prevLink:hover, #prevLink:visited:hover { background: url(../lightbox/images/prevlabel.gif) left 15% no-repeat; }
	#nextLink:hover, #nextLink:visited:hover { background: url(../lightbox/images/nextlabel.gif) right 15% no-repeat; }

	#imageDataContainer{ font:"Lucida Grande", Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size: 100%; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%; }

	#imageData{	padding:0 10px; color: #006600; }
	#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
	#imageData #caption{ font-weight: bold;	}
	#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
	#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

	#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }