﻿/* CSS Document */
body{background-color:#A1E7FF;
background-image: URL(../images/bgd-grad.jpg);
background-repeat: repeat-x;
margin: auto 0;
height:auto;
font-family: Verdana, Arial, Helvetica, sans-serif;

}
/* commented backslash hack \*/ 
html, body{height:100%;} 
/* end hack */

html,body {margin:0;padding:0}
body *{margin:0;padding:0}


#page{background-color:#FFFFFF; 
width:764px; 
margin:auto; 
height:auto;
min-height:90%;

}
/*Main STructural Elements*/


.Header{background-image:url(../images/header.jpg); 
background-color:#FFFFFF;  
width:730px; 
height:150px; 
border-right:2px solid white;
padding-top: 12px;
padding-left: 32px;
}


#main{background-color:#FFFFFF; 
width:520px;
*width: 510px; 
_width:500px;
height:100%;  
padding-left:20px;
_padding-left:2px;
margin-left: 180px;
}

#internal{ 
width: 508px;}

#pic{width:490px; 
height:255px; }

#sidemenu{width:170px!important;
width: 150px; 
height:auto;
float: left;
}

#top{margin-bottom:0px}
#logo{height:80px;background:#95BA65;width:750px;
border-bottom:4px solid #FFF;padding-left:45px;padding-top:5px}

#topNav{width: 750px;height: 25px;text-align:left;padding:10px;}
#topNav ul{margin-left:15px;margin-right:0px;_margin-right:13px;}
#topNav li{list-style-type:none;}
#topNav li a{text-decoration:none;color:#0696B8;padding-left:13px;font-family: Verdana, Arial, Helvetica, sans-serif;font-size:12px;}
#topNav li a:visited{text-decoration:none;color:#0696B8}
#topNav li a:hover{color:#0696B8; text-decoration: underline}

#container{width:750px;height:100%;}
#container:after {content: ".";display: block;height: 0;clear: both;visibility:hidden;}


#content{background-color:#FFFFFF; 
width:720px;
height: 100%;
padding-bottom: 10px;
padding-top: 10px;
border-bottom: 2px solid #E1E1E1;
border-top: 2px solid #E1E1E1;
margin: auto 0;
margin-left: 22px;
display:table;
}

#footer{height:90px;
width:764px; 
margin:auto;
clear: both;
font-family: Verdana, Arial, Helvetica, Sans-serif;
background-color: #FFFFFF;
}

#bottom{margin-top:20px;}

ul{margin-left:15px;margin-right:0px;_margin-right:13px;}
li{list-style-type:disc;}


.browse{display: inline;
}

.browse a:link{color: #0099CC;
	text-decoration: none;
	font-size: 70%;
	display: inline;
	padding-left: 5px;
	padding-right: 5px;	
	border-right: 1px solid #0099CC;
	line-height:100%;
	}

.browse a:visited{color: #0099CC;
	text-decoration: none;
	font-size: 70%;
	display: inline;
	padding-left: 5px;
	padding-right: 5px;	
	border-right: 1px solid #0099CC;
	line-height:100%;
	}

.browse a:hover{color: #0099CC;
	text-decoration: none;
	font-size: 70%;
	display: inline;
	padding-left: 5px;
	padding-right: 5px;	
	border-right: 1px solid #0099CC;
	line-height:100%;
	}
	
.browseend{
	display: inline;
}

.browseend a:link{color: #0099CC;
	text-decoration: none;
	display: inline;
	font-size: 70%;
	padding-left: 5px;
	padding-right: 5px;
	line-height:100%;
	}
.browseend a:visited{color: #0099CC;
	text-decoration: none;
	display: inline;
	font-size: 70%;
	padding-left: 5px;
	padding-right: 5px;
	line-height:100%;
	}
.browseend a:hover{color: #0099CC;
	text-decoration: none;
	display: inline;
	font-size: 70%;
	padding-left: 5px;
	padding-right: 5px;
	line-height:100%;
	}

