body{
margin:0 20px;
padding:0;
line-height: 1.5em;
font-family: Trebuchet MS, Tahoma, Helvetica, DejaVu sans, sans-serif;
font-size: 0.95em;
color:#221E31;
background: #7676C2 url('../images/body_bg.png') no-repeat bottom right fixed;
}

b, strong {
font-size: 110%;
}

h1 {
color:#61568D;
font-size:2.5em;
letter-spacing:-2px;
font-family: Trebuchet MS, Tahoma, Helvetica, DejaVu sans, sans-serif;
/* font-family:Microsoft Comic Sans, Futura, TSCu_Comic, sans-serif; */
}

h2 {
color:#433C62;
font-size:1.2em;
font-weight:bold;
font-family: Trebuchet MS, Tahoma, Helvetica, DejaVu sans, sans-serif;
/* font-family:Microsoft Comic Sans, Futura, TSCu_Comic, sans-serif; */
}

h3 {
color:#655992;
font-size:1.2em;
font-style:italic;
font-family: Trebuchet MS, Tahoma, Helvetica, DejaVu sans, sans-serif;
/* font-family:Microsoft Comic Sans, Futura, TSCu_Comic, sans-serif; */
}

#contentcolumn ul {
list-style-image:url('../images/doublenote.png');
}

#topsection{
height: 170px; /*Height of top section*/
background:#7676C2 url('../images/logo.jpg') left center no-repeat;
}

#headerlogos {
float:right;
margin-top:35px;
}

#topsection h1{
background: url('../images/title.png') no-repeat;
height:150px;
text-indent: -9999px;
margin-left: 200px;
}

#contentwrapper{
float: left;
width: 100%;
}

#contentcolumnwrapper{
margin-left: 200px; /*Set left margin to LeftColumnWidth*/
background:url('../images/tl-corner.png') left top no-repeat #F3F2FA;
}

#contentcolumn{
padding: 15px;
background:url('../images/tr-corner.png') right top no-repeat;
}
#contentcolumn p {
padding: 0 8px 0 0;
}

#leftcolumn{
float: left;
width: 200px; /*Width of left column*/
margin-left: -100%;
padding-bottom:40px;
}

#nav {
width:80%;
margin: 0 10px;
font-family: Arial, Helvetica, sans-serif;
}

#nav ul {
list-style: none;
margin: 0;
padding: 0;
}

#nav li {
margin: 10px 0px;
}

#nav li a {
display:block;
padding:5px 5px 5px 0.5em;
background-color:#E1DDF0;
color:#0D0C14;
text-decoration:none;
text-align:center;
}

#nav li.active a {
background-color:#C9C5D6;
color:#0D0C14;
font-style:italic;
}

#nav li a:hover {
background: url('../images/semiquaver2.png') no-repeat right center #FFF;
}

#footer{
clear: left;
width: 100%;
background: url('../images/footer_bg.gif');
color: #FFF;
text-align: center;
padding: 4px 0;
}

#footer a{
color: #FFFF80;
}

#contentcolumn .innertube{
margin: 10px; /*Margins for inner DIV inside each column (to provide padding)*/
margin-top: 0;
}

div.right-image {
float:right;
padding:3px;
border-top:solid 1px #C3BCE2;
border-right:solid 1px #E1DDF0;
border-bottom:solid 1px #E1DDF0;
border-left:solid 1px #C3BCE2;
}

.right-image img {
padding:1px;
border-top:solid 1px #E1DDF0;
border-right:solid 1px #C3BCE2;
border-bottom:solid 1px #C3BCE2;
border-left:solid 1px #E1DDF0;
}

img.right-image {
float:right;
}

a {
text-decoration:none;
color:#4C4391;
}

a:hover {
color:#00F;
}

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

td {
padding: 5px;
}

tr {
background-color:#FFF;
}

tr.even {

background-color:#D1CEDF;
}

fieldset
{
	float: left;
	clear: left;
	width: 100%;
	margin: 0 0 1.5em 0;
	padding: 0;
	border: 1px solid #7676c2;
	background: url(../images/fieldset_gradient.png) #D1CEDF repeat-x;
}

legend
{
	margin-left: 1em;
	padding: 0;
	color: #000000;
	font-weight: bold;
}

fieldset ol
{
	padding: 1em 1em 0 1em;
	list-style: none;
	zoom: 1;
}

fieldset li
{
	float: left;
	clear: left;
	width: 100%;
	padding-bottom: 1em;
}

label
{
	float: left;
	width: 10em;
	margin-right: 1em;
}

fieldset.submit
{
	float: none;
	width: auto;
	border-style: none;
	padding-left: 12em;
	background-color: transparent;
	background-image: none;
}

div.success {
	padding: 16px 16px 16px 45px;
	background: #B1DDB5 url('../images/button_ok.png') 8px 50% no-repeat;
	color:#2C442D;
	width:66%;
	text-align:center;
	font-weight:bold;
	margin: 10px auto;
	border-top:1px solid #C5E6C8;
	border-right:1px solid #85AA88;
	border-bottom:1px solid #85AA88;
	border-left:1px solid #C5E6C8;
}

div.error {
	padding: 16px 16px 16px 45px;
	background: #E9A2AC url('../images/button_cancel.png') 8px 50% no-repeat;
	color:#3A292B;
	width:66%;
	text-align:center;
	font-weight:bold;
	margin: 10px auto;
	border-top:1px solid #E9CDCD;
	border-right:1px solid #C68A92;
	border-bottom:1px solid #C68A92;
	border-left:1px solid #E9CDCD;
}

td p {
clear:both;
margin:5px;
}
p img.left {
float:left;
clear:left;
}