/* CSS Document 
jhigginsdesign.com 

COLOR SWATCHES
#6f6f6f gray body text

#f6eaa8 yellow
#f4c964  yellow highlight & small nav type
#d0a626  yellow links in body text

#575ace blue type
#4548d0 blue news & body links
#4a3d98 nav blue
#2f3255 background blue

#bd9829 gold type old site
#71C663 green type old site
#C27EC7 purple type old site

#c8f0d5  light background green
#d4d6fb  light background blue*/


html, body {font-family:Arial, Helvetica, Verdana, sans-serif; font-size:1em; line-height:1.5em; color:#6f6f6f; background-color:#2f3255;}	

hr  {color:#fff; background-color:#fff; height:1px; text-align:left; border:none; margin:22px 0 0 0;}
hr.dark {color:#aaa; background-color:#aaa; height:1px; text-align:left; border:none; margin:22px -100px 0 0;}
hr.dark-short {color:#aaa; background-color:#aaa; height:1px; width:320px; text-align:left; border:none; margin:22px -100px 0 0;}


/*--- 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;}	

#header {position:relative; width:760px; height:77px; top:0; left:0;}

#logo {position:absolute; width:150px; height:53px; left:8px; top:4px;}	

#footer {position:relative; height:6em; width:820px; top:12px; margin: 0 auto 0 auto; clear:left; font-size:.55em; letter-spacing:.03em; line-height:1.3em; color:#aaa; text-align:center;}

#footer.inside {top:1px;}

div#footer a {color:#ddd; text-decoration:none;}
div#footer a:hover {color:#999; text-decoration:none; }

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



/*--- N E W S   F O O T E R   H O M E  ---*/

#news-footer {position:relative; width:760px; height:6.19em; background-color:#c8f0d5; line-height:1.3em; margin:0 auto 0 auto; padding:6px 0; top:1px;}

#news1 {width:122px; height:6em; margin:0 0 0 7px; border-right-width:1px; border-right-style:solid; border-right-color: #fff; float:left;}
#news2 {width:122px; height:6em; margin:0 0 0 10px; border-right-width:1px; border-right-style:solid; border-right-color: #fff; float:left;}
#news3 {width:128px; height:6em; margin:0 0 0 10px;float:left;}

div#news-footer h1 {font-size:.65em; color:#333; line-height:1.09em; padding:1px 8px 0 0; }
div#news-footer p {font-size:.65em; color:#6f6f6f; line-height:1.25em; margin:2px 2px 0 0;}

div#news-footer a {color:#4548d0; text-decoration:none;}
div#news-footer a:hover {color:#333; text-decoration:none; }

div#news-footer img {margin: 0 0 6px 6px; float:left;}
div#news-footer h1.lower {margin:4px 0 0 0;}
div#news-footer p.add-space-below {margin:0 0 .4em 0;}



/*--- P H O T O S:  S L I D E S H O W   +   B U B B L E S ---*/

#photo-row-home {height:98px; width:762px; position:relative; top:20px; left:0;}
#photo-row-inside {height:85px; width:164px; position:relative; top:18px; left:0; z-index:100;float:none; }
div#photo-row-inside img {padding:0 2px 0 0;}

#bubble-home {height:289px; width:312px; position:relative; float:right;  left:26px; margin:-322px 0 auto 0; }
#bubble-inside {height:299px; width:253px; position:relative; float:right; margin:-299px -.01em 0 0; }



/*--- M A I N   C O N T E N T   H O M E---*/

#content-home {position:relative; width:660px; height:100%; top:40px; left:40px;z-index:100;}

div#content-home h1 {font-size:1.15em; color:#575ace; line-height:1.4em;}
div#content-home p {font-size:.9em; line-height:1.6em; margin:12px 0 .0 0;}
div#content-home p.small {font-size:.62em; line-height:1.35em; font-style:italic; margin:6px 0 -12px 0;}

div#content-home ul {font-size:.84em; line-height:1.4em; list-style-type:disc; list-style-position:outside;}
div#content-home li {margin:8px 0 0 14px;}

div#content-home a {color:#f4c964; text-decoration:none; }
div#content-home a:hover {color:#575ace; text-decoration:none; }



/*--- I N S I D E   C O N T E N T   2-C O L s --- 
container1 holds container2 -- Container2 holds col1 and col2 -- makes equal height columns---*/

#container1 {position:relative; background:#d4d6fb; width:100%; float:left; margin:0 0 .8em 0;}  /*-- Blue Left Column Background --*/
#container2 {position:relative; background:#fff;    width:79.2%; float:left; left:20.8%; top:0px;}  /*-- White Main Column Background --*/

#col1 {float:left; width:20%; position:relative; top:12px; right:103.5%; z-index:200}  /*-- Side Nav Content --*/
#col2 {float:left; width:80%; position:relative; top:-69px; left:20px; z-index:300}  /*-- Main Text Content --*/



/*--- Styling for Col 1 Contents (Side Nav)---*/

div#col1 h1 {font-size:.65em; color:#575ace; line-height:1em;}
div#col1 h1 a {color:#575ace; text-decoration:none;}
div#col1 h1 a:hover {color:#555; text-decoration:none;}
div#col1 h1 a.curr-head {color:#575ace; text-decoration:none; margin:0 0 0 -11px;}
div#col1 h1 a:hover.curr-head {color:#888; text-decoration:none;}

div#col1 h3 {font-size:.7em; color:#555; line-height:1.1em; margin:10px 0 2px 0;}

div#col1 p {font-size:.65em; line-height:1.4em; margin:.7em 0 .8em 0;}
div#col1 p a {color:#666; text-decoration:none; }
div#col1 p a:hover {color:#000; text-decoration:none; }
.small {font-size:.85em; line-height:1.4em;}


div#col1 ul {font-size:.65em; line-height:1.2em; list-style-type:none; list-style-position:outside;}
div#col1 li {margin:.85em 0 0 0;}

div#col1 li a {color:#666; text-decoration:none; }
div#col1 li a:hover {color:#000; text-decoration:none; }

div#col1 li a.current {color:#555; text-decoration:none; font-weight:bold; margin:0 0 0 -11px;}
div#col1 li a:hover.current {color:#888; text-decoration:none; font-weight:bold;}

div#col1 li a.level2 {color:#666; text-decoration:none; margin:0 0 0 7px;}
div#col1 li a.level2.current {color:#666; text-decoration:none; margin:0 0 0 -3px;}
div#col1 li a:hover.level2 {color:#000; text-decoration:none; margin:0 0 0 7px;}
div#col1 li a:hover.level2.current {color:#888; text-decoration:none; margin:0 0 0 -3px;}


/*--- Styling for Col 2 Contents (Main Text) ---*/

div#col2 h1 {font-size:1.1em; color:#f4c964; line-height:1.1em; margin:0 0 5px 0;}
div#col2 h2 {font-size:.75em; color:#575ace; line-height:1.1em; margin:10px 0 2px 0;}
div#col2 h3 {font-size:.7em; color:#555; line-height:1.1em; margin:10px 0 2px 0;}
div#col2 h4 {font-size:.7em; color:#555; line-height:1.1em; margin:14px 0 2px 0;}

div#col2 p {font-size:.72em; line-height:1.5em; margin:0 0 .6em 0;}
div#col2 p.add-space-below {margin:0 0 1.5em 0;}
div#col2 p.add-morespace-below {margin:0 0 2em 0;}
div#col2 p.less-space-below {margin:0 0 .4em 0;}
div#col2 p.quote-name {font-style:italic; margin:-3px 0 0 0;}

div#col2 ul {font-size:.72em; line-height:1.4em; list-style-type:disc; list-style-position:outside;}
div#col2 li {margin:-2px 0 .65em 13px;}

div#col2 a {color:#575ace; text-decoration:none; }
div#col2 a:hover {color:#d0a626; text-decoration:none; }

div#col2 img.inline {padding:4px 10px 0 0; float:left;}
div#col2 img.inlinetall {padding:4px 10px 15px 0; float:left;}


/*--- Multi-Use Styling ---*/
.highlight {color:#f4c964; font-weight:bold;} /*---- Bold Yellow ---*/
.wrap1 {padding:0 60px 0 0;}
.wrap2 {padding:0 80px 0 0;}
.wrap3 {padding:0 130px 0 0;}
.wrap4 {padding:0 150px 0 0;}
.wrap5 {padding:0 180px 0 0;}
.superscript{font-size:.5em; vertical-align:top; line-height:9px; margin:0 -1px 0 0;}