/* -- reset all elements to a common value ------ */
h1, h2, h3, h4, h5, h6 {
	margin:0 0 0.3em 0; 
}

p,pre,blockquote,label,ol,ul,dl,fieldset,address { 
	margin:0 0 1em 0;
}
form { margin: 0px; padding: 0px }
li, dd, blockquote, address { margin-left: 2.3em; }
fieldset { padding: .5em; }


/* -- default classes ------ */
.center { text-align: center; }
.right { text-align: right; }
.small { font-size: 0.9em; }
.bold { font-weight: bold; }
.floatRight { float: right; }
.floatLeft { float: left;}
.clear { clear: both; }


/* -- accessibility ------ */
.aural {
	position: absolute;
	left: -9999px;
	font-size: small;
}

.hide { display: none; }


/* -- Default Styles ------ */
/* colours, sizes, etc of elements */
body {
	font: 62.5%/1.4  Verdana, Arial, sans-serif; /* set font size to 10px (a nice round number) */
	background: #666;
	text-align: left;
	color: #000;
}

h1 { /* small image above h1 text */
	font: 1.1em Arial, sans-serif;
	color: #fff;
	font-weight: bold;
	float: left;
	background:  #c0311a url(../images/design/h1.png) no-repeat;
	height: 15px;
	padding: 65px 0 0 67px;
	width: 706px;
}

	h1.large { /* large image above the page heading */
		height: 15px;
		padding:120px 0 0 20px;
		background:  #c0311a url(../images/design/h1-large.png) no-repeat;
		width: 451px;
	}
	
h2, h3, h4 { font-size: 1em; }

	h2 { color: #c0311a; } /* red h2 */

a   { color: #bf3119; text-decoration: none }
a:hover  { color: black; text-decoration: underline }
a img { border: 0; } /* no borders on linked images */


/* -- Layout Styles ------ */
#wrapper { /* contain the design */
	margin: auto;
	overflow: hidden;
	text-align: left;
	width: 773px;
	background: #fff url(../images/design/bg.png) repeat-y right;
}
#wrapper2 { background-color: #fff; text-align: left; margin: auto; width: 773px; overflow: hidden }
#header  { background-color: white; float: left; width: 100%; min-height: 103px; height:auto; _height:103px; }

	#header .tagline { /* white tagline at the top */
		margin: 0;
		padding: 1px 0 1px 30px;
		color: #878787;
	}

#logo  { text-decoration: none; background: url(../images/design/banner.jpg) no-repeat; float: left; width: 773px; height: 86px }

#nav { /* main nav bar including search */
	float: left;
	width: 100%;
	background: #000;
	border-bottom: 1px solid #fff;
}

#search  { float: right; margin: 3px 0 0 }

	#search label { /* hide the form label */
		display: none;
	}
	
	#search input { /* form field */
		width: 90px;
		height: 16px;
		font-size: 1em;
		border: 0;
		background: #cfcfcf;
		float: left;
	}
	
	#search .buttonSearch { /* search button */
		width: auto;
		height: auto;
		background: #000;
		color: #fff;
		font-weight: bold;
		padding: 0;
		margin: 0;
		float: left;
		cursor: pointer;
	}
		
	#nav ul, #nav ul ul { /* all nav lists */
		padding: 0;
		margin: 0;
		list-style: none;
		float: left;
	}

	#nav ul {
		border-left: 1px solid #fff;
		margin-left: 8px;
	}

	#nav ul a { /* the actual style of the link */
		display: block;
		color: #ffc000;
		font-weight: bold;
		padding: 4px 5px 5px 5px;
		text-decoration: none;
		border-right: 1px solid #fff;
	}
	
		#nav ul a:hover {
			background: #fff;
			color: #BF3119;
		}

	#nav ul li { /* all list items */
		float: left;
		margin: 0;
		padding: 0;
	}

	#nav ul li ul { /* second-level lists */
		position: absolute;
		background: #fff;
		border: 1px solid #000;
		left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
		width: 11em;
	}
	
		#nav ul li ul li {
			float: none;
			height: 1%;
			width: auto;
		}
		
			#nav ul li ul li a { /* second level styled linked */
				color: #000;
				font-weight: normal;
			}
			
			#nav ul li ul li a:hover {
				background: #cacaca;
			}

	#nav ul li:hover ul, #nav ul li.sfhover ul { /* lists nested under hovered list items */
		left: auto;
	}
		
#contentGroup { /* keep all the content divs contained */
	float: left;
	width: 100%;
	background: url(../images/design/bg-content.png) no-repeat bottom right;
}
#contentGroup2 { float: left; width: 100% }
#pageImg { /* image on the left */
	float: left;
	width: 287px;
	padding-left: 13px;
	border-right: 2px solid #fff;
}

.tc #content  { font-size: 1em; float: left; margin: 10px 0 0 20px; width: 285px }
.tc #content2 { font-size: 1em; float: left; margin: 10px 0 0 20px; width: 420px }
.oc #content  { font-size: 1em; float: left; margin: 10px 0 0 67px; width: 515px }

#contentSub { /* sub content in two column pages */
	float: right;
	width: 160px;
}

	#contentSub blockquote, #contentSub cite {
		padding: 0 15px 0 10px;
		margin: 10px 0 0 0;
		display: block;
	}
	
#footer { /* site footer */
	background: #000;
	color: #fff;
	float: left;
	padding: 4px 0;
}

	#footer p {
		margin: 0 10px;
	}
	
	#footer a {
		color: #fff !important;
		text-decoration: none;
	}
	
	#footer a:hover {
		text-decoration: underline;
	}
.nothing { clear: both; height: 10px }
.submitbutton { color: white; font-weight: bold; font-size: 11px; background-color: #c0311a; margin-top: 10px; border-style: solid; border-width: 1px; border-color: silver black black silver }
.input  { margin-bottom: 3px; width: 300px }
.required { color: #c0311a }
.galleryitem { background: url(../images/design/galleryitembg.gif) no-repeat; float: left; margin-right: 5px; margin-bottom: 5px; width: 169px; height: 145px }
.galleryimage { margin-top: 8px; margin-left: 10px }
.gallerytext { color: white; font-weight: bold; margin: 0px; padding-top: 3px; padding-left: 9px }