/* CSS Document */

/* This supports a two column primary structure.

	There are three separate page designs.
	
	1.	The home Page
	2.	Main Section Pages - these are essentially intended to be staging points for the main content within the various sections.
	3.	Section main content, much simpler with fewer (if any) onward links
*/

/*  General Context*/

/*	Every page will have the same side and top panels  */
/*	Font settings will also be consistent across all pagels */
* {
	margin:0;
	padding:0;
	vertical-align: top;
	}
	
img a	{
	border:none;
	margin:0;
	padding:0;
	}

body	{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10pt;
	line-height:12pt;
	}

body a {
	font-size:10pt;
	line-height:12pt;
	}

p 	{
	font-size:10pt;
	line-height:12pt;
		}

body h1 {
	font-size:14pt;
	line-height:16pt;
	}
	
body h2	{
	font-size:12pt;
	line-height:14pt;
}	

body li {
		list-style:none;
		font-size:10pt;
		line-height:12pt;
		}
				
a:link		{
		color:#002c77;
		background-color:#ffffff;
		}

a:visited	{
	color:#002c77;
	background-color:#ffffff;
	text-decoration: underline;
		}
	
a:hover	{
		color:#FF0000;
		background-color:#ffffff;
		}

#wrapper {
		width:850px;
		margin-top:2px;
		margin-left:10%;
		margin-right:10%;
		}
		
.horizRule	{
	width:100%;
	height:10px;
	background-image:url(../images/shr.jpg);
	background-repeat:no-repeat;
	background-position:center;
	clear: both;
		}
.shortHorizRule	{
	width:100%;
	height:10px;
	background-image:url(../images/shr.jpg);
	background-repeat:no-repeat;
	background-position:center;
	clear: left;
		}	
			
#bottomBanner	{
	width:100%;
	clear: both;
		}
		
#bottomBanner h2, #bottomBanner a {
		color:#000000;
		background-color:#FFFFFF;
		font-size:12px;
		font-weight:bold;
		text-align:center;
		}
		
#bottomBanner h2 .bold	{
		color:#FF0000;
		background-color:#ffffff;
		text-transform:uppercase;
		font-weight:bolder;
		}
		
						
.newsIntro	{
	float:left;
	width:30%;
	color:#002c77;
	background-color:#ffffff;
	height: 30%;
	overflow: auto;
	padding-left: 0px;
	padding-top: 5px;
		}

.newsIntro h3	{
		color:#FF0000;
		text-transform:uppercase;
		background-color:#ffffff;
		}

.bold	{
		font-weight:bold;
		}
		
/* Home Page */	
#header {
		background-color:#002c77;
		width:850px;
		height:104px;
		float:left;
		}

#header img	{
	float:left;
	margin-right: 10px;
		}

#header h1	{
	color:#ffffff;
	background-color:#002c77;
	padding-top: 40px;
		}
		
#sideNav	{
	float:left;
	background-color:#002c77;
	width:180px;
	height:100%;
	min-height: 525px;
		}

#sideNav .sideNavList	{
			background-image:url(../images/170navButton.jpg);
			font-size:8pt;
			color:#ffffff;
			background-color:#002c77;
			text-align:center;
			background-repeat:no-repeat;
			background-position:center;
			list-style:none;
			margin-top:5px;
			padding-top:8px;
			padding-bottom:8px;
			}
#sideNav a:link {
			color:#ffffff;
			background-color:#002c77;
			text-decoration:none;
			}
#sideNav a:visited	{
			color:#ffffff;
			background-color:#002c77;
			text-decoration:none;
			}

#sideNav a:hover	{
		color:#ff0000;
		background-color:#002c77;
		}
					
#mainContainer	{
		width:665px;
		height:650px;
		color:#002c77;
		background-color:#FFFFFF;
		float: left;
		}
		
#mainContainer table {
	width:100%;
		}
		
#openingContent {
	width:420px;
	height:auto;
	float:left;
	color:#002c77;
	background-color:#ffffff;
	padding-left: 5px;
		}
		
#openingContent img {
		float:left;
		margin-top:2px;
		margin-right:2px;
		}

.left#openingContent  {
		float:left;
		width:97%
		}		
#openingRight	{
	width:200px;
	height:auto;
	float:left;
	padding-top:0px;
	padding-left:2px;
	padding-bottom:2px;
	padding-right:2px;
	margin-left: 10px;
		}				

