/* CSS Document */

/* General CSS Styles */

body { background: url(../images/bg.jpg) top left repeat;
       font-family: Verdana, Arial, Helvetica, Sans-Serif;
	   line-height: 150%;
	   font-size: xx-small; /* for IE5 Win */
	   voice-family: "\"}\"";
	   voice-family: inherit;
	   font-size: x-small; /* for compliant browsers */
	   padding: 0; 
	   margin: 0; }

html>body { /* be nice to Opera */ 
       font-size: x-small; }
	   
h1 { font-size: 150%; }

h2 { font-size: 130%; }

h3 { font-size: 120%; }

h4 { font-size: 110%; }

ul { font-size: 90%; }

#header { width:100%; background: #FFFFFF url(../images/logo1.gif) 10px 55px no-repeat; float:left; height: 106px;}

#container { 
             padding-left: 200px;
             padding-right: 20px; }
#container .column { position: relative;
                     float: left; }					 
#content_center { width: 600px; background: #F6F6F6 ;
                  padding: 10px; }
#content_left { width: 180px; 
				padding: 10px;
				background: #CCCCCC;
                margin-left: -600px;
				right: 220px; }
				
* html #content_left { left: -200px; 
                       width:200px; } /* Added by Gene */
					   
#featured_item { background: #DDE4F7; padding: 10px;}
#featured_item img { margin: 10px; border: 4px solid #6878A6; }					   
#featured_item h2 { border-bottom: 1px dashed #6878A6; padding-bottom: 4px; text-transform: uppercase; }

#footer { text-transform: uppercase; font-size: 85%; color: #333; width: 600px; padding: 10px; clear: both; position: relative; left: 200px; }

#nav_vertical { list-style: none; float:right; text-align:right; }

#nav_vertical li { float: right;
          margin: 0;
		  padding: 4px 0px;
		  font-size: 100%; }
		  
#nav_vertical a { display:block; float:right;
         text-transform: uppercase;
		 margin: 0 0px 0 0; /* space in-between the navigation buttons */
		 padding: 4px 8px; }		  

/* Tabbed Navigation -- Horizontal */
#nav { line-height: 100%; float: left; /* Need to float in order for <li></li> elements to not float out of the <ul></ul> tags */
	   width: 100%;  
	   margin: 73px 0 0 154px;
	   padding: 10px 0 0 46px;
	   display: inline;
	   list-style:none; } /* This ensures that the bkground color is maintained when fully expanded */
	   
#nav li { float: left;
          margin: 0 1px 0 0;
		  padding: 4px 0px;
		  font-size: 100%; }
		  
#nav a { display:block;
		 margin: 0 0px 0 0; /* space in-between the navigation buttons */
		 padding: 4px 8px;
		 color: #FFF;
		 text-decoration:none;
		 font-size: 85%; text-transform: uppercase;
		 background: #B8C4E9 url(../images/nav_off_bg.jpg) top left repeat-x; } /* for tabs w/ background images, insert image URL here */
		 
#nav a:hover { background: #F6F6F6; color: #333; }		 

#item_left { float: left; width: 280px; }
#item_right {float: right; width: 280px; }