/*  Default Style Sheet for the HGB website, created by Kris King    */

body  {direction: ltr; background-color: rgb(53,104,104)}
body  {font: 12pt/14pt  normal,  Georgia, serif }
/*body  {background: url('http://www.handweaversofboulder.org/images/weave_body.jpg')  repeat-y fixed center top;}*/
body  {background-color: rgb(221, 180,51)}

#page {width: 850px; margin: 0 auto; border-width: 2px; border-style: solid}

#banner {height:187px;}
#banner {border-width: 0 0 2px 0; border-style: none none solid none; font: bold 30pt/48pt Verdana ;}
#banner {padding-right: 13px; text-align:right}
#banner {background: url(http://www.handweaversofboulder.org/images/banner1.jpg) center top }


#navigation {position: relative; top: 86px;  background-color: transparent; }
#navigation {border-style: none; height: 47px; }

#navigation ul {list-style: none; padding-left: 0px; margin: 0px; margin-left: 35px}
#navigation ul {font: bold 10pt/11pt Verdana;}

#navigation li {float:left; width:87px; height: 37px; padding-top: 0px;}
#navigation li {margin-left: 8px; text-align: center;}
#navigation li {background-color: rgb(230,230,230); opacity:0.6; height: 37px;}

#navigation a {text-decoration: none; color: black; padding-top: 3px;
                                    height: 34px; display:block}      /* height and display are needed to cause whole tab to be a link */

#navigation a:hover  {background-color: white;  text-indent: 0px } 

/* common formatting for all drop down menus */

#navigation li ul        {position:absolute; top: 50px; z-index:3; width:103px; background-color: rgb(220,220,220) }
#navigation li ul        {display:none }

#eventnav { width: 240px; float:right; border:ridge; border-width: 2px}
#eventnav { font: 12pt/13pt normal, Verdana; background-color: rgb(180,210,180)}
#eventnav { padding: 5px; margin: 0px; margin-right: -17px; }
#eventnav ul {list-style: none;padding-left: 0px; padding-right: 0px; margin: 0px;}
#eventnav a {text-decoration: none; color: black;display:block; padding: 3px 9px 3px 3px}
#eventnav a:hover  {background-image: url(http://www.handweaversofboulder.org/images/weave_content.jpg);  text-indent: 0px } 
#eventnav li {border-width: 1px 0px 1px 1px; border-style: solid none solid solid; }
#eventnav li {margin: 4px 0px 4px 4px; padding: 0px }
#eventnav li {background-color: rgb(230,230,230)}
#guildevents_menu li {width: 173px; }
#resource_menu li {width: 103px}

/* content of page (banner and navigation are NOT in the content of the page) */

#content {clear:left; z-index:1} 
#content {overflow: hidden; padding: 30px; padding-top: 5px; border-top: 1em;  }
#content {background: url(http://www.handweaversofboulder.org/images/weave_content.jpg) repeat-y scroll center top}


#content h1        {font-weight: bold; font-family: Verdana; font-size: 17pt; text-align: left; color: rgb(0,51,0)}
#content h2       {font-weight: bold; font-size: 14pt; text-align: left }
#content h3       {font-weight: bold; font-style: italic; font-size: 12pt; text-align: left }
#content h4       {font-weight: bold; font-style: normal; font-size: 12pt; text-align: left }
#content h5       {font-weight: normal; font-style:italic; font-size: 12pt; text-align: left}
#content h6       {font-weight: bold;  font-size: 12pt;}
#content h6:after {content: ":"}
#content h6  {  clear:both; float: left; margin: 0 6px 0 0;}

#guildnews      {margin-left: 0px; margin-bottom: 10px; margin-right:0px; padding: 5px}
#guildnews      {border-top-style: solid; padding-left: 15px;}

#new                  {clear:both; display:block}

.leftbox               {float: left;     margin-bottom:10px; margin-right: 10px; border-style:none;}
.rightbox           {float: right; margin-bottom:10px; margin-left:     10px; border-style:none;}

#postnews        {width: 45%; float: right;}
#postnews        {margin-bottom: 10px; margin-left: 10px; margin-right: 0px; padding: 5px; }
#postnews        {border-style: none none solid solid; padding-left: 15px }

.leftbox3    {float: left; width:32%; height:270px; }
.leftbox3    {padding-right: 10px; padding-bottom: 10px}

.leftbox3    {float: left; width:32%; }
.leftbox3    {padding-right: 10px; padding-bottom: 10px}
   

#businessentry  {clear:both; padding-top: 20px; }

.simple    { list-style-type: none} 
   
em    {font-weight: bold; font-style: italic; font-size: 110%}    

.month  {clear:left; display:block; margin: 25px 10px 25px 10px; }
.month  {border-style: none none ridge none; border-width: 2px;}
.month >  p {clear: both; }
.month h2 {color: rgb(112,0,0)}

/* IE bug that causes the bottom border from class=month to go too far to the left at unpredictable times */

.event {clear:both; display: block; margin-top: 10px;}
.event ul {list-style-type: none; float: left; width: 23%; }
.event ul {color: rgb(50,50,50); font-size: 85%; text-align: right;}
.event ul { margin-top: 0px; margin-right: 5px;}
.event  h4  {margin-top: 0px; margin-bottom: 0px; float:right; width: 70%; }
.event  p  {margin-top: 0px; float: right; width: 70%; }

.caption  {font-weight: bold; font-size: 80%; clear:both }


wnotes {color: red; font: 8pt/9pt normal, Courier}
fnotes   {color: blue; font: 8pt/9pt normal, Courier}