/* @group General Styles */

body {
	height: 100%;
	font-size: 0.85em;
	font-family: Arial, Helvetica, sans-serif;
	color: #333333;
	text-align: center;
	margin: 0px;
	padding: 0px;
}

a img {
	border: none;
}

a:link {
	color: #fd0101;
	text-decoration: none;
	border: none;
	outline: none;
}

a:visited, a.thickbox:visited {
	color: #666666;
	text-decoration: none;
	border-bottom: 1px dotted #666666;
}

a:hover, a:active {
	color: #666666;
	text-decoration: none;
	border-bottom: 1px solid #666666;
}

.no-border {
	border: none;
}

a.no-border:hover, a.no-border:active {
	border: none;
}

.title {
	display: inline;
	font-weight: bold;
	font-size: 1.1em;
	padding: 0px;
	margin: 0px;
	color: #333;
	border: none;
}
		
.clearer {
	display: block;
	clear: both;
	line-height: 0px;
	height: 0px;
}

/* @end */

/* @group Layout */
#container-wrapper {
	width: 956px;
	background: white url(images/body-shadow.jpg) repeat-y;
	margin: 0px auto;
	padding: 0px;
}

#container-wrapper #container {
	position: relative;
	text-align: left;
	margin: 0px auto;
	color: black;
	padding: 0px;
	width: 900px;
}

#pageHeader {
	position: relative;
	width: 100%;
	margin: 0px;
	padding-top: 20px;
	background: url(images/wire-wheel-gray.jpg) no-repeat right top;
}
	#pageHeader a, #pageHeader a:link, #pageHeader a:visited, #pageHeader a img {
		border: none;
		outline: none;
	}
	
	#pageHeader img {
		margin-left: 30px;
		margin-bottom: 10px;
	}
	
	#pageHeader h2 {
		position: relative;
		display: block;
		width: 100%;
		padding: 0px;
		margin: 0px;
		font-family: Geneva, sans-serif;
		font-weight: normal;
		font-size: 1.0em;
		text-align: left;
		background: url(images/gradient-bg.jpg) repeat-y;
		border-top: 1px solid black;
		border-left: none;
		border-right: none;
	}

	#pageHeader h2 span.header-tagline {
		position: relative;
		display: block;
		padding: 0.6em 0;
		margin-left: 20px;
		color: white;
	}
	
		#pageHeader h2 span.header-tagline span.login {
			position: absolute;
			right: 20px;
			top: 0.9em;
			color: white;
			padding: 0px;
			font-size: 0.9em;
			font-family: Arial, sans-serif;
			letter-spacing: 0;
		}
	
		span.login a:link, span.login a:visited {
			color: white;
			letter-spacing: 1px;
}

		span.login a:hover, span.login a:active {
			color: #fd0101;
		}
			
#contentContainer {
	position: relative;
	min-height: 400px;
	height: 100%;
	background: white url(images/content-bg-grad.jpg) repeat-x 0 top;
}

	#contentContainer #sidebar-left {
		position: absolute;
		left: 0px;
		top: 0px;
		bottom: 0px;
		width: 200px;
		height: 100%;
		margin: 0px;
		padding: 0px;
		background: #d8d8d8;
		border-right: 1px solid black;
	}

		#contentContainer #sidebar-left #sidebar {
			text-align: center;
			margin-top: 20px;
			font-size: 12px;
		}
		
			#contentContainer #sidebar-left #sidebar img {
				border: 1px solid black;
			}
		
	#contentContainer #contentArea {
		position: relative;
		margin-left: 200px;
	}

		#contentArea #content {
			position: relative;
			padding: 0px;
			padding-top: 20px;
			margin: 0px;
			margin-left: 20px;
			line-height: 1.3em;
		}
	
			#contentArea #content p {
				padding: 0px;
				margin: 0px 0px 15px;
			}
	
			#contentArea #content ul {
				margin-left: 30px;
				margin-bottom: 20px;
			}
	
				#contentArea #content ul li {
					margin-bottom: 10px;
				}
	
			#contentArea #content.center {
				width: 435px;
				margin-right: 220px;
			}
	
			#contentArea #content div.resources {
				margin-left: 20px;
			}

	#contentContainer #sidebar-right {
		position: relative;
		float: right;
		right: 0px;
		height: 100%;
		width: 230px;
		margin: 0px;
		padding: 0px;
		font-size: 0.8em;
		line-height: 1.2em;
		color: #4c4c4c;
}

		#sidebar-right .sidebar-block {
			display: block;
			margin: 20px 15px;
		}

			
		#sidebar-right p.separator {
			border: none;
			padding: 0px 0px 10px;
			border-bottom: 1px dotted #333;
			margin: 0px 0px 10px;
		}
		
		#sidebar-right h2 {
			display: block;
			width: 100%;
			font-size: 1.1em;
			font-weight: bold;
			padding: 0px 0px 2px;
			margin: 0px 0px 5px;
			color: #333;
			border-bottom: 1px dotted #333;
			text-transform: capitalize;
		}
		
	
		#sidebar-right .sidebar-block img {
			margin: 0px auto 15px;
			border: 1px solid black;
		}

			.sidebar-block ul {
				margin-top: 5px;
				margin-left: 20px;
				margin-bottom: 20px;
			}

			.sidebar-block .contact {
				display: block;
				width: 150px;
				margin-left: auto;
				margin-right: auto;
			}
