/*

Defines primary layout, font & link styles

*/
html, body {
	background: #eff3f4;
	height: 100%;
}
body {
	background: #eff3f4 url(/media/assets/Banner_BG.gif) repeat-x top left;
}

body, a, p, h1, li {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 20px;
	color:#676767;
}

a {
	text-decoration: underline;
}

a:link, a:visited {
	color: #000000;
}
a:hover, a:active {
	color: #999999;
}

/* Visual Content Container */
#container {
	clear:both; /* Not needed? */
	width:929px;
	margin: 0 auto; /* (top & bottom) (left & right) */
}


/* Banner Stuff */
#banner {
	background: url(/media/assets/Banner_Top_Highlight.jpg) no-repeat top left;
	width:929px;
	height:123px;
}
#logo {
	/*display:block;*/
	float:left;
	padding: 24px 0px 0px 11px;
}


/*

Home page stuff

*/
#stage {
	margin:57px 0px 0px 0px;
	padding:10px;
	width:909px; /* 929 - 10 - 10 = 909. Subtract padding. */
	height:300px; /* 320 - 10 - 10 = 300 */
	background: #bec6ca url(/media/assets/pageBoxBG.png) repeat-y top left;
}
#stageArea {
	margin:57px 0px 0px 0px;
	padding:10px;
	width:909px; /* 929 - 10 - 10 = 909. Subtract padding. */
	/*height:300px;*/
	background: #bec6ca url(/media/assets/pageBoxBG.png) repeat-y top left;
}


/*

Quick Links

*/

#quickLinksContainer {
	margin:20px 0px 0px 0px;
	padding:5px 10px 5px 10px;
	width:909px; /* 929 - 10 - 10 = 919. Subtract padding. */
	height:128px; /* 138 - 5 - 5 = 128 */
	/*background: #bec6ca url(/media/assets/pageBoxBG.png) repeat-y top left;*/
}

#quickLinks {
	margin:20px 0px; /* Margin is outside (Top Bottom) (Left Right) */
	padding:0px; /* Padding is inside. was: 10px */
	width:929px; /* 929 - 10 - 10 = 909. Subtract padding. */
	height:138px; /* 138 - 5 - 5 = 128 */
	/*background: url(/media/assets/quickLinksBG.png) no-repeat top left;*/
	background: #bec6ca url(/media/assets/quickLinksFullBG.png) no-repeat top left;
}

#quickLinks a {
	display:block;
	width:182px; /* was: 180px */
	height:118px;
	text-decoration:none;
}

/* Changed each image to 0 */
#quickLinks #ql1 {			background: url(/media/assets/quickLinksBoxBG0.png) no-repeat top right; }
#quickLinks #ql1 a:hover {	background: url(/media/assets/quickLinksBoxBG0.png) no-repeat top left; }
/* These should be set based on how dark or bright the BG image is */
#quickLinks #ql1 a:hover .head { color:#c90000; }
/* #quickLinks #ql1 a:hover .body { color:#FFFFFF; } */

#quickLinks #ql2 {			background: url(/media/assets/quickLinksBoxBG0.png) no-repeat top right; }
#quickLinks #ql2 a:hover {	background: url(/media/assets/quickLinksBoxBG0.png) no-repeat top left; }
#quickLinks #ql2 a:hover .head { color:#c90000; }
/* #quickLinks #ql2 a:hover .body { color:#FFFFFF; } */

#quickLinks #ql3 {			background: url(/media/assets/quickLinksBoxBG0.png) no-repeat top right; }
#quickLinks #ql3 a:hover {	background: url(/media/assets/quickLinksBoxBG0.png) no-repeat top left; }
#quickLinks #ql3 a:hover .head { color:#c90000; }
/* #quickLinks #ql3 a:hover .body { color:#FFFFFF; } */

#quickLinks #ql4 {			background: url(/media/assets/quickLinksBoxBG0.png) no-repeat top right; }
#quickLinks #ql4 a:hover {	background: url(/media/assets/quickLinksBoxBG0.png) no-repeat top left; }
#quickLinks #ql4 a:hover .head { color:#c90000; }
/* #quickLinks #ql4 a:hover .body { color:#000000; } */

#quickLinks #ql5 {			background: url(/media/assets/quickLinksBoxBG0.png) no-repeat top right; }
#quickLinks #ql5 a:hover {	background: url(/media/assets/quickLinksBoxBG0.png) no-repeat top left; }
#quickLinks #ql5 a:hover .head { color:#c90000; }
/* #quickLinks #ql5 a:hover .body { color:#000000; } */


#quickLinks ul {
	display:block;
	margin:0px;
	padding:11px 9px 9px 10px; /* was: 5px 10px 5px 10px; */
	width:910px; /* was: 909px */ /* 929 - 10 - 10 = 909. Subtract padding. */
	height:118px; /* 138 - 10 - 10 = 118 */
	list-style: none;
}
#quickLinks li {
	float:left;
	margin:0px; /* was: 0px 20px 0px 0px */
	padding:0px;
	display:block;
	width:182px; /* was: 180px */
	height:128px; /* was 108px */
}

