/* CSS Document */


body {
  background:#eeeeee;
  margin:0;
  padding:20px 50px;
  font:small Verdana, Arial, Sans-serif;
  color: #666666;
  line-height:1.7em;
  color:#222;
  text-align:center;
  }

#container {
  background: #353D3E;
 /* border: 2px solid #531613;*/
  max-width:56em; /* Opera does not display this correctly */
  /* for IE code below*/
  width:expression(document.body.clientWidth > 800? "800px": "auto" );/* non-valid css ! "is the body wider then 800 pixels? if so, set the width to 800 pixels, otherwise, just let it size itself (auto)" IE: The following code will limit the banner to no more wider then 300 pixels*/
  margin:0 auto;
  text-align:left;
  font-size:110%;
  }
  
 /* (* html) for IE only */
 
 	h1 a { visibility: hidden;}

	h4 {
	font-size:100%;
	color: #485052;
	}


  #banner  {
  background: #353D3E url(../_images/home.jpg) no-repeat 0% 0%;
  height: 187px;  /* IE 6 ignores margin when height is applied */
  border-top: 1px solid #353D3E; /*for  Mozila FireFox 1.0.3; Opera 8 *//* 2/01/06 */
  * html border-top: 1px solid white;
  border-bottom: 1px solid #485052; /*for  Opera 8 *//* 2/01/06 */
  font:small Verdana,Sans-serif; /* KEEPS INLINE WITH OTHER DIVS */
  margin: 0; 
  padding: 0;
  }
  
 * html #banner {border-top: none;  border-bottom: none; } /* 2/01/06 */

#navigation {
  background: #353D3E url(../_images/home_navigation.jpg) no-repeat 0% 0%;
  height: 68px;
  font: 12px Verdana,Sans-serif;
  font-weight: bold;
  color: #cccccc;
  margin: 0; 
  padding: 0 0 0 1em;
  }
  
#navigation ul {
	padding: 0;
	margin: 0 0 0 13em; 
	background: none;
   }
  
#navigation li {
   list-style: none; 
   float: left;
   width: 7em;
   margin: .3em 0 0 0; 
   /*padding-left: 16px;*/
   line-height: 15px; 
   text-align: center;
   white-space: nowrap;
   background: none; 
   }

#navigation a {
    display: block; 
	float: left;  
	padding: .5em;
    text-decoration: none; 
    background: none;
    color: #cccccc;
    width: .1em;
	}

html>body #navigation a {width: auto;}    /* fixes IE6 hack */
/* Commented Backslash Hack hides rule from IE5-Mac \*/

#navigation a {float: none; background: none;}             /* End IE5-Mac hack */
#navigation a:hover {color: #5B2E15; background: none; /*border-bottom: 2px solid #666666;*/}
#navigation #current, #navigation #current a {color: #FDB; /*background-image: url(tabs2-big-ct.gif)*/}


/* CONTENT TOP */

#contenttop {
  background: #353D3E url(../_images/contenttop.jpg) no-repeat 0% 0%;
  height: 135px;  /* IE 6 ignores margin when height is applyed */
  font:small Verdana,Sans-serif;
  color: #333333;
  margin: 0; 
  padding: 0;
  }


/* CONTENT BOTTOM*/

  #contentleft {
  float: left;
  background: #333333 url(../_images/c_left.jpg) repeat 0% 100%;
  width: 95px;
  margin: 0; 
  padding: 0;
  border-top: 1px solid #353D3E; /* for Opera, Firefox*/
  }
  
  #contentcenter {
  float: left;
  width: 674px;
  background: #F1F4F5 url(../_images/c_center.jpg) repeat-y 100%;
  color: #6E7B7D;
  font:small Verdana,Sans-serif;
  margin: 0; 
  padding: 0;
  }
 
 #contentcenter.text { padding: .5em; } 
  
  #contentright{
  float: right;
  width: 30px;
  background: none;
  margin: 0; 
  padding: 0;
  border-top: 1px solid #353D3E; /* for Opera, Firefox*/
  }
  
#left.text, #right.text { padding: .5em;  line-height:1.7em;}

	#left {
	width:80%;
	background: none;
 	margin: 0 0 .5em 6.5em;
	padding: 0;
	}

	#left span {color: #6E7B7D; font-weight: bold;}

	#left.text ul {
	padding: 0;
	margin: 0; 
	background: none;
   }
  
	#left.text li {
    list-style: none; 
    border: none;
    margin-left: 0; 
    line-height: 15px; 
    white-space: nowrap;
    background: none;
   }


	#right {	
	float: right;
	width:32%;
	height:467px;
	background: none;
	border: 1px solid blue;
	}


#footer {  
  background: #353D3E;
  font:small Verdana,Sans-serif; /* KEEPS INLINE WITH OTHER DIVS */
  text-align:center;
  font-size:80%;
  color:#666666;
  margin: 0; 
  padding: .5em;  
  }