/*
   Version 1.3 2011-02-17
*/

@import url(columns.css);



/* ======================================================================================================== 
   Site specific CSS
   ======================================================================================================== */

/* --------------------------------------------------------------------------------------------------------
   Body and page colors */
body       { background: #333; }
.page      { background: transparent; }
.container { background: #fff; }


/* --------------------------------------------------------------------------------------------------------
   General font specifications */
.container {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	line-height: 1.3;
	font-size: 90%;
	clear: both;
	}
.container h1, .container h2, .container h3, .container h4, .container h5, .container h6,
div#header p,
.c1over3 .primary,
.c12 dt,
#footer { font-family: "Lucida Grande", Arial, Helvetica, sans-serif; }
.container h1, .container h2, .container h3, .container h4, .container h5, .container h6,
/*
div#header p {
	font-family: 'Yanone Kaffeesatz', sans-serif;
	}
*/

/* --------------------------------------------------------------------------------------------------------
   Very basic RESET */
body, div,
p, h1, h2, h3, h4, h5, h6, a, img,
ul, ol, dl, li, dt, dd {
	margin:  0;
	padding: 0;
	border:  0;
	}
h1, h2, h3 { margin-bottom: .5em; }		/* Bottom margin based on font size. (Originally margin: 1em 0;) (Second attempt margin: 1em 0 .5em;) */

/* Elements with common bottom margin. */
address, hr, form, img, ol, ul, dl, 
p, fieldset, table, pre,
input, textarea { margin-bottom: 1em; }		/* So things don't bump into following content. */

p img	{									/* ensures images taller than the p box actually fill the paragraphs box completely from top to bottom; required because bottom margins of img don't collapse inside a p except in IE  */
	margin-bottom: 0;
	vertical-align: bottom;
}

blockquote {margin: 0 1em 1em 1em; }		/* Breathing room for blockquotes; strict doctypes require other elements inside blockquote, so probably don't need bottom margin--ditto form */

/* Sensible defaults for lists */
li { margin-left: 2em; }					/* Breathing room on left for lists. Indent the li element within the containing ol or ul, as opposed to simply indenting the the ol or ul by a certain amount. Makes dealing with list backgrounds easier. */
/* Using *ol li { list-style: decimal outside; } or ul li { list-style: disc outside; } along with the li { list-style: none; } definition in reset.css causes problems with display of nested lists */
ol { list-style: decimal outside; }			/* Give OL's LIs generated numbers. Could add defaults for nested lists. */
ul { list-style: disc outside; }			/* Give UL's LIs generated disc markers. Could add defaults for nested lists. */
ol ol { list-style: lower-alpha outside; }
ol ol ol { list-style: lower-roman outside; }
ul ul { list-style: circle outside; }
ul ul ul { list-style: square outside; }
/*ol ol, ul ul, ol ul, ul ol { margin-bottom: 0; }*/			/* No bottom margin on nested list(s). */
li ol,
li ul { margin-bottom: 0; }					/* No bottom margin on nested list(s). (same effect as above) */

dt { margin-left: 0; }						/* Breathing room for definition list terms. (Was 1em) */
dd { margin-left: 1em; }					/* Breathing room for definition list definitions. (Was 2em) */


/* --------------------------------------------------------------------------------------------------------
   Header and related content */
/*
div#header h1 { height: 2.5em; line-height: 2.5em; margin: 0; padding-left: 1em; background: #eee;        color: #000; }
div#header { overflow: hidden; }
*/
div#header h1 {
	margin: 0;
	height: 2.3em;				/* IE6 and 5.x need a height specified (1% will do unless a specific value is needed), otherwise the h1 background (color and/or image) will not appear */
	line-height: 2.3em;
	text-indent: -9999em;
	color: #eee;
	background: #000 url(../img-n/bg-header-name.png) .5em 0 repeat-x;
	}
div#header h1 a {
	display: block;
	*width: 100%;				/* IE7 and IE6: both need the width, otherwise the block is there, but not clickable (IE5.x sees this as well, but it has no adverse effect) */
	}

div#header p  {
	margin: 0;
	padding-left: 1.4em;
	height:      1.7em;			/* IE6 and 5.x need a height specified (1% will do unless a specific value is needed), otherwise the p background (color and/or image) will not appear */
	line-height: 1.7em;
	color: #333;
	background: #fc6 url(../img-n/bg-header2.png) center center no-repeat;
	font-size: 1.4em;
	font-weight: bold;
	}
div#header p span { color: #267c9d; }		/* OR #1a91ff */


/* --------------------------------------------------------------------------------------------------------
   heading 2, all pages */
.c1over3 h2,
.c213x h2 {
	height: 1.7em;				/* IE6 and 5.x need a height specified (1% will do unless a specific value is needed), otherwise the background (color and/or image) will not appear */
	line-height: 1.7em;
	padding-left: 1em;			/* or .8em to make it line up evenly with paragraphs below */
	color: #fff;
	background: #267c9d url(../img-n/bg-footer3.png) top center no-repeat;
	text-shadow: 2px 2px 5px #000;
	-moz-border-radius:    9px;	/* 15px */
	-webkit-border-radius: 9px;
	-moz-border-radius:    9px 15px 5px;
	-moz-border-radius:    9px 15px 5px 15px;
	-moz-border-radius:   10px 25px 5px 25px;
	-webkit-border-top-left-radius:     10px;
	-webkit-border-top-right-radius:    25px;
	-webkit-border-bottom-right-radius:  5px;
	-webkit-border-bottom-left-radius:  25px;
	}


/* --------------------------------------------------------------------------------------------------------
   index page: mission statement  area, service offering columns */
