@charset "utf-8";
/* CSS Document */
/* COLORS
 yellow:	ffd700
 gray:		535353
 gray:		a8a8a8 borders
 red:		b33e00
*/


/* General */
html {
	background-image:url(../media/common/BG_Page.gif); /* set here instead of body to get bg to cover entire screen */
}
body {
	background-image:url(../media/common/BG_Page.gif);
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 93%; /*12px*/
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #000000;
}

a { text-decoration:none;}
a:link, a:visited	{color:#b33e00;}
a:hover, a:active	{color:#ffd700;}

H1 {
	color: #535353;
	font-size:225%; /*36px*/
	padding: 15px 0px 0px 0px;
	letter-spacing: -2px;
	font-variant:small-caps;
}
H2 {
	color: #b33e00;
	font-size:150%; /*24px*/
}
H3 {
	font-size:90%; /*12px*/
	font-weight: bold;
}
p {
	padding:3px 0 12px 0;
	line-height:145%;
}
ol {
	list-style: decimal;
}
strong { font-weight:bold; }
em	{ font-style: oblique; }

hr {
	color:#dfdfdf;
	background-color:#dfdfdf;
	height: 1px;	
	border: 0px none #ffffff;
	margin:10px 0px 10px 0px;
}

blockquote {
	font-family:Arial, Helvetica, sans-serif;
	font-size:77%; /*11px*/
	line-height: 125%;
	padding:3px 0 12px 40px;
}

.FinePrint, .caption {
	font-size: 77%; /*10px*/
}

.caption	{
	margin: 5px 0px 10px 0px;
	display:block;
}

.clear {
	clear:both;
}
.left {
	float:left;
}
.right {
	float:right;
}

/* Forms */
.FormField {
	margin-bottom: 10px;
	font-size: 150%;
	font-family: Georgia, "Times New Roman", Times, serif;
}
.FormFieldLabel {
	margin-bottom: 3px;
	font-weight: bold;
}

/* Container */
.oneColFixCtrHdr #container {
	width: 962px;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	text-align: left; /* this overrides the text-align: center on the body element. */
	padding:20px 0px 0px 0px;
}

/* Header */
.oneColFixCtrHdr #header {
	padding: 0;  /* this padding matches the left alignment of the elements in the divs that appear beneath it. If an image is used in the #header instead of text, you may want to remove the padding. */
	background-color: #FFFFFF;
}
#header_top {
	background-image: url(../media/common/BG_Header.jpg); 
	background-repeat:no-repeat;
	height:128px;
}

#header_logo {
	position: absolute; /* Needed for IE */
}

#header_nav {
	background-image: url(../media/common/BG_Nav.jpg);  
	background-repeat:no-repeat;
	height:50px;
	padding:0 0 0 245px;
}
#header_nav li { 
	display:inline;
	font-size: 122%; /*18px;*/
	height:50px;
}
#header_nav li a {height:50px; display:inline-block;}
#header_nav li a:link,
#header_nav li a:visited {
	padding:0 14px 0 14px;
	line-height:50px;
	color:#000000;
}
#header_nav li a:hover,
#header_nav li a:active {
	padding:0 13px 0 13px;
	line-height:50px;
	color:#FFFFFF;
	border:0px none #a8a8a8;
	border-left:1px solid #a8a8a8;
	border-right:1px solid #a8a8a8;
	background-image:url(../media/common/BG_Nav_Over.gif);
}

/* Main Content */
.oneColFixCtrHdr #mainContent {
	padding: 0;
	margin: 0;
	background-image: url(../media/common/BG_Main.gif); 
	background-repeat: repeat-y;
	background-color:#FFFFFF;
}
#mainContent ul {
	margin:10px 0px 0px 0px;
}

#mainContent li {
	margin:3px 0px 10px 20px;
	list-style-type:square;
}
#contentTop {
	background-image:url(../media/common/BG_MainTop.gif);
	height:6px;
	background-repeat:no-repeat;
}
#contentPromo {
	background-image:url(../media/common/BG_MainPromo_Home.jpg);
	height:320px;
	background-repeat:no-repeat;
}
#contentTitle {
	background-image:url(../media/common/BG_MainPromo.jpg);
	height:63px;
	background-repeat:no-repeat;
	font-size:300%; /*48px*/
	font-variant:small-caps;
	padding:20px 20px 0 20px;
}
#contentContainer {
	margin:0 20px 0 20px;
	padding:20px 0 0 0;
}
#contentContainer .left {
	width:600px;
	padding:0px 15px 0px 0px;
	border-right: 1px solid #dfdfdf;
}
#contentContainer .right {
	width:290px;
}

#contentContainer .half {
	width:451px;
}

.Table-Image td {
	vertical-align:top;
	text-align:center;
	padding-bottom: 10px;
	font-size:77%;
	width:20%;
}


/* Images */
.Image-Bordered, #Blog img {
	border: 1px solid #a8a8a8;
	padding: 10px;
}

/* Remove style from blog beacon images */
#Blog div img {
	border: none;
	border-width: 0px;
	padding: 0px;
}

.Image-Right {
	float: right;
	margin-left: 20px;
}
.Image-Left {
	float: left;
	margin-right: 20px;
}

/* Footer */
.oneColFixCtrHdr #footer {
	padding: 10px 0 0 0;
	background-image: url(../media/common/BG_Footer.jpg); 
	background-repeat:no-repeat;
	height:99px;
}
#footer_top {
	height:36px;
	margin:0 24px 0 24px;
	color: #7b7b7b;
	font-size:123.1%; /*18px;*/
}
#footer_top .left {
	width: 335px;
	text-align:left;
}
#footer_top .right {
	width: 550px;
	text-align:right;
}
#footer_top input {font-size:74%; /*11px*/}

#footer_bottom {
	margin:10px 106px 0 106px;
	color:#FFFFFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:77%; /*11px*/
	line-height: 30px;
}

#footer_bottom a:link,
#footer_bottom a:visited
{
	color:#ffffff;
	text-decoration:underline;
}
#footer_bottom a:hover,
#footer_bottom a:active
{
	color:#ffd700;
	text-decoration:underline;
}

#footer_bottom .left {
	width: 450px;
	text-align:left;
}
#footer_bottom .right {
	width: 200px;
	text-align:right;
}