.browse2{color: #666666;
	text-decoration: none;
	font-size: 70%;
	display: inline;
	padding-left: 5px;
	padding-right: 2px;	
	line-height:180%;
	}
.browse2 a:link{color: #0099CC;
	text-decoration: none;
	display: inline;
	padding-left: 5px;
	padding-right: 2px;
	line-height:100%;}

#footlinks{padding-top: 15px;
padding-left: 5px;
margin-bottom: -5px;
text-align: left;
}

#w3C{width: 700px;
padding-left; 200px;
}

#upload{width: 450px;
margin-top: 30px;
font-family: Verdana, Arial, Helvetica, Sans-serif;
font-size: small;	
}

.button2{color: #0099CC;
	font-weight: bold;
	}
	
.button a{color: #0099CC;
	font-family: Verdana, Arial, Helvetica, Sans-serif;
	text-decoration: none;
	}
	
.button a:hover{text-decoration: underline;
	} 


/*HOMEPAGE*/
#home1{width:33%;float:left;background:#D6EDAD;padding:5px;border:3px solid #95BA65}
#home2{width:33%;float:left;background:#D6EDAD;padding:5px;margin-left:2px;border:3px solid #95BA65}
#home3{width:33%;float:left;background:#D6EDAD;padding:5px;margin-left:2px;border:3px solid #95BA65}


.navBlock{float:left}

#loginMenu{font-family: Verdana, Arial, Helvetica, Sans-serif;}
#AdminMenu{font-family: Verdana, Arial, Helvetica, Sans-serif;}
.adminBlock{margin:25px;text-align:left;padding:2px 5px 5px 5px;};
.adminBlock:link{text-decoration:none}
.adminSubBlock{float:left};

h2.adminHeader{font-weight:bold;margin-top:0px;}

