/* CSS Document */
body,td,th {
	font-family: Arial, Verdana, Helvetica, sans-serif;
}
body {
	background: #fffee1;
	margin:0;
	padding:0;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 12px;
	
}

table, div {
 margin: 0;
	padding: 0;
	border: 0;
}
/* division id */
#container {
	width: 755px;
	text-align: center;
	margin: auto;
	spacing: 0;
  }
#header {float:left; width:745px;        
		 }
		 
#header img {float:right;
              padding: 0px 2px 5px 0px}	
#header h1 {font-size:18px;
           color:#FFFFFF ;
		   font-weight:bold;
		   padding: 0px 0px 0px 100px} 
		   
#header p{ font-size:11px;
           color:#FFFFFF ;
		   text-align:left;
		   padding: 0px 0px 0px 15px} 
		   
#navBar{

	float: left;
	width: 130px;
	margin: 0px;
	padding: 0px 0px 0px 5px;
	
}	

#content {float:left;
width:610;
background-color: #fffee1;}

.content p, .content li, .content td{font-size:12px;
}

#content h3 {font-size:16px;
              font-weight:bold;
              text-align:center}
#content h4 {font-size:14px;
              font-weight:bold;
			  font-style:italic
             }

#content img {float:right;
              padding: 0px 0px 0px 0px}
  
 /* classes */ 
.container-top { float: left; width: 750px; height: 13px; overflow: hidden; background:  url(../img/container_top.gif) no-repeat;}
.container-mid { float: left; width: 750px; background:  url(../img/container_middle.gif)}
.container-bottom { float: left; width: 750px; height: 14px; background:  url(../img/container_bottom.gif) no-repeat;}

/*********** #navBar link styles ***********/

#navBar ul a:link, #navBar ul a:visited {display: block;}
#navBar ul {list-style: none; margin: 0; padding: 0;}

/* hack to fix IE/Win's broken rendering of block-level anchors in lists */
#navBar li {border-bottom: 1px solid #66CC66;}

/* fix for browsers that don't need the hack */
html>body #navBar li {border-bottom: none;}


/*********** #sectionLinks styles ***********/

#sectionLinks{
	position: relative;
	margin: 0px;
	padding: 0px;
	text-align:left
	
}

#sectionLinks li{
     border-bottom: 1px ridge #D1D1D1;
	 padding-top: 3px;
	padding-bottom: 3px;
	margin-right: 5px;
	font-size: 11px;
	 }
#sectionLinks a:link, #sectionLinks a:visited  {
	background: url(../img/arrowoff.gif) no-repeat 0 50%;
	padding: 2px 0px 2px 25px;
	
    color: #66CC66;
	text-decoration: none;
	font-weight: normal;
	font-family: Arial, Verdana, Helvetica, sans-serif;
    }
#sectionLinks a:active, #sectionLinks a:hover {
	background: url(../img/arrowon.gif) no-repeat 0 50%;
	padding: 2px 0px 2px 25px;
    }
#navBar img{padding: 0px 0px 0px 10px}	 
#sectionLinks h3{
	padding: 2px 0px 0px 5px;
	font-size:12px
}

#sectionLinks a {
	padding: 2px 0px 2px 5px;
}

#credits{float:left;
          width:750;
         padding:2px 2px 2px 2px}
#credits p{font-size:10px;
		   text-align:center;
		   color:#66CC66}
#credits a:link{color:#FFFF80}		   

#final {float:right;
        width:620 ;
		padding: 10px 20px 0px 20px}		   
		   
#final h3, #final a, #final a:visited{font-size: 12px;
           padding: 0px 3px 0px 10px;
		   color: #66cc66}
#final a:hover{color: #FFFFFF}

