/* How To Master CSS ~ Template Stylesheet 
 * The layout of chapter 18 is used to create the 100% height effect with
 * a header and a footer, the left and right columns are not used, 
 * The header is now placed within the wrapper instead of above.
 */
body, html {
	margin:0px;
	padding:0px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-align:center;
	height:100%;
	font-size:90%;
}
/* commented backslash hack v2 \*/ 
html, body { 
	height:100%; 
} 
* html #wrapper { 
	height:100%; 
}
/* end hack */
/* Note that position:relative; was added to make sure
 * elements stay within the wrapper when absolute positioned
 */
#wrapper {
	width:770px;
	background-image:url(../images/back1.gif);
	background-position: 10px 0px;
	background-repeat:no-repeat;
	
	margin-left:auto;
	margin-right:auto;
	text-align:left;
	min-height:100%;
	margin-bottom:-60px;
	position:relative;
	border:solid 1px #cccccc;
}

#header { 
	width:753px; 
	height:189px; 
	background-image:url(../images/top.jpg);
	background-position:bottom left;
	background-repeat:no-repeat;
	padding-top:20px;
}
#footer { 
	width:770px; 
	height:24px; 
	margin-left:auto;
	margin-right:auto;
	background-color:white;
	color:#CCC;
	font-size:10px;
	padding-top:10px;
	clear:both;
}
#clearfooter {
	height:60px;
	clear:both;
}
/* The logo top right */
#logo {
	position:absolute;
	top:58px;
	left:22px;
	height:32px;
	width:100px;
	background-color:#fffff;
	color:#000000;
	font-family:Tahoma;
	font-weight:bold;
	font-size:12px;
	text-align: center;
}
#slogan {
	color:#000000;
	font-family:Veranda;
	font-weight:bold;
	position:absolute;
	top:90px;
	left:300px;
	font-size:20px;
}
h1 {
	font-size:14px;
	font-weight:bold;
	margin:0px;
	padding-top:5;
	color:#FF3300;
	font-family:Veranda;
}
#centercontent {
	background-image:url(../images/left-column.gif);
	background-repeat:repeat-y;
	margin-right:10px;
	height:1%;
}
#content {
    min-height:100%;
    width:580px;
	padding:px;
    margin-left: 150px;
    color: #303667;
}
h3 {
   color: #303667; 
    font-size:12px;
    font-family: Veranda;
    text-align: justify;
    }
.bodytext {
color: #003366; 
font-family: verdana; 
font-size: 11px; line-height : 130%; 
font-weight: none; 
text-decoration: none;
text-align: justify;

}    
#content_bottom {
    height: 89px;
    background-image:url(../images/bottom.gif);
	background-position: 0px 0px;
	background-repeat:no-repeat;
	}
    
#news {
	width:130px;
	height:500px;
	padding:5px;
	padding-right:5px;
	float:left;
	padding-left:22px;
}
#news h1{
	font-size:13px;
	font-weight:bold;
	color:#0085BF;
}
#bar {
    width: 540px;
    height:24px;
    background-image:url(../images/menu.gif);
	background-repeat:repeat-x;
	background-position:0px 0px;
	margin-left: 170px;
	}
#main_menu {
	position:absolute;
	top:190px;
	left:170px;
	height:19px;
	width:570px;
}
#main_menu a{
	color:#ffffff;
	font-weight:bold;
	text-decoration:none;
	padding-left:10px;
	padding-right:10px;
	padding-top:5px;
	padding-bottom:px;
	height:19px;
	display:block;
	font-size:12px;
	float:left;
	margin-top:19px;
	border-right:1px solid #cccccc;
	border-bottom:1px solid #000000;
	
	
}
#main_menu a:hover {
    color:#000000;
	background-image:url(../images/c2.gif);
	background-repeat:repeat-x;
	text-decoration: underline;
	
}
#main_menu .active {
	color:#00FF9F;
}
#form {
    padding-left:170px;
    }
.bodylinks A 	        {font-size:11px; color: #4F86B5; font-family: verdana; font-weight: none; text-decoration: none;} 
 .bodylinks A:link 	    {font-size:11px; color: #4F86B5; font-family: verdana; font-weight: none; text-decoration: none;}
 .bodylinks A:visited   {font-size:11px; color: #4F86B5; font-family: verdana; font-weight: none; text-decoration: none;}
 .bodylinks A:active 	{font-size:11px; color: #4F86B5; font-family: verdana; font-weight: none; text-decoration: none;}
 .bodylinks A:hover 	{font-size:11px; color: #4F86B5; font-family: verdana; font-weight: none; text-decoration: underline;}