/** =================================================== **/
/**             UPDATE LOG                              **/
/** --------------------------------------------------- **/
/** 2/10/06 = Initial creation for prodcution - McD     **/
/**                                                     **/
/** =================================================== **/

/** ====== General Page Layout  ======= **/

body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	background-color: #62696a;
	margin-top: 0px;
	margin-bottom: 20px;
	padding-top: 0px;
	}

html { 
	margin-bottom: 20px;
	}

/**  The 'floating page' **/
#main {
	margin-left: auto;
	margin-right: auto;
	width: 771px;
	background-color: #fff;
	border-top: 0px;
	border-right: 1px solid #b5b5b7;
	border-left: 1px solid #b5b5b7;
	border-bottom: 1px solid #c7c7c7;
	padding: 6px 15px 0px 0px;
	}

/** ====== Content Layout ====== **/

#header {
	margin: 0px;
	padding: 0px 0px 3px 10px;
	height: 90px;
	}
#header span.logo {float: left;}
#header span.bling	{float: right;}

/** Globlal Navigation **/
#navGlobal {
	display: block;
	height: 42px;
	border: 0px; 
	padding: 0px 0px 0px 15px;
	margin: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	}
#navGlobal ul { 
	/* padding: 3px 0px 3px 154px; WITHOUT JOBS */ 
	padding: 3px 0px 3px 99px; 
	margin: 0px; 
	white-space: nowrap;
	background-color: #b2d4f9;
	}
#navGlobal li {
	display: inline;
	background-color: #fff;
	border-right: #fff 1px solid; 
	}
#navGlobal li.first {
	border-left: #fff 1px solid; 
	}
#navGlobal li a {
	padding: 3px 15px 3px 15px;
	color: #fff;
	}
#navGlobal li a:link {
	background-color: #75A3D4;
	text-decoration: none;
	}
#navGlobal li a:visited {
	background-color: #75A3D4;
	text-decoration: none;
	}
#navGlobal li a:hover {
	background-color: #97badf;
	text-decoration: none;
	}
#navGlobal li a.active {
	cursor: default; background-color: #5183b6; text-decoration: none;
	}
#navGlobal li a.active:visited {
	cursor: default; background-color: #5183b6; text-decoration: none;
	}
#navGlobal li a.active:hover {
	cursor: default; background-color: #5183b6; text-decoration: none;
	}

#navGlobalCap {float: right; width: 162px; height: 41px; padding: 0px; margin: 0px; border: 0px; background-color: #cfdd4f;}
#navGlobalCap div.top {display: block; width: 22px; height: 21px; background-color: #fff; margin-right: 140px;}
#navGlobalCap div.bottom {display: block; width: 140px; height: 21px; background-color: #fff; margin-left: 22px;}

/** Main Side bar **/
#mainSidebar {
	float: right;
	width: 160px;
	margin: 15px 0px 20px 0px;
	padding: 0px 0px 10px 0px;
	border-left: 1px solid #e7e7e7;
	}

#mainSidebar a {
	color: #4f82b7;
	text-decoration: none;
	}

#mainSidebar a:hover {
	text-decoration: none;
	color: #87BDEF;
	}

#mainSidebar a.active, #mainSidebar a.active:hover {
	cursor: default;
	color: #f87e11;
	}

#mainSidebar ul {
	list-style: none; 
	padding: 0px; 
	margin: 0px 0px 15px 20px; 
	font-size: 11px; 
	color: #5484b5; 
	}

#mainSidebar li {
	padding: 0px; 
	margin: 0px 0px 9px 0px;
	}

#mainSidebar li.active {
	list-style-image: url(../images/sidebar_bullet_arrow_orange.gif);
	}

#mainSidebar h3 {
	margin: 0px; 
	padding: 0px 0px 10px 20px; 
	color: #585858; 
	font-size: 13px; 
	}

#mainSidebar h4 {
	margin: 0px;
	padding: 0px 0px 10px 20px; 
	color: #737373; 
	font-size: 11px; 
	}

#mainSideBarDivider1 {
	height: 15px;
	width:140px; 
	border: 0px;
	padding: 0px;
	margin: 0px 0px 0px 15px; 
	background: url(../images/sidebar_divider1.gif) repeat-x;
	}

