/* CSS Document */

div.header
{
  position : relative;
  width : 99%;
  background : #006;
}

#black
{
  background : #000;
}

div.header img
{
  margin-left : 2;
}

div.header img.scalogo 
{
  display : inline;
  position : absolute;
  top : 2;
  right : 2;
}

div.header img.outlogo 
{
  display : inline;
  position : absolute;
  bottom : 2;
  right : 2;
}

div.header a img
{
  border : none;
}

div.menubar ul
{
  background : #006;
  width : 99%;
  list-style : none;
  padding : 0;
  margin : 0;
  padding-bottom : 2px;  
}

div.menubar li
{
  display : inline;
  margin : 5 3 3 3;
  padding : 0 3px 3px 3px;
  color : white;
  font-family : script mt bold, georgia, tahoma;
}

#home .home a, #officers .officers a, #calendar .calendar a, #meetings .meetings a, #people .people a, #awards .awards a, #forms .forms a, #links .links a, #about .about a, #newsletter .newsletter a
{
  display : inline;
  margin : 5 3 3 3;
  padding : 0 3px 3px 3px;
  color : white;
  font-family : georgia, times new roman, times, serif;
}

div.menubar li a
{
  text-decoration : none;
  color : white;
}

h1
{
  margin : 5px 0 0 3px;
  color : #006;
  font-family : georgia, times new roman, times, serif;
  font-size : 150%;
}

h2
{
  margin : 5px 0 0 3px;
  color : #006;
  font-family : georgia, times new roman, times, serif;
  font-size : 120%;
}

h3
{
  margin : 5px 0 0 3px;
  color : #006;
  font-family : georgia, times new roman, times, serif;
  font-size : 100%;
}

ul
{
  list-style : none;
}

div.disclaimer
{
  float : left;
  width : 100%;
  font-size : 50%;
  color : #006;
  font-family : georgia, times new roman, times, serif;
  margin-top : 15px;
}

div.disclaimer a:visited
{
  color : #006;
}

div.welcome
{
  position : relative;
  margin-top : 5px;
  width : 99%;
  min-height : 305px;
  background : #000;
}

div.welcome #b_b
{
  float : left;
  margin : 5px;
  max-width : 260px;
}

html>body div.welcome #b_b
{
  width : 33%;
}

div.welcome #b_b img
{
  /*width : 230px;*/
  height : 288px;
  margin-bottom : 5px;
}

div.welcome #w_title
{
  margin : 0;
  padding : 0;
  float : left;
  width : 65%;
  text-align : center;
  /*top : 10px;
  left : 472px;*/
}

div.welcome #w_text
{
  /*top : 35px;
  left : 268px;*/
  float : left;
  font-family : georgia, times new roman, serif;
  font-size : 85%;
  color : white;
  width : 65%;
  padding : 0;
  margin : 0;
  min-height : 160px;
  text-align : justify;
}

div.news
{
  width : 55%;
  height : 33%;
  /*padding-right : 3%;*/
  float : left;
  margin-top : 5px;
  height : auto;
}  

div.news table tr td
{
  font-size : 85%;
}

div.news table tr td, div.news a:link, div.news a:visited
{
  vertical-align : top;
  text-align : justify;
  font-family : georgia, times new roman, serif;
  color : #006;
}

div.news table tr td img
{
  width : 20px;
  height : 20px;
}

div.awards
{
  float : right;
  width : 43%;
  margin-top : 5px;
}

div.awards table tr td,div.awards a:link, div.awards a:visited
{
  font-family : georgia, times new roman, serif;
  font-size : 75%;
  color : #006;
}

div.events
{
  float : right;
  width : 43%;
  margin-top : 5px;
}

div.events table tr td 
{
  font-family : georgia, times new roman, serif;
  font-size : 75%;
  color : #006;
  vertical-align : top;
}

div.events table tr td a:visited, div.events table tr td a:link
{
  font-family : georgia, times new roman, serif;
  color : #006;
  vertical-align : top;
}

div.officer
{
  position : relative;
  float : left;
  margin : 5px 1% 0px 0px;
  padding : 3px;
  width : 49%;
  height : 215px;
  border : thin solid #006;
  font-size : 85%;
}

html>body div.officer
{
  width : 48%;
}