.c1over3 .primary {
	text-align: center;
		color: #fc3;
		background: #222;
	text-shadow: 1px 1px 1px #267c9d;		/* or #999 */
	font-weight: bold;
	}
.c1over3 .primary p { font-size: 1.2em; }
.c1over3 .primary .wrap { padding: 0; }

	.c1over3 .secondary,
	.c1over3 .tertiary,
	.c1over3 .quaternary { background: #fff; }

.c1over3 .secondary .wrap  { padding-left:  2em; }
.c1over3 .quaternary .wrap { padding-right: 2em; }
.c1over3 ul {
	margin-left: .5em;
	padding-left: 0;
	list-style: square;
	font-size: .95em;
	}

.c1over3 .secondary p,
.c1over3 .tertiary p,
.c1over3 .quaternary p {
	padding-left:  1.25em;
	padding-right: 1.25em;
	font-size: .95em;
	}

.c1over3 .secondary .wrap,
.c1over3 .tertiary .wrap,
.c1over3 .quaternary .wrap {
	padding-top:    1.5em;
	padding-bottom:  .5em;
	}


/* --------------------------------------------------------------------------------------------------------
   2 column content preview area */
.c12 > .primary,
.c12 > .secondary      { width: 50%; }
* html .c12 .primary,
* html .c12 .secondary { width: 50%; }
.c12 .secondary   { background: #eee; }

.c12 h2 {
	color: #267c9d;
	text-shadow: 2px 1px 3px #bbb;
	}

.c12 .primary .wrap   { padding-left: 1.5em; padding-top: 1em; }
.c12 .secondary .wrap { padding: 1em 2em .5em; }
.c12 dt { color: #267c9d; }
.c12 dt a,
.c12 dt a:link    { color: #08536e; }
.c12 dt a:visited { color: #666; }
.c12 dd {
	margin-bottom: 1em;
	margin-left: 0;
	padding-left: 0;
	}


/* --------------------------------------------------------------------------------------------------------
   contact us page */
	.c213x > .primary           { width: 60%; left:  20%; }
	.c213x > .secondary         { width: 20%; left: -60%; }
	.c213x > .tertiary          { width: 20%; left:    0; }
	* html .c213x .primary      { width: 60%; left:  20%; }
	* html .c213x .secondary    { width: 20%; left: -60%; }
	* html .c213x .tertiary     { width: 20%; left:    0; }

.contact .c213x .secondary { background: #222; }
.contact .c213x .tertiary  { background: #eee; }

form .box,
form .smallbox {
	display: block;
	width: 99%;
	border: 1px solid #999;
	-moz-border-radius:    5px;
	-webkit-border-radius: 5px;
	color: #333;
	background: #eee;
	}
form .smallbox { width: 50%; }
.contact form p input { width: 20%; }			/* submit button */
label {
	display: block;
	color: #335b7f;
	font-weight: bold;
	}
label span { font-weight: normal; }
form {
	clear: both;
	width: 100%;
	margin-bottom: 1em;
	}
.contact form br { display: none; }

input, textarea { margin-bottom: .5em; }

.submitHide { display: none; }
.to_address { visibility: hidden; display: none; }

/* get these form elements to correctly display font (textarea wants to dislay a monospaced font) */
select, input, textarea, button { font: 99% Verdana; Arial, Helvetica, sans-serif; }

.c213x img { margin:  0; }

.c213x .primary .wrap   { padding: 1em 2em .5em; }
.c213x .secondary .wrap { padding: 0; }


/* --------------------------------------------------------------------------------------------------------
   News, lower navigation and contact us area */
.c2x50 {
	color: #fff;
	background: #08536e url(../img-n/bg-footer3.png) top center repeat-x;*/		/* BG color: #267c9d OR #08536e */
	font-size: .9em;
	}

.c2x50 .primary .wrap { padding-left: 2em; padding-right: 1.5em; }
.c2x50 a,
.c2x50 p strong       { color: #fc3; }
.c2x50 h2,
.c2x50 p strong       { text-shadow: 2px 2px 5px #000; }

.c2x50 .column .wrap {
	padding-top:      1em;
	padding-bottom: .25em;
	}

.c2x50 .primary .wrap ul   {
	list-style: none;
	width:   50%;
	margin:  0;
	padding: 0 0 1em 0;
	}
.c2x50 .primary .wrap ul li   { margin-left: 0; }
.c2x50 .primary .wrap ul a {
	text-decoration: none;
	display: block;
	padding: 0 1em;
	color:   #fc6;
	color:   #fc3;
	}
.c2x50 .primary .wrap ul a:focus,
.c2x50 .primary .wrap ul a:hover,
.c2x50 .primary .wrap ul a:active,
.c2x50 .primary .wrap ul a:focus
 {
 	display:    block;
 	cursor:     pointer;
 	color:      #08536e;
 	background: #fc6;
 	background: #fc3;

	border-radius:         10px 25px 5px 25px;
	-moz-border-radius:    10px 25px 5px 25px;
	-webkit-border-radius: 10px 25px 5px 25px;
	}


/* --------------------------------------------------------------------------------------------------------
   Footer and related content */
#footer {
	clear: both;
	color: #afafaf;
	background: #000 url(../img-n/bg-header.png) top left repeat-x;
	width: 100%;
	}
#footer p {
	margin: 0;
	padding: .5em 2em;
	}

.logoColors span           { color: #fa1414; }
.logoColors span span      { color: #1dd000; }
.logoColors span span span { color: #1a91ff; }


/* --------------------------------------------------------------------------------------------------------
   IE Hacks */
#/* force display of scrollbars in viewport in IE7 and IE6 in Quirks Mode */
body { *overflow: auto; }