﻿/* ************************************************************ */
/* ************************************************************ */
/*
	IMPORTANT! This file is a SOURCE TEMPLATE for a client
	custom CSS file. This file should be copied to the new 
	clients css_lib folder prior to editing.
	
	DELETE these notes after copying.

	Platforms Tested:

	Windows XP Professional
		Miscrosoft Internet Explorer 7.0.5730.13
		Mozilla Firefox 3.0.7
		Safari 4 Public Beta 528.16
*/
/* ************************************************************ */
/* ************************************************************ */
body, #pgShadow, #pgContent, #curBotCrnr, #pgBody {/*position:relative;*/}



body { background-color:silver; padding-top:20px; }
#pgContent { /*height:1200px;*/ position:relative; }
/* Elements */
#pgBody { position:relative; padding:0px 0px 0px 0px; }
.sp #pgBody { padding:40px 40px 40px 40px; }
blockquote { font-style:italic; font-weight:bold; color:#626262; }



/* IDs */
#pgShadow { width:980px; margin:0 auto; background:url(img_lib/bg_pg_shaddow.gif) repeat-y center; }
#pgContent { width:964px; margin:0 auto; background:url(img_lib/bg_pg_gradient.jpg) repeat-x; }
	#pgHeader { position:relative; height:84px; }
	.hp #pgHeader { background:url(img_lib/img_header_tag_line.jpg) no-repeat 615px 15px; }
	.sp #pgHeader { background:url(img_lib/bg_sp_arch_top_corner.jpg) no-repeat top right; }
		#phContent { }
			#coLogo { position:absolute; top:15px; left:40px; }
				#coLogo a { height:54px; width:308px; background:url(img_lib/img_header_logo.jpg) no-repeat; }
			#phNav { position:absolute; top:20px; right:30px; }
				#phNav a { border-left:dotted 1px gray; }
				#phNav a:hover { text-decoration:underline; }
				#phNav a:first-child { border-left:none; }

	

/* *********************************** */
/* * Navigation Menu Styling           */
/* *********************************** */

/* Horizontal Nav Bar with Horizontal Child Nav Bar */

	#pgPrimaryNav { position:absolute; top:90px; left:27px; height:40px; /*background:url(img_lib/bg_hp_nav_bar.jpg) no-repeat;*/ }
	#pgPrimaryNav a { color:#fff; }
	#pgPrimaryNav ul { /*background-color:#036;*/ }
	#pgPrimaryNav ul ul { background:none; }
	#pgPrimaryNav ul li a { color:#fff; }
	#pgPrimaryNav ul li a:hover { /*background-color:#369;*/ color:#fff; }
	#pgPrimaryNav ul ul li a { background:none; }
	.aLink { /*background-color:#369 !important;*/ }


		#breadcrumbs { color:#000; }

		#pgMainImg { width:964px; }
		#curBotCrnr { background:url(img_lib/bg_sp_arch_bot_corner.jpg) no-repeat right top; }

	 	.sp .pbMainContent { padding-bottom:0px;  }
		.hp .pbMainContent { padding-bottom:0px; margin-bottom:0px;  }
			.hp .pbMainContent h1 { color:white; font-size:1.4em; margin-bottom:10px; }
			.hp .pbMainContent p { color:white; font-size:1em; }

			.pbMainContent h1 { color:#999; }
			.pbMainContent h2 { color:white; font-size:1.2em; }
			.pbMainContent h3 { color:#000; font-weight:bold; }
			.pbMainContent h5 { color:#333; } /* Use for page title sub-caption */
			.pbMainContent p { color:white /*#595959*/; font-size:11pt; }
			.pbMainContent a { color:#23628D; border-bottom:dotted 1px #B5B5B5; }
			.pbMainContent a:hover {  border-bottom:solid 1px #23628D; }
			.pbMainContent blockquote p { text-align:right; }

	 	.sp .pbSecondaryContent { padding-bottom:40px; }
		.hp .pbSecondaryContent { padding-bottom:0px; margin-bottom:0px; }
			.pbSecondaryContent h1 { font-weight:bold; }
			.pbSecondaryContent h2 { font-weight:bold; }
			.pbSecondaryContent p { color:#595959; }
			.pbSecondaryContent a { color:#23628D; border-bottom:dotted 1px #B5B5B5; }
			.pbSecondaryContent a:hover {  border-bottom:solid 1px #23628D; }
			.pbSecondaryContent p a { /*font-weight:bold;*/ }
			.pbSecondaryContent blockquote p { text-align:right; margin-top:12px; }

	#pgFooter { position:relative; width:964px; background:white; border-top:solid 2px #98b0cc; }
		#pfContent { position:relative; padding:15px 40px; }
			#pgFooter p { color:#595959; }		
			#pfCopyright {  }
			#pfNav { position:absolute; top:15px; right:40px; }
				#pfNav a { border-left:dotted 1px gray; }
				#pfNav a:hover { text-decoration:underline; }
				#pfNav a:first-child { border-left:none; }

/* Classes */
.aLink { font-weight:bold; }


ul.ruled { border-bottom:solid 1px #d2d2d2; }
ul.ruled li { border-top:solid 1px #d2d2d2; }
table.ruled { border-bottom:solid 1px #d2d2d2; }
table.ruled th { color:#000000; border-top:solid 1px #d2d2d2; }
table.ruled td { color:#595959; border-top:solid 1px #d2d2d2; }

.curleySpacer { background:url(img_lib/bg_curley_break.gif) repeat-x 28px; text-align:center; margin:5px 0px; }

ul.curleyBullet { margin-left:0px; }
ul.curleyBullet li { background:url(img_lib/sm_curley_bullet.gif) no-repeat 0px 0px; padding-left:34px; padding-bottom:14px; color:white; }

ul.checkBullet { margin-left:0px; }
ul.checkBullet li { background:url(img_lib/blt_dark_check.gif) no-repeat 0px 0px; padding-left:22px; padding-bottom:14px; color:white; font-weight:bold; }


/* ************************************************** */
/* Form Styles
/* ************************************************** */
	.field { padding-bottom:6px; padding:6px; }
	form label { font-weight:normal; }
	form input.txtField, form textarea { width:270px; }
	form input, form textarea  { border:1px solid silver; margin:0px; padding:2px; }
	form input:focus, form textarea:focus { border:1px solid gray; background:#fffed9; }
	
	.field { }
	.error { background-color:yellow; border:dotted 1px gray; }
	div.required label { font-weight:bold; }

