/* CSS Document */
body	{
margin:0px;
padding:0px;
font-family: "Century Gothic", Verdana, Arial, Helvetica, sans-serif;
font-size: 90%;
color: #330066;
background-image:   url(../images/background_large.gif);
background-repeat: repeat-y;
}
p {
margin-top: 10px;
margin-right: 0px;
margin-bottom: 5px;
margin-left: 0px;
}
h1 {
font-family: Century Gothic, Verdana, Arial, Helvetica, sans-serif;
font-size: 175%;
color: #CCCCCC;
margin-top: 10px;
margin-right: 10px;
margin-bottom: 5px;
margin-left: 0px; /* Because of highlight on Welcome menu link */
}
h2 {font-family: Arial, Helvetica, sans-serif;
color: #CCCCCC;
margin-top: 10px;
margin-right: 10px;
margin-bottom: 5px;
margin-left: 10px;
}

em {margin: 0px 0px 0px 0px} 


/*******************************************************************/
/* SECTIONS **********************************************************/

/* MSIE display:inline-block is to make sure MSIE doesn't paint the background above the containers, the overflow declaration is to make sure the containers do not drop below siblings if content pushes the width (in modern browsers it doesn't drop, but it spawns an horizontal scrollbar)  */

.content {
overflow:hidden;
display:inline-block;
text-align:left;
margin: 0px 15px 0px 40px; /* TOP - RIGHT - BOTTOM - LEFT */
padding: 0px;
}
#menu {
overflow:hidden;
display:inline-block;
text-align:left;
margin: 0px 15px 0px 30px; /* TOP - RIGHT - BOTTOM - LEFT */
padding: 0px;
}

/*******************************************************************/
/* TEXT ******************************************************************/
a.textlinks:link    {
color:       #9900FF;
text-decoration: none;
margin: 0px 0px 0px 0px;
} 
a.textlinks:visited {
color:      #9900FF;
text-decoration: none;
margin: 0px 0px 0px 0px;
}
a.textlinks:hover   {
color: #FFFFFF;
text-decoration: none;
background: #9900FF;
margin: 0px 0px 0px 0px;
} 
.menutext {
font-family: Century Gothic, Verdana, Arial, Helvetica, sans-serif;
font-size: 175%;
color: #CCCCCC;
margin-top: 10px;
margin-right: 10px;
margin-bottom: 5px;
margin-left: 0px; /* Because of highlight on Welcome menu link */
}
.heremenutext {
color: #330099;
}
a.footerlinks:link    {
color:       #9900FF;
text-decoration: none;
font-size: 80%;
} 
a.footerlinks:visited {
color:      #9900FF;
text-decoration: none;
font-size: 80%;
}
a.footerlinks:hover   {
color: #FFFFFF;
text-decoration: none;
background: #9900FF;
font-size: 80%;
} 
.footer_table_left {
color: #000099;
font-family: Verdana, Arial, Helvetica, sans-serif;
margin: 0px 0px 0px 10px;
}
/*******************************************************************/
/* FOR FORMS IN TABLES ******************************************************************/
.centre_table { /* centres the table - add the class to the table tag */
margin-left: auto;
margin-right: auto;
}
/*******************************************************************/
/* POSITIONING ******************************************************************/
div.row {  /* To position 2 elements - one to the left and one to the right */
margin-left: auto;
margin-right: auto;
margin:0px; 
padding:0;
clear:both;
}
div.row span.left { /* To be used with div.row */
float: left;
text-align: left;
margin-top: 10px;
margin-right: 0px;
margin-bottom: 10px; 
margin-left: 30px;
padding:0;
}
div.row span.right { /* To be used with div.row */
float: right;
text-align: right;
margin-top: 10px;
margin-right: 15px;
margin-bottom: 10px;
margin-left: 0px; 
padding:0;
}
.image_centre { /* centres the image - add the class to the p tag */
text-align:center;
margin-top:0px;
margin-bottom:0px;
padding:0px;
}
.image-right { /* image to the right - add the class to the p tag */
	margin: 0px 0px 10px 10px;
	float: right;
}
/*******************************************************************/
/* SEPARATION ******************************************************************/
.separator_strip { /* TOP - RIGHT - BOTTOM - LEFT */
height: 1px;
background: #660099;
margin: 20px 15px 0px 40px;
clear: both;
}
.separator_strip_grey { /* TOP - RIGHT - BOTTOM - LEFT */
height: 1px;
background: #CCCCCC;
margin: 10px 0px 0px 0px;
clear: both;
}
.separator_strip_white { /* Hidden white strip at the top that keeps the menu contained below header logo, also placed at the bottom to just raise the page off the bottom of the browser window */
height: 2px;
background: #FFFFFF;
margin: 0px 15px 0px 40px;
clear: both;
}
.separator_strip_top {
height: 2px;
background: #660099;
margin: 0px 15px 0px 40px;
clear: both;
}
/*******************************************************************/
a img { /* To replace deprecated attribute border="0" */
border: 0px;
}