/* default.css template */
/* debug stuff */
/* div { border : solid 1px yellow; } */

/* standard tags */
body { 
    /*font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;*/
    font-family : Arial, Helvetica, sans-serif;
    background-color : transparent;
    background-image : url(images/linesbg.gif); 
	  text-align : center;
    font-size : 12px; /* in the absense of any other tag */
}
h1 { font-size : 150%; }
h2 { font-size : 130%; }
h3 { font-size : 120%; }
h4 { font-size : 110%; }
p { font-size : 100%; }
h1, h2, h3, h4, p {
  margin : 16px 5px;
}
a:hover { text-decoration : none; }
p.footNote { font-size : 80%; }
img.logo {
  float : left;
  margin : 5px;
  clear : both;
}
/* wrapper */
div#wrapper {
  position : relative;
  width : 760px;
  margin: 0px auto;
  background-color : #EFEFEF;
  text-align : left;
}

/* headerBlock, logo, banner, locaterBar, mainMenu */
div#headerBlock { height : 120px; }
div#headerBlock img.logo {
  position : absolute; top : 4px; left : 4px;
}
div#headerBlock div#banner {
  text-align : right;
  background-color : white;
  border: solid 1px #DDDDDD;
  width : 490px;
  margin :  4px 0 16px 260px;
  font-size : 80%;
  padding-bottom : 4px;
}
div#headerBlock div#banner h1 {
  margin-top :  4px;
  margin-bottom :  4px;
}
div#headerBlock div#locaterBar {
  text-align : right;
  width : 490px;
  margin-left : 260px;
  font-size : 10px;
}
div#headerBlock div#mainMenu {
  font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
  text-align : right;
  width : 490px;
  margin-left : 260px;
  font-weight : bold;
}
div#headerBlock div#mainMenu a {
  text-decoration : none;
  color : #336666;
}
div#headerBlock div#mainMenu a:hover {
  text-decoration : none;
  color : #339900;
}
/* mainContent, column1, column2 */
div#mainContent {}
div#mainContent div#column1 { 
  width: 260px;  
  position: absolute; left: 0; 
}
div#mainContent div#column2 { 
  margin-left: 260px;
  width: 500px;
  border-left : solid 1px #DDDDDD; 
}
div#mainContent div#column2 p { /* spread the lines out */
  line-height : 160%;
  margin : 20px;
} 

/* footerBlock */
div#footerBlock {
  font-size : 90%;
  text-align : center;
  margin : 10px;

}
div#footerMenu {
  font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-size : 90%;
  text-align : center;
  margin : 10px;
  border-top : solid 1px #DDDDDD;
  border-bottom : solid 1px #DDDDDD;
  padding : 4px 0;
}

/* headLineBox */
div.headlineBox {
  text-align : right;
  font-family : Arial, Helvetica, sans-serif;
  margin-top : 20px;
}
div.headlineBox h1, h2, p, ul li {
  margin : 2px 10px 2px 5px; /* close them up */
}
div.headlineBox h1 { 
  font-size : 8px;
  text-transform : uppercase; 
}
div.headlineBox h2 { 
  font-size : 12px;
}
div.headlineBox a { 
  text-decoration : none;
  color : #339933;
}
div.headlineBox a:hover { 
  color : #33cc00;
}