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

#c8f0d5  light background green
#d4d6fb  light background blue
#ddddde  ligght background gray*/


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; border:none; margin:22px 0 0 0;}
hr.dark {color:#aaa; background-color:#aaa; text-align:left; height:1px; 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;}


/*--- HS--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; z-index:100;}	
#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:2.8em;} /*---- Positions Footer with space above it ----*/
.push-more {height:2.5em;} /*---- For Our School page ----*/
.push-small {height:1.7em;} /*---- Positions Footer with space above it ----*/



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

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

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

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

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

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




/*--- HS--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:8px; left:0; z-index:900;}
#photo-row-inside {height:85px; width:160px; position:relative; top:8px; left:0; z-index:100;float:none; }
div#photo-row-inside img {padding:0 2px 0 0;}


#bubble-home {height:349; width:380; position:relative; float:right; top:-22px; margin:0 -60px 0 0;}
#bubble-inside {height:182; width:241; position:relative; float:right; margin:-17px -101px 3px 20px;}
#bubble-home img {padding:0 0 0 20px;}


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

#content-home {position:relative; width:670px; height:100%; top:18px; left:30px; z-index:100;}

div#content-home h1 {font-size:1.1em; color:#575ace; line-height:1.2em; letter-spacing:-.01em; margin:10px 0 -5px 0;}
div#content-home p {font-size:.82em; line-height:1.55em; margin:9px 0 .8em 0;}
div#content-home p.small {font-size:.62em; line-height:1.35em; font-style:italic; margin:18px 0 .8em 0;}

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

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


/*--- HS--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:#ddddde; width:100%; float:left; margin:-11px 0 .8em 0;}  /*-- Gray 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:-49px; left:20px; z-index:300;}  /*-- Main Text Content --*/



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



/*--- HS--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.15em; 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 p.quote {font-size:.72em; color:#4548d0; line-height:1.5em;}


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

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