#quickLinks .head {
	display:block;
	padding:5px 10px; /* was: 5px*/
	width:161px; /* 181 - 10 - 10 = 161 */
	height:19px; /* 29 - 5 - 5 = 19 */
	font-family:"Times New Roman", Times, serif; /* Change font for links in quickLinks header*/
	font-size:13px;
	text-decoration:none;
	/*background: url(/media/assets/quickLinksBtnBG.png) no-repeat top left;*/
	color:#000000;
}

#quickLinks .body {
	display:block;
	padding:10px; /* was: 10px 5px 5px 5px */
	width:161px; /* 181 - 10 - 10 = 161 */
	height:69px; /* 89 - 10 - 10 = 69 */
	line-height:16px;
	color:#676767;
}

/*
#quickLinks .head a {
	display:block;
	margin:5px 0px 0px 0px;
	padding: 5px 10px;
	width:160px; /* 180 - 10 - 10 = 160
	height:20px; /* 30 - 5 - 5 = 20
	font-family:"Times New Roman", Times, serif;
	text-decoration:none;
	background: url(/media/assets/quickLinksBtnBG.png) no-repeat top left;
}
#quickLinks .head a:hover, #quickLinks .head a:active{
	background: url(/media/assets/quickLinksBtnBG.png) no-repeat top right;
}
*/


/*
#quickLinks a {
	display:block;
	width:180px;
	height:128px;
	text-decoration:none;
}
#quickLinks #two a:hover {
	background: url(/media/assets/quickLinksBody2.jpg) no-repeat top left;
}

#quickLinks .body a {
	line-height:16px;
}
*/



/*

Sub-page template

*/
/* Main (right) column */
#main {
	float:right;
	
	padding:10px;
	margin: 57px 0px 20px 0px;
	
	width:740px; /* 760 - 10 - 10 = 740. */
	text-align:left;	
	background: #bec6ca url(/media/assets/subPageBoxBG.png) repeat-y top left;
}
#mainWide {
	/*float:right;*/
	
	padding:10px;
	margin: 57px 0px 20px 0px;
	
	width:909px;
	text-align:left;	
	background: #bec6ca url(/media/assets/subPageBoxBG.png) repeat-y top left;
}
#main .head {
	margin:0px 0px 10px 0px;
	width:740px;
	height:30px;
	/*background: url(/media/assets/subPageBanner.jpg) no-repeat top left;*/
}
#main .body, #mainWide .body {
	padding:20px 55px; /* (top bottom) (left right) */
	background:#FFF;
}
#main .body li {
	display:block;
	padding:0px 0px 0px 20px;
	background:url(/media/assets/bullet.gif) no-repeat 0px 7px;
}
#main .body .form li {
	display:block;
	padding:0px;
	background: none;
}
#main .body .l2 li {
	display:block;
	padding:0px 0px 0px 40px;
	background:url(/media/assets/bullet.gif) no-repeat 20px 7px;
}
#main .body_products {
	padding:25px;
	background:#FFF;
}
#main .body_products li {
	display:block;
	padding:0px 0px 0px 20px;
	background:url(/media/assets/bullet.gif) no-repeat 0px 7px;
}
#main .body_products .l2 li {
	display:block;
	padding:0px 0px 0px 40px;
	background:url(/media/assets/bullet.gif) no-repeat 20px 7px;
}

#main .body h1, #mainWide .body h1, #main .body_products h1, #main .body_products h1 a {
	font-size:18px;
	font-weight:normal;
	text-decoration:none;
}

/* Left Column */
#side {
	margin:48px 0px 20px 0px;
	float:left;
	width:169px;
}


/* Footer Stuff */
#footer {
	clear:both;
	width:909px;
	height:32px; /* 52 - 10 - 10 */
	margin:20px 0px 0px 0px;
	padding:11px;
	background: #eff3f4 url(/media/assets/footerBG.png) no-repeat top left;
}
#footer p, #footer a, #footer a:link, #footer a:visited {
	font-size: 11px;
	text-decoration:none;
	color:#676767;
}
#footer a:hover, #footer a:active, #footer a.selected {
	color: #111111;
}
#firstFooterLink {
	margin:0px 0px 0px 55px;
}



#copyright {
	/*clear:both;*/
	
	margin:0px auto;
	padding: 30px 0px 0px 0px;
	/*
	margin-top:40px;
	margin-left:auto;
	margin-right:auto;
	*/
}

#copyright p {
	font-size:10px;
	color:#FFFFFF;
}

/* List Style Overrides */
#main .body ol {
	margin:0px;
	padding:0px 0px 0px 40px;
	/*
	list-style:decimal;
	list-style-type:decimal;
	*/
}
/*
#main .body ol .l2 {
	margin:0px 0px 0px 0px;
}
*/
#main .body ol li {
	display:list-item;
	background:none;
	margin:0px;
	padding:0px;
	list-style-type:decimal;
}
#main .body ol .l2 li {
	display:list-item;
	background:none;
	margin:0px;
	padding:0px;
	list-style-type:lower-alpha;
}