body {font-family:Arial, helvetica, sans-serif; margin:0px; background-color:#ffffff;}

/*************************************************************************************************************************/
/*********************************** MAIN LAYOUT STYLES */
/*************************************************************************************************************************/

div.outerContainer {
	width: 100%;
	background: #dddddd url(../images/main_background.gif) repeat-y center top;

}

div.mainContainer {
	width: 760px;
	background-color: #ffffff;
}

div.mainContainerInside {
	padding: 0px 10px 0px 10px;
}

table.tablemainborder {
	background-color: #ffffff;
}

td.headerCell {
	border-bottom: 8px solid #b51085;
}

td.headerWelcome, td.colouredCell {
	background-color: #b51085;
}

td.headerWelcome div {
	padding: 5px 10px 5px 10px;
	font-size: 18px;
	font-weight: bold;
	color: #ffffff;
}

td.headerWelcome div.backLink {
	padding: 5px 10px 5px 10px;
	font-size: 11px;
	font-weight: bold;
	color: #ffffff;
}

div.backLink A:link {COLOR: #ffffff; text-decoration: underline}
div.backLink A:visited {COLOR: #ffffff; text-decoration: underline}
div.backLink A:active {COLOR: #ffffff; text-decoration: none}
div.backLink A:hover {COLOR: #ffffff; text-decoration: none}

div.leftHeader {
	float: left;
}
	
div.rightHeader {
	float: right;
	width: 260px;
}

/*********************************** RIGHT COLUMN STYLES */

td.greyCellBorderTop {
	background-color: #e3e3e3;
	border-top:3px solid #ffffff;
}

div.rightImage {
	border-top:3px solid #ffffff;
	border-bottom:3px solid #ffffff;
	margin: 50px 0px 0px 0px;
}

/*********************************** CONTENT COLUMN STYLES */

/* needed to fix and IE bug ???? */
td.contentCellRightPadding{
	padding-right:15px;
}

div.leftMainColumn {
	float: left;
	margin: 20px 0px 10px 0px;
	width: 125px;
}
	
div.rightMainColumn {
	float: right;
	margin: 20px 0px 10px 0px;
	width: 365px;
}

/*************************************************************************************************************************/
/*********************************** TEXT STYLES */
/*************************************************************************************************************************/

p, ul {
	font-size: 11px;
	color: #31007B;
	line-height:130%;
	margin-top: 0px;
	margin-bottom: 10px;
}

ul {
	margin-left: 2em;
	padding-left: 0em;
	list-style-type: square;
}

p.large {font-size: 12px;}

p.footer {
	font-size: 10px;
	line-height: 30px;
	margin-left: 15px;
	margin-right: 15px;
	margin-bottom: 0px;
}

h1 {font-size: 20px; color: #b51085; font-weight: bold; margin-top: 0px; margin-bottom: 10px; line-height:110%}
h2 {font-size: 14px; color: #31007B; font-weight: bold; margin-top: 0px; margin-bottom: 10px}
h3 {font-size: 12px; color: #31007B; font-weight: bold; margin-top: 0px; margin-bottom: 10px}

h2#consultquestions {
	padding: 3px 0px 3px 0px;
	border-top: 1px solid #31007B;
	border-bottom: 1px solid #31007B;
 	margin-bottom: 10px;
}

A:link {COLOR: #31007B; text-decoration: underline}
A:visited {COLOR: #31007B; text-decoration: underline}
A:active {COLOR: #31007B; text-decoration: none}
A:hover {COLOR: #31007B; text-decoration: none}

hr {
	height:1px;
	width:100%;
	color: #31007B;
	background-color: #31007B;
	border:0px;
	margin-top: 0px;
	margin-bottom: 10px;
}





/*************************************************************************************************************************/
/*********************************** NOT SURE IF THE FOLLOWING ARE NEEDED ?????? */
/*************************************************************************************************************************/











































p#small {font-size: 10px; line-height:110%;}








.red {font-weight: bold; color: #ff0000;}
.nomargin {margin-bottom: 0px}





/*********************************** TWO COLUMN STYLES */



div#leftcolumnnavigation{
	float:left;
	width:135px;
	margin: 20px 0px 15px 0px;
	padding:0px;
}

/* fails due to IE mac bug */
div#maincolumn{
	/* AVAILABLE WIDTH IS 365 PIXELS */
	width:365px;
	margin: 20px 0px 10px 0px;
	padding:0px;
	float:right;
}

td#maincolumn{
	padding-top: 20px;
	padding-bottom: 20px;
}

div#maincolumnhome{
	/* AVAILABLE WIDTH IS 500 PIXELS */
	width:500px;
	margin:20px 0px 15px 15px;
}

.maincolumnhomepanel{
	margin-bottom:15px;
}

/*********************************** SMALL POP-UP STYLES */

td#smallpopuptop {background-color: #e3e3e3; border-bottom:1px solid #666666; padding: 5px 10px 5px 10px;}
td#smallpopupcenter {background-color: #ffffff; padding: 10px;}

/*********************************** ACCEESSIBILITY TABLE STYLES */

td#simpletable{border-top: 1px solid #31007B; color:#31007B; font-size: 11px; padding:3px;}
th#simpletable{border-top: 1px solid #31007B; color:#31007B; font-size: 11px; padding:3px;}
.simpletableborders {margin-bottom:10px; border-bottom: 1px solid #31007B;}

td#simpletableAlt{color:#31007B; font-size: 11px; padding:3px;}



/*********************************** IMAGE WRAP STYLES */

.imagewithborder {border:1px solid #31007B; border-width: 1px}


/*********************************** FORM STYLES */

select {font-size: 11px; color: #31007B;}
select#quicklinks {width:190px;}
select.width100 {width:100%;}

input {background: #ffffff; font-size: 11px; color: #31007B; font-family:Arial, helvetica, sans-serif; border:1px solid #525759; border-width: 1px;}
input:focus {background: #e3e3e3;}
input#width100 {width:100%;}
input#radioandcheck {border:0px; border-width: 0px;}

textarea {background: #ffffff; font-size: 11px; color: #31007B; font-family:Arial, helvetica, sans-serif; border:1px solid #525759; border-width: 1px;}
textarea:focus {background: #e3e3e3;}
textarea#width100 {width:100%;}