/* @group General Styles  */
html {
	height: 100%; /* Necessary to extend background the full height of the browser window */
}
body {
	color: #333333;
	margin: 0px;
	padding: 0px;
	height: 100%; /* Necessary to extend background the full height of the browser window */
	text-align: center;
	background: url(images/steel_tile_dark.jpg) repeat;
	font: 16px/24px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}

.clearer {
	clear: both;
}

h1 {
	font-size: 2.0em;
	color: #3c64fd;
	font-weight: bold;
	margin: 0px;
	padding: 0px;
}

p {

}



.contentBox {
	position: relative;
	width: 680px;
	padding: 0px;
	margin: 0px;
	margin-bottom: 20px;
	clear: both;
}

.contentAbsolute {
	display: block;
	position: absolute;
	top: 0px;
	left: 0px;
}

.title {
	font-weight: bold;
	font-style: italic;
	font-size: 18px;
	padding: 0px;
	margin: 0px;
}

a:link, a:visited {
	color: #3c50c5;
	text-decoration: none;
	border-bottom: 1px dotted #3c64fd;
}

a:hover, a:active {
	border-bottom: 1px solid;
}

img {
	border: none;
}

a.no_border, a.no_border:visited {
	text-decoration: none;
	border-style: none;
	border-width: 0px;
}

a.no_border:hover, a.no_border:active {
	text-decoration: none;
	border-style: none;
	border-width: 0px;
}

/* @end */

/* @group Layout */

.clearer {
	clear: both;
}

#container {
	position: relative;
	margin: 0px;
	padding: 0px;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	color: black;
	width: 900px;
	min-height: 100%; /* Necessary to extend background the full height of the browser window */
	background: url(images/steel-background-lit.jpg) repeat-y;
}

#container #pageHeader {
	position: relative;
	width: 100%;
	height: 200px;
	margin: 0px;
	padding: 0px;
	padding-top: 25px;
	text-align: center;
}
	#pageHeader .headImageTop {
		position: absolute;
		top: 20px;
		left: 0px;
		width: 900px;
		height: 104px;
	}

	#pageHeader .headImageBottom {
		position: absolute;
		top: 135px;
		left: 50%;
		margin-left: -250px; /* Half the image width to move left edge */
		width: 500px;
		height: 26px;
	}
	
#container #footer {
	position: relative;
	width: 100%;
	margin: 30px auto 0px;
	padding: 0px;
	text-align: center;
}

	#footer p {
		padding: 0px;
		margin: 0px;
		font-size: 0.8em;
}


#contentContainer {
	position: relative;
	text-align: left;
	height: 100%;
}

	#contentContainer #navcontainer {
		position: absolute;
		text-align: left;
		width: 200px;
		top: 0px;
		left: 30px;
	}

	#contentContainer #content {
		position: relative;
		width: 560px;
		left: 0px;
		padding: 0px;
		margin: 0px 0px 0px 200px;
		min-height: 400px;
	}
/* @end */

/* @group Navigation */



/* Toolbar Styles */

#navcontainer #current, #navcontainer .current {
	color: #ffc13a;
}

#navcontainer #current:hover {
}

#navcontainer .currentAncestor {

}

/* Parent - Level 0 */

#navcontainer ul{
	margin: 0;
	padding: 0;
	font-size: 16px;
	list-style-type: none;
}

#navcontainer li {
	position: relative;
	height: 45px;
	margin: 15px 0px;
	padding: 0px;
	overflow: hidden;
}

#navcontainer li a.current {
	background-position: 0px -39px;
}

#navcontainer li:hover a, #navcontainer li:active a {
	color: #ffc13a;
	background-position: 0px -39px;
}

#navcontainer a {
	display: block;
	position: absolute;
	top: 5px;
	left: 5px;
	width: 100px;
	height: 40px;
	color: #000000;
	text-decoration: none;
	border: 0px;
	margin: 0px;
	padding: 5px 0px 0px 40px;
	background: url(images/ad-nav-orbs.png) no-repeat 0 1px;
	outline: none;
}

#navcontainer a:hover, #navcontainer a:active {
	color: #ffc13a;
}

#navcontainer a:active {

}

/* Child - Level 1 */

#navcontainer ul ul {

}

#navcontainer ul ul li {
}

#navcontainer ul ul a {

}

#navcontainer ul ul a:hover{

}

#navcontainer ul ul #current{

}

#navcontainer ul ul .currentAncestor {

}

/* Child - Level 2 */

#navcontainer ul ul ul {

}

#navcontainer ul ul ul li { 
}

#navcontainer ul ul ul a{

}

#navcontainer ul ul ul a:hover{

}

#navcontainer ul ul ul #current{

}

#navcontainer ul ul ul .currentAncestor {

}

/* @end */

/* @group Form Styles */

#contact_form {
	position: relative;
	width: 80%;
	margin: 0px auto;
	padding: 0px;
}

.formFields {
	position: relative;
	float: left;
	width: 100%;
	margin: 0px;
	margin-top: 5px;
	padding: 0px;
}

div .formRow {
	padding: 0px;
	margin: 0px;
	width: 100%;
	float: left;
	clear:both;
}

.formRow span.col1 {
	width:100%;
	padding-top:4px;
	margin:0px;
	margin-right:10px;
	margin-top: 8px;
	text-align:left;
}
.formRow span.col2 {
	display:block;
	margin:0px 0px 10px 0px;
	padding: 2px 0px;
	border: 0px;
	font-size: 0.8em;
}

label {

}

.input {
	font-size: 1.0em;
	background-color: transparent;
	padding: 3px;
	padding-right: 0px;
	margin: 0px;
	border: 1px solid #4c4c4c;
	width: 100%; /* Fix for IE to extend fields to content width */
}

	.input:focus {
		background-color: #e5e5e5;
	}

.textarea {
	font-size: 1.0em;
	background-color: transparent;
	padding: 3px;
	border: 1px solid #4c4c4c;
	width: 100%; /* Fix for IE to extend fields to content width */
}

	.textarea:focus {
		background-color: #e5e5e5;
	}


/* @end */