/********************************************************************
* Author:   Andrew Connick
* Date:     10/05/07
********************************************************************/

/* Page style ******************************************************/

* { 
	margin: 0;
	padding: 0;
	font-family: Verdana, sans-serif;
	color: #404040;
}

body { font-size: 70%; }	/* Also set in javascript */
input, textarea, option, select { font-size: 100%; }

a { text-decoration: none; color: #0000FF;}
a:hover { text-decoration: underline; }

p	{ line-height: 1.3em; }

li { margin-left: 1.5em; }

img { border-style: none; }

td, th { padding: 5px; }

.printOnly { display: none }

/* Page layout 	****************************************************/

body { 
	margin-bottom: 10px;
	border-width: 0;
	min-width: 725px; 
	width: expression((documentElement.clientWidth < 725) ? "725px" : "auto" );  /* IE fix */
	max-width: 2000px; 
	width: expression((documentElement.clientWidth > 2000) ? "2000px" : "auto" );  /* IE fix */
}

#banner {
	position: relative;
	height: 100px;
	background-image: url("images/banner.jpg");
	background-repeat: repeat-x;
}

#topNav {
	background-color: #404070;
	height: 29px;
	position: relative; /* for positioning search form */
}

#content { 
	padding: 10px;
	min-height: 600px;
	max-width: 950px; 
	width: expression((documentElement.clientWidth > 950) ? "950px" : "auto" );  /* IE fix */
}

#sideNav {
	clear: both;
	float: left;
	width: 16%;
	min-height: 600px;
}

#subContent {
	float: right;
	width: 82%;
}

#footer {
	clear: both;
	margin-top: 10px;
	height: 29px;
	font-size: 85%;
	background-color: #404070;
}

#popupFooter {
	position: absolute;
	left: 0;
	bottom: 0;
}

/* Generic styles **********************************************/

.left { float: left; }
.right { float: right; }
.right2 { text-align: right; }
.centre { float: left; }
.hidden { display: none; }
.clear { clear: both; }

/* Banner style ***********************************************/

#banner h1 {
	position: absolute;
	bottom: 40px;
	left: 100px;
	font-family: Times, serif;
	font-size: 40px;
	letter-spacing: 2px;
	color: #607050;
}

#banner h1 .subHeading {
	font-family: Times, serif;
	font-size: 24px;
	letter-spacing: 2px;
	color: #607050;
}

#banner h2 {
	position: absolute;
	bottom: 30px;
	left: 105px;
	font-size: 12px;
	color: #606060;
}

#textSize {
	position: absolute;
	top: 5px;
	right: 5px;
	padding: 5px;
	color: white;
	border: 1px solid #6060FF;
}	

#textSize .button {
	margin: 0;
	padding: 0 0 0 5px;
	font-weight: bold;
	color: white;
}

/* Menu style *************************************************/

#topNav ul, #footer ul {
	padding: 0;
	margin: 0;
	list-style-type: none;
}

#topNav li {
	float: left;
	position: relative;
	width: 110px;
	height: 29px;
	margin: 0;
}

#footer li {
	float: left;
	margin: 0;
}

#topNav a, #footer a {
	display: block;
	margin-top: 3px;
	padding: 4px 0 4px 0;
	background-color: #404070;
	text-align: center;
	color: white;
	border-right: 1px solid white;
}

#topNav a:hover, #footer a:hover {
	text-decoration: none;
	background-color: black;
}

#footer a { 
/*	width: auto; */
	padding: 4px 15px 5px 10px;
}

#footer .right { border-left: 1px solid white; }

#topNav li ul {
	display: none;
	position: absolute;
	background-color: #404070;
}

#topNav li:hover ul, #topNav li.over ul { display: block; }

#searchTerm { 
	position: absolute;
	border: none;
	height: 16px;
	width: 150px;
	top: 6px;
	right: 28px;
	padding-top: 2px;
}

#searchButton {
	position: absolute;
	top: 6px;
	right: 10px;
}

/* Side navigation styles **************************************/

#sideNav .tlCorner, #sideNav .blCorner { background-color: #F0F0E0; }

#sideNav .trCorner { padding-top: 10px; }

#sideNav .brCorner { padding-bottom: 100px; }

#sideNav ul { list-style-image: url("images/smallarrow.gif"); }

