body { font-family: Arial, sans-serif; font-size: 100%; }
img { border: 0; }
a:link {color: #4013F2; text-decoration: none;}
a:visited {color: #990033; text-decoration: none;}
a:hover {color: #990033; text-decoration: underline;}
a:active {color: #000099; text-decoration: none;}
/* Text Styles */
.emphasize {
	color: #000070;
	font-weight: bold;
}
h1 {color: #000070;	font-family: Verdana, Arial, Helvetica, sans-serif;	font-weight: bold;}
h2 {color: #000070;	font-family: Verdana, Arial, Helvetica, sans-serif;	font-weight: bold;}
h3 {color: #000070;	font-family: Verdana, Arial, Helvetica, sans-serif;	font-weight: bold;}
h4 {color: #000070; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold;}
.code {
    background-color: #FFFFCC;
	padding: 5px;
}
#head{
    position: absolute;
	top: 10px;
	width: 98%;
}
#head img{
    vertical-align: middle;
	padding: 0px 0px 0px 0px;
}
.whiteLinks a:link, .whiteLinks a:visited, .whiteLinks a:hover {
    color: #FFFFFF;
	font: small Verdana,sans-serif;
	font-weight: bold;
}
/* Search Facility */
#search_box {
     position: absolute;
	 left: 524px;
	 top: 18px;
	 width: 400px;
	 height: 33px;
	 z-index: 1;
}
#wrapper{
	position: absolute;
	top: 163px;
	width: 98%;
	background: url(../Images/bg_pagenav.gif) repeat-y;
}
/* Breadcrumbs */
#breadcrumb{
	font: small Verdana,sans-serif;
	color: #000000;
	padding:10px 0px 10px 20px;
	background: transparent url(../Images/corner.gif) no-repeat top left;
	xposition:absolute;
	xleft: 160px;
	xborder: 3px solid red;
	margin: 0px 0px 0px 160px;
}
#breadcrumb a{
	color: #4013F2;
}
#breadcrumb a:hover{
	color: #990033; 
	text-decoration: underline;
}   
#pageNav{
    float: left;
	width: 160px;
	padding: 25px 0px 0px 0px;
	background-color: #000066;
	font: small Verdana,sans-serif;
}
#sectionLinks{
	margin: 0px;
	padding: 0px;
}
#sectionLinks a:link, #sectionLinks a:visited {
	display: block;
	background-color: #000066;
	font-weight: bold;
	padding: 3px 0px 3px 20px;
	color: #FFFFFF;
}
#sectionLinks a:hover{
	background-color: #cccccc;
	background-image: none;
	font-weight: bold;
	text-decoration: none;
	color: #000066;
}
#sectionLinks li.subMenuTitle {
    display: block;
	border-bottom: 1px solid #cccccc;
	background-color: #000066;
	font-weight: bold;
	padding: 3px 0px 3px 5px;
	color: #CCCCCC;
    width: 155px;
	text-decoration: underline;
}
/************** content styles ****************/
#content{
	padding: 30px 30px 0px 30px;
	margin:0px 0px 0px 160px;
	background-color: #FFFFFF;
}
#pageTitle{
    font: bold 200% Arial,sans-serif;
	color: #000070;
    padding: 5px 0px 14px 0px;
	margin: 0px;
}
/************** feature styles *****************/
.feature{
	padding: 10px 0px 10px 0px;
	font-size: 90%;
	height: auto;
	background-color: #FFFFFF;
}
.contents_text{
    /* 108% is approx 100% as is relative to parent element .feature font-size */
    font-size: 108%;
}

/****** Suckerfish Dropdowns - Vertical ******/
#nav, #nav ul { /* all lists */
	padding: 0;
	margin: 0;
	list-style: none;
	float : left;
	width: 160px;
}
#nav {
    padding: 0px 0px 10px 0px;
}
#nav li { /* all list items */
	position : relative;
	float : left;
	line-height : 1.75em;
	margin-bottom : -1px;
}
#nav li ul { /* second-level lists */
	position : absolute;
	left: -999em;
	/* This was 160px until implementing 'no links' for Daddy Menus - RSH 12.01.07 */
	margin-left : 140px;
	/* This was -28px - 12.01.07 */
	margin-top : -24px;
	border-left: 1px solid #cccccc;
}
#nav li ul ul { /* third-and-above-level lists */
	left: -999em;
	/* This added in for 'no links' for Daddy Menus - RSH 12.01.07*/
	margin-left: 140px;
}

