/* standard elements */
* {
	margin: 0;
	padding: 0;
}

body {
	background-color: #0F4FA8;
	color: #543;
	font-family:"Lucida Sans Unicode", Arial, Helvetica, sans-serif;
margin-top:10px;

}

code {
	background: #CFF3CF;
	border: 1px solid #00B600;
	border-left: 6px solid #007600;
	color: #007600;
	display: block;
	font: normal 12px "Lucida Sans Unicode",serif;
	margin-bottom: 12px;
	padding: 12px 10px;
	white-space: pre;
}


/* misc */
.clearer {
	clear: both;
}

/* structure */
.container {
	background-color: #FFFFCC;
	margin: 5px auto;
	width: 900px;
border-left:1px solid #05316D;
border-right:1px solid #05316D;
border-top:1px solid #05316D;
}

/* header */
.header {
	background: url(images/header.jpg) top left no-repeat;
	height: 100px;
	margin: 0 auto;
	width: 900px;
}

/* title */
.title {
	padding: 32px;
}
.title h1 {
	color: #E4DBCF;
	font: normal 3.4em "Lucida Sans Unicode","Trebuchet MS",sans-serif;
}

/* navigation */
#navigation {
	background: url(images/menu.jpg) repeat-x;
font: bold 12px Verdana,sans-serif;
	height: 36px;
	margin: 0 auto;
	width: 898px;
text-align:center;
}
#navigation a {
	color: #FFFFCC;
background:url(images/menu.jpg) repeat-x;
	text-decoration: none;
	padding:10px 15px 10px 15px;
	line-height: 36px;
}
#navigation a:hover, #navigation #current{
	background: url(images/menudown.jpg) repeat-x;
	color: #FFFF99;
padding:10px 15px 10px 15px;
line-height: 36px;
}

/* main */
.main {
	clear: both;
	padding: 0 10px 0px 20px;
margin-bottom:0px;
}

/* sub navigation */
.side {
	float: right;
clear:none;
	width: 280px;
margin:10px 10px 0px 0px;
}
.topic {
background-color:#FFFF99;
width:265px;
padding:5px;
margin: 5px 0px 10px 0px;
border: 1px solid #0F4FA8;
border-bottom:5px solid #0F4FA8;
border-right:5px solid #0F4FA8;
}
.side h1 {
	
	border-bottom: 1px solid #0F4FA8;
font-family:Arial, Helvetica, sans-serif;
	color: #0F4FA8;
	font-size: 14px;
	margin:0px 10px 0px 10px;
	padding: 10px 5px 3px 0px;
}
.side ul {
	margin:0;
	padding: 0;
}
.side li {
	
	border-top: 1px solid #FFFFFF;
	list-style: none;
width:200px;
margin-left:10px;
}
.side li a {
	background: #37DB37;
	color: #FFFFFF;
	display: block;
	padding: 8px 4px 8px 12px;
	text-decoration: none;
font-weight:bold;
}
.side li a:hover {
	background: #62DB62;
	color: #007600;
font-weight:bold;
}
.side p {
font-size:12px;
font-family:Arial, Helvetica, sans-serif;
line-height:140%;
padding: 5px 10px 2px 10px;
} 
.side a {
text-decoration:none;
color:#0F4FA8;
font-weight:bold;
}
.side a:hover {
text-decoration: none;
color:#6996DE;
font-weight:bold;
}