/*Form Elements*/
input.button{height:20px;border:1px solid #4AB7DB;background:#C8E9F4;font-weight:bold;color:#4AB7DB;!important}

/*Page Elements */

h1{color:#0099CC;
font-family: Verdana,Arial,sans-serif;
font-size: 125%;
_font-size: 130%;
padding-top: 15px;
padding-bottom:5px;
}

h2{color:#0099CC;
font-family: Verdana,Arial,sans-serif;
font-size: 100%;
_font-size: 103%;
padding-top: 15px;
padding-bottom:5px;
}

h3{color:#666666;
font-family: Verdana,Arial,sans-serif;
font-size: 100%;
padding-top: 18px;
padding-bottom:4px;
}

a{text-decoration: none;
}


a:link {color: #0099CC;
text-decoration: none;
}

a:visited {
color: #0099CC;
text-decoration: none;
}

a:hover {color: #0099CC;
text-decoration: none;
}


/*Classes*/
.warning{color:red}

/*Forms */
#columnarForm legend{margin-left:-8px;font-weight:bold;padding-bottom:5px}
#columnarForm fieldset
{
	float: left;
	display: block;
	width: 16em;
	margin: 0em 1em 1em 0em;
	padding: 0px 0em 1em 1em;
}

#columnarForm fieldset.radio
{
	width: auto;
	margin: 0 0 0 0;
	border:0px
}

#columnarForm fieldset.radio input
{
	/*clear: both;*/

	width: auto;
}

#columnarForm fieldset.radio label
{float:left;
font-weight: normal;
width: auto;
}

#columnarForm input
{
	display: block;
	width: 12em;
}
#columnarForm textarea
{
	display: block;
	width: 12em;
}
#columnarForm label
{
	display: block;
	margin-bottom: 1em;
	font-weight: bold;
}

#columnarForm label.first
{
	padding-top: 1em;
}

#columnarForm select
{
	display: block;
}

#horizontalForm fieldset
{
	display: block;
	margin: 0 0 3em 0;
	padding: 0 1em 1em 1em;
}

#horizontalForm fieldset.radio
{
	margin: 1em 0 2em 0;
}

#horizontalForm fieldset.radio input
{
	clear: both;
	float: left;
	width: auto;
}
#horizontalForm input.btn{width:90px;margin-top:-30px}
#horizontalForm fieldset.radio label
{
	font-weight: normal;
}

#horizontalForm input, #horizontalForm textarea
{
	display: block;
	width: 15em;
}

#horizontalForm input.submit
{
	clear: both;
}

#horizontalForm label
{
	float: left;
	display: block;
	margin: 1em 1em 0 0;
	font-weight: bold;
}

#horizontalForm select
{
	display: block;
}

table, th, td {
	
	border: 1px solid #ffffff;

	font-family: Verdana, Arial, sans-serif;
	color: #555;
	vertical-align:top;
	MARGIN-BOTTOM: 10PX;
}


td, th {font-size:95%;
	padding: 4px;
}

thead th {
	text-align: left;
	background: #FFF;
	color: #000;
	font-size: 85% !important;
}

tbody th {
	font-weight: bold;
}


table a:link {

	text-decoration: underline;
}

table a:visited {
	color: #0000FF;
	text-decoration: underline;
}

table a:hover {
	
	text-decoration: underline;
}


.link1 a:link{color:#FFFFFF;
display: block;
align: center;
width: 160px;
*width: 152px;
_width: 162px;
padding-left: 15px;
*padding-left:13px;
padding-right: 5px;
text-decoration: none;
font-family: Verdana, Arial, Helvetica, Sans-serif;
padding-top: 8px;
padding-bottom: 8px;
font-size: small;
font-weight: bold;
background-color: #11C3FF;
margin-bottom: 1px;
}
.link1 a:hover{color:#FFFFFF;
display: block;
align: center;
width: 160px;
*width: 152px;
_width: 162px;
padding-left: 15px;
*padding-left:13px;
padding-right: 5px;
text-decoration: none;
font-family: Verdana, Arial, Helvetica, Sans-serif;
padding-top: 8px;
padding-bottom: 8px;
font-size: small;
font-weight: bold;
background-color: #11C3FF;
margin-bottom: 1px;
}
.link1 a:visited{color:#FFFFFF;
display: block;
align: center;
width: 160px;
*width: 152px;
_width: 162px;
padding-left: 15px;
*padding-left:13px;
padding-right: 5px;
text-decoration: none;
font-family: Verdana, Arial, Helvetica, Sans-serif;
padding-top: 8px;
padding-bottom: 8px;
font-size: small;
font-weight: bold;
background-color: #11C3FF;
margin-bottom: 1px;
}





.link2 a:link{color:#FFFFFF;
*color:#FFFFFF;
display: block;
align: center;
width: 154px;
*width: 152px;
_width: 157px;
padding-left: 15px;
*padding-left:7px;
_padding-left: 12px;
padding-right: 5px;
text-decoration: none;
font-family: Verdana, Arial, Helvetica, Sans-serif;
padding-top: 8px;
padding-bottom: 8px;
font-size: small;
font-weight: bold;
background-color: #11C3FF;
margin-bottom: 1px;
border-left: 6px solid #FFFFFF;
_border-left: 6px solid #FFFFFF;
}
.link2 a:hover{color:#FFFFFF;
*color:#FFFFFF;
display: block;
align: center;
width: 154px;
*width: 152px;
_width: 157px;
padding-left: 15px;
*padding-left:7px;
_padding-left: 12px;
padding-right: 5px;
text-decoration: none;
font-family: Verdana, Arial, Helvetica, Sans-serif;
padding-top: 8px;
padding-bottom: 8px;
font-size: small;
font-weight: bold;
background-color: #11C3FF;
margin-bottom: 1px;
border-left: 6px solid #FFFFFF;
_border-left: 6px solid #FFFFFF;
}

.link2 a:visited{color:#FFFFFF;
*color:#FFFFFF;
display: block;
align: center;
width: 154px;
*width: 152px;
_width: 157px;
padding-left: 15px;
*padding-left:7px;
_padding-left: 12px;
padding-right: 5px;
text-decoration: none;
font-family: Verdana, Arial, Helvetica, Sans-serif;
padding-top: 8px;
padding-bottom: 8px;
font-size: small;
font-weight: bold;
background-color: #11C3FF;
margin-bottom: 1px;
border-left: 6px solid #FFFFFF;
_border-left: 6px solid #FFFFFF;
}

.link3 a:link{color:#FFFFFF;
*color:#FFFFFF;
display: block;
align: center;
width: 160px;
*width: 153px;
_width: 163px;
padding-left: 15px;
*padding-left:12px;
padding-right: 5px;
text-decoration: none;
font-family: Verdana, Arial, Helvetica, Sans-serif;
padding-top: 8px;
padding-bottom: 8px;
font-size: small;
font-weight: bold;
background-color: #43CFFF;
margin-bottom: 1px;
}

.link3 a:hover{color:#FFFFFF;
*color:#FFFFFF;
display: block;
align: center;
width: 160px;
*width: 153px;
_width: 163px;
padding-left: 15px;
*padding-left:12px;
padding-right: 5px;
text-decoration: none;
font-family: Verdana, Arial, Helvetica, Sans-serif;
padding-top: 8px;
padding-bottom: 8px;
font-size: small;
font-weight: bold;
background-color: #43CFFF;
margin-bottom: 1px;
}

.link3 a:visited{color:#FFFFFF;
*color:#FFFFFF;
display: block;
align: center;
width: 160px;
*width: 153px;
_width: 163px;
padding-left: 15px;
*padding-left:12px;
padding-right: 5px;
text-decoration: none;
font-family: Verdana, Arial, Helvetica, Sans-serif;
padding-top: 8px;
padding-bottom: 8px;
font-size: small;
font-weight: bold;
background-color: #43CFFF;
margin-bottom: 1px;
}

.link3live a:link{color:#FFFFFF;
*color:#FFFFFF;
display: block;
align: center;
width: 141px;
*width: 151px;
_width: 144px;
padding-left: 28px;
*padding-left:8px;
_padding-left:25px;
padding-right: 5px;
text-decoration: none;
font-family: Verdana, Arial, Helvetica, Sans-serif;
padding-top: 8px;
padding-bottom: 8px;
font-size: small;
font-weight: bold;
background-color: #43CFFF;
border-left: 6px solid #FFFFFF;
margin-bottom: 1px;
}
.link3live a:hover{color:#FFFFFF;
*color:#FFFFFF;
display: block;
align: center;
width: 141px;
*width: 151px;
_width: 144px;
padding-left: 28px;
*padding-left:8px;
_padding-left:25px;
padding-right: 5px;
text-decoration: none;
font-family: Verdana, Arial, Helvetica, Sans-serif;
padding-top: 8px;
padding-bottom: 8px;
font-size: small;
font-weight: bold;
background-color: #43CFFF;
border-left: 6px solid #FFFFFF;
margin-bottom: 1px;
}

.link3live a:visited{color:#FFFFFF;
*color:#FFFFFF;
display: block;
align: center;
width: 141px;
*width: 151px;
_width: 144px;
padding-left: 28px;
*padding-left:8px;
_padding-left:25px;
padding-right: 5px;
text-decoration: none;
font-family: Verdana, Arial, Helvetica, Sans-serif;
padding-top: 8px;
padding-bottom: 8px;
font-size: small;
font-weight: bold;
background-color: #43CFFF;
border-left: 6px solid #FFFFFF;
margin-bottom: 1px;
}

.link4 a:link{color:#FFFFFF;
*color:#FFFFFF;
display: block;
align: center;
width: 160px;
*width: 152px;
_width: 162px;
padding-left: 15px;
*padding-left:13px;
padding-right: 5px;
text-decoration: none;
font-family: Verdana, Arial, Helvetica, Sans-serif;
padding-top: 8px;
padding-bottom: 8px;
font-size: small;
font-weight: bold;
text-align: left;
background-color: #70DCFF;
margin-bottom: 1px;
}
.link4 a:hover{color:#FFFFFF;
*color:#FFFFFF;
display: block;
align: center;
width: 160px;
*width: 152px;
_width: 162px;
padding-left: 15px;
*padding-left:13px;
padding-right: 5px;
text-decoration: none;
font-family: Verdana, Arial, Helvetica, Sans-serif;
padding-top: 8px;
padding-bottom: 8px;
font-size: small;
font-weight: bold;
text-align: left;
background-color: #70DCFF;
margin-bottom: 1px;
}
.link4 a:visited{color:#FFFFFF;
*color:#FFFFFF;
display: block;
align: center;
width: 160px;
*width: 152px;
_width: 162px;
padding-left: 15px;
*padding-left:13px;
padding-right: 5px;
text-decoration: none;
font-family: Verdana, Arial, Helvetica, Sans-serif;
padding-top: 8px;
padding-bottom: 8px;
font-size: small;
font-weight: bold;
text-align: left;
background-color: #70DCFF;
margin-bottom: 1px;
}


.link4live a:link{color:#FFFFFF;
*color:#FFFFFF;
display: block;
align: center;
width: 154px;
*width: 154px;
_width: 159px;
padding-left: 15px;
*padding-left:5px;
_padding-left:10px;
padding-right: 5px;
text-decoration: none;
border-left: 6px solid #FFFFFF;
font-family: Verdana, Arial, Helvetica, Sans-serif;
padding-top: 8px;
padding-bottom: 8px;
font-size: small;
font-weight: bold;
text-align: left;
background-color: #70DCFF;
margin-bottom: 1px;
}

.link4live a:hover{color:#FFFFFF;
*color:#FFFFFF;
display: block;
align: center;
width: 154px;
*width: 154px;
_width: 159px;
padding-left: 15px;
*padding-left:5px;
_padding-left:10px;
padding-right: 5px;
text-decoration: none;
border-left: 6px solid #FFFFFF;
font-family: Verdana, Arial, Helvetica, Sans-serif;
padding-top: 8px;
padding-bottom: 8px;
font-size: small;
font-weight: bold;
text-align: left;
background-color: #70DCFF;
margin-bottom: 1px;
}

.link4live a:visited{color:#FFFFFF;
*color:#FFFFFF;
display: block;
align: center;
width: 154px;
*width: 154px;
_width: 159px;
padding-left: 15px;
*padding-left:5px;
_padding-left:10px;
padding-right: 5px;
text-decoration: none;
border-left: 6px solid #FFFFFF;
font-family: Verdana, Arial, Helvetica, Sans-serif;
padding-top: 8px;
padding-bottom: 8px;
font-size: small;
font-weight: bold;
text-align: left;
background-color: #70DCFF;
margin-bottom: 1px;
}

#submenu{ 
width: 180px;
*width: 172px;
_width: 150px; 
align:center;
margin-bottom: 10px;
margin-left: -10px;
}
#submenu li{width: 150px;
	list-style: none;}
	
#text1{color: #333333;
width: 500px;
font-family: Verdana, Arial, Helvetica, Sans-serif;
font-size: small;
}



/*////////////ADMIN BLOCK/////////////////////////////////////////*/
#admin{width:739px;height:53px;background-repeat:no-repeat;/*background-image:url(../images/admin/menu/bgd.gif);*/background-color:#f5f5f5;padding:15px 25px 0px 0px;text-align:right;margin-bottom:10px;font-size : x-small;color:#999}
#admin a{color:#999}
#wrap{margin:0 auto;width:755px;font-family:Verdana, Arial, Helvetica, sans-serif;font-size:80%; background-color: #FFFFFF;}
#section{margin:15px 15px 15px 15px;text-align:left;}
#header{width:755px;}