#nav li.daddy {
    background: #000066 url(../Images/rightarrow_white.gif) center right no-repeat;
	/* This lot should be inherited like #sectionLinks a:link does for #nav a:link */
	width: 140px;
	padding: 3px 0px 3px 20px;
	color: #FFFFFF;
    font-weight: bold;
}
#nav li.daddy:hover {
    background: #CCCCCC url(../Images/rightarrow_white.gif) center right no-repeat;
	color: #000066;
}
#nav li.daddy_emph {
    background: #000066 url(../Images/rightarrow_white.gif) center right no-repeat;
	color: #FFCC00;
	/* This lot should be inherited like #sectionLinks a:link does for #nav a:link */
	width: 140px;
	padding: 3px 0px 3px 20px;
    font-weight: bold;
}
#nav li.daddy_emph:hover {
    background: #CCCCCC url(../Images/rightarrow_white.gif) center right no-repeat;
	color: #000066;
}

/*** Show white-arrow to indicate submenus ***/
#nav a.daddy {
	background: #000066 url(../Images/rightarrow_white.gif) center right no-repeat;
}
#nav a.daddy:hover {
    background: #CCCCCC url(../Images/rightarrow_white.gif) center right no-repeat;
}
#nav a.daddy_emph {
    background: #000066 url(../Images/rightarrow_white.gif) center right no-repeat;
	color: #FFCC00;
}
#nav a.daddy_emph:hover {
    background: #CCCCCC url(../Images/rightarrow_white.gif) center right no-repeat;
	color: #000066;
}
#nav li a {
    /* 160px - 20px padding in #sectionLinks a:link */
    width: 140px;
	display : block;
	/*padding : 0 5px;*/
}
	
/*#nav li a:hover {
	color : #00189F;
	background-color : F8FAFC;
}*/
	
#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
	left: -999em;
}
	
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
}

#titlebar td.spacer {
	background-image: url(../Images/spacer.gif);
	background-repeat: repeat-x;
	width: 100%;
}

/* Table displaying news items */
.news_table {
	width: 95%;
	padding-right: 20px;
	padding-left: 20px;
	margin-left: auto;
	margin-right: auto;
	font-family: Verdana, Arial, Helvetica, sans-serif;	
}
.news_table th {
    background-color: #AAAAFF;
	font-size: 1.0em;
	text-align: left;
	padding-bottom: 3px;
	padding-left: 3px;
	padding-right: 3px;
	padding-top: 3px;
	font-weight: normal;
}
.news_table tr {
	text-align: left;
}
.news_table td {
    text-align: left;
	padding-bottom: 20px;
}
.mtgs_table {
    width: 100%;
	text-align: left;
}
.mtgs_table th {
    background-color: #AAAAFF;
	color: #000070;
	font-size: 1.15em;
}
/* Table used for entry forms */
.form_table {
	width: 80%;
	padding-right: 20px;
	padding-left: 20px;
	padding-bottom: 10px;
	padding-top: 20px;
	margin-left: auto;
	margin-right: auto;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-color: #EAEAEA;
}
.form_table tr {
	text-align: left;
}
.form_table td {
    text-align: left;
	padding-bottom: 10px;
}
.requiredField {
	color: #FF0000;
}

/* Footer layout */
#footer {
    background-color: #ffffff;
    font: small Verdana,sans-serif;
	padding: 5px 0px 20px 0px;
}
#counter {
    color: #ffffff;
	font: small Verdana,sans-serif;
	font-weight: bold;
	padding: 0px 10px 10px 40px;
}
/**** Sitemap Layout ****/
.sitemap {
    width: 50%;
    padding-left: 50px;
}
.sitemap th {
	background-color: #AAAAFF;
	font-weight: bold;  
	font-size: 1.0em;
	text-align: left;
	padding-bottom: 3px;
	padding-left: 15px;
	padding-right: 5px;
	padding-top: 3px;
	width: 50%;
	line-height: 1.50em;
}
.sitemap tr {
	text-align: left;
}
.sitemap td {
    text-align: left;
	padding-bottom: 10px;
	padding-left: 15px;
	/*width: 50%;*/
	vertical-align: top;
	line-height: 1.5;
	xbackground-color: #E7F0F7;
    background-color: #ffffff;

}
/*.sitemap_left, .sitemap_right {
	width: 47%;
    float: left;
	padding-left: 5px;
}*/
/* Styles for the WSS pages */
.fig_table {
	padding: 3 3 3 3;
}

.fig_table_bdr {
	padding: 3 3 3 3;
	border-style: ridge;
	border-width: 2px;
}
caption {
	caption-side: bottom;
	font-style: italic;
	text-align: left;
}