#openingRight img {
	float:right;
	margin-right:2px;
	margin-top: 5px;
		}

#footer	{
	text-align:center;
	color:#002c77;
	background-color:#ffffff;
	width: 100%;
		}
		
#footer a:link, a:visited	{
	color:#002c77;
	background-color:#ffffff;
	text-decoration:underline;
	border-bottom-style: none;
		}
		
#footer a:hover	{
		color:#ff0000;
		background-color:#ffffff;
		}

/* Level 2 main pages specifics */

.majorStory	{
	width:429px;
	height:auto;
	float:left;
	color:#002c77;
	background-color:#ffffff;
	margin-right:1%;
	padding:4px;
	padding-left: 12px;
		}

.majorStory h2	{
		color:#ff0000;
		background-color:#ffffff;
		text-transform:uppercase;
		font-style:italic;
		}

.ruler	{
		margin:5px 2% 0 5%;
		}

#l2Right {
		width:200px;
		float:right;
		padding:4px;
		height:450px;
		}
		
#l2Right img	{
		margin:0;
		padding:0;
		border:none;
		}

#l2Right h3 {
		color:#000000;
		background-color:#ffffff;
		font-size:14px;
		line-height:16px;
		}
		

#folder	{
		width:110px;
		float:right;
		margin-top:-50px;
		}		

#littleAd	{
	width:130px;
	color:#002c77;
	background-color:#ffffff;
	padding:2px;
	padding-right:4px;
	float:left;
	clear: left;
		}
#links	{
	float:left;
	width:429px;
	padding:4px;
	padding-left: 12px;
	height: auto;
		}

#links h3	{
		font-size:smaller;
		color:#002c77;
		background:#ffffff;
		}

#links li	{
		list-style:none;
		}
				
#linkCol1, #linkCol2 {
		width:48%;
		float:left;
		}		
		
#sidebar {
		float: right;
		width: 30%;
		background: #ffffff;
		padding: 10px;
		padding-right:0;
		}

.hidden {
		display: none;
		}

.tel, .fn {
		margin-bottom: 0;
		}

.org {
		font-weight: bold;
		}

/* --- forms --- */

.row {
	clear: both;
	padding-top: 5px;
		}

form {
		margin-bottom: 1em;
		}
		
fieldset {
		margin-bottom: 10px;
		padding: 10px;
		border: 1px dotted #666666;
		}		

legend {
		padding: 0 10px;
		background: #ffffff;
		text-transform: uppercase;
		color: #666666;
		font-size: 8pt;
		}

.formLabel {
		font-size: 8pt;
		line-height: 10pt;
		text-align: right;
		margin-right: 10px;
		width: 33%;
		float: left;
		}

.formControl {
		float: left;
		width: 50%;
		}

.formControlButton {
		float: left;
		}
		
input, textarea {
		border: 1px solid #666666;
		padding: 2px;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size: 8pt;
		line-height: 10pt;
		}	
		
input {
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size: 8pt;
		line-height: 10pt;
		width: 100%;
		}			

textarea {
		width: 100%;
		}

.inputAuto{
		width: 15%;
		}
		
.submitButton {
		background: #eeeeee;
		padding: 4px 6px;
		width: auto;
		}		

#strutList {
		width:100%;
		color:#002c77;
		background-color:#ffffff;
		font-size:8pt;
		line-height:10pt;
		}
	
#map	{
		width:600px;
		height:500px;
		position:relative;
		float:left;
		}

.bulleted {
	list-style-type: circle;
	text-indent: 10px;
	margin-left: 0px;
		}
		
.red {
	color: #990000;
	background-color: #FFFFFF;
}

.italic {
		font-style:italic;
		}
#openingContainer {
	padding-left: 12px;
	height: auto;
	margin-top: 5px;
	min-height: 444px;
}
.tableRow {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
#fullWidth {
	width: 98%;
	margin-left: 5px;
}
.smallp {
	font-size: 10px;
	line-height: 12px;
}
#explantion {
	padding-left: 12px;
}
.right {
	text-align: right;
}
#tableHeader {
	border: medium solid #002c77;
}
#itHomepage {
		text-align:center;
		font-size:smaller;
		}
#inspectorInput {
	width: 80%;
}
.centre {
	text-align: center;
}
#searchRequest input {
	width: 20%;
}

#infoWindow {
	font-size:12px;
	line-height:13px;
	}

#infoWindow .bold {
	font-weight:bold;
	}