body {
	width: 779px;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 75%;
	line-height: 140%;
	color: #252525;
	margin-left: auto;
	margin-right: auto;
	margin-top: 10px;
	margin-bottom: 10px;
}

/**************** Links *************/

a:link {color: #123f92; text-decoration: none;}

a:visited {color: #123f92; text-decoration: none;}

a:hover {text-decoration: underline;}
 
/**************** Header *************/

#header { 
	width: 100%;
	overflow: hidden;
}

.headerBanner {width: 100%; overflow: hidden; background: url('images/topbar-bkgd.gif') repeat-x; clear: both;}

.logo {float: left; margin-left: 5px;}

.skipLink {
	clear:both;
}

.skipLink a:focus { 
	position: static; 
	color: #8F1E51;
	background: #ffffff;
}

.hidethis {
	position:absolute;
 	left:0px;
 	width:1px;
 	height:1px;
 	overflow: hidden;
 }

.topLinks {
	float: left;
	clear: left;
	display: inline;
	margin-top: 20px;
}

.topLinks ul {
	margin: 0;
	padding: 0;
}

.topLinks ul li {
	float: left;
	display: inline;
	font-size: 95%;
	margin-right: 15px;
	padding: 17px 0 5px 0;
	font-family: 'Trebuchet MS';
	text-transform: uppercase;
	font-weight: bold;
	color: #1F1F1F;
	background: url('images/toplink-dot.gif') no-repeat top center;
}

.topLinks a{
	text-decoration: none;
	padding: 10px 10px 5px 10px;
	color: #1F1F1F;
}

.topLinks a:hover {
	text-decoration: none;
	color: #1F1F1F;
	background: url('images/toplink-on.gif') repeat-x;
}

.topLinks a:visited {
	color: #1F1F1F;
}

.topLinks ul li span {
	text-decoration: none;
	color: #1F1F1F;
	background: url('images/toplink-on.gif') repeat-x;
	padding: 10px 10px 5px 10px;
	color: #1F1F1F;
}

.textChange {
	text-align: right; 
	margin-top: 26px;
	padding: 0;  margin-right: 5px; 
	}

.textChange ul{
	margin: 0;
	padding: 0;  
	}

.textChange ul li {
	display: inline;
	text-transform: uppercase;
	font-weight: bold;
	color: #1F1F1F;
	margin-left: 2px;
	line-height: 100%;
}

.textChange a {
	color: #1F1F1F;
}

.textChange a:hover {
	color: #8F1E51;
	text-decoration: none;
}

.textChange a:visited {
	color: #1F1F1F;
}

.textChange ul li.textsizeMinus {
	font-size: 110%;
}

.textChange ul li.textsizeNormal{
	font-size: 160%;
	font-weight: normal;
}

.textChange ul li.textsizePlus{
	font-size: 190%;
	font-weight: normal;
}

/************** Main Content **************/

.mainContent {
	padding: 19px 30px 5px 30px;
}

.mainContent .imageLeft {float: left; margin-right: 15px; margin-bottom: 5px;}

.mainContent .imageRight {float: right; margin-left: 10px; margin-bottom: 5px;}

.mainContent ul {margin-left: 18px; padding: 0;}

.mainContent ul li {margin-bottom: 5px; list-style-image:url('images/arrow-grey.gif')}

.mainContent ul ul {margin-top: 10px; margin-bottom: 10px;}

.mainContent ol li {margin-bottom: 5px;}

.mainContent ol {margin-left: 25px; padding: 0;}

.mainContent ol ol {margin-top: 10px; margin-bottom: 10px;}

.external{
	background: url('images/external_link.gif') no-repeat 0 60%;
	padding-left: 16px;
}

blockquote {margin: 0; padding: 0;}

/************** Heading Level **************/

.mainContent h1 {
	font-size: 160%;
	font-weight: normal;
	background: url('images/heading-line.gif') repeat-x bottom;
	padding-bottom: 5px;
	position: relative;
	margin-top: 0;
	line-height: 120%;
}

.mainContent h2 {
	font-size: 110%;
	font-family: 'Trebuchet MS';
	text-transform: uppercase;
}

.mainContent h3 {
	font-size: 125%;
	font-family: 'Trebuchet MS';
	background: url('images/dotted-line.jpg') repeat-x bottom;
	padding-bottom: 3px;
}

.mainContent h4 {
	font-size: 110%;
	background: #E3E3E3;
	padding: 2px 5px;
	border-bottom: 1px solid #939393;
}

.mainContent h5 {
	font-size: 110%;
	font-family: 'Trebuchet MS';
}

.mainContent h6 {
	font-size: 100%;
	font-family: 'Trebuchet MS';
}

/************** Page Layout **************/

#columnColours  {
	color: inherit;
	overflow: hidden;
	width: 100%;
	background: url('images/column-bottom-bkgd1.gif') repeat-y bottom left;
}

#mainContentWrapper {margin: 0 0 0 275px;}

#mainContentWrapper1 {
	width: 100%;
	float: right;
	color: inherit;
	background: url('images/column-bottom-bkgd2.gif') repeat-y bottom right;
}

#mainContentWrapper2 {
	float: right;
	margin: 0;
	display: inline;
	width: 100%;
	padding-bottom: 10px;
	background: url('images/column-top-bkgd2.gif') no-repeat top right;
}

#mainContentWrapper1, #mainContentWrapper2, #leftColumnWrapper {
	overflow: visible;	
	position: relative;	
}

/************** Left Sidebar **************/