div.officer img.offlogo
{
  float : left;
  width : 40px;
  height : 40px;
  margin-right : 5px;
}

div.officer h2
{
  margin : 0 0 0 5px;
  font-family : georgia, times new roman, serif;
  color : #006;
  line-height : 25px;
  vertical-align : bottom;
  font-size : 130%;
}

div.officer h2 a:visited
{
  color : #006;
}

div.officer h2 a:link
{
  color : #006;
}

li a:visited
{
  color : #006;
}

li a, p a
{
  color : #006;
}

p
{
  font-family: Georgia, "Times New Roman", Times, serif;
}

div.officer h3
{
  postion : relative;
  float : left;
  width : 17%;
  font-family : georgia, times new roman, serif;
  color : #006;
  margin : 3px 5px 0 0;
  font-size : 110%;
  /*border : thin solid black;*/
}

div.officer p.officer
{
  position : relative;
  float : left;
  width : 75%;
  margin-top : 6px;
  /*border : thin solid black;*/
}

div.event
{
  position : relative;
  float : left;
  width : 75%;
  margin : 5px 1% 0px 0px;
  padding : 3px;
  font-size : 85%;
}

div.event h3
{
  postion : relative;
  float : left;
  width : 17%;
  font-family : georgia, times new roman, serif;
  color : #006;
  margin : 3px 5px 0 0;
  font-size : 110%;
  /*border : thin solid black;*/
}

div.event p.event
{
  position : relative;
  float : left;
  width : 82%;
  margin-top : 6px;
  /*border : thin solid black;*/
}

div.of_header
{
  float : left;
  display : inline;
  position : relative;
  width : 99%;
  padding : 7 0 0 0;
  border : thin solid black;
}

div.of_header a:link
{
}

div.of_header img
{
  display : inline;
  float : left;
  width : 92px;
  margin-right : 10px;
}

div.of_header img.hdr_right
{
  display : inline;
  float : right;
  width : auto;
  height : 92px;
}

div.of_header div.of_hdrtext
{
  position : relative;
  vertical-align : bottom;
  display : inline;
  height : 92px;
}

div.of_header div.of_hdrtext h1
{
  position : relative;
  font-size : 300%;
}

div.portrait
{
  /*display : inline;*/
  position : relative;
  float : left;
  width : 20%;
  text-align : center;
  padding : 10px;
}

div.portrait p
{
  text-align : center;
  display : block;
  font-size : 80%;
}

div.portrait img
{
  margin : 0;
  width : 90%;
}

div.portrait h2
{
  text-align : left;
}

div.portrait li
{
  text-align : left;
  font-size : 80%;
}

div.content
{
  position : relative;
  padding-top : 1%;
  float : left;
  width : 75%;
  height : 800px;
}

div.content div.column
{
  position : relative;
  float : left;
  width : 47%;
  margin-right : 3%;
  text-align : justify;
}

#left
{
  width : 65%;
}

html>body div.content
{
  min-height : 800px;
  height : auto;
}

#right
{
  width : 31%;
  margin-left : 0;
  margin-right : 5px;
}

#right img
{
  width : 30%;
  float : right;
  margin-left : 10px;
}

#right img.left
{
  width : 30%;
  float : left;
  margin-right : 10px;
}

#full
{
  width : 99%;
}

.premier
{
  color : #900;
}

div.calhead
{
  position : relative;
  background: #006;
  float : left;
  margin : 5px 1px 0px 0px;
  padding : 3px;
  width : 13%;
  border : thin solid #006;
  font-size : 100%;
  text-align: center;
  font-family : script mt bold, georgia, tahoma;
  color: #FFF;
}

html>body div.calhead
{
  width : 13%;
}

div.calbox
{
  position : relative;
  float : left;
  margin : 5px 1px 0px 0px;
  padding : 3px;
  width : 13%;
  height : 130px;
  border : thin solid #006;
  font-size : 65%;
}

div.calbox p
{
  margin: 0;
  font-size: 120%;

}

html>body div.calbox
{
  width : 13%;
}

div.calbox h2
{
  margin : 0 0 0 5px;
  font-family : georgia, times new roman, serif;
  color : #006;
  line-height : 25px;
  vertical-align : bottom;
  font-size : 130%;
}