.hidden {
	display: none;
}

.visible {
	display: block;
}


html, body, form, fieldset, h1, h2, h3, h4, h5, h6, p, pre, blockquote, ol, dl, dd, address {
	margin:0;
	padding:0;
}

#navcontainer ul {
	margin:0;
	padding:0;
}

.themetable ol, .themetable ul { margin: 0; padding-left: 40px; font-size: 9pt; }
.themetable a, .themetable a:visited { text-decoration: underline; color: #FFF; }
.themetable a:hover { text-decoration:underline; color:#900; }
.themetable sup { font-size: 8pt; }
.themetable td { padding-left: 4px; padding-right: 4px; font-size: 11pt; }
span.notelink, span.notelink a, span.notelink a:visited { text-decoration: none; }

body {
	background:#232850 url("site_bg.gif") repeat-x;
	font: 10px Arial, sans-serif;
	color:#FFF;
	margin: 0px 0px 0px 5px;
}

img { border:0; }

ul li { list-style-type:none; }

td { text-align:left; }
	
input, select, button, textarea { font:11px Arial, sans-serif; vertical-align:middle; }

* html select { vertical-align:top; }

dt a, button, input.button { font-weight:bold; }

#head { 
	/*border: 1px solid #CCC; 
	border-bottom: 0px; */
	width: 948px; 
	height: 140px;
	/*background: #FFF;
	color: #1e5c99;*/
	text-align: left;
	}
	
#content {
	border: 1px solid #CCC;
	border-top: none;
	width: 936px;
	background: #FFF;
	color: #1e5c99;
	padding-left: 5px;
	padding-top: 2px;
	padding-right: 5px;
	padding-bottom: 2px;
	font-size: 13px;
	text-align: left;
	}

#content h1, #content h2 {
	text-align: left;
	}
	
#copyright {
	padding-left: 5px;
	padding-top: 3px;
	font-size: 12px;
	}
	
