@charset "utf-8";
/**************************************************************************************RESET
*/
html {
	scrollbar-face-color: #FE9112; 
	scrollbar-shadow-color: #333333; 
	scrollbar-highlight-color: #ffffff; 
	scrollbar-3dlight-color: #999999; 
	scrollbar-darkshadow-color: #000000; 
	scrollbar-track-color: #FBC620; 
	scrollbar-arrow-color: #ffffff
}

body {
	width: 100%;
	padding: 0;
	margin: 0;
	font: 0.8em Arial, Helvetica, Garuda, sans-serif;
	background-color: #70aa00;
	text-align: center;
	color: #444444;
	position: relative;
}
h1, h2, h3, h4, h5, h6, ol, ul, li {
	padding: 0;
	margin: 0;
	line-height: 1em;
	font-size: 100%;
	font-weight: normal;
	font-style: normal;
}

.list {
	line-height: 1.5em;
	margin-left:35px;
	list-style-image:url(images/OrangeDot.gif);
	list-style-position:outside;
	font-size: 100%;
	font-weight: bold;
	font-style: normal;	
}

.headlines {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:24px;
}

.colheader {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:14px;
	color:#FFF;
}

.form-labels-small-red {
	padding: 0;
	margin: 0;
	font: 0.8em Arial, Helvetica, Garuda, sans-serif;
	color: #ff0000;
}

.rollover_plain {
	font-family: Arial, Helvetica, Garuda, sans-serif;
	font-size: 13px;
	color:#FE9112;
	font-weight: bold;
	text-decoration:none;
}

.rollover {
	font-family: Arial, Helvetica, Garuda, sans-serif;
	font-size: 13px;
	color:#41A5F1;
	font-weight: bold;
	text-decoration:none;
}

a.rollover:link, a.rollover:visited, a.rollover:active {
	font-size: 13px;
	font-weight: bold;
	color: #41A5F1;
	text-decoration: none;
}

a.rollover:hover {
	font-size: 13px;
	font-weight: bold;
	color: #FF0000;
	text-decoration: none;
}

.rolloversmall {
	font-family: Arial, Helvetica, Garuda, sans-serif;
	font-size: 11px;
	color:#41A5F1;
	font-weight: normal;
	text-decoration:none;
}

a.rolloversmall:link, a.rolloversmall:visited, a.rolloversmall:active {
	font-size: 11px;
	font-weight: normal;
	color: #41A5F1;
	text-decoration: none;
}

a.rolloversmall:hover {
	font-size: 11px;
	font-weight: normal;
	color: #FF0000;
	text-decoration: none;
}

table { font-size: inherit; font: 100%; }
img { border: 0; }
p { margin: 0; padding: 0;}
a { outline: none; }



/**************************************************************************************BACKGROUNDS AND POSITIONS
*/
#bg_gradient, #bg_clouds, #bg_bottom, #bg_hills_pos {
	width: 100%;
	height: auto;
	overflow: hidden;
	background: url(images/bg_clouds.jpg) no-repeat top center;
}
#bg_gradient { 
	background: url(images/bg.jpg) repeat-x 0 0; 
	background-color: #ddf1fa;
}
#bg_bottom { background: url(images/content_bottom_bg.jpg) repeat-x bottom center; }
#bg_hills_pos {
	height: 71px;
	position: absolute;
	text-align: center;
	bottom: 93px;
	background: none;
}
#bg_hills {
	background: url(images/content_bottom.png) no-repeat bottom center;
	margin: auto;
	height: 71px;
}
#wrapper {
	width: 967px;
	height: auto;
	margin: auto;
	position: relative;
}
#wrapper #logo {
	position: absolute;
	left: 9px;
	top: 15px;
	z-index: 200;
}
#header {
	width: 967px;
	height: 175px;
	background: url(images/header.jpg) no-repeat 0 0;
	position: relative;
}
#container { 
	width: 967px;
	height: auto;
	background: url(images/content_bg.jpg) repeat-y 0 0;
	overflow: hidden;
	position: relative;
}
#content_top {
	background: url(images/content_top_bg.png) no-repeat 0 0;
	height: 11px;
	left: 8px;
	position: absolute;
	top: 0;
	width: 950px;
	z-index: 100;
}
#container #sidebar {
	width: 364px;
	min-height: 460px;
	height: 460px;
	float: left;
	background: url(images/side_bg.jpg) no-repeat 0 0;
	padding-left: 8px;
}
html > body #container #sidebar { height: auto; }
#container #content {
	width: 595px;
	float: right;
	text-align: left;
	background: url(images/content_right_bg.jpg) no-repeat top right;
	min-height: 460px;
	height: 460px;
	padding-top: 11px;
}
html > body #container #content { height: auto; }
#footer {
	width: 100%;
	height: 93px;
	background: url(images/footer_bg.jpg) repeat-x 0 0;
}



/**************************************************************************************NAVIGATION
*/
#navigation {
	width: 578px;
	height: 146px;
	position: relative;
	float: right;
	padding-right: 15px;
}
#navigation a.login {
	width: 152px;
	height: 38px;
	position: absolute;
	top: 0;
	right: 0;
	text-indent: -9999px;
	background: url(images/btn_login.jpg) no-repeat 0 0;
}
#navigation a.login:hover { background-position: 0 -38px; }
#navigation ul {
	list-style: none;
	width: 578px;
	height: 104px;
	position: absolute;
	bottom: 0;
	left: 0;
}
#navigation ul li { float: left; }
#navigation ul li a {
	display: block;
	height: 104px;
	text-indent: -9999px;
}
#navigation ul li a.home { background: url(images/btn_home.jpg) no-repeat 0 0; width: 91px; }
#navigation ul li a.about { background: url(images/btn_about.jpg) no-repeat 0 0; width: 117px; }
#navigation ul li a.education { background: url(images/btn_education.jpg) no-repeat 0 0; width: 131px; }
#navigation ul li a.health { background: url(images/btn_health.jpg) no-repeat 0 0; width: 113px; }
#navigation ul li a.contact { background: url(images/btn_contact.jpg) no-repeat 0 0; width: 126px; }
#navigation ul li a:hover { background-position: 0 -104px; }



/**************************************************************************************CONTENT
*/
#content .padding {
	padding: 10px 30px 80px 10px;
}
#content h2 {
	font: italic 2.0em Georgia, "Times New Roman", Times, serif;
	color: #ff8a12;
}
#content p { padding-top: 10px; }



/**************************************************************************************FOOTER
*/
#footer {
	font-size: 0.85em;
	color: #dcf0b3;
}
#footer a {
	color: #dcf0b3;
	text-decoration: none;
	padding: 0 5px 0 5px;
}
#footer a:hover {
	color: #ffffff;
	text-decoration: underline;
}
