/* 
	Client:	Wynnefields Creative (http://www.wynnefields.com/)
	Author:	Wynne Hunkler, Wynnefields Creative (http://www.wynnefields.com/)
	Date:	February 2008
	Copyright:	©2004-2008 Wynnefields Creative. All rights reserved.
	CSS File:	wynnefields.css
*/
/* Clear all browser versions default margins and padding which may cause inaccurate rendering	*/
* {
	margin: 0;
	padding: 0;
}

/* Redefine markup tags margin, padding and relative to the base font defined in the body tag	*/
body {
/*	font-family: Geneva, Arial, Helvetica, sans-serif;	*/
	font-family: Frutiger, "Frutiger Linotype", Univers, Calibri, "Gill Sans", "Gill Sans MT", "Myriad Pro", Myriad, "DejaVu Sans Condensed", "Liberation Sans", "Nimbus Sans L", Tahoma, Geneva, "Helvetica Neue", Helvetica, Arial, sans serif;
	font-size: small;
	color: #fff;
	background-color: #ccf;
}
/*
h1, h2, h3, h4 {
	font-family: "Lucida Grande", sans-serif;
}
*/
h1 {
	margin-top: 1.8em;
	margin-bottom: 0.9em;
	font-size: 200%;
}
h2 {
	margin-top: 1.6em;
	margin-bottom: 0.8em;
	font-size: 170%;
}
h3 {
	margin-top: 1.4em;
	margin-bottom:	0.7em;
	font-size: 140%;
}
h4 {
	margin-top: 1.2em;
	margin-bottom: 0.6em;
	font-size: 110%;
}
cite {
	margin: 0;
	padding: 0;
	text-align: right;
	float: right;
}
cite img {
	margin-bottom: -10px;
	margin-left: 10px;
	border: none;
}

/* Default link styles for visual asthetics and Wynnefields Creative site color theme of lavendar and blues								*/
a:link {
	color: #f99;	/* #ccf commented for css validation (same as background-color on body & ul#pageNavigation a)	*/
	text-decoration: underline;
}
a:visited {
	color: #f0f;
	text-decoration: underline;
}
a:hover,
a:active {
	color: #f33;
	text-decoration: none;
}

#pageContainer {
	margin: 10px auto;
	padding: 0;
	background-color: #000;
	width: 760px;
}

#pageHeader {
	margin: 0;
	padding: 20px;
/*
	padding-bottom: 0;
	background-image: url(../images/header_strip.gif);
	background-position: top left;
	background-repeat: repeat-x;
	height: 92px;
*/
	background-color: #609;
	background-image: url(../images/web_logo.png);
	background-position: 20px 20px;
	background-repeat: no-repeat;
	height: 92px;
}

/* Styled navigation for nested lists: primary and secondary navigation 1-2 nested list levels	*/
ul#pageNavigation {
	margin: 0;
	border: 0 none;