/* content */
#centre {
width:900px;
height:300px;
margin:10px 0px 5px 0px;
}
.left {
float:left;
width:550px;
height:300px;
margin-left:0px;
}
.right {
float:right;
width: 320px;
height: 300px;
margin:0px 20px 0px 0px;}
.content {
	padding-top: 12px;
	float: left;
	width: 580px;
padding-bottom:0px;
margin-bottom:0px;
}
.content h1 {
font-size:16px;
color:#0F4FA8;
font-family:Arial, Helvetica, sans-serif;
line-height:140%;
padding: 5px 10px 2px 10px;
} 
.content h2 {
font-size:14px;
color:#0F4FA8;
font-family:Arial, Helvetica, sans-serif;
line-height:140%;
padding: 10px 5px 2px 10px;
}
.content h2 span{
font-size:12px;
color:#543;
font-weight:normal;
font-family:Arial, Helvetica, sans-serif;
line-height:140%;
padding: 10px 10px 2px 5px;
}  
.content p {
font-size:12px;
font-family:Arial, Helvetica, sans-serif;
line-height:140%;
padding: 8px 20px 8px 10px;
} 
.content p.feedback {
	color: #0F4FA8;
	font-size: 12px;
font-family: "Courier New", Arial, Helvetica, sans-serif;
padding-bottom:10px;
}
.content p.feedback span{
	color: #543;
	font-size: 12px;
font-weight:bold;
font-family: Arial, Helvetica, sans-serif;
}
.content a {
text-decoration:none;
color:#0F4FA8;
font-weight:bold;
}
.content a:hover {
text-decoration: none;
color:#6996DE;
font-weight:bold;
}
.content ul {
list-style-type:none;
font-size:12px;
line-height:140%;
margin-left:20px;
font-family: Arial, Helvetica, sans-serif;
}
.content ul li {
background: url(images/bullet.png) left top no-repeat;
padding-left:18px;
line-height:140%;
}
.content1 {
	padding-top: 12px;
	float: left;
clear:both;
	width: 880px;
padding-bottom:0px;
margin-bottom:0px;
}
.content1 h1 {
font-size:16px;
color:#0F4FA8;
font-family:Arial, Helvetica, sans-serif;
line-height:140%;
padding: 5px 10px 2px 10px;
} 
.content1 h2 {
font-size:14px;
color:#0F4FA8;
font-family:Arial, Helvetica, sans-serif;
line-height:140%;
padding: 10px 10px 2px 10px;
} 
.content1 p {
font-size:12px;
font-family:Arial, Helvetica, sans-serif;
line-height:140%;
padding: 8px 20px 8px 10px;
} 
.content1 p.feedback {
	color: #0F4FA8;
	font-size: 12px;
font-family: "Courier New", Arial, Helvetica, sans-serif;
padding-bottom:10px;
}
.content1 p.feedback span{
	color: #543;
	font-size: 12px;
font-weight:bold;
font-family: Arial, Helvetica, sans-serif;
}
.content1 li {
	list-style: url(img/li.gif);
	margin-left: 18px;
}
.content1 a {
text-decoration:none;
color:#0F4FA8;
font-weight:bold;
}
.content1 a:hover {
text-decoration: none;
color:#6996DE;
font-weight:bold;
}
.content1 ul {
list-style-type:none;
font-size:12px;
line-height:140%;
font-family: Arial, Helvetica, sans-serif;
}
.content1 ul li {
background: url(images/bullet.png) left top no-repeat;
padding-left:18px;
}


/* footer */
.footer {
	background:  #0F4FA8 url(images/footer.jpg) repeat-x;
	color: #FFFF99;
    font-family:Arial, Helvetica, sans-serif;
	font-size: 10px;
	height: 36px;
	margin-bottom:0px;
	text-align: center;
    padding-top:10px;
padding-bottom:0px;
	width: 900px;
    border-bottom:1px solid #05316D;
}
.footer p span {
	float:right;
clear:none;
width:300px;
text-align:right;
padding: 8px 3px 0px 0px;
}
.footer p span a {
	color: #FFFFFF;
	text-decoration: none;
}
.footer p span a:hover {
	color: #FFFF99;
	text-decoration: none;
}
.thumbnail_right {
float:right;
margin: 0px 10px 10px 10px;
}
table tr th {
font-size:12px;
font-weight:bold;
height:20px;
background: url(images/tabletitle.jpg) left center repeat-x;
font-family:Arial, Helvetica, sans-serif;
}
table tr td {
font-size:12px;
padding-left:5px;
font-family:Arial, Helvetica, sans-serif;
}
/* form */

.form legend { font-family:Arial, Helvetica, sans-serif; font-size:14px; padding:0 5px 0 5px; color: #0F4FA8;  }
.form p { margin: 2px 0; padding: 0; }
.form label { width: 100px; float: left; text-align: right; margin-right: 10px; display: block; }
.form label span, .form span.hlight { color:#CC0000; font-weight: bold; }
.form .indent { margin-left: 100px; }
.form .error { color:#bb0000; }
.form span.error {display:block;margin-left:100px;}
.form .required { border: 1px solid #000077; }
.form input, .form textarea { font-family:Arial, Helvetica, sans-serif; font-size:12px; width:300px; margin-left:5px;}
#fsb { padding:25px; }
.form p.submit input{ width:60px; }

.form2 {width:550px;}
.form2 legend { font-family:Arial, Helvetica, sans-serif; font-size:14px; padding:0 5px 0 5px; color: #0F4FA8; }
.form2 fieldset p { margin-left:100px; color:#0F4FA8; font-size:12px; }
.form2 p { margin: 2px 0; padding-bottom:2px; }
.form2 label { width: 130px; float: left; text-align: right; margin-right: 10px; display: block; }
.form2 fieldset p select { width:100px; margin-left:5px;}
.form2 label span, .form2 span.hlight { color:#CC0000; font-weight: bold; }
.form2 .indent { margin-left: 100px; }
.form2 .error { color:#bb0000; }
.form2 span.error {display:block;margin-left:100px;}
.form2 .required { border: 1px solid #000077; }
.form2 input, .form2 textarea { font-family:Arial, Helvetica, sans-serif; font-size:12px; width:180px; margin-left:5px;}
#fsb { padding:25px; }
.form2 p.submit input{ width:60px; margin-left:150px; }