/********** Header *************/

#header {width: 100%;}


.skiplink {
	text-align: right;
	position: relative;
	font-size: 90%;
	padding: 2px 3px;
}

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

.skiplink ul li {
	display: inline;
	padding: 0 0 0 0.4em;
	margin:  0 0 0 0.2em;
	border-left: 1px solid #000000;
}

.skiplink ul li a {
	color: #000000;
}

.skiplink li.first {
	border-left-width: 0;
	padding-left: 0;
}

.imageright {float: right;}

.imageleft {float: left;}

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

.module-banner {background: #CE3025; overflow: hidden; width: 100%; height: 60px;}

#columnColours  {
	width: 100%;
	color: inherit;
	background: #E4E6D8;
}

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

#middleLeftColumnContainer {
	width: 100%;
	margin: 0 -1px;
	color: inherit;	
	background: #ffffff url(../images/bg-dot-line.gif) repeat-y right; 
}

#middleColumnWrapper, #rightColumnWrapper, #middleLeftColumnContainer {
	overflow: visible;	
	position: relative;	
}
	
#middleLeftWrapper {
	float: left;
	margin: 0;
	width: 100%;
}

#middleColumnWrapper {
	float: left;
	margin: 0;
	display: inline;
	width: 98.9%;
}

.space_http {
/*border: 1px solid #FF0000;*/
float:left;
width:61px;
margin:0;
/*display:block;*/
text-align:right;
padding-right:5px;
/*padding-left:7em;
*/
}

.middleColumn {
	padding: 3px 12px 20px 15px;
	line-height: 150%;
}

.middleColumn a {	
	color: #022C99;
}

.middleColumn .imageright {float: right; margin-left: 15px; margin-bottom: 2px;}

.middleColumn .imageleft {float: left; margin-right: 15px; margin-bottom: 2px;}

.middleColumn ul li{ margin-bottom: 5px;}

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


.middleColumn ul.imagelinks li{ display: inline;}

.middleColumn .image-content {float: left; width: 115px; }

.middleColumn .text-content {margin-left: 120px;}

/********** Useful Links *************/


.middleColumn .useful-links ul { margin: 0; padding: 0; display: inline;}

.middleColumn .useful-links ul li a {white-space: nowrap;}

.middleColumn .useful-links h2 {margin: 0; font-size: 100%; font-weight: normal;}

.middleColumn .useful-links .title {float: left; width: 120px; padding: 0 0 10px 0;}

.middleColumn .useful-links .text-content {margin-left: 120px; padding: 1px 0 10px 0;}

.middleColumn .useful-links ul li {float: left; display: inline; border-left: 1px solid #022C99;
	padding: 0 6px 0 6px;
	margin-bottom: 5px;
	line-height: 125%;
	white-space: nowrap;
}

.middleColumn .useful-links ul li.first  {
	border-left-width: 0;
	padding-left: 0; 
}

/********** Related Links *************/


.middleColumn .related-links h2 {margin: 0; font-size: 100%; font-weight: normal;}

.middleColumn .related-links .title {float: left; width: 120px;}

.middleColumn .related-links .text-content {float: left; margin-left: 0; margin-top: 2.5px;}

.middleColumn .related-links .text-content ul {padding: 0; margin-left: 15px; margin-top: 0;}

/********** Module Links *************/

.middleColumn .module-links {margin: 0; overflow: hidden; width: 100%;  }

.middleColumn .module-links ul { margin: 0; padding: 0; display: inline;}

