/* CSS Document */

body{
	font-family:verdana,arial;
	margin:0px; 
	padding:0px;
	width:100%;
	height:100%;
	background:#FFFFFF;
} 

#mainarea {
	position:absolute;
	padding:20px;
	width:753px;
	height:auto;
	margin-left:-396px;
	margin-top:-300px;
	left:50%;
	top:50%;
	border:1px solid #dddddd;
}

#logo {
	position:relative;
	width:314px;
	height:60px;
	left:-3px;
	top:-4px;
	clear:both;
	display:block;
	border:0px solid #005500;
}

#logosmall {
	position:absolute;
	width:25px;
	height:26px;
	right:20px;
	top:16px;
	clear:both;
	display:block;
	border:0px solid #005500;
}



#navi{
	position:absolute;
	width:auto;
	right:20px;
	top:58px;
	height:auto;
	border:0px solid #005500;	
}

#navi ul{
	margin:0px;
	padding:0px;
	border:0px dashed #aa0011;
}

#navi ul li{
	font-family:verdana;
	font-size:12px;
	list-style-type:none;
	float:left;
	padding-left:10px;
	font-weight:normal;
	text-transform:uppercase;
	border:0px solid #ff00ff;
}

#navi ul li a.highlight{
	font-weight:normal;
}


#headback {
	width:752px;
	height:230px;
	border:0px solid #002200;
	font-size:11px;
	font-weight:normal;
	color:#ffffff;
	border:0px solid #ff00ff;
	display:block;
	overflow: hidden;
	background:#3C6698;
}

#headback ul 
{ 
	margin:0px;
	padding:0px;
	list-style-type:none;
}

#head {
	position:absolute;
	z-index:50;
	top:80px;
	width:752px;
	height:230px;
	font-size:12px;
	font-weight:normal;
	color:#ffffff;
	border:0px solid #0000ff;
}

#head #text{
	width:500px;
	padding-top:30px;
	padding-left:20px;
	color:#EEEEEE;
}

#head #text h1{
	margin:0;
	padding:0;
	font-size:20px;
	color:#ffffff;
}

#portlets {
	margin:0;
	padding:0;
	list-style-type:none;
	margin-top:1px;
}

.portlet{
	width:250px;
	height:150px;
	border:0px solid #002200;
	cursor:pointer;
	float:left;
	margin-right:1px;
}

.portlet h2 {
	margin:0;
	padding:0;
	margin-top:20px;
	font-size:15px;
	text-transform:uppercase;
	color:#EEEEEE;

}

.portlet #text{
	font-size:11px;
	color:#EEEEEE;
	margin-top:0px;
	margin-left:20px;
	margin-right:20px;
	height:95px;
}


.portlet.highlight{
	filter:alpha(opacity=100); 
	-moz-opacity:1.0;
	opacity: 1.0;
	cursor:default; 
}

.portlet .titlelink {
	color:#FFFFFF;
}

.portlet .morelink {
	margin-left:20px;
	margin-right:20px;
	width:210px;
	display:block;
	text-align:right;
	font-size:18px;
	color:#EEEEEE;
}

.morelink:hover {
	font-weight:bold;
	color:#EEEEEE;
}


#clear{
	clear:both;
	display:block;
}

a{
	color:#00237e;
	text-decoration:none;
}

a:hover{
	color:#0057E1;
	text-decoration:none;
}

a.highlight {
	color:#0057E1;
	font-weight:bold;
}


#bottom{
	float:right;
	padding-top:10px;
	font-size:9px;
	color:#bbbbbb;
	border: 0px dashed #006600;
}

#bottom ul {
	margin:0;
	padding:0;
	list-style-type:none;
}

#bottom ul li {
	float:left;

}

#bottom ul li .divider{
	margin-left:5px;
	margin-right:5px;
}

#bottom a{
	text-decoration:none;
	color:#bbbbbb;
}

#bottom a:hover{
	text-decoration:none;
	color:#00237e;
}

.jScrollPaneContainer {
	border:0px solid #FF0000;
}

.jScrollPaneTrack {
background:#BBBBBB none repeat scroll 0 0;
cursor:pointer;
height:100%;
position:absolute;
right:0;
top:0;
}
.jScrollPaneDrag {
background:#0084ff none repeat scroll 0 0;
cursor:pointer;
overflow:hidden;
position:absolute;
}
.jScrollPaneDragTop {
left:0;
overflow:hidden;
position:absolute;
top:0;
}
.jScrollPaneDragBottom {
bottom:0;
left:0;
overflow:hidden;
position:absolute;
}
a.jScrollArrowUp {
display:block;
height:9px;
overflow:hidden;
position:absolute;
right:0;
text-indent:-2000px;
top:0;
z-index:1;
}
a.jScrollArrowUp:hover {
}
a.jScrollArrowDown {
bottom:0;
display:block;
height:9px;
overflow:hidden;
position:absolute;
right:0;
text-indent:-2000px;
z-index:1;
}
a.jScrollArrowDown:hover {
}
a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover {
}