/* all margins are removed to avoid browser variations. margins or padding is applied at a tag level */

html, body, ul, ol, li, p, h1, h2, h3, h4, h5, h6, form, fieldset {
margin: 0;
padding: 0;
border: 0;
}

/* sets the font and page background colour */
body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-color: #666;
	padding: 0px;
	margin: 4px;
}

/* wrapping it all up in one div allows you to easily adjust the background colour and margins for all pages. */

#wrapper {
	background: #FFFFFF;
	position: relative;
}
/* commented backslash \*/
* html #wrapper {height: 1%; }
/* close comment hack */


a:link {
	color: #CC0000;
	text-decoration: none;
	border-bottom: 1px dotted #CCCCCC;
}
a:visited {
	color: #666666;
	text-decoration: none;
	border-bottom: 1px dotted #EEEEEE;
}
a:hover {
	color: #FF0000;
	border-bottom: 1px solid #FF0000;
}



/*   Header section  */

#header {
	background: #FFFFFF;
	border-bottom: 1px solid #eeeeee;
    white-space: nowrap;
}

/* the header image is positioned by floating right. You can make float left but you will need to add padding equivlent to the width of the image to the left of H1 and H2 */

#header img {
	float: right;
	padding-top: 10px;
	padding-right: 10px;
}

/*  menu bar is formatted here   */

#menuBar {
	padding: 10px 8px;
	background: #8098EE;
	border-top: 1px solid #9999CC;
	border-right: 1px none #9999CC;
	border-bottom: 1px solid #9999CC;
	border-left: 1px none #9999CC;
	white-space: nowrap;
}
#menuBar ul {
	list-style-type: none;
	white-space: nowrap;
}

#menuBar li {
	display: inline;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: .7em;
	font-weight: bold;
	letter-spacing: 0.1em;
	margin: 1px;
	padding: 0px;
	list-style: none;
}

#menuBar ul li a {
	width: 10em;
	color: #333333;
	text-decoration: none;
	text-align: center;
	padding-top: 4px;
	padding-right: 8px;
	padding-bottom: 5px;
	padding-left: 8px;
	margin: 0px;
	background: #E8F2FF;
	border-top: 1px solid #FFFFFF;
	border-right: 1px solid #333333;
	border-bottom: 1px solid #333333;
	border-left: 1px solid #FFFFFF;
}
#menuBar ul li a:hover {
	color: #FFFFFF;
	background: #666699;
	border-top: 1px solid #333333;
	border-right: 1px solid #FFFFFF;
	border-bottom: 1px solid #FFFFFF;
	border-left: 1px solid #333333;
}

/* end of menu bar definition  */

/* sub menu definition */

#subMenu {
	float: right;
	width: 120px;
	background-color: #FFFFFF;
	margin: 0px 0px 0px 15px;
	padding: 2px;
	font-size: 0.8em;
	list-style: url(none) none;
	display: block;
	border: 1px solid #DDDDDD;
	line-height: 1.1em;
	white-space: nowrap;
}
#subMenu li {
	list-style: url(none) none;
	margin: 2px;
	padding: 3px;
	background: #EEEEEE;
	display: block;
}
#subMenu li a {
	margin: 0px;
	padding: 0px;
	display: block;
}

/* end of sub-menu styles */

/* the rest of the page content appearance is all defined in this section */

/* #content defines a background colour of white  and padding set to give a reasonable margin all round. This padding sets the margins for all subsequent content.
The line height is increased slightly to improve screen readability. */

#content {
	background-color: #FFFFFF;
	padding: 10px 25px 10px 25px;
	line-height: 1.25em;
	
}
#content p {
	padding: 0px 25px 10px 20px;

}

#content h1 {
	color: #900;
	padding: 0px 3px 12px 0px;
	margin: 18px 5px 15px 0px;
	border-bottom: 1px dashed #900;
	font: 1.8em Georgia, "Times New Roman", Times, serif;
	text-align: center;
}
#content h2 {
	color: #666699;
	margin-left: 0px;
	margin-top: 15px;
	margin-right: 25px;
	margin-bottom: 10px;
	font-size: 1.2em;
}

#content h3 {
	margin-bottom: 0px;
	color: #036;
	padding-bottom: 5px;
	padding-left: 20px;
	font: bold 1.1em Georgia, "Times New Roman", Times, serif;
}
#wrapper #content dl {
	margin-left: 4em;
	margin-top: 0px;
	margin-right: 4em;
}
#wrapper #content dt {
	font-weight: bold;
	padding-bottom: 4px;
	padding-top: 8px;
	color: #CC9900;
}

#wrapper #content ul {
	padding-left: 60px;
	font-size: .9em;
}
#wrapper #content li {
	padding-top: 5px;
}
#content blockquote {
	padding-right: 40px;
	padding-left: 5px;
	margin-left: 40px;
	font-size: 0.95em;
}
#wrapper #content caption {
	font-size: 1.2em;
	color: #003399;
	font-weight: bold;
	padding-bottom: 10px;
}
#wrapper #content table {
	margin-left: 50px;
}
#wrapper #content th {
	font: 1.1em Geneva, Arial, Helvetica, sans-serif;
	background: #FC9;
	padding: 5px;
}
#wrapper #content td {
	font-size: .9em;
}

#content pre {
	margin-right: 40px;
	margin-left: 60px;
	padding-top: 3px;
	margin-top: 0px;
}
#wrapper #content #members tr th, 
#wrapper #content #eventslist tr th {
	border: 1px solid #666;
}

#wrapper #content #members tr td,
#wrapper #content #eventslist tr td  {
	border-bottom: 1px solid #333;
}



/* footer layout  */

#footer {
	padding: 10px;
	font-size: 0.8em;
	font-weight: bold;
	border-bottom: 2px solid #666666;
	margin-top: 0px;
	clear: both;
	border-top: 1px solid #CCCCCC;
	background: #E8F2FF url(images/footerEdgeBG.jpg) repeat-x;

}
#footer a {
	color: #CC0000;
}
code {
	font-size: 1.15em;
}

.TitleColumn {
	background: #FFFFCC;
	font-weight: bold;
	vertical-align: top;
}




.clearit {
	clear: both;
}
.headTitle {
	color: #333366;
	font-size: 2em;
	font-weight: bold;
	padding-left: 10px;
}

.skipnav {
	font-size: 4px;
	color: #FFFFFF;
	left: -1600px;
	position: relative;
}

.pagelink {
	font-size: 0.75em;
	text-align: right;
	margin-right: 25px;
	padding-right: 5px;
	padding-top: 5px;
	padding-bottom: 0px;
}
.warning {
	font-weight: bold;
	color: #FF0000;
}

#subsection {
	font-size: 0.8em;
	letter-spacing: 0.1em;
	margin-left: -25px;
	margin-right: -25px;
	border-bottom: 1px solid #CCCCCC;
	background: #F9FCFF;
	margin-top: -10px;
	padding-left: 20px;
	padding-bottom: 5px;
}

.strapline {
	font-size: 1.2em;
	margin-left: 20px;
	padding-top: 10px;
	padding-bottom: 10px;
	color: #900;
}