/*
Design by Damian Pang - http://graphicswerx.com 
June 28th, 2010
*/

/* Main */  
* { margin: 0; padding: 0; }

body { 
color: #000; 
background: #fff url(images/headerbg.gif) repeat-x; 
font: 86% Arial, Helvetica, sans-serif; 
margin: 0 auto; 
padding: 0;
}

.wrap { 
padding: 0 10px 10px 10px; 
width: 960px; 
margin: 0 auto; 
}

a { 
color: #08224f; 
background: inherit; 
text-decoration: underline; 
}

a:hover { 
color: #4e4e4e; 
background: inherit;
text-decoration: none;
}

a img {
border:0;
}

ul { 
margin:10px 10px 10px 0; 
padding:0 0 0 15px; 
}

li { 
margin:0 0 0 10px; 
padding:3px; 
}

img { 
border: 0; 
text-decoration: none; 
}

.small {
font-size: 80%;
}

/* Header */	   
#logo {
float:left; 
margin: 18px 20px 14px 5px; 
color:#adc7db; 
}

#logo h1 {
font-size: 2em;
margin: 0 0 2px; 
}

#logo h1 a { 
color: #fff;
text-decoration: none;
border-bottom: none;
}

#logo h1 a:hover { 
color: #adc7db;
text-decoration: none;
}

#logo p {
margin:0 0 16px;
}
	
/* Navigation */
#nav { 
float: right; 
border: none; 
padding: 0; 
margin: 51px 10px 60px 0; 
}

#nav li { 
float: left; 
list-style: none; 
margin: 0 4px 0 0; 
padding: 0; 
font-size: 1em; 
}

#nav li a { 
display: block; 
padding: 10px 12px 15px; 
color: #fff; 
text-decoration: none; 
border: 0; 
margin: 0 1px 0 0; 
}

#nav li a:hover, #nav li a.current { 
background: url(images/navbg.gif) no-repeat bottom center; 
color: #adc7db; 
}	

/* Main Content Area */
#content { 
float: right; 
width: 720px; 
margin: 0 0 20px 0; 
}

#content h1 {
color: #000059;
font-size: 1.9em; 
font-weight: 600;
/*
letter-spacing: -1px; 
*/
margin: 10px 0; 
padding: 0;
text-align: center;
}

#content h1l {
color: #000059;
font-size: 1.9em; 
font-weight: 600;
letter-spacing: -1px; 
margin: 10px 0; 
padding: 0;
}


#content h2 {
color: #001E8A;
font-size: 1.8em; 
font-weight: 400;
letter-spacing: -1px; 
margin: 14px 0; 
padding: 0;
}



#content h3 {
color: #000059;
font-size: 1.5em; 
font-weight: 400; 
margin: 12px 0; 
padding: 0;
}

#content p { 
margin:0 0 16px;
font-size: 110%; 
line-height: 1.2em; 
}
	
/* Sidebar */
#sidebar {	
width: 200px; 
float: left; 
margin: 0 0 20px 0; 
}

#sidebar h2 { 
color:#fff; 
margin: 5px 0; 
font: bold 1.2em Arial, Helvetica, sans-serif; 
background: #fff url(images/sidebarh2bg.gif) repeat-x; 
padding: 4px 10px; 
border-bottom: 2px solid #000; 
}

#sidebar ul { 
list-style: none; 	
padding: 0; 
margin: 0 0 15px 0; 
}

#sidebar ul li { 
border-bottom: 1px dashed #ccc; 
padding: 8px; 
margin: 0; 
}

#sidebar ul li a {
color: #08224f;
font-weight: bold;
background: inherit; 
text-decoration: none; 
}

#sidebar ul li a:hover { 
color: #333; 
font-weight: 500;
background: inherit;
text-decoration: none;
}

.info { 
border: 1px solid #999; 
padding: 4px 6px; 
margin: 10px 0; 
}
	
	
/* Footer */
#footer { 
clear: both; 
border-top: 2px solid #ccc; 
padding: 20px 0;
text-align:center;
font-size: 90%;
color: #808080; 
}

#footer p { 
margin:0 0 8px;
line-height:1.2em; 
}

.disclaimer {
border: 1px solid #ccc;
font-style: italic;
padding: 15px 22px; 
margin: 20px 30px; 
}

/* hs additions */

.bold {
font-weight:bold;
}

.boldr {
font-weight:bold;  color: red; 
}

.ubox  {
 border-color: blue;
 border-style: solid;
 border-width: 2px 2px 2px 2px ;
 padding: 10px 10px 10px 10px; 
 margin: 40px 20% 30px 20%;
 margin: 40px 15% 30px 15%;
text-align: left;
}

.divider  {
 margin: 20px 0px 10px 0px;
 height: 2px;
 background: black;
}

p.return {
 text-align: center; 
 margin: 10px 0px 0px 0px;
 }


.cp {
color: #000059;
font-size: 0.7em; 
font-weight: 600;
letter-spacing: -1px; 
margin: 10px 0; 
padding: 0;
text-align: center;
}


.mtable-cell {
 padding: 5px 5px 5px 5px;
 font-size: 1.0em;
 text-align: center;
}

.mtable-header {
 padding: 5px 5px 5px 5px;
 font-size: 2.0em;
 text-align: center;
 color: #990000;
}

.mtable-left {
 padding: 5px 5px 5px 5px;
 font-size: 1.1em;
 background-color: #B0C4DE;
}