#sideNav li { margin: 7px 0 0 15px; }

#sideNav a { 
	font-weight: bold;
	font-size: 90%;
	color: #404040; 
}

/* Content style *******************************************/

#content h1 { 
	font-size: 150%;
	margin-left: 10px;
}

#content h2 {
	font-size: 150%; 
	color: #606060;
	background-image: url("images/leftarthead.jpg");
	background-position: top left;
	background-repeat: no-repeat;	
	padding: 12px 0 0 10px;
	height: 50px;
}

#content .head {
	background-image: url("images/rightarthead.jpg");
	background-position: top right;
	background-repeat: no-repeat;	
	margin-right: 10px;
	height: 60px;
}

#content .head a {
	float: right;
	padding: 15px 40px 0 0;
	font-size: 130%; 
	font-weight: bold;
}

#content ul { margin-left: 10px; }

#contact { margin: 10px; }
#contact td { padding: 15px 50px 0 10px; }

#membership p { margin: 20px 100px 0 15px; }

#membership .top {
	border-top: solid 5px #E0E0E0;
	padding-top: 20px;
}

#membership li { margin: 10px 0 0 25px; }

/* Summary article style ***************************************/

#leftSummary {
	float: left;
	width: 69%;
}

#rightSummary {
	float: right;
	width: 29%;
}

#leftSummary .blCorner { background-color: #F5F5FC; }

#rightSummary .blCorner {
	background-color: #F0F0E0;
	margin-bottom: 10px;
}

#leftSummary .brCorner { padding-bottom: 10px; }

#rightSummary .brCorner { padding-bottom: 20px; }

#leftSummary .tlCorner {
	margin-top: 10px;
	background-color: #7E7EAA;
}

#rightSummary .tlCorner { background-color: #42698E; }

#leftSummary .trCorner, #rightSummary .trCorner {
	color: white;
	font-size: 120%;
	padding: 2px 0 0 10px;
}

#leftSummary .sumTitleDiv {
	height: 15px;
	background-image: url("images/titlegrey.jpg");
	background-repeat: repeat-x;
	background-position: top;
}

#rightSummary .sumTitleDiv {
	height: 15px;
	background-image: url("images/titleaqua.jpg");
	background-repeat: repeat-x;
	background-position: top;
}

#leftSummary h3 a, #rightSummary h3 a { color: white; }

#leftSummary h3 a:hover, #rightSummary h3 a:hover { 
	color: #DDDDDD;
	text-decoration: none;
}

#leftSummary p, #rightSummary p { 
		margin: 0 5px 0 10px;
}

.sumArrow {
	float: right;
	margin: 0 10px 0 10px;
}

#pfPic1, #pfPic2, #leftPfPic, #rightPfPic {
	background-repeat: no-repeat;	
	height: 160px;
}

#leftPfPic {
	background-image: url("images/lefttoppic.gif");
	background-position: top left;
	position: absolute;
	width: 10px;
}

#rightPfPic {
	background-image: url("images/righttoppic.gif");
	background-position: top right;
}

#leftSummary p, #rightSummary p { padding-bottom: 20px; }  /* IE fix */

/* Search page style ********************************************/

#search h2 .subHeading { 
	margin-left: 10px;
	font-size: 90%; 
	color: #606060;
}

#search h3 { font-size: 130%;  }

#search .article { 
	margin: 10px 50px 10px 10px;
	border-bottom: solid 5px #E0E0E0; 
	padding-bottom: 10px;
}

#search p { margin-top: 10px; }

/* Picture page style *******************************************/

#picture img { margin: 10px; }
#picture p { margin: 10px; }
#picture table { margin-left: 3px; }

/* Common rounded corner style *********************************/

.tlCorner {
	background-image: url("images/tlcorner.gif");
	background-position: top left;
	background-repeat: no-repeat;	
}

.trCorner {
	background-image: url("images/trcorner.gif");
	background-position: top right;
	background-repeat: no-repeat;	
}

.blCorner {
	background-image: url("images/blcorner.gif");
	background-position: bottom left;
	background-repeat: no-repeat;	
}

.brCorner {
	background-image: url("images/brcorner.gif");
	background-position: bottom right;
	background-repeat: no-repeat;
}

/* Styles for format codes *************************************/

