/* -----------------------------------------
Stylesheet for cdeVision / cdeVision.com
Author: cdeVision.com
Copyright: (c)2007 cdeVision
Created: 30 September 2007 
Amended: 27 Aug 2008 by Bill
-------------------------------------------- */

body {background:#333 url(images/back.png); text-align:center; margin:0; padding-bottom:15px; font-family:arial,helvetica,sans-serif; font-size:12px; color:#fff;}

h1, h2, h3 {padding:0; margin:0;}
h2 {font:normal 20px Georgia, "Times New Roman", Times, serif; margin:0; padding:0;} /* page titles */
p {margin:0; padding:0 0 12px 0; line-height:18px;}
ul {margin:0; padding:0;}
li {}

img {border:0;}
.clearfloats {clear:both; line-height:0px; height:0px; font-size:0px;}
.skiplink {display:none;}

div#printlogo {display:none;}

/* fix PNG transparency in IE */
#logo, ul#nav {behavior:url(scripts/iepngfix.htc);}


/* ---- links ----------------------------------------- */
a {color:#fff; text-decoration:none; padding:0 1px;}  
a:visited {}
a:hover {color:#fff;}
a:active {}
a:active, a:focus {outline:none;}


/* ---- ids & classes ----------------------------------------- */
#headerWrap {width:100%;}
#header {width:986px; height:118px; margin:0 auto; position:relative;}
	#logo {position:absolute; top:44px; left:40px; width:410px; height:60px;}
	#logo h1 {width:410px; height:60px;}
	#logo h1 a {display:block; text-indent:-4000px;width:410px; height:60px; background:url(images/logo.png) no-repeat;}
	#utility {position:absolute; top:74px; left:790px; width:180px; height:20px; font-family:Georgia, "Times New Roman", Times, serif; font-size:14px; color:#CCCCCC;}
	
/* drop-line menu code from: http://www.pmob.co.uk/temp/dropdown-hoz-safe.htm */
#navbar {font-family:verdana,sans-serif; margin:0 auto; text-align:center; position:relative; width:986px; height:65px;}
ul#nav {margin:0; padding:0; list-style:none; width:986px; height:65px; background:transparent url(images/back_nav.png);}
ul#nav li {line-height:25px; height:65px; width:150px; float:left; padding:0; margin:0;}
ul#nav li a { font-family:Georgia, "Times New Roman", Times, serif; font-size:16px; line-height:20px; height:65px;	padding:10px 0 0 0; display:block; text-decoration:none; color:#fff;}
ul#nav li a span {font-size:12px;}
ul#nav li a:hover {color:#ccc; background-color:#000000;}

/* drop down styling */
ul#nav ul {position:relative; top:-10px; width:100%; margin:0; height:auto; padding:0; list-style:none; overflow:visible; left:-999em; line-height:18px; z-index:2; background-color:#000000;}

ul#nav ul li {text-transform:none !important; margin:0; display:block; width:100%; height:auto;background-color:#000000;}
#navbar ul#nav ul li a { font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#fff; width:auto; display:block; height:auto; padding:6px 8px 4px 8px; margin:0; text-align:left;}
#navbar ul#nav ul li a:hover {color:#ccc;} /*subnav list text change on hover*/
ul#nav li:hover ul, ul#nav li.over ul {left:0; background-color:#000000;} /* The magic */
ul#nav li:hover, ul#nav li.over {background-color:#000000;} /* The magic */
/* this subnav just sets the background onto which the subnav is placed */
#subnavbg {margin:0; width:100%; height:25px; line-height:25px; background:transparent; clear:both;}
	

#midWrap {width:100%; background:#000; margin:1px 0 12px 0; clear:both;height:650px; }
#mid {width:986px; height:650px; padding:25px 0 25px 0; margin:0 auto; text-align:left;}


/* main area styles */
#main {width:785px; min-height:210px; margin:0 auto; padding:20px 20px 15px; background:#fff url(images/bg-content.gif) 586px 100% no-repeat; border-bottom:5px solid #000; color:#000; text-align:left;}
	#main h3 {}
	#main p {color:#333;}
	#main ul {}
	#main li {color:#333; line-height:17px;}

	
	/* 2-column layout */
	#leftcol {width:500px; float:left;}
		#leftcol p {padding-bottom:17px;}
	#rightcol {width:250px; float:right; padding-left:12px; border-left:1px solid #ccc;}
		#rightcol img {/*display:block;*/ margin:8px 0;}
		#rightcol ul {padding:0 0 17px 20px;}

.showinfo { font-size:11px;float:left; width:345px;}
	.showinfo p {font-size:11px;}
	.showinfo p strong {font-size:13px; font-weight:normal;}
	.showinfo .right {text-align:right;}
	.gal {margin-bottom:12px;}
	.gal a {display:block; float:left; width:40px; height:80px;margin-right:8px;}
	.gal img {display:block; margin:0; border:none;}

.showimage {float:right; width:625px; height:600px;}

/* footer styles */
#footer {width:986px; margin:0 auto; text-align:left; font-size:11px; color:#000000; margin-bottom:12px;}
	#footer .left {width:400px; float:left;}
	#footer .left strong {font-size:13px; font-weight:normal;}
	#footer .right {width:400px; float:right; text-align:right;}
	#footer .right a {color:#000000;}