/* Links
------------------------------------------------------------------*/
a, a:visited { text-decoration:none; color:#6600FF; }	
a:hover { text-decoration:underline; color:#990099; }
/*a:visited { color:#808080; }*/

/* Headings
------------------------------------------------------------------*/
h1, h2 {
	text-align: center;
}

h1 span, h2 span {
	font-variant: small-caps;
}
	
h1 span, h2 span, h3, .h_blue {
	font-family: Arial, sans-serif;
	font-weight: bold;
	font-variant:small-caps;
}

h3 {		
	text-align: left;
} 

h3, .h_blue { color:#1e5c99; }

.h_blue { margin:0 0 6px 0; }

/* Footer
------------------------------------------------------------------*/
#networklinks {
	padding:4px;
	background:#83A3CB;
	text-align:center;
	color:#000;
}
#networklinks a { font-weight:bold; color:#000; }
#networklinks #cnetlinks {
	margin:0 0 4px;
	padding:0 0 4px;
	border-bottom:1px solid #6284AF;
}
#networkfooter #copyright { padding:5px 0; }
#networkfooter #copyright, #copyright a { color:#FFF; }

/* Colours
------------------------------------------------------------------*/
.orange, a.orange:link, a.orange:visited { color:#FC0; }
.white, a.white:link, a.white:visited { color:#FFF; }
.black, a.black:link, a.black:visited { color:#000; }
.dblue, a.dblue:link, a.dblue:visited { color:#1e5c99; }
.lblue, a.lblue:link, a.lblue:visited { color:#83a3cb; }
.red, a.red:link, a.red:visited { color:#900; }
.green, a.green:link, a.green:visited { color:#063; }



/* Font sizes
------------------------------------------------------------------*/
.verdana80, .verdana85, .v1, .v2, .v1f { font-family:Arial, sans-serif; }
.arial80, .arial85, .a1, .a2 { font-family:Arial, Helvetica, sans-serif; }
.verdana80, .arial80, .v1, .a1 { font-size:10px; }
.verdana85, .arial85, .v2, .a2, .v1f { font-size:11px; }

/* Form
------------------------------------------------------------------*/
#siteWideTemplate .form { font-family:Arial, sans-serif; }

.form p, .globalForm div.formLabel, .globalForm label, .containerList li, .members .formLabel, .membersSignUp td span { font-size:11px; }

.globalForm div.formLabel {
	margin:0 10px 10px 0;
	float:left;
	width:120px;
	font-weight:bold;
	text-align:right;
}
				
.globalForm div.formField { margin:0 0 10px 0; float:left; width:auto; }
	
input.searchKeywords, input.talkbackSubject, textarea.talkbackComment { width:350px; }
	
.globalForm input.textField { width:200px; }

.talkbackPreviewRight { margin-bottom:10px; float:left; width:78%; }
	
.globalForm div.col { margin:0 15px 0 0; float:left; width:auto; }

.form ul { margin:5px 0 0 0; }

.form li, .members li { margin:0 0 0 30px; list-style:disc; }

/* Misc
------------------------------------------------------------------*/
div.spacer {
	margin:0;
	padding:0;
	clear:both;
	font-size:0;
}

.center { margin:0 auto; text-align:center; }

.right { float:right; }

.left { float:left; }
	
.error { font-weight:bold; color:#C00; }

div.globalMore, div.globalMoreLeft {	
	margin:0.5em 0 0;
	clear:both;
	font:bold 10px Arial, sans-serif;
}
div.globalMore { text-align:right; }
div.globalMoreLeft { text-align:left; }

.dottedLine { padding:1px 0; background:url(dline_blue.gif) repeat-x; }

.divider { padding:1px 0; background:url(dotted_line.gif) repeat-x; }

.arrow_top { padding:0 3px 0 0; width:5px; height:3px; vertical-align:middle; }

/* Story navigation
------------------------------------------------------------------*/

#navcontainer2 { height:20px; background: #FFF; width: 948px; border: 1px solid #CCC; border-left: none; border-right: none; margin: 0;}

#navcontainer { height:20px; background: #FFF; width: 948px; border: 1px solid #CCC; border-left: none; }
#navcontainer li.filler { border-left: 1px solid #CCC; height: 20px; width: 0px;}
#navcontainer, #navcontainer ul, #navcontainer ul li { margin:0; }
#navcontainer ul li { display:block; float:left; text-align:center; position: relative; }
#navcontainer ul li a {
	display:block;
	margin: 0 0 0 0;
	width:117px;
	height:20px;
	background:#FFF;
	border:1px solid #CCC;
	border-right:none;
	border-top: none;
	border-bottom: none;
	font:bold 13px/20px Arial, sans-serif;
	color:#1e5c99;
	text-decoration:none;
	text-align:center;
	font-weight: bold;
}
#navcontainer ul li a:hover { background:#f6f9fb; color: #1e5c99; }
#navcontainer a:active { background:#1e5c99; color:#FFF; }
#navcontainer li#active a { background:#1e5c99; color:#FFF; height: 20px; }

	

#navcontainer li:hover a { background-color:#1e5c99; color:#FFF; height: 20px; }

#navcontainer li > ul {
	display: none;
	position: absolute;
	top: 20px;
	left: 0px;
	width: 234px;
	border-right: 1px solid #CCC;
	border-top: 1px solid #CCC;
	border-bottom: none;
	background-color: #FFF;
	}
#navcontainer li > ul li {
	border-bottom: 1px solid #CCC;
	border-right: 1px solid #CCC;
	width: 234px;
	background-color: #FFF;
	}
#navcontainer li:hover > ul {
	display: block;
	border-right: none;
	background-color: #FFF;
	}
	
#navcontainer li > ul li a {
	display:block;
	margin: 0 0 0 0;
	width:230px;
	height:20px;
	background:#FFF;
	background-color: #FFF;
	border:1px solid #CCC;
	border-right:1px solid #CCC;
	border-top: none;
	border-bottom: none;
	font:bold 13px/20px Arial, sans-serif;
	color:#1e5c99;
	text-decoration:none;
	text-align:left;
	font-weight: bold;
	padding-left: 5px;
}


