/* CSS Document */

html, body, ul, ol, li, p, h1, h2, h3, h4, h5, h6, form, fieldset {
margin: 0;
padding: 0;
border: 0;
}
body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 100.01%;
	color: #333333;
	background-color: #FFFFFF;
	text-align: center;
}
a:link, a:visited, a:hover, a:focus {
	color: #003399;
	text-decoration: underline;
	font-weight: normal;
}
a:hover {
	text-decoration: underline;
}
td {
font-family:Arial, Helvetica, sans-serif;
color:#666666;
font-size:80%;
margin:0px;
border:solid 0px #cccccc;
}

hr {
border: none 0;
border-top: 1px solid #CCC;/*the border*/
width: 100%;
height: 1px;/*whatever the total width of the border-top and border-bottom equal*/
}
#wrapper {
	background-color: #FFFFFF;
	width: 770px;
	margin-top: 10px;
	margin-right: auto;
	margin-bottom: 10px;
	margin-left: auto;
	border: 0px solid #CCCCCC;
	text-align:left;
	background-image:url(../images/wrapperbg.gif);
	background-repeat:repeat-y;
}
#header{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 70%;
	font-weight:normal;
	color: #003399;
	padding: 5px;
	background-color:#ffffff;
}
#banner{
	height: 111px;
}
#leftcol{
font-family:Arial, Helvetica, sans-serif;
margin-top:10px;
margin-left:10px;
float:left;
width:150px;
padding:5px;
}

#leftcol h1 {
font-family:Arial, Helvetica, sans-serif;
font-size:150%;
color:#FF9900;
}

#leftcol p {
font-family: Arial, Helvetica, sans-serif;
font-size:70%;
color:#666666;
}

#leftcol #nav {
	border-bottom: 1px solid #cccccc;
}

#leftcol #nav ul {
padding: 0;
margin: 0;
background-color:transparent;
list-style-type:none;
font-size:75%;
border:1px solid #cccccc;
}

#leftcol #nav ul li{
display:inline;
padding: 0;
margin: 0;
}
#leftcol #nav ul li a{
color:#003399;
background-color:#ffffff;
text-decoration:none;
padding: 4px 0px 6px 4px;
border-bottom:1px solid #cccccc;
display:block;
height: 1%;
}

#leftcol #nav ul li a:hover, #leftcol #nav ul li a:focus {
background-color:#cccccc;
border-right: 1px solid #ffffff;
border-bottom: 1px solid #ffffff;
color:#000000;
}
#leftcol #nav #current a {
    color:#FFFFFF;
	background-color:#003399;
}

#content {
margin-left:180px;
}

#content p {
font-size:75%;
line-height:130%;
margin:10px;
}
#content h1{
font-size: 110%;
color: #003399;
padding: 0;
margin: 10px;
border-bottom:dashed 0px #006666;
}
#content h2{
font-size: 105%;
color: #003399;
padding: 0;
margin: 10px;
}
#content h3{
font-size: 105%;
color: #354B74;
padding: 0;
margin: 10px;
}
#content h4{
font-size: 105%;
color: #2F405E;
padding: 0;
margin: 10px;
}
#content h5{
font-size: 105%;
color: #006666;
padding: 0;
margin: 10px;
}
#content h6{
font-size: 105%;
color: #006666;
padding: 0;
margin: 10px;
}

#content ul{
 text-indent:0px;
 margin-left: 40px;
 font-size: 75%;
}
.leftimage{
float: left;
margin: 0 10px 20px 0;
border: 1px solid #000000;
}

.rightimage{
float: right;
margin: 0 0 20px 15px;
border: 0px solid #000000;
width: 150px;
}
.clearit {
	display: block;
	clear: both;
}
#footer{
clear:both;
background-color: #ffffff;
color: #666666;
border-top:1px dotted #CCCCCC;
text-align:centre;
}

#footer p {
font-size:65%;
padding:2px;
margin-left:15px;
}

.container {
width:99%;
float:right;
}
#wrapper #content .container .bottom {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 70%;
}