#leftColumnWrapper {
	float: left;
	margin: 0 0 0 -275px;
	width: 275px;
	background: url('images/column-top-bkgd1.gif') no-repeat top left;
}

#leftColumnWrapper h2 {
	font-size: 110%;
	font-family: 'Trebuchet MS';
	text-transform: uppercase;
}

#leftColumnWrapper h3 {
	font-size: 125%;
	font-family: 'Trebuchet MS';
	font-weight: normal;
}

#leftColumnWrapper ul {clear: both; padding: 0; margin: 0 0 0 27px;}

#leftColumnWrapper ul li {
	list-style-image: url('images/tick.gif'); 
	margin-bottom: 5px;
	}

#leftColumnWrapper img {margin-right: 10px;}

.leftContent {
	margin-left: 30px;
	padding-bottom: 20px;
	margin-top: 20px;
}

/**************** Flash *************/

.flashContent{background: url('images/flash-bkgd.gif') repeat-x; width: 100%; overflow: hidden; clear: both;}

/**************** Footer *************/

#footer { width: 100%; overflow: hidden; clear: both;}

.copyright {float: left; width: 43%; margin: 0; padding: 0; background: #505050; color: #FFFFFF; }

.copyright p {margin: 0; padding: 2px 5px; font-size: 80%; font-family: Arial, Helvetica, sans-serif;}

.footerLinks {background: #8F1E51; margin: 0; padding: 0; float: right; width: 57%; font-family: 'Trebuchet MS'; color: #FFFFFF;}

.footerLinks .footerContent {padding: 2px 6px; }

.footerLinks a {color: #FFFFFF;}

.footerLinks a:hover {text-decoration: underline;}

.footerLinks a:visited {color: #FFFFFF;}

/**************** Images *************/

img {border: 0;}

.imageLeft {float: left;}

.imageLeft1 {float: left; margin-bottom: 60px;}

.imageLeft2 {float: left; margin-right: 25px; margin-top: -5px;}

.imageRight {float: right;}

.red {color: #8F1E51;}

.leftIndent {padding-left: 24px;}

/**************** Misc *************/

.hidethis {
	position:absolute;
 	left:0px;
 	width:1px;
 	height:1px;
 	overflow:hidden;
}

.clr {clear: both;}

.center {text-align: center;}

.right {text-align: right;}

.imgCenter {
  text-align: center;
}

.imgCenter img{
	margin-right: 10px;
}

.imageicon {margin-bottom: -2px;}

.smallText {font-size: 90%;}

/************** Two Column Divs **************/


.leftBlock1 {float: left; width: 50%;
 	display: inline;
    }

.rightBlock1 {float: left; width: 49.9%; display: inline; background: url('images/bg-dot-line.gif') repeat-y left; }


.leftBlock1 .content {
	padding: 0 20px 0 0;
    }
    
.leftBlock1 .content p,
.rightBlock1 .content p{
	margin-top: 10px;
}   

.rightBlock1 .content {
	padding: 0 0 0 20px;
}

.leftBlock1 h2 {
	font-size: 110%;
	font-family: 'Trebuchet MS';
	padding: 0 20px 0 0;
	margin: 0;
	text-transform: uppercase;
}

.rightBlock1 h2 {
	font-size: 110%;
	font-family: 'Trebuchet MS';
	padding: 0 0 0 20px;
	margin: 0;
	text-transform: uppercase;
}

.leftBlock2 {float: left; width: 49.9%;
 	display: inline;
 	background: url('images/bg-dot-line.gif') repeat-y right;
    }

.rightBlock2 {float: left; width: 50%; display: inline;}


.leftBlock2 .content {
	padding: 0 20px 0 0;
	text-align: center;
    }
    
.rightBlock2 .content {
	padding: 0 0 0 20px;
	text-align: center;
}

.leftBlock2 h2 {
	font-size: 110%;
	font-family: 'Trebuchet MS';
	padding: 0 20px 0 0;
	margin: 0;
	text-transform: uppercase;
}

.rightBlock2 h2 {
	font-size: 110%;
	font-family: 'Trebuchet MS';
	padding: 0 0 0 20px;
	margin: 0;
	text-transform: uppercase;
}

.leftBlock2 .content img,
.rightBlock2 .content img{
	padding: 1px;
	border: 1px solid #B3B3B3;
}

.leftBlock1 h3, .rightBlock1 h3, .leftBlock2 h3, .rightBlock2 h3 {
	margin-top: 10px;
	font-size: 110%;
	font-family: 'Trebuchet MS';
}

.leftBlock2 .content p,
.rightBlock2 .content p{
	margin-top: 5px;
}  
 
/************** Form **************/

form {margin: 0; padding: 0;}

form p {margin: 0 0 5px 0; padding: 0; }

form fieldset {padding: 0 10px 10px 10px; margin-bottom: 20px; border: 1px solid #CCCCCC;}

form fieldset legend {margin-bottom: 10px; background: #EAEAEA; padding: 3px 6px; color: #000;}

form div {margin-bottom: 5px; clear: both;}

form .inlabels {display: none;}

form .selectList {margin-top: 20px;}

form .labels {width: 120px; float: left;}

form select {font-size: 100%;}

#help table td{ padding: 5px 10px 5px 55px; }
#help table th {
	border-bottom: 1px solid #aaa;
	background: #ddd;
	padding: 3px;
	font-weight: bold;
}
#help table{
	background: #f7f7f7;
	width: 95%; margin-left: auto; margin-right: auto;
}
#help .alt {background: #ffffff;}