#mainSideBarDivider2 {
	height: 10px;
	width: 140px; 
	border: 0px;
	padding: 0px;
	margin: 0px 0px 0px 15px; 
	background: url(../images/sidebar_divider2.gif) repeat-x;
	}

#testimoney {
	margin: 0px;
	padding: 5px 5px 10px 15px; 
	}

#testimoney div.quote {
	color: #a6a6a6; 
	font-size: 14px; 
	line-height: 20px;
	}

#testimoney div.attributedTo {
	text-align: right;
	color: #5b5b5b; 
	font-size: 10px; 
	font-weight: normal;
	}

/** Contents **/

#gutter {
	float: left;
	padding: 0px;
	margin: 0px;
	}

#content {
	float: left;
	width: 409px;
	margin: 15px 0px 20px 0px;
	padding: 0px 15px 0px 5px;
	font-size: small;
	background-color: #fff;
	}
	
#content.fullWidth {
	width: 580px;
	margin: 0px 0px 20px 0px;
	padding: 0px 10px 0px 15px;
	border: 0px;
	}

#content a:link, #content a:visited {
	color: #5283b6;
	text-decoration: none;
	}

#content a:hover {
	color: #5283b6;
	border-bottom: 1px dashed #5283b6;
	}

#content h1 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: 600;
	font-size: 25px;
	color: #f67e10;
	margin: 0px; 
	}
	
#content h1 span.secondHalf {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: 700;
	color: #8c8c8c;
	}

#content h2 {
	font-family: Arial, Helvetica, sans-serif;
	margin: 0px 0px 15px 0px;
	padding: 0px 0px 8px 0px;
	font-size: 13px;
	color: #000;
	border-bottom: 1px solid #dedede;
	}

#content p.introPara {
	line-height: 24px;
	font-size: medium;}

#viewPortfolio {
	padding: 10px 0px 10px 0px; 
	background-image: url(../images/view_portfolio_arrow.gif);
	background-repeat: no-repeat;
	background-position: 160px 16px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 16px;
	}

#viewPortfolio a:link, #viewPortfolio a:active, #viewPortfolio a:visited {
	margin: 10px 0px 10px 0px;
	color: #5283b6;
	text-decoration: none;
}
	
#content h3 {
	margin: 15px 0px 5px 0px;
	font-size: 13px;
	color: #aec700;
	text-transform: capitalize;
	}

#content h4 {
	margin-top: 20px;
	margin-bottom: 5px;
	font-size: 14px;
	color: #8C8C8C;
	}

#content h5 {
	margin-top: 7px;
	margin-bottom: 5px;
	font-size: 13px;
	color: #8C8C8C;
	}

#content h6 {
	margin-top: 7px;
	margin-bottom: 5px;
	font-size: 12px;
	color: #8C8C8C;
	}

#content p {
	margin-top: 7px;
	margin-bottom: 7px;
	line-height: 18px;
	}

#content ul {
	margin: 3px 3px 10px 10px;
	padding: 0px;
	list-style-type: none;
	}

#content li {
	margin: 0px;
	padding: 0px 50px 5px 12px;
	background-image: url(../images/bullet_orange_square.gif);
	background-repeat: no-repeat;	
	background-position: 0px 5px; 
	background-repeat: no-repeat;	
	}

#content ul.nested {
	margin-bottom: 0px;
	padding: 0px;
	}


/* Basic table */
#content table {
	margin: 15px 0px 20px 0px;
	font-size: 13px;
	vertical-align: top;
	}

#content table p {
	margin: 5px;
	font-size: 12px;
	text-align: left;
	}

#content tr.newSection td {
	border-top: 1px solid #d2cfC0;
	}

#content tr.buttonRow td {
	border-top: 1px solid #f9da58;
	padding: 20px 30px 15px 20px;
	text-align: right;
	}

#content tr.buttonRow input {
	margin-left: 10px;
	cursor: pointer;
	}

#content td, #content th {
	border-right: 1px solid #fff; 
	border-bottom: 1px solid #fff; 
	vertical-align: top;
	}


#content th.first {
	text-align: left;
	}

#content td.label {
	font-weight: bold;
	}

#content td.labelInput {
	padding-top: 5px;
	font-weight: bold;
	white-space: nowrap;
	}

/* Form Fields table */
#content table.formFields {
	margin: 2px 0px 0px 0px;
	padding: 0px;
	vertical-align: top;
	border: none;
	}

