/* CSS Document 
jhigginsdesign.com 

COLOR SWATCHES  
LogoBlue:#3c75cb  
LogoGray:#7e8286
Background Blue:#334678
Footer text:#4477b2
*/


html, body {font-family:Arial, Helvetica, Verdana, sans-serif; font-size:.85em; line-height:1.5em; color:#555; background-color:#334678;}	

hr {color:#bbb; background-color:#bbb; height:1px; text-align:left; border:none; margin:16px 10px 12px 0;}

table {width:400px; border:1px solid #999; margin:7px 0 0 1px;}
tr {border:1px solid #999;}
td {border:1px solid #999; padding:6px 15px 6px 15px; background:#dfdfff;line-height:1em;}
td.header {background:#334678; color:#ddd; font-weight:bold; font-size:.85em; letter-spacing:.2em; text-transform: uppercase; padding: 2px;}


/*--- W R A P P E R  •  H E A D E R  •  L O G O  •  F O O T E R S ---*/

#wrapper {position:relative; background-color:#fff; width:760px; height:100%; min-height:100%; height:auto!important; margin:0 auto 0 auto;}	


#logo {position:relative; top:21px; left:6px; width:110px;}	

#header {position:relative; left:650px; width:588px; top:37px; float:left; z-index:900;}

#header p {
	font-familiy:Arial, Helvetica, sans-serif;
	font-size:.96em;
	line-height:1.25em;
	letter-spacing:.03em;
	color:#3c75cb;
	margin:5px 0 0 0;
}


#footer {position:relative; height:5em; width:764px; top:6px; margin: 0 auto 34px auto; clear:left; font-size:.77em; letter-spacing:.02em; color:#9999be; line-height:1.4em; text-align:left;}

.push {height:3em;} /*---- Positions Footer with space above it ----*/

.lighter {color:#aeaecd;}

/*--- S M A L L   N A V   A T   T O P---*/

/*---- defines SMALL NAV container ----*/
#nav-small {position:relative; float:right; right:10px; width:230px; height:15px; top:-30px; z-index:600;}

/*---- defines nav unordered list ----*/
#nav-small ul {margin:-3px; padding:0;}


/*---- controls the type of menu----*/
#nav-small li {font-family:Arial, Helvetica, Verdana, sans-serif; color:#888; font-size:.85em; position:relative; list-style:none; float:left; width:auto;} 

/*---- padding changes space between menu items for level 1 -- (use .level2 for drop-downs) ----*/
#nav-small ul.level1 li {padding-top:0; padding-left:3px; padding-right:5px;}


/*---- selected current page ----*/
#nav-small li  a.current {color:#3c75cb;}

 
/*---- roll-overs ----*/
#nav-small li  a:hover.current {color:#888;}
#nav-small a:hover {color:#3c75cb;}


/*---- links ----*/  
#nav-small li a {display:block; text-decoration:none; color:#555; width:10.5em;}
#nav-small ul a {width:auto;}




/*--- P H O T O S ---*/

#photo-main {position:relative; top:-39px; right:-2px; float:right; height:200px; z-index:900;}
#col3 img {float:left; margin:0 15px 0 0;}
#col3 img.space-below {float:left; margin:0 15px 15px 0;}

.contact {position:relative; width:100%; height:auto;}




/*--- C O L U M N S--- 
container1 holds container2 -- container2 holds container3 -- containter3 holds container4, col1 col2 col3 col4 -- makes equal height columns---*/

#container4 {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:#fff none repeat scroll 0 0;
clear:left; float:left; overflow:hidden; width:100%; position:relative; z-index:800;}

#container3 {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:#fff none repeat scroll 0 0;
clear:left; float:left; position:relative; right:48%; width:125%;}

#container2 {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:#3c75cb none repeat scroll 0 0;
clear:left; float:left; position:relative; right:24.5%; width:79.3%;}

#container1 {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:#FFF none repeat scroll 0 0;
float:left;
position:relative;
right:1.15%;
width:99%;
}

#col1 {float:left; left:83%; position:relative;top:6px; width:15%;}/*Side Nav and Logo Holder*/

#col2 {float:left; left:81%; position:relative; width:3%; top:-8px; padding:57px 0 16px 0; overflow:hidden; z-index:999;}/*Blue Vertical Strip*/

#col3 {float:left; left:87%; position:relative; width:54.7%; top:-39px; overflow:hidden; z-index:900;}/*Main Text*/


#col4 {float:left; left:91.3%; position:relative; width:18.5%; top:8px; overflow:hidden;}/*Photo Caption*/


/*--- Styling for Col 1 Contents   ( S I D E   N A V )---*/

div#col1 ul {font-size:.96em; font-weight:bold; line-height:1.2em; list-style-type:none; list-style-position:outside;}
div#col1 li {margin:1.5em 0 .9em 0;}

div#col1 a {color:#666; text-decoration:none;}
div#col1 a:hover {color:#3c75cb;}

div#col1 li a.current {color:#3c75cb; font-weight:bold;}
div#col1 li a:hover.current {color:#666;}

div#col1 li.level2 {margin:.65em 0 0 7px; font-weight:normal;}
div#col1 li a.level2.current {margin:0 0 0 7px;}



/*--- S I D E   N A V   Container inside Col 1 ---*/

#sidenav {position:relative; top:6px; float:left; width:130px;padding:22px 0 0 0;}	


/*--- Styling for Col 3 Contents ( M A I N   T E X T ) ---*/

div#col3 h1 {font-size:1.4em; color:#3c75cb; line-height:1.5em; margin:0 0 5px 0;}
div#col3 h2 {font-size:1em; color:#555; line-height:1.2em; margin:14px 0 1px 0;}
div#col3 h3 {font-size:1.13em; color:#3c75cb; line-height:1.2em; margin:19px 0 -6px 0;}
div#col3 h4 {font-size:1.13em; color:#3c75cb; line-height:1.2em; margin:19px 0 2px 0;}
div#col3 h5 {font-size:1.4em; color:#3c75cb; line-height:1.5em; margin:21px 0 2px 0;}
div#col3 h6 {font-size:1.1em; color:#555; line-height:1.3em; margin:1px 0 3px 0;}

div#col3 p {font-size:1em; line-height:1.7em; margin:0 0 .9em 0;}
div#col3 p.tight {font-size:1em; line-height:1.4em; margin:0 0 .9em 0;}
div#col3 p.tight-less-below {font-size:1em; line-height:1.4em; margin:0 0 .5em 0;}
div#col3 p.tight-more-below {font-size:1em; line-height:1.4em; margin:0 0 1em 0;}


div#col3 ul {font-size:1em; line-height:1.7em; list-style-type:disc; list-style-position:outside;}
div#col3 li {margin:3px 0 .6em 13px; line-height:1.5em;}

div#col3 a {color:#3c75cb; text-decoration:none; }
div#col3 a:hover {color:#555; text-decoration:none; }


/*--- Styling for Col 4 Contents ( P H O T O   C A P T I O N ) ---*/
div#col4 h1 {font-size:.95em; color:#3c75cb; line-height:1.4em;}/*Caption Under Photo*/
div#col4 h2 {font-size:.935em; color:#555; line-height:1.2em; font-weight:normal;}/*Caption Under Photo*/
div#col4 h3 {font-size:1.1em; color:#3c75cb; line-height:1.2em; margin:0 0 1px 0;}/*Highlight Head*/
div#col4 h4 {font-size:1.1em; color:#555; line-height:1.2em; margin:0 0 0px 0;}/*Highlight Head*/
div#col4 p {font-size:.94em; color:#555; line-height:1.49em; margin:8px 0 0 0;}/*Caption Under Photo*/
div#col4 p.tight {font-size:1em; line-height:1.4em; margin:4px 0 .9em 0;}

div#col4 a {color:#3c75cb; text-decoration:none; }
div#col4 a:hover {color:#555; text-decoration:none; }


/*--- Multi-Use Styling ---*/
.superscript{font-size:.6em; vertical-align:top;}
.high {line-height:10px; margin:0 -1px 0 0;} .higher {line-height:9px;}