html{
height:100%;
}

body{
	margin:0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9pt;		
	color:#000000;			
	background-color:#fff;	
}

.container{	
	width:1024px;
	margin:auto;	
	height:725px;	
	background-color:#fff3d9;	
	padding-bottom:20px;	
	}	
	
#header{	
	width:1023px;	
	height:158px;	
	margin:auto;
	background-image: url('../assets/images/header.png');
	positoin: fixed;
	}	
	
.top-nav{
	font-family: Arial, Helvetica, sans-serif;	
	font-size:8pt;	
	font-weight:bold;
	color:#6580b1;
	margin-top:20px;		
	width:580px;
	align:center;
	float:right;
	background-color:#dce9ee;
	padding: 4px 20px 4px 20px;
	text-transform:uppercase;
	
}	

.top-nav a{
	font-family: Arial, Helvetica, sans-serif;	
	font-size:8pt;	
	color:#6580b1;
	font-weight:bold;
	text-decoration:none;
	float:left;
	text-align:center;
	line-height:1.3em;
	padding: 0px 15px 0px 15px;
}	

.top-nav a:hover {
	font-family: Arial, Helvetica, sans-serif;	
	font-size:8pt;	
	color:#333d65;
	font-weight:bold;
	text-decoration:none;	
}	


#left-nav{	
	width:376px;		
	margin-top:20px;	
	float:left;
	}
	
#left-nav-top{	
	width:376px;	
	height: 14px;	
	background-image: url('../assets/images/left-nav-top.png');	
	}	
	
.left-nav-middle{	
	width:376px;	
	margin:auto;	
	min-height:520px;		
	background-color:#dce9ee;		
}		
	
#left-nav-bottom{	
	width:376px;	
	height: 14px;	
	background-image: url('../assets/images/left-nav-bottom.png');		
	}	
	
.nav-content{	
	padding: 5px 5px 5px 5px;		
	text-align:center;	
}

img {
	border:none;
}

.box a {
	font-family: Arial, Helvetica, sans-serif;	
	font-size:8pt;	
	font-weight:bold;
	color:#666;	
	width:160px;		
	text-align:center;	
	text-decoration: none;
	margin-left:10px;
	margin-bottom:10px;
	padding:3px 3px 3px 3px;
	background:#dce9ee;	
	display:block;
	float:left;
}

.box a:hover {
	font-family: Arial, Helvetica, sans-serif;		
	color:#000;		
	background:#FFF;
}

.box-select {
	font-family: Arial, Helvetica, sans-serif;	
	font-size:8pt;	
	font-weight:bold;
	color:#000;	
	width:160px;		
	text-align:center;	
	text-decoration: none;
	margin-left:10px;
	margin-bottom:10px;
	padding:3px 3px 3px 3px;
	background:#FFF;
	display:block;
	float:left;
}
	
.content{		
	margin: 20px 10px 20px 0px;	
	padding: 0px 5px 0px 0px;
	width:600px;	
	height:480px;
	overflow:auto;
	float:right;
	}		
	
	
.popup-content {	
	background-color:#fff3d9;
	min-height:420px;
	padding: 20px 20px 20px 20px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9pt;		
	color:#000000;
}	
	
	
.hr {
	color: #f00;
 	background-color: #0085b3;
 	height: 1px;
	border: 0;
	margin-top:20px;
	margin-right:20px;
}

p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9pt;	
	line-height:1.5em;	
}

h1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14pt;
	color:#1d3068; 
}

h2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12pt;
	color:#0085b3; 
}

li {
	font-family:  Verdana, Arial, Helvetica, sans-serif;
	font-size: 9pt;		
	line-height:1.8em;
}	

a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9pt;	
	color:#003399;

}

a:hover{
	color:#5b84dc;
}	


#footer{	
	width:1023px;	
	height:31px;	
	background-color:#fff3d9;	
	margin:auto;
	background-image: url('../assets/images/footer.png');
	}	

.footer-text {	
	width:1023px;	
	margin:auto;
	text-align:center;	
	}	
	
.footer-text a{	
	width:1023px;	
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;	
	color:#003399;	
	}	
	
.footer-text a:hover{	
	color:#5b84dc;
	}