/* CSS Document */


/*  01. main/default elements
---------------------------------------------*/

body { margin:0; padding:0; background-color:#DBECF3; font-family:Arial, Helvetica, sans-serif; font-size:12px}

p { margin:0; padding:0; color:#444444; font-size:10pt; font-weight:normal; line-height:1.6em; padding-bottom:10px}
h1 { margin:0; padding:0; color:#1C8DBC; font-size:20px; font-weight:normal; padding-bottom:10px; padding-top:20px;}
h2 { margin:0; padding:0;  font-size:18px; color:#ff78a8; font-weight:normal; padding-bottom: 5px;}
h3 { margin:0; padding:0;  font-size:16px; color:#424242; font-weight: bold; padding-bottom:5px;}

h4 { margin:0; padding:0;  font-size:15px; color:#6A6857; font-weight: normal; padding-bottom:5px; }
h4 a:link, h4 a:visited { text-decoration: none; color:#6A6857; padding-bottom:7px; padding-top:3px; }
h4 a:hover { text-decoration: none; color:#6A6857}
li {font-family:arial; font-size:10pt; }


/*  02. container and wrapper
---------------------------------------------*/

#container { width:760px; margin:0 auto}
#wrapper { width:758px; margin:0; background:#FFFFFF; border-left:1px solid #FFFFFF; border-right:1px solid #FFFFFF; float:left}


/*  03. header styles
---------------------------------------------*/

#header { width:757px; height:172px; float:left}

#logo { width:185px; float:left; height:140px; background:#FF78AB url(../images/bg_logo.gif); padding-top:32px; padding-left:7px }
#headerimage { width:564px; height:159px; float:left} 


/*  04. content
---------------------------------------------*/

#content { width:757px; background:url(../images/bg_content.gif) repeat-y; float:left}
.contents a:link { text-decoration: underline; color:#51859D; padding-left:0px; padding-right:0px}
.contents a:active { text-decoration: underline; color:#51859D; padding-left:0px; padding-right:0px} 
.contents a:visited { text-decoration: underline; color:#51859D; padding-left:0px; padding-right:0px}
.contents a:hover { text-decoration: underline; color:#FF859D; padding-left:0px; padding-right:0px}  


/*  05. leftpanel
---------------------------------------------*/

#leftpanel { width:185px; float:left; padding-left:7px}

#sidelinks { width:175px; background:url(../images/bg_sidenav.gif) repeat-y top left; padding-top:30px}
#sidelinks ul { list-style:none; margin:0; padding:0; padding-left:5px; padding-top:10px}
#sidelinks li {margin: 0; width:155px;}
#sidelinks li a {display: block; padding: 6px 5px 5px 15px; background:url(../images/bullet.gif) no-repeat center left; color: #1A1A1A; text-decoration:none; width:100%; font-weight: normal; font-size:12px}
#sidelinks li a:hover {color: #000; text-decoration:none; background:url(../images/bullet_hover.gif) no-repeat center left; font-weight:bold}
#sidelinks li a.selected {color: #000; text-decoration:none; background:url(../images/bullet_hover.gif) no-repeat center left}


/*  06. rightpanel
---------------------------------------------*/

#rightpanel { width:565px; float:left; position:relative;} 
#rightpanel p { padding-right:10px} 

.contents { padding:15px; float:left}

.quicklinks { width:545px; margin:0; padding:0; margin-bottom:10px; float:left; padding-left:15px}
.set1 { width:168px; height:135px; float:left; background-color:#FFE8EE; padding:3px; margin-right:8px}
.set2 { width:168px; height:135px; float:left; background-color:#FFE8EE; padding:3px; margin-right:8px}
.set3 { width:168px; height:135px; float:left; background-color:#FFE8EE; padding:3px}
.thumb { margin:0; padding:0;}



/*  07. footer styles
---------------------------------------------*/

#footer { width:727px; background-color:#C1E0EE; padding:15px; float:left; font-size:11px; color:#51859D}
#footer .copyrights { width:250px; float:left}
#footer .copyrights a:link, a:visited { text-decoration: none; color:#51859D; padding-left:5px; padding-right:5px} 
#footer .footerlinks { width:400px; float: right; text-align:right}
#footer .footerlinks a:link, #footer .footerlinks a:visited { text-decoration: none; color:#51859D; padding-left:5px; padding-right:5px}
#footer .footerlinks a:hover { text-decoration: underline; color:#51859D}


/*  08. miscellaneous styles
---------------------------------------------*/

img { border:none}

.tblInfo th
{
	background-color: #DBECF3;
	text-align: left;
	font-size: 12pt;
	font-weight: bold;
	padding: 4px;	
}

.tblInfo td
{
	text-align: left;
	font-size: 10pt;
	padding: 4px;	
}

#tblSelect
{
	margin: 0px;
	background-color: white;
	padding: 0px;
}