/*	border: 1px solid #00a;	*/
	padding: 0;
	list-style: none;
	height: 24px;
	height: 32px;
	width: 760px;
	background-color: #03f;
	background-image: url(../images/nav_strip.gif);
	background-position: left;
	background-repeat: repeat-x;
}
ul#pageNavigation li {
	margin: 0;
	border: 0 none;
	border-left: 1px solid #00a;
	padding: 0;
	float: left; /*For Gecko*/
	display: inline;
	list-style: none;
	position: relative;
	height: 24px;
	height: 32px;
}
ul#pageNavigation ul {
	margin: 0;
	border: 0 none;
	padding: 0;
	width: 160px;
	list-style: none;
	display: none;
	position: absolute;
	top: 24px;
	top: 32px;
	left: 0;
}
ul#pageNavigation ul:after /*From IE 7 lack of compliance*/{
	clear: both;
	display: block;
	font: 1px/0px serif;
	content: ".";
	height: 0;
	visibility: hidden;
}
ul#pageNavigation ul li {
	width: 160px;
	float: left; /*For IE 7 lack of compliance*/
	display: block !important;
	display: inline; /*For IE*/
}
/* Root Menu */
ul#pageNavigation a {
	border: 1px solid #ffa;
	border-right-color: #00a;
	border-bottom-color: #00a;
	padding: 0 6px;
	float: none !important; /*For Opera*/
	float: left; /*For IE*/
	display: block;
	background-color: #ccf;
	background-color: #ddf;
	color: #006;
	font: bold 10px/22px Verdana, Arial, Helvetica, sans-serif;
	font: normal 12px/30px Frutiger, "Frutiger Linotype", Univers, Calibri, "Gill Sans", "Gill Sans MT", "Myriad Pro", Myriad, "DejaVu Sans Condensed", "Liberation Sans", "Nimbus Sans L", Tahoma, Geneva, "Helvetica Neue", Helvetica, Arial, sans serif;
	text-decoration: none;
	height: auto !important;
	height: 1%; /*For IE*/
}
/* Root Menu Active Page Notification */
body#pgHome #tabHome a,
body#pgServices #tabServices a,
body#pgCompany #tabCompany a,
body#pgResources #tabResources a,
body#pgSitemap #tabSitemap a {
	color: #fff;
	background: #33f;
}
/* Root Menu Hover Persistence */
ul#pageNavigation a:hover,
ul#pageNavigation li:hover a,
ul#pageNavigation li.iehover a {
	background: #33f;
	color: #fff;
}
/* 2nd Menu */
ul#pageNavigation li:hover li a,
ul#pageNavigation li.iehover li a {
	float: none;
	background: #99f;
	color: #003;
}
/* 2nd Menu Hover Persistence */
ul#pageNavigation li:hover li a:hover,
ul#pageNavigation li:hover li:hover a,
ul#pageNavigation li.iehover li a:hover,
ul#pageNavigation li.iehover li.iehover a {
	background: #33f;
	color: #fff;
}
ul#pageNavigation ul ul,
ul#pageNavigation ul ul ul {
	display: none;
	position: absolute;
	top: 0;
	left: 160px;
}
/* Do Not Move - Must Come Before display:block for Gecko */
ul#pageNavigation li:hover ul ul,
ul#pageNavigation li:hover ul ul ul,
ul#pageNavigation li.iehover ul ul,
ul#pageNavigation li.iehover ul ul ul {
	display: none;
}
ul#pageNavigation li:hover ul,
ul#pageNavigation ul li:hover ul,
ul#pageNavigation ul ul li:hover ul,
ul#pageNavigation li.iehover ul,
ul#pageNavigation ul li.iehover ul,
ul#pageNavigation ul ul li.iehover ul {
	display: block;
}
#pageNavigation li.searchBox {
	margin: 0.1em 0 0.1em 220px;
	padding: 0;
	border: none;
	background: none;
}
#pageNavigation li input.searchString {
	margin: 0;
	padding: .1em 0 .1em 0.4em;
	border: 1px solid #ffa;
	border-top: 1px solid #669;
	border-left: 1px solid #669;
	font-size: 90%;
	color: #006;
	background-color: #ccf;
}
#pageNavigation li.searchPrompt {
	margin: 0;
	padding: 0;
	color: #fff;
	border: none;
	background: none;
}
#pageNavigation li input.searchButton {
	margin-top: 0.2em;
	margin-left: 3px;
	padding: 0;
	font-size: 80%;
}

#pageContent {
	margin: 0;
	padding: 0 20px 20px 20px;
	clear: both;
}
#pageContent p {
	margin: 1.1em 0;
	padding: 0;
	font-size: 1.1em;
}
#pageContent ol,
#pageContent ul {
	margin: 1.0em 6.0em;
	padding: 0;
	line-height: 1.4em;
}

#pageAlign {
	clear: both;
}
#pageAlign img {
	margin: 10px 20px;
	padding: 0;
}

#pageFooter {
	margin: 0;
	padding-top: 6px;
	padding-bottom: 10px;
	color: #ffa;
	background-color: #609;
	width: 100%;
}

