/* 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 and small nav 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*/


/*---- defines MAIN NAV container ----*/
div#nav-comm {position:absolute; width:auto; height:15px; top:-2px; right:2px; behavior:url(csshover.htc);}

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


/*---- controls the type of menu----*/
div#nav-comm li {font-family:Arial, Helvetica, Verdana, sans-serif; color:#fff; font-size:.6em; letter-spacing:.04em; font-weight:bold; position:relative; list-style:none; float:left; width:auto; background-color:#4a3d98; height:21px;}


/*---- padding changes space between menu items for level 1 -- (use .level2 for drop-downs) ----*/
div#nav-comm ul.level1 li {padding:0 0px 0 0px;}


/*---- selected current page ----*/
div#nav-comm li  a.current {color:#4a3d98; background-color:#caecd8; padding:0 7px 0 7px;height:21px; }

 
/*---- roll-overs ----*/
div#nav-comm li  a:hover.current {color:#fff; background-color:#4a3d98; padding:0 7px 0 7px;height:21px;}
div#nav-comm a:hover {color:#4a3d98; background-color:#caecd8; padding:0 7px 0 7px;height:21px;}


/*---- links ----*/  
div#nav-comm li a {display:block; text-decoration:none; color:#fff; width:10.5em;padding:0 7px 0 7px;}
div#nav-comm ul a {width:auto;}



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


/*---- defines SMALL NAV container ----*/
div#nav-small-comm {position:absolute; behavior:url(csshover.htc); width:460px; height:15px; top:76px; left:373px; z-index:600;}
.higher {margin:-12px 0 0 0;}

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


/*---- controls the type of menu----*/
div#nav-small-comm li {font-family:Arial, Helvetica, Verdana, sans-serif; color:#575ace; font-size:.5em; letter-spacing:.05em; font-weight:bold; position:relative; list-style:none; float:left; width:auto;}


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


/*---- selected current page ----*/
div#nav-small-comm li  a.current {color:#f4c964;}

 
/*---- roll-overs ----*/
div#nav-small-comm li  a:hover.current {color:#f4c964;}
div#nav-small-comm a:hover {color:#f4c964;}


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


/*------side nav CSS: see  sws-main-comm.css -----------------------------------------*/