.middleColumn .module-links ul li a {white-space: nowrap; color: #AE0000; margin: 0; padding: 0; }

.middleColumn .module-links .title {float: left; width: 120px; padding: 0 0 10px 0;}

.middleColumn .module-links .text-content {margin-left: 120px; padding: 1px 0 10px 0;}

.middleColumn .module-links ul li {float: left; display: inline; border-left: 1px solid #AE0000;
	padding: 0 6px 0 6px;
	margin-bottom: 5px;
	line-height: 125%;
	white-space: nowrap;
}

.middleColumn .module-links ul li.first {
	border-left-width: 0;
	padding-left: 0;
}

/********** Grey Container List *************/

.middleColumn .greyListBox {background: #F0F0F0;  margin: 0 0 0 120px; padding: 5px 15px; height: 100%; overflow: hidden; }

.middleColumn .greyListBox ul { margin: 0; padding: 0;}

.middleColumn .greyListBox ul li a {white-space: nowrap; margin: 0; padding: 0; }

.middleColumn .greyListBox ul li {float: left; display: inline; border-left: 1px solid #022C99;
	padding: 0 6px 0 6px;
	margin-bottom: 5px;
	line-height: 125%;
	white-space: nowrap;
}
.middleColumn .greyListBox ul li.first {
	border-left-width: 0;
	padding-left: 0;
}

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

.middleColumn h1 {
	font-size: 150%;
	color: #AE0000;
	line-height: 120%;  
}

.middleColumn h2 {font-size: 120%;}

.middleColumn h3 {font-size: 110%;}

.middleColumn h4 {font-size: 100%;}

.middleColumn h5 {font-size: 90%;}

.middleColumn h6 {font-size: 85%;}

/********** Right Sidebar *************/

#rightColumnWrapper {
	float: right;
	width: 199px;
	margin: 0 -199px 0 0;
	display: inline;
	background: #E4E6D8;
	padding-bottom: 8px;
}

#rightColumnWrapper .flash-imagecontent {text-align: center; padding-top: 5px;}

.sitenav h2 {	
	position: absolute;
	left: -2000px;
	width: 1900px;
	padding: 0;
	margin: 0;
}

.sitenav {background: #D9DBCE; margin:0; padding: 5px 0;}


.sitenav ul li a { color: #000000;}



.sitenav a:visited {
	color: #430043;
}


#rightColumnWrapper .howdoi_bottom h2 {margin: 0; padding: 0;}

#rightColumnWrapper .howdoi_bottom ul { margin: 5px 5px 10px 26px; padding: 0;}


#rightColumnWrapper .howdoi_bottom ul li a{ color: #ffffff; font-weight: bold;}

#rightColumnWrapper .howdoi_bottom div {margin: 5px 5px 0 26px; padding: 0;}

#rightColumnWrapper .howdoi_bottom div a {color: #ffffff;}

.tellus {
	background: #8192BD; 
	width: 176px; 
	text-align: center; 
	margin-left: 12px;  
	margin-top: 5px;
	padding-bottom: 5px; 
}

.tellus span{ color: #FFFBFE; }

.tellus a:hover {
	color: #FFFBFE;
}
/********** Breadcrumbs *************/

.breadcrumb {
	padding: 0 7px;
	margin-top: 1px;
	background: #e4e6d8;
}
	
.breadcrumb ol {margin: 0; padding: 0; display: inline;}
	
.breadcrumb ol li { display: inline; }


   
.breadcrumb ol li a:visited {
	color: #4F004F;
}

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

.footer-line {height: 14px; background: #DF4427; margin: -14px 208px 0 0; position: relative;}

#footer {margin-top: 5px;}

#footer a {color: #011958; white-space: nowrap;}

.footer-links ul { margin: 0; padding: 0 7px;}

.footer-links ul li { 
	display: inline; 
	border-left: 1px solid #011958;
	padding: 0 0 0 0.6em;
	margin: 0 0 0 0.2em;
}

.footer-links li.first  {
	border-left-width: 0;
	margin: 0; padding: 0; 
}

#footer .copywrite{
	font-size: 80%; 
	margin: 5px 0 0 0;
	padding: 0 7px;
}

/********** Misc *************/
	
.clr {clear: both;}


.red {color: #AE0000;}

p.source img {margin-bottom: -5px;} 

img {border: 0;}

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

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

.middleColumn .ImageWrapper {text-align: center;}

.middleColumn .ImageWrapper .ImageContainer {display: inline; padding: 0 15px;}

.center {text-align: center;}

.buttons {
	text-align: center;
}

.buttons a {
	background: #E0E0E0;
    font-weight: bold;
    text-align: center;    
	padding: 3px 7px;
	color: #000;
	border: 1px solid #666; 
}

.buttons a:hover {
	text-decoration: none;
	background: #C8C8C8;
}

.buttons a:visited {
	color: #000;
}

.imageLinks img{
	margin-bottom: -10px;
}

.imageLinks a{
	margin-right: 10px;
}

.linksRight {
	text-align: right; 
	color: #022C99; 
	border: 1px solid #999999; 
	padding: 2px 5px; 
	background: #F8F8F8;
} 

/********** Two column list *************/

.TwoColumnList1 {float: left; width: 50%;}

.TwoColumnList1 ul ul {padding: 0; margin-left: 14px; margin-top: 5px;}


.ListWrapper {
  background: #F0F0F0;
  width: 100%;
  overflow: hidden;	
}

.ListWrapperContainer {	
  	padding: 10px 5px 5px 95px;
}

.TwoColumnList2 {float: left; width: 50%;}

.TwoColumnList2 ul { 
	margin-top: 0; 
	margin-bottom: 0;
}

.TwoColumnList2 ul ul {padding: 0; margin-left: 14px; margin-top: 5px;}


.ListWrapperContainer p{
  	margin: 5px 25px;
}

/********** Table for general use ********/

.middleColumn table.general {
    border-collapse: collapse;
    width: 99%;
    border: none;
}

.middleColumn table.general caption {
	padding: 3px 7px;
	font-weight: bold;
}

.middleColumn table.general th {
	vertical-align: middle;
	background: #D6D6D6;
    padding: 3px 7px;
	border: 1px solid #fff;
	text-align: left;
}

.middleColumn table.general td {
   border: 1px solid #fff;
   vertical-align: top;
   background: #F4F4F4;
   padding: 4px 7px;
   width: 24.75%;
}

.middleColumn table.general td.rightalign {
	text-align: right;
	border: 1px solid #fff;
	vertical-align: top;
	background: #F4F4F4;
	padding: 4px 7px;
}

.middleColumn .right{
	text-align: right;
}

/************* For error fields ***************/

.middleColumn .errorfields {
	background: #FFFF00;
}

.middleColumn .errormessage {
	margin: 0;
	padding: 0 15px;
	border: 1px solid #FBDC8C;
	position: relative;
}

.middleColumn .errormessage p { margin:0; padding: 7px 0; color: #AE0000;}

.middleColumn .errormessage ol {padding: 0; margin: 0 7px 7px 23px;}

.middleColumn .errormessage ol li { color: #AE0000; }

.nodisplay { display: none;}

/****** Note ******/

.middleColumn .note {padding: 5px 10px; position: relative; background: #f2f2f2; border-bottom: 1px solid #999999;}

/************* Forms *************/

.middleColumn  {margin: 0; padding: 0; width: 100%; float: left;}

.middleColumn  p {margin: 0 0 10px 0; padding: 0; }

.middleColumn  fieldset {
	padding: 0 10px 10px 15px; 
	margin-bottom: 8px; 
	border: 1px solid #999999; 
	background: #F8F8F8;
}

.middleColumn  fieldset fieldset {
	margin-top: 20px;
}

.middleColumn  fieldset legend {
	margin-bottom: 10px; 
	margin-left: -7px; 
	background: #D9D9D9; 
	padding: 3px 6px; 
	color: #32439D; 
	font-weight:bold
}

.middleColumn_tbl  fieldset legend {
	background: #D9D9D9; 
	padding: 3px 6px; 
	color: #32439D; 
	font-weight:bold
}

.middleColumn  .btn1 {margin-left: 216px; margin-top: 10px;}

.middleColumn  .btn2 {
	text-align: center; 
	/*margin-top: 20px;*/ 
	padding: 0;}

.middleColumn  .formcontent {margin-bottom: 5px; clear: both; }
.middleColumn  .formcontent_suggest {margin-bottom: 5px; clear: both;height:32px; }

.middleColumn .subContent
{
	float:left;
	clear:both;
	text-align:left;
	
}

.middleColumn  .labels {    
    width: 216px;
    float: left;
	clear:both;
    margin: 0; padding: 0;
	
	}

.middleColumn  .labels_http {    
    width: 150px;
    float: left;
	clear:both;
    margin: 0; padding: 0;
	/*border:2px solid #ff00ff;*/
	}
	

.middleColumn  .labels_new {    
    width: 216px;
    
	clear:both;
    margin: 0; padding: 0;
	}

.middleColumn  .text1 {margin-left: 216px; padding: 0;}
 
.middleColumn  fieldset fieldset .labels {    
    width: 205px;
    float: left;
    }

.middleColumn  .text2 {margin-left: 205px; padding: 0;}

.middleColumn  fieldset fieldset fieldset .labels {    
    width: 194px;
    float: left;
    }
    
.middleColumn  .text3 {margin-left: 194px; padding: 0;}

.middleColumn  .label1 {    
    width: 216px;
    float: left;
    }

.middleColumn  .label2 {    
    width: 100px;
    float: left;
    }
    

.middleColumn  .right {text-align: right; color: #022C99; border: 1px solid #999999; padding: 2px 5px; background: #F8F8F8;} 

.middleColumn .rti-form input,
.middleColumn .rti-form select,
.middleColumn .rti-form textarea {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 100%;
}

.middleColumn form.general {margin: 0; padding: 10px; float: left; background: #F0F0F0; border-top: 1px solid #999999; border-bottom: 1px solid #999999;}

.middleColumn form.general p {margin: 0 0 10px 0; padding: 0; }

.middleColumn form.general fieldset {padding: 0 10px 10px 10px; margin-bottom: 20px; border: 1px solid #999999; background: #F8F8F8;}

.middleColumn form.general fieldset legend {margin-bottom: 10px; margin-left: -7px; background: #D9D9D9; padding: 3px 6px; color: #000000; font-weight:bold;}

.middleColumn form.general div { margin-bottom: 10px; clear: both;}

.middleColumn form.general .formcontent {margin-bottom: 10px; clear: both;}

.middleColumn form.general .labels {    
    width: 200px;
    float: left;
    }

.middleColumn form.general .text {margin-left: 216px; padding: 0;}

.middleColumn form.general .right {text-align: right; color: #022C99; border: 1px solid #999999; 
	padding: 2px 5px; background: #F8F8F8;} 

.middleColumn .general input,
.middleColumn .general select,
.middleColumn .general textarea {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 100%;
}