#footer {
	position: relative;
	display: block;
	width: 956px;
	height: 60px;
	padding: 0px;
	margin: 0px auto;
	background: white url(images/footer-bg.jpg) center -10px no-repeat;
	color: black;
}

	#footer p {
		display: block;
		width: 900px;
		border-top: 1px solid black;
		font-size: 0.8em;
		padding: 5px 0px 0px;
		text-align: left;
		margin: 0px auto;
		text-indent: 15px;
	}
	
	#footer span.footer-links {
		display: block;
		position: absolute;
		right: 40px;
		top: 5px;
	}
	
		#footer span.footer-links a:visited {
			color: #fd0101;
			border: none;
		}

/* @end */

/* @group Toolbar */

/* @group Main Navigation */

/* Toolbar Styles */

#navcontainer {
	position: relative;
	z-index: 30;
	height: 30px;
	width: 100%;
	padding: 0px;
	margin: 0px;
	background: white url(images/nav-bg-grad-gray.jpg) repeat-x 0 0;
	font-size: 12px;
	letter-spacing: 1px;
}

#navcontainer ul{
	position: absolute;
	top: 0px;
	left: 0px;
	height: 30px;
	width: 100%;
	margin: 0px;
	padding: 0px;
	z-index: 50;
	list-style: none;

}

#navcontainer li {
	position: relative;
	display: block;
	float: left;
	width: 150px;
	text-align: center;
}

#navcontainer a {
	display: block;
	padding: 8px 0px 9px;
	text-decoration: none;
	border: none;
	outline: none;
}

#navcontainer a:link, #navcontainer a:visited {
	color: black;
}

#navcontainer a:hover, #navcontainer a:active {
	color: #fd0101;
	border: none;
}

#navcontainer .current {
	color: #fd0101;
}

#navcontainer .current:hover {
	color: #fd0101;
	cursor: default;
}

#navcontainer a.currentAncestor:link, #navcontainer a.currentAncestor:visited {
	color: #fd0101;
}

#navcontainer a.currentAncestor:hover, #navcontainer a.currentAncestor:active {
	color: #fd0101;

}

/* Parent - Level 0 */

#navcontainer ul li {
	background: url(images/nav-tab.png) no-repeat left top;
}

	#navcontainer ul li a {
		cursor: default; /* keep pointer as arrow for 1st level nav */
	}

	#navcontainer ul li.Resources {
		/* Custom styling needed for right-most nav item */
		border-right: none;
		background: url(images/nav-tab-right.png) no-repeat left top;
	}

		#navcontainer ul li.Resources a, #navcontainer ul li.Clients a {
			/* Custom styling to over-ride default pointer applied to 1st level nav */
			cursor: pointer;
		}

/* Child - Level 1 */
/* All browsers will use this code, it will make the pop out menus work */
#navcontainer ul ul {
	position: absolute;
	top: 30px; /* Offset to account for height of parent */
	left: -1px; /* Adjusts left edge to align with parent */
	display: none;
	z-index: 60;
	padding: 0px;
	border: none;
	letter-spacing: 0px;
}

#navcontainer ul ul li {
	width: 149px; /* Force 1px narrower width to align right edge with parent */
	border: 1px dotted black;
	border-top: none;
	background: white url(images/nav-bg-grad-gray.jpg) repeat-x 0 -10px;
}

#navcontainer ul ul a {
	/* Override 1st level nav cursor behavior */
	cursor: pointer;
}


/* Child Level 3 */

#navcontainer ul ul ul {
	position: absolute;
	left: 110px;
	top: 0;
	font-size: 1em;
}

#navcontainer ul ul ul ul li { 
}

#navcontainer ul ul ul ul a{
}

#navcontainer ul ul ul ul a:hover{

}

div#navcontainer ul ul, div#navcontainer ul ul ul, div#navcontainer ul li:hover ul ul, div#navcontainer ul li:hover ul ul ul, div#navcontainer ul li:hover ul ul ul ul, div#navcontainer ul li:hover ul ul ul ul ul{
display:none;
}

div#navcontainer ul li:hover ul, div#navcontainer ul ul li:hover ul, div#navcontainer ul ul ul li:hover ul, div#navcontainer ul ul ul ul li:hover ul, div#navcontainer ul ul ul ul ul li:hover ul{
display:block;
}

/* @end */



/* @group Secondary (Vertical) */