.fmtImg { 
	float: left;
	padding: 5px; 
}

.fmtPic {
	float: left;
	margin: 5px 15px 0 0;
}

.fmtTable { margin-left: 10px; }

.fmtTd { padding-right: 20px; }

.fmtTh { background-color: #ccFFFF; }

.fmtTr { }

.fmtDropCap { margin-bottom: 20px; }

.fmtDropCap:first-letter { 
	font-family: serif;
	font-weight: bold; 
	font-size: 200%;
	float: left;
	margin-right: 1px;
	line-height: 0.9em;
}

/* Paging style ************************************************/

#paging {
	margin-top: 20px;
	padding: 0 10px 0 10px;
	background-image: url("images/leftarthead.jpg");
	background-position: top left;
	background-repeat: no-repeat;	
	height: 50px;
}

#paging2 {
	padding: 10px 20px 0 10px;
	background-image: url("images/rightarthead.jpg");
	background-position: top right;
	background-repeat: no-repeat;	
	height: 50px;
}

#paging a {
	color: #404040;
	font-size: 120%;
	font-weight: bold;
}

#paging .arrow { font-size: 160%; font-weight: bold; }

/* Table styles ************************************************/

#list { margin-top: 10px; }

#list th {
	color: white;
	background-color: #404070;
	padding: 5px 20px 5px 2px;
	text-align: left;
}

#list td { padding: 3px 20px 3px 2px; }

#contactList { margin: 10px 0 0 15px; }
#contactList td { padding: 3px 40px 3px 2px; }

#memberList { margin: 10px 0 0 15px; }
#memberList td { 
	padding: 5px 40px 5px 0;
	border-bottom: solid 5px #E0E0E0;
}

.altColour { background-color: #E9E0C3; }

/* Form styles *************************************************/

#form {
	background-color: #FFFFC0;
/*	width: 640px; */
	width: 560px;
	border: solid 3px #8080FF;
	padding: 20px 0 20px 0;
	margin: 10px 0 0 10px;
}

#form p { margin: 10px 5px 0 5px; }

#form label {
	float: left;
	width: 120px;
}

#form textarea, #form .maxWidth { width: 380px; }

#form .midWidth { width: 230px; }

#form select { width: 280px; }

#form input, #form select { max-width: 300px; } /* Doesn't work in IE */

#form .help {
	float: right;
	margin-right: 5px;
	position: relative;
}

#form .help:hover {	
	border: none;			  /* IE fix */
	text-decoration: none; 
}

#form .help .hide {
	font-size: 150%;
	font-weight: bold;
	padding-left: 5px;
	padding-right: 5px;
	background-color: #D0D0D0;
	color: #0000FF;
}

#form .help .show { display: none; }

#form .help:hover .show {
	display: block;
	position: absolute;
	top: 20px;
	left: -210px;
	background-color: white;
	color: black;
	width: 200px;
	border: solid 1px black;
	padding: 5px 2px 10px 5px;
}

#formHead { margin: 0 0 20px 5px; }
#formHead p { margin: 10px; }
#formHead table { float: right; }

#formFoot { margin: 20px 0 20px 20px; }
#formFoot p.left { width: 120px; }

#parseErrors { 
	background-color: #E9E0C3;
	border: solid 1px #404040;
	padding: 5px 5px 15px 5px;
	margin: 0 5px 20px 5px; 
}

#parseErrors p {
	font-weight: bold;
	margin-bottom: 10px;
}

.button {
	font-size: 120%;
	font-weight: bold;
	color: #004000;
	cursor: pointer;
	margin-right: 20px;
}

#form .signature { 
	margin-top: 10px;
	border-top: solid 3px #8080FF; 
	padding-top: 10px;
	display: none
}

.pointer { cursor: pointer; }

/* Site map style **********************************************/

#siteMap li { 
	padding-top: 10px; 
	list-style-type: disc;
}

/* Error page style ********************************************/

#error { 
	margin: 30px;
	border: 1px solid black;
	padding: 30px;
}

#error p { padding-top: 10px; }

/* { border: solid 1px black; } */

/* Format codes help page style ********************************/

#formatCodes { margin: 10px; }
#formatCodes h1 { font-size: 150%; }
#formatCodes p { margin-top: 10px; }