/* 
Stylesheet layout:
- Print
- Body
- Layout
- Headers
- Text
- Links
- Forms
- Tables
- Other
*/


/* Styles required to alter print versions of pages. */
.ToPrintOnly {
	display: none;
}
.ToNotPrint {
}

/* Main Body style */
body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 100%;
	color: #000000;
	background: #000000;
	margin: 0;
	padding: 0 0.5em 0 0.5em;
}

/* Layout */
#wrapper {
	min-width:760px;
	max-width:1024px;
	margin:5px auto 5px auto;
	background: #FFFFFF;
}
#headersection {
	background-image:url(../images/layout/layout_r1_c6.jpg);
	background-repeat:repeat-x;
	height:141px;
}
#middlesection {
}
#footersection {
	background-image:url(../images/layout/footermid.jpg);
	background-repeat:repeat-x;
	height:34px;
	border:0px solid green;
}

#headerleft {
	float:left;	
}
#headerright {
	float:right;
}
#footerleft {
	float:left;	
}
#footerright {
	float:right;
}

table#middlelayouttable {
	width:100%;	
	margin:0px;
	padding:0px;
	border:0px solid blue;
}
table#middlelayouttable td {
	margin:0px;
	padding:0px;
	border:0px solid blue;
}
table#middlelayouttable td#maincol1 {
	background-image:url(../images/layout/layout_r6_c1.jpg);
	background-repeat:repeat-y;
	width:15px;
}
table#middlelayouttable td#maincol2 {
	width:100%;
}
table#middlelayouttable td#maincol3 {
	background-image:url(../images/layout/layout_r6_c9.jpg);
	background-repeat:repeat-y;
	width:15px;
}

/* Navigation bar links */
#navigationbar {
	margin:4px 7px 0px 7px;
	padding:0em;
	background-color:#DEDEDE;
	overflow:hidden;
}
#navigationbar div.floatstretcher { /* NOT USED AT PRESENT. */
	/* This can be used to make sure the surrounding bar stretches to cover the navigation links. However, I am using the height property of the ul style below instead to make sure the bar is the correct height. */
	display: block; 
	clear: both; 
	margin: 0;
	border: 0px solid black;
}
#navigationbar ul {
	padding: 0.2em 0 0.2em 0;
	margin: 0px;
	list-style: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:1.2em;
	font-weight: normal;
	text-align: left;
	height:1.2em;
}
#navigationbar ul li {
	padding: 0;
	margin: 0;
	border: 0px solid #FF0000;
	display: block;
	float: left;
}
#navigationbar ul li a:link, #navigationbar ul li a:visited {
	text-decoration: none;
	color: #000000;
	margin: 0em 5px 0em 10px;
	border: 0px solid white;
	white-space: nowrap;
	display: block;
}
#navigationbar ul li.last {
	margin: 0 15px 0 15px;
	border: 0px solid #FF0000;
	float: right;
	text-decoration: none;
	color: #000000;
	white-space: nowrap;
	display: block;
}
#navigationbar ul li a:hover, #navigationbar ul li a:active {
	color: #C00;
}
#subnavigation {
	text-align: center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1em;
	margin-bottom: 1em;
}
#tagbox {
	height:113px;
	margin:5px 7px 5px 7px;
	background-color:#C00;
	border:0px solid green;
}
#tagbox h1 {
	border:0px solid green;
	margin: 0px 20px 0px 400px;
	padding: 10px 0 0 0;
}
.imgright1 {
	float:right;
	padding-left: 0px; /* Increase this to 20px if I add the image of Stewart back in. The margin-right of the h1 tag above should be set to 120px. */ 
	border:0px solid green;
}
.imgright2 {
	float:right;
	padding-left: 20px;
	padding-top: 8px;
}
.imgright3 {
	float:right;
	padding: 12px 15px 0px 0px;
}
.imgright {
	float:right;
}
.imgleft {
	float:left;
}

#mainbody {
	margin:1em 22px 25px 22px;
	border:0px solid black;
	font-size: 0.8em;
}

#homecontent {
	margin: 0 52% 0 0;
	padding: 0;
	border:0px solid black;
}

#websiteform {
	float:right;
	width:50%;
	padding:0;
	margin:-2.4em 0 0 0;
	border:0px solid black;
	font-size: 1.25em;
}

#footernavigation {
	clear: both;
	text-align:center;
	font-size:0.8em;
	margin:4px 7px 0px 7px;
	padding:3px;
	background-color:#DEDEDE;
	border:0px solid black;
}

#footer {
	text-align:left;
	font-size:0.7em;
	margin:4px 7px 0px 7px;
	padding:0px;
	background-color:#020167;
	border:0px solid red;
	color:#FFF;
}
#footertextbox {
	padding-top: 14px;
	padding-right: 5px;
	padding-bottom: 6px;
	padding-left: 15px;
}