#content table.formFields td {
	border-top: none;
	border-right: none;
	border-bottom: none;
	padding: 0px;
	}

#content table.formFields select, #content table.formFields input {
	margin-top: 1px;
	margin-right: 5px;
	} 

#content .formFieldLabel {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #666;
	}

#content a.contact {
	font-weight: bold;
	padding-left: 8px;
	background-image: url(../images/arrow_purple_412CB0.gif);
	background-repeat: no-repeat;	
	background-position: left;
	}

#content .required {
	margin-top: 1px;
	margin-left: 5px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #d95703;
	}

#pullquote {
	float: right;
	margin: 10px 0px 20px 20px;
	padding: 5px;
	width: 200px;
	border-top: 2px solid #f67e10;
	border-bottom: 2px solid #f67e10;
	font-size: medium;
	}

.attributedTo {
	padding-top: 5px;
	text-align: right;
	font-weight: bold;
	font-size: x-small;
	color: #666;
	}

#content hr {
	margin: 2px 0px 3px 0px;
	padding: 0px;
	height: 1px;
	width: 100%;
	color: #dfdfdf;
	}

#imageFloatRight {
	clear: right;
	float: right; 
	padding: 5px 0px 5px 15px;
	font-size: 12px; 
	font-weight: bold; 
	text-align: center; 
	color: #4d3725;
	}

.errorMessage {
	padding: 5px;
	font-size: medium;
	font-weight: bold;
	background-color: #ffccff;
	color: red;
	}
	
.nowrap {
	white-space:nowrap;	
	}

/** Home Page Only Stuff **/

#homeFeatured {float: left; width: 180px; padding: 0px; border-right: 1px dotted #666666;}
#homeFeatured a, #homeFeatured a:hover {margin-bottom: 10px; border: 0px;}
#homeFeatured h2 {margin: 0px; border: 0px; color: #F7792F; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 13px; font-weight: bold;}

#homeEssays {float: left; padding: 0px 10px 0px 10px; width: 200px;}
#homeEssays a {border: 0px; color: #5381b3; font-weight: bold;}
#homeEssays a:hover {border-bottom: 1px dotted #5381b3;}
#homeEssays h2 {margin: 0px; border: 0px; color: #f7792f; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 13px; font-weight: bold;}
#homeEssays span.intro {display: block; color: #525252; font-size: 11px;}
#homeEssays span.readMore {display: block; color: #525252; font-size: 11px; margin-bottom: 20px;}


#homeNews {float: left; padding: 0px 0px 0px 10px; width: 180px; border-left: 1px dotted #666666;}
#homeNews h2 {margin: 0px; border: 0px; color: #f7792f; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 13px; font-weight: bold;}
#homeNews span.title {display: block; border: 0px; color: #8C9E00;}
#homeNews span.postDate {display: block; color: #383838; font-size: 10px; margin-bottom: 15px;}
#homeNews a:link, #homeNews a:active, #homeNews a:visited {color: #ff0000;}
#homeNews a:hover {border-bottom: 1px dotted #8C9E00; color: #8C9E00;}

.archivesPostDate {font-size: 10px;}

#archivesList li {padding-bottom: 10px;}

/** End of HOme Page Only Stuff **/ 

#pageEnd {
	clear: both; 
	height: 23px;
	background-image: url(../images/page_end_block.jpg);
	background-repeat: no-repeat;
	margin: 0px 0px 0px 15px;
	padding: 15px 0px 0px 0px;
	color: #939393; 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 9px;
	}
#pageEnd a:link, #pageEnd a:active, #pageEnd a:visited {color: #939393; text-decoration: none;}
#pageEnd a:hover {border-bottom: 1px dashed #939393;}
#pageEnd span.altColor {color: #f6782e; padding-left: 10px;}
#pageEnd span.altColorFirst {color: #f6782e;}	

/** ====== Footer Contenet ====== **/
#footer {
	clear: both;
	margin-left: auto;
	margin-right: auto;
	width: 771px;
	}

#footer p {
	margin: 3px 3px 3px 6px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	text-align: left;
	color: #87888A;   
	}

#footer a {
	color: #87888A;   
	text-decoration:none;
 	border-bottom:1px dashed #87888A;
	}

/** ====== For Development time only, NOT to be used in production ====== **/

.devNote {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FF3366;
	background-color:#ffff99;
	}

