/* CSS Document */
html,body{height:100%}


body{
		margin: 0;
		padding: 0;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 0.8em;
		color: #333333;
		background-color: #FFFFFF;
		text-align: center;
		

}

#wrapper{
	position: absolute;
	width: 808px;
	padding: 0;
	margin: 0 50% 0 50%;
	left: -404px;
	height:100%;
	min-height:100%;
	background: url(img/bg_repeat.jpg) repeat-y;
	text-align: left;
	
}

html>body #wrapper{height:auto}/* not ie6- */


#header{
		width: 780px;
		height: 269px;
		padding: 0 14px 0 14px;
		margin: 0;
		background: url(img/header.jpg) no-repeat top;
		float: left;
		display: inline;


}

#container{
		width: 780px;
		margin: 0 14px 0 14px;
		padding: 0;
		background: url(img/content_repeat.jpg) repeat-y;
		float: left;
	
}


	

/*-------------------------------------------------------nav------------------------------------------------------*/
#nav{
		width: 176px;
		padding: 10px 10px 150px 10px;
		margin: 0;
		float: left;
		height: auto;
		display: inline;
		font-size: 1em;
		
}

div#nav ul{
		padding: 0;
		margin: 10px 0 0 30px;
		list-style: none;					
										
}

div#nav li{
		margin: 0;
		padding: 10px 0 2px 0;
		
		
															
}



div#nav ul a, a:link, a:visited{
					
		font-weight: 300;
		color: #FFFFFF;
		text-decoration: none;
}

div#nav ul a:hover, a:active{
					
		text-decoration: underline;
		font-weight: 300;
		color: #FFFFFF;
}

div#nav ul ul a:link, ul ul a:visited, ul ul a:hover, ul ul a:active{
		font-weight: normal;
		color: #ffffff;
		
}



div#nav ul ul{
		margin: 4px 0 0 22px;
		
					
}

div#nav ul ul ul{
		margin: 4px 0 0 9px;
					
}



div#nav li span{
					
		font-weight: bold;
		color: #FFFFFF;
		text-decoration: underline;
		
}

div#nav li li span{
		color: #FFFFFF;
		font-weight: bold;
				
}


/*--------------------------------------------------content------------------------------------------------*/
#content{
		width: 514px;
		padding: 25px 40px 20px 30px;
		margin: 0;
		float: left;
		text-align: justify;
		
	

}



/*----------------------------------------------------footer---------------------------------------------------------------*/

#footer {
		display: block;
		clear: both;
		bottom:0px;
		background-color: #00223b;
		width: 780px;
		padding: 2px 0 2px 0;
		margin: 2px 0px 0 0px;
		text-align: center;
		font-size: 0.8em;
		color: #ffffff;
		

}



div#footer ul{

		list-style-type: none;
		margin: 3px;	

}



div#footer li{

		display: inline;
		padding-right: 20px;
		margin: 0;

}


/*------------------------------------------styles-----------------------------------------------*/
h1{
		display: block;
		font-size: 1.5em;
		margin: .67em 0;
		font-weight: bold;
}



h2{
		display: block;
		margin: .83em 0;
		font-size: 1.2em;
		font-weight: bold;

		
}

h5{
		display: block;
		margin: .83em 0;
		font-size: 1.2em;
		font-weight: bold;
		border-bottom: solid 1px #CCCCCC;

		
}

h3{
		display: block;
		margin: 1em 0;
		font-size: 1em;
		font-weight: bold;


}

.small_caps{
		font-size: 0.8em;
}

div#content a:link, a:visited{
		color: #164A6F;
		
		
}


div#content a:hover, a:active{
		color: #164A6F;
		text-decoration: underline;
} 




.img{
		margin: 0;
		padding: 5px;
		border: solid 1px #999999;
		vertical-align: text-top;

}



/*------------------------------------------------table--------------------------------------*/
table{
		margin: 0;
		padding:0;
}

td{
	vertical-align:top;
	
}

.text{
		font-size: 10px;
		color: #666666;
		text-align: center;
		font-style: italic;

}

/*-------------------------------------------------form-----------------------------------------------*/
}
#form {
    width: 450px;
    margin:0;
    border: 1px solid #bac5d6;
    padding: 15px;
    background: #f2f4f7;
}

label {
    float: left;
    width: 75px;
    text-align: left;
    padding-top: 5px;
}

input, textarea {
    padding: 3px;
    margin: 3px;
    border: 1px solid #bac5d6;
    font: 10px Verdana, sans-serif;
    background: #fff;
}
input.fout, textarea.fout {
    border: 1px solid #FF0000;
}

label.fout {
    color: #FF0000;
}