.RowDivider {
	border-bottom: 1px solid #000066;
}
.clear {
	clear: both;
}
.alignleft {
	text-align: left;
}
.alignright {
	text-align: right;
}
.aligncenter {
	text-align: center;
}

/* Headers */
h1 {
	display:block;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 1.2em;
	color: #FFF;
	line-height: 1.2;
	text-align:right;
}
h2 {
	color: #C00;
	font-family: Georgia, Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 2em;
	margin-top: 0;
}
h2.homepageheader {
	width: 49%;
}

/* Text */
.texthighlight1 {
	color: #000099; /* Blue */
}
.texthighlight2 {
	color: #CC0000; /* Red */
}
b, strong {
	font-weight: bold;
}
i, em {
 font-style: italic;
}
.ImgCaption {
	font-size: 0.7em;
	font-weight: bold;
	color: #333333;
}

/* Links */
	/* Default for links */
a:link, a:visited {
	color: #000066;
}
a:hover, a:active {
	color: #990000;
}
	/* Navigation links */

	/* Body links */

	/* Footer links */
#footernavigation a:link, #footernavigation a:visited {
	color: #00C;
}
#footernavigation a:hover, #footernavigation a:active {
	color: #606;
	text-decoration: none;
}
#footer a:link, #footer a:visited {
	color: #FFF;
}
#footer a:hover, #footer a:active {
	color: #FF6;
	text-decoration: none;
}

/* Forms */
form .buttonstyle {
	font: bold 0.7em Verdana, Arial;
}
	/* Full WebForms */
form.WebForm {
	width: 95%;
	text-align: left;
	margin: 0 auto 0.8em auto;
}
form.WebForm fieldset {
	padding-left: 0.8em;
	padding-right: 0.8em;
	border: 1px solid #CC3333;
}
form.WebForm legend {
	font: bold 1em Arial, Helvetica, sans-serif;
	color: #CC3333;
}
form.WebForm .RecordFields {
	padding: 0.6em 0.3em 0 0;
	border: 0px solid black;
}
form.WebForm label {
	font: 0.8em Verdana, Arial;
	display: block;
}
form.WebForm input.inputstandard, form.WebForm textarea.inputstandard {
	width: 90%;
	font: 0.8em Verdana, Arial;
	display: block;
	margin-bottom: 0.3em;
	background: #FFE;
}
form.WebForm select.inputstandard {
	font: 0.8em Verdana, Arial;
	margin-bottom: 0.7em;
	background: #FFE;
}
form.WebForm input.inputsmall {
	width: 70%;
	font: 0.8em Verdana, Arial;
	display: block;
	margin-bottom: 0.3em;
	background: #FFE;
}
form.WebForm input.radioinput {

}
form.WebForm .radiogrouping {
	margin-bottom: 0.5em;
}
form.WebForm .FormInstructions {
	font: 0.7em Verdana, Arial;
	color: #000000;
	margin-bottom: 0.5em;
	text-align: left;
}
form.WebForm .buttonstyle {
	color: #333333;
	border: 1px solid #999999;
	background: #EEE;
	padding: 2px;
	margin:0.8em 0 0.8em 0;
}
form.WebForm #DisplayString {
	color:#000;
	background-color:#FF3;
	border:1px solid #000;
	padding:2px;
	margin:0.8em 0 0.8em 0;
	font-size:0.8em;
	font-weight:bold;
	text-align:center;
}

/* Tables */
table.TableList {
	background: #FFFFCC;
	border-left: 1px solid #FFCC00;
	border-right: 0px solid #FFCC00;
	border-top: 1px solid #FFCC00;
	border-bottom: 0px solid #FFCC00;
	margin: 0 auto;
	width: 90%;
}
table.TableList th {
	font-size: 0.7em;
	text-align: center;
	vertical-align: middle;
	background: #FFFF66;
	border-left: 0px solid #FFCC00;
	border-right: 1px solid #FFCC00;
	border-top: 0px solid #FFCC00;
	border-bottom: 1px solid #FFCC00;
}
table.TableList td {
	font-size: 0.7em;
	text-align: center;
	vertical-align: middle;
	border-left: 0px solid #FFCC00;
	border-right: 1px solid #FFCC00;
	border-top: 0px solid #FFCC00;
	border-bottom: 1px solid #FFCC00;
}
table.TableList td .buttonstyle {
	font: bold 0.9em Verdana, Arial;
}

td.maincontentblock {
	background-color: #FFFFFF;
	background-image: url(../images/layout/layout_r5_c1.jpg);
	background-repeat: repeat-y;
	padding: 30px;
	vertical-align: top;
}
/* Other */
img {
	border: 0px;
}
hr {
	color:#C00;
	background-color:#C00;
	height:1px;
}
.infoBox1 {
	width: 80%;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 1em;
	border: 1px solid #CC3333;
	padding: 3px;
	text-align: center;
}
.ptop {
	margin-top:0;
}
.pbottom {
	margin-bottom:0;
}
.pboth {
	margin-top:0;
	margin-bottom:0;
}