/* 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 link
#4a3d98 nav blue
#2f3255 background blue

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

#caecd8  light background green 
#f9f2cc  light background yellow
#d4d6fb  light background blue*/


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

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-comm {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-cal {position:relative; height:6em; width:750px; top:10px; 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;}
#footer-comm.inside {top:1px;}

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

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


/*--- 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; z-index:100;}
#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-inside {height:299px; width:253px; position:relative; float:right; margin:-299px -.01em 0 0; }
#extlogo {width:112px; position:relative; float:left; margin:6px 18px 6px 0;}

.sidebysidecol {position:relative; width:160px; float:left;}
.newsletter {position:relative; width:500px; clear:both;}
.highlight-bar {position:relative; width:225px; background-color:#f6d78e; height:16px; margin:0 0 12px 0;}


/*--- 3 C O L U M N S   H O M E---*/

/*container1 holds container2, container 2 holds container 3 -- Container3 holds col1, col2 and col3 -- makes equal height columns---*/

#container3-home {background:#d4d6fb; width:100%; float:left; position:relative; overflow:hidden; margin-top:18px;}  /*-- Green Left Column Background --*/
#container2-home {background:#f9f2cc; width:100%; float:left;position:relative; right:33.3%;}  /*-- Yellow Middle Column Background --*/
#container1-home {background:#caecd8; width:100%; float:left;position:relative; right:33.3%;}  /*-- Greeen Right Column Background --*/

#col1-home {float:left; width:30%; position:relative; left:69.3%; top:20px; overflow:hidden;padding-bottom:25px;}  /*-- Left Column Content --*/
#col2-home {float:left; width:30%; position:relative; left:72%; top:20px; overflowoverflow:hidden;padding-bottom:15px;}  /*-- Middle Column Content --*/
#col3-home {float:left; width:30%; position:relative; left:75.5%; top:20px; overflowoverflow:hidden;padding-bottom:15px;}  /*-- Right Column Content --*/




/*--- Styling for Col 1, 2, 3 Contents (H O M E)---*/

div#col1-home h1 {font-size:1.25em; color:#888; line-height:1em; margin:3px 0 -.3em 0;}
div#col1-home h2, div#col2-home h2, div#col3-home h2 {font-size:.9em; color:#4a3d98; line-height:1.11em; margin:.2em 0 0 0;}
div#col1-home p, div#col2-home p, div#col3-home p {font-size:.83em; line-height:1.3em; color:#6f6f6f; margin:.3em 0 .6em 0;}

div#col1-home ul, div#col2-home ul, div#col3-home ul {font-size:.83em; line-height:1.1em; color:#6f6f6f; list-style-type:none;}
div#col1-home li, div#col2-home li, div#col3-home li {margin:.3em 0 .4em 0;}

div#col1-home a {color:#6f6f6f; text-decoration:none; }
div#col1-home a:hover {color:#000; text-decoration:none; }
div#col1-home a.highlight {color:#4a3d98; text-decoration:none; font-size:.95em; }
div#col1-home a:hover.highlight {color:#000; text-decoration:none; font-size:.95em;}


div#col2-home a, div#col3-home a {color:#575ace; text-decoration:none; }
div#col2-home a:hover, div#col3-home a:hover {color:#444; text-decoration:none; }
div#col2-home a.gray, div#col3-home a.gray {color:#6f6f6f; text-decoration:none; }
div#col2-home a.gray:hover, div#col3-home a.gray:hover {color:#000; text-decoration:none; }


div#col1-home .more-top-margin, div#col2-home .more-top-margin, div#col3-home .more-top-margin {margin:1em 0 0 0;}

/*---------------------------------------------------------------------*/




/*--- 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-comm {position:relative; background:#caecd8; width:100%; float:left; margin:0 0 .8em 0; z-index:0;}  /*-- Green Left Column Background --*/
#container2 {position:relative; background:#fff;    width:79.2%; float:left; left:20.8%; top:0px; z-index:0;}  /*-- White Main Column Background --*/
#container3 {position:relative; width:95%; float:left; left:-6px; top:0px;}  /*-- holds the calendar --*/

#col1 {float:left; width:20%; position:relative; top:12px; right:103.5%;z-index:999;}  /*-- Side Nav Content --*/
#col2 {float:left; width:80%; position:relative; top:-69px; left:20px; z-index:998;}  /*-- Main Text Content --*/
#col3 {float:left; width:20%; position:relative; top:44px; left:36px;z-index:300;}  /*-- holds the calendar filter spuds --*/
#rightbox {float:right; width:30%; position:relative; top:-631px; z-index:300; font-size:.91em;}  /*-- for quote or other extra text on right --*/

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

div#col1 h1.communitysite {font-size:1em; color:#888; line-height:1em; margin:0 -20px .8em -1px;}

div#col1 h1 {font-size:.65em; color:#575ace; line-height:1.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.less-space-below {margin:0 0 .4em 0;}

div#col2 ul {font-size:.72em; line-height:1.4em; list-style-type:disc; list-style-position:outside;}
div#col2 ul.add-space-below {margin:0 0 1.4em 0; 0}
div#col2 li {margin:3px 0 .6em 13px; line-height:1.4em;}
div#col2 li.tight {margin:3px 0 .4em 13px;0}


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

img.inline {padding:4px 10px 0 0; float:left;}
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;}