/* Styles for mark-up and stylesheet validation certification marks from W3.org validator 		*/
#footHTML {
	margin-right: 120px;
	margin-bottom: -16px;
}
#footCSS {
	margin-bottom: -16px;
	margin-left: 120px;
}

#pageMap {
	margin: 0;
	padding: 0 20px 20px 20px;
	clear: both;
}
#pageMap ul {
	margin: 1.0em 6.0em;
	padding: 0;
	line-height: 1.4em;
	list-style: none;
}
#pageMap ul li ul {
	margin: 1.0em 4.0em;
	padding: 0;
	line-height: 1.4em;
	list-style: none;
}

/* Definitions for two column layout including visible containers (whiteBoard) with headers and	background	*/
/* images; and non-visible containers (blackBoard) defining basic parameters such as width, etc.	*/
.whiteBoard {
	margin: 10px 0;
	padding-bottom: 10px;
	color: #000;
	width: 300px;
	background: url(../images/box_body.gif) no-repeat bottom left;
}
.whiteBoard h3 {
	margin: 0;
	padding: 6px 8px 4px 20px;
	border-bottom: 1px solid #7976a5;
	background: url(../images/box_head.gif) no-repeat top left;
}
#pageContent .whiteBoard ul {
	margin: 1.0em 0 1.0em 4.0em;
	padding: 0;
	font-size: 1.0em;
	line-height: 1.4em;
	list-style: upper-roman;
}
.blackBoard {
	margin: 10px 0;
	padding: 5px;
	color: #fff;
	width: 310px;
}
.blackBoard h3 {
	margin: 0;
	padding: 0;
}
.blackBoard h4 {
	margin: 0;
	padding: 0;
}
.cssBoard {
	margin: 10px 0;
	padding-bottom: 10px;
	color: #000;
	width: 300px;
	background: url(../images/box_body.gif) no-repeat bottom left;
}
.cssBoard h3 {
	margin: 0;
	padding: 6px 8px 4px 20px;
	border-bottom: 1px solid #7976a5;
	background: url(../images/box_head.gif) no-repeat top left;
}
#pageContent .cssBoard ul {
	margin: 1.0em 0 1.0em 4.0em;
	padding: 0;
	font-family: "Courier New", Courier, monospace;
	font-size: 1.0em;
	line-height: 1.4em;
	list-style: none;
}
#pageContent .cssBoard ul li.cssHeadFoot {
	margin-left: -2.0em;
}
.jscriptBoard {
	margin: 10px 0;
	padding-bottom: 10px;
	color: #000;
	width: 600px;
	background: url(../images/box_body2.gif) no-repeat bottom left;
}
.jscriptBoard h3 {
	margin: 0;
	padding: 6px 8px 4px 10px;
	border-bottom: 1px solid #e0cfab;
	background: url(../images/box_head2.gif) no-repeat top left;
}
#pageContent .jscriptBoard p {
	margin: 1.0em 0 1.0em 2.0em;
	padding: 0;
	font-family: "Courier New", Courier, monospace;
	font-size: 0.8em;
	line-height: 0.9em;
}
.leftBox {
	margin: 10px 20px;
	float: left;
}
.rightBrain {
	margin: -60px 40px 10px 20px;
	padding: 0;
	float:right;
}
.splitColumn {
	margin: 10px;
	padding: 0;
	width: 330px;
	float: left;
}

/* Miscellaneous class definitions for repetitive use throughout the site */
#pageContent p.quotation {
	margin-right: 20px;
	padding-bottom: 10px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 1.0em;
	font-style: italic;
	font-weight: bold;
	text-align: right;
	color: #99f;
}
.logomark {
	margin: 20px;
	padding: 0;
}
.listFocus {
	font-weight: bold;
}
.copyrights {
	font-family: Arial, Helvetica, sans-serif;
	font-size: .80em;
	font-weight: bold;
	text-align: center;
}
.bookcover {
	margin: 15px 10px 0 0;
	padding: 0;
	float: left;
}
#pageContent p.bookquote {
	margin-top: 2.0em;
	margin-right: 40px;
	font-size: 1.0em;
	font-style: italic;
	text-align: right;
}