#side-navcontainer {
	position: relative;
	text-align: left;
	font-size: 12px;
}

#side-navcontainer  a {
	display: none;
	padding: 10px 0px;
	text-decoration: none;
	border: none;
	outline: none;
}

#side-navcontainer a:link, #side-navcontainer a:visited {
	color: black;
}

#side-navcontainer a:hover, #side-navcontainer a:active {
	color: #fd0101;
}

#side-navcontainer .current {
	color: #FD0101;
}

/* Parent - Level 0 */

#side-navcontainer ul {
	position: relative;
	width: 100%;
	list-style: none;
	margin: 0px;
	padding: 0px;
}

#side-navcontainer li {
	position: relative;
	width: 100%;
	display: block;
	padding: 0px;
	margin: 0px;
}

#side-navcontainer ul li {
	display: none; /* Hide all 1st level nav items */
}

#side-navcontainer ul li.currentAncestor {
	display: block; /* Reveal navitems for current Ancestor */
}

#side-navcontainer ul li a {
	display: none;
	line-height: 0px;
	padding: 10px 0px;
	color: black;
	border: none;
}

#side-navcontainer ul li.currentAncestor a {
	display: none;
	line-height: 0px;
}

/* Child - Level 1 */

#side-navcontainer ul li.currentAncestor ul li {
	display: block;
	background: url(images/side-nav-alpha-symbol.gif) no-repeat scroll 8px center;
	border-bottom: 1px solid black;
}

#side-navcontainer ul li ul li a {
	margin-left: 26px;
	margin-right: 5px;
}

#side-navcontainer ul li.currentAncestor ul a {
	display: block;
	line-height: 1.5em;
	padding-left: 10px;
}

/* @end */

/* @end */

/* @group Flash Content */

#contentArea #content.flashintro {
	position: relative;
	display: block;
	width: 900px;
	height: 450px;
	background: black;
	color: white;
	margin: 0px;
	margin-left: 0px;
	padding: 0px;
	padding-top: 0px;
	z-index: 0;
}

#flashcontent {
	position: relative;
	padding: 0px;
	margin: 0px;
	border: none;
	z-index: 1;
}

/* @end */

/* @group Form Styles */
#contact_form {
	display: block;
	margin: 0px;
	padding: 5px;
	width: 435px;
}

#registration_form {
	position: relative;
	margin: 0px;
	padding: 5px 5px 20px;
	width: 435px;
}

#article_request_form {
	position: relative;
	margin: 0px;
	padding: 5px 5px 20px;
	width: 435px;
}

.formFields {
	float: left;
	margin: 0px;
	margin-top: 5px;
	padding: 0px;
}

div .formRow {
	position: relative;
	display: block;
	width: 100%;
	padding: 0px;
	margin: 0px;
	float: left;
	clear:both;
	line-height: 1.2em;
}

form .col1 {
	position: relative;
	display: block;
	width:90px;
	float:left;
	padding: 4px 0px 0px;
	margin: 8px 10px 0px 0px;
	text-align:right;
}

form .col2 {
	position: relative;
	display:block;
	width: 335px;
	float:left;
	margin:10px 0px 0px;
	padding: 0px;
}

	form .col2 span {
		font-size: 12px;
		margin-bottom: 10px;
		padding: 0px;
		margin: 0px;
	}

		form .col2 span.col2-left {
			position: relative;
			display: block;
			width: 20px;
			float: left;
		}

		form .col2 span.col2-right {
			position: relative;
			display: block;
			float: left;
			width: 315px;
			padding: 0px;
		}

label {
	font-size: 12px;
	padding: 0px;
	margin: 0px;
}

	label.required {
		color: #fd0101;
	}

fieldset {
	font-size: 12px;
	margin: 0px;
	margin-top: 5px;
	border: none;
}

	fieldset legend {
		margin-left: 20px;
	}

.input {
	font-size: 11px;
	color: #4c4c4c;
	background-color: #ffffff;
	padding: 2px;
	border: 1px solid #c9c9c9;
	margin-right: 5px;
}
	
.textarea {
	font-size: 11px;
	color: #4c4c4c;
	background-color: #ffffff;
	padding: 2px;
	margin-right: 5px;
	border: 1px solid #c9c9c9;
}

.buttons {
	display: block;
	margin: 0px auto;
	text-align: center;
}
/* @end */









/* @group SiteMap
 */

#sitemap {
	margin-left: 20px;
	padding: 20px;
}

	#sitemap ul {
		margin-left: 25px;
		margin-bottom: 10px;
	}

		#sitemap ul li {
			margin: 0px;
			padding: 0px;
		}

			#sitemap ul li a {
				font-size: 1.1em;
			}
			
				#sitemap ul li a.Offsite-Page {
					color: black;
					border: none;
					cursor: default;
				}

				#sitemap ul ul li a {
					font-size: 1.0em;
				}
/* @end */