/* The Wyke-Switch - by Charlie Wyke-Smith - switch your left and center columns in your layout to have the center column first in the markup!
 Putting the content first in your markup can significantly improve your search engine rankings.*/

body {margin:0px; padding:0px;}
body {font: 1em verdana, arial, sans-serif; background-color:#036; margin:0px; padding:0px;
	text-align:center;} /* text-align:center forces IE to display the centering properly */
* {margin:0; padding:0;}
div#mainwrapper {width:750px; margin:0px auto; margin-top:0px;
	text-align:left;} /* margin auto makes the layout centered; but the IE workaround forces us to set the text-align here */
div#header {width:749px; height:159px; border:0px #66F solid; border-right-width:1px; background-image:url('/images/hnc_head_v8_739.png');}
/*  div#header {width:739px; height:185px; border-bottom:10px solid #600; background-image:url('../images/hnc_head_v8_739.png');} */
div#columnswrapper {float:left; width:750px; background-color:#FFF;}
div#navbar {float:left; width:750px; height:20px; background-image:url('/images_pres/navbar.gif');}
div#linkscolumn {float:left; width:130px; margin-left:-584px; padding-top:20px; background-color:#999; height:800px} /* nagative margin moves linkscolumn column into position */
div#content {float:left; width:454px; margin-left:130px; display:inline;} /* display inline is hack fix for IE */
div#newscolumn {float:left; width:160px}
div#footer {width:750px;}
.clearthis {clear:both;}

/*extraneous area that could be enabled later or on secondary pages*/
/*div#header div#specialimage {position: absolute; top: 1px; left: 680px;}*/
/*div#header div#specialimage img {width:180px; height:180px;}*/
/*div#header h1{position:absolute; z-index:100; font-size:1.5em; margin-top:5px; margin-left:5px; font-family: Georgia, Garamond, serif; color:#FFF;}*/

div#navbar {padding:4px 0; font-size:.8em; text-align:center; } 
div#navbar ul {margin:2px 0;} 
div#navbar ul li {display:inline; border-left:1px solid; color:white; padding:0 5px 0 9px;}
div#navbar li:first-child {border-left:0;} 
div#navbar ul li a {text-decoration:none; color:#669; } 
div#navbar ul li a:hover {text-decoration:underline; color:#600; } 

/* content column styles */
div#content {padding:0 0}
div#contentinner {margin: 0 10px 20px;}
div#content div#mainimage {width:195px; float:left; margin:0 8px 4px 0;}
div#content div#mainimage img {border: 0px;}
div#content div#mainimage p {font-size:.65em; margin:0px 5px; color:#C60;} 
div#content h1{font-size:2em; margin-top:.5em; font-family:'Brush Script MT',Phyllis,'Lucida Handwriting',cursive; color:#006;}
div#content h3{font-size:1.4em; margin-top:1em; font-family:'Brush Script MT',Phyllis,'Lucida Handwriting',cursive; color:#006;}
div#content h4{font-size:1em; margin-top:.5em; font-family:'Brush Script MT',Phyllis,'Lucida Handwriting',cursive; color:#006;}

div#content p {clear:left; font-size:.8em; margin-top:0; margin-bottom:.5em;}	
div#content li {font-size:.75em;}
div#content blockquote {width: 175px; float:right; font-size:.7em; border-top: 2px dotted #006; border-bottom:2px dotted #006; margin:15px; padding: 1px;}
div#content blockquote p {margin:0; font-style:italic;}
div#content a {text-decoration:underline; color:#669;}
div#content a:hover {color: #006; text-decoration:none;}

/* linkscolumn styles */
div#linkscolumn {padding-top:20px; background-color:#999; height:800px}
div#linkscolumn ul {border:0; margin:12px 1.25em 12px 1.25em; padding:0; list-style-type:none; font-weight:bold; font-size:.75em;}
div#linkscolumn li {border-bottom:2px dotted #006; padding:.3em 0; text-align:center; text-indent:.5em}
div#linkscolumn li:first-child {border-top:2px dotted #006;}
div#linkscolumn img {border:none;}
div#linkscolumn a img {background-color:#999; padding:1px; filter:alpha(opacity=50);
-moz-opacity: 0.5; 
opacity: 0.5;
-khtml-opacity: 0.5;}

div#linkscolumn a:hover img {background-color:#006; padding:1px; filter:alpha(opacity=100);   
-moz-opacity: 1.0;   
opacity: 1.0;
-khtml-opacity: 1.0; }

/* a hack for IE Win only \*/	
* html div#linkscolumn ul {border-top:2px dotted #006;}
/*end of hack */


/* right column styles */
div#newscolumn {padding-top:34px; padding-left:5px;}
div#newscolumn p {font-size:.75em;}
div#newscolumn img {border:none; border-top:2px solid #600; width:148px; margin-bottom:3px; padding:3px;}
div#newscolumn div#newslinks p {font-size:.75em; color:red; margin: 2px 2px 8px 2px;}
div#newscolumn div#newslinks h1 {font-size:.75em; color:red; margin: 2px 2px 2px 2px; font-weight:bold;}
div#newscolumn div#newslinks ul {list-style-type:none; font-size:.7em; padding:0 0 5px 5px; margin:0 5px 0 0; border-bottom:2px solid #600;}
div#newscolumn div#newslinks li {margin-top:0; margin-bottom:.5em;}
div#newscolumn h3 {text-align:center; font-size:.8em; color:#006; margin-bottom:0px; margin-right:9px; padding:10px 0 10px 0; border-top: 2px dotted #006;}
div#newscolumn a {text-decoration:none; color:#669; text-decoration:underline}
div#newscolumn a:hover {color: #006; text-decoration: none;}
div#newscolumn li.morelink {font-style:italic;}

/*footer styles*/
div#footer {
 					padding:4px 0; /* pushes the links away from top and bottom of the div */
					font-size:.8em;  /* sets the font size of all links */
					text-align:center; /* centers the ul elements in the div */
					background-color:#CCC; /* sets the background color of the div */
					border-top:1px solid #006; border-bottom:2px solid #006;}
 div#footer ul {margin:2px 0;} /* vertical spacing between the lists */
 div#footer li {display:inline; /* the key CSS - makes the lists display horizontally */
						color:white; /* sets the color of the vertical lines */
						border-left:1px solid; /* creates the vertical line to the left of each list items */
						color:#669; /* sets the color of the vertical lines  - links colored below */
						padding:0 5px 0 9px; /* horiz space between links and vert lines - needed diff l & r values to center */
						}
 div#footer li:first-child {border-left:0;} /* removes the left border of the first list item - IDWIMIE */
 div#footer ul li a {text-decoration:none; /* removes the underlining off the links */
 						 color:#669; /* the color of the links */
							 }
 div#footer ul li a:hover {text-decoration:underline; color:#600} /* underlines the links when hovered */
 div#footer ul.fineprint li {color:#669;} /* color for copyright and vert dividers on last row */
 div#footer ul.fineprint li a {color:#669;} /* had to explicitly color these or they inherit from div#footer li */
 div#footer ul.fineprint li a:hover {color:#006;} /* turns bottom row white when hovered */