/* ---------- page structure ---------- */
#container
{
width: 100%;
text-align: left;
margin: 0;
background: #fff;
}
#intro
{
position: relative;
}
#mainContent
{
margin: 0 50px 15px 50px;
padding-bottom: 5px;
}
#outro
{
position: relative;
}


/* ---------- general formatting ---------- */
body
{
color: #3A4956;
font-size: 75%;
font-family: "Lucida Grande" , "Lucida Sans Unicode" , Verdana, Tahoma, Arial, sans-serif;
line-height: 160%;
margin: 0;
padding: 0;
text-align: left;
}
h1
{
font: bold 24px Helvetica, Arial, sans-serif;
color: #002288;
letter-spacing: -1px;
margin: 2em 0 0 0;
}
h2
{
border-top: 1px solid #002288;
padding-top: 5px;
clear: both;
color: #002288;
font: normal 18px Helvetica, Arial, sans-serif;
margin: 2em 0 0 0;
}
h3
{
font-size: 12px;
color: #002288;
margin: 1em 0 0 0;
position: relative;
top: 8px;
}
hr
{
border: none;
height: 1px;
background: #ccc;
margin: 2em 0 4em 0;
}
p
{
margin: 1em 0 0 0;
} 



/* ---------- tables ---------- */
table  /* Nice tables are minimalistic-looking tables with a text hover function */
{
	background: #fff;
	margin: 45px;
	width: 95%;
	border-collapse: collapse;
	text-align: left; 
}
th
{
	font-size: 14px;
	font-weight: normal;
	color: #039;
	padding: 10px 8px;
	border: none;
}
td
{
	border-bottom: 1px solid #ccc;
	color: #669;
	padding: 6px 8px;
}
tbody tr:hover td
{
	color: #009;
}



/* ---------- page header/title ---------- */
#pageHeader
{
width: 100%;
height: 80px;
background: #005DB3;
position: relative;
}
#pageHeader h1
{
color: #fff;
margin: 0 0 5px 20px;
font: bold 24px Helvetica, Arial, sans-serif;
letter-spacing: -1px;
}
#pageHeader a:link, #pageHeader a:hover, #pageHeader a:visited
{
color: #fff;
background-color: #005DB3;
text-decoration: none;
}



/* ---------- menu bar ---------- */
#menu
{
color: #fff;
height: 46px;
background: #5195CE;
font-size: 90%;
}
#menu ul
{
margin: 0;
padding: 1em 1em 0 0;
}
#menu li
{
display: inline;
list-style: none;
}
#menu a:link, #menu a:visited
{
color: #fff;
display: block;
float: right;
padding: 1px 9px 3px 6px;
margin: 0 6px;
text-decoration: none;
}
#menu a:hover
{
color: #bbee22;
background-color: transparent;
}
#menu .activelink a
{
background: #002288;
}
#menu .activelink a:hover
{
color: #fff;
background-color: #002288;
cursor: default;
}



/* ---------- main content formatting ---------- */
#mainContent
{
font-size: 100%;
}
#mainContent ul li
{
list-style: inherit;
padding: 0 0 0 5px;
margin: 0;
}
#mainContent a:link
{
color: #002288;
text-decoration: none;
border-bottom: dotted 1px #002288;
}
#mainContent a:visited
{
color: #002288;
text-decoration: none;
border-bottom: dotted 1px #002288;
}
#mainContent a:hover
{
border-bottom: none;
color: #fff;
background-color: #002288;
text-decoration: none;
}
#mainContent blockquote
{
padding: 0 0 0 15px;
margin: 10px 0 10px 15px;
width: auto;
float: right;
border-left: thin dotted #000;
}



/* ---------- faq ---------- */
.faq p, .faq pre, .faq ul, .faq table
{
margin: .5em 0 0 50px;
padding-top: 0px;
padding-bottom: 2px;
}
.faq h1
{
margin-bottom: 1em;
}
.faq ul
{
padding-left: 30px;
}
#mainContent .question
{
font-weight: bold;
margin: 1.5em 0 0 0;
padding-top: 0px;
padding-bottom: 2px;
}


.instruction 
{
position: absolute;
display: block;
margin-left: 24px;
margin-top: 0px;
padding: 0 8px;
padding-left: 3%;
color: #C76E34;
border: 1px solid #FFBB65;
background: #FFE0B6 url(images/doc.png) 10px 50% no-repeat;
}

/* ---------- back to the top ----------- */
.backtotop, .faq .backtotop
{
float: right;
clear: both;
padding: 3em 0 0 4em;
padding: 0;
font-size: 90%;
}



/* ---------- date ----------- */
.date, .faq .date
{
color: #BFC3C7;
text-align: right;
font-size: x-small;
clear: both;
padding-top: 4em;
}



/* ---------- footer ---------- */
#menu2
{
color: #fff;
height: 46px;
background: #5BC236;
font-size: 90%;
}
#menu2 ul
{
margin: 0;
padding: 1em 1em 0 0;
}
#menu2 li
{
display: inline;
list-style: none;
}
#menu2 a:link, #menu2 a:visited
{
color: #fff;
display: block;
float: right;
padding: 1px 9px 3px 6px;
margin: 0 6px;
text-decoration: none;
}
#menu2 a:hover
{
color: #ffffff;
background-color: transparent;
}
#menu2 .activelink a
{
background: #002288;
}
#menu2 .activelink a:hover
{
color: #fff;
background-color: #002288;
cursor: default;
}