@CHARSET "ISO-8859-1";

body{
 background: #bdbdbd url('../img/bgPage.png') repeat-x top;
 margin: 0;
 font: 10pt 'Trebuchet MS',Helvetica,sans-serif;
}


/* DIV STYLES */
#container{
 background: #b3a07a;
 width: 930px;
 padding: 10px 20px 20px 20px;
 margin: 0 auto;
}
/* Header */
#address, #search{margin-bottom: 10px;}
#address div{font-size: 0.8em; text-align: right; font-weight: bold;}
#address div:first-child{margin-right: 25px; text-align: left;}
#search input{line-height: 1em; margin: 1em 0; display: none;}
/* Navigation Bar */
#nav{margin-bottom: 20px;}
#submenu{
  display: none; 
  background: black; 
  color: #b3a07a; 
  position: absolute;
  height: 20px; 
  padding-left: 10px;
}
#submenu a:link{color: white; margin-right: 10px;}
#submenu a:visited{color: white; margin-right: 10px;}
#submenu a:hover{color: #b3a07a; margin-right: 10px;}
#submenu a:active{color: #b3a07a; margin-right: 10px;}

/* Body */
#leftCol{width: 640px;}
#rightCol{width: 270px; background: #ffffff;}
#news, #updates{
 border-top: 2px solid #b3a07a;
 border-right: 2px solid #b3a07a;
 width: 280px;
 padding-right: 8px; 
 float: left;
 margin-top: 11px;
}
#news{margin-right: 20px;}
#footer{
 padding-top: 20px;
 font-weight: bold;
 font-size: .8em;
 text-align: center;
}

.content{
 background: #ffffff;
 padding: 20px;
}


/* GENERIC STYLES */
.clear{clear: both;}
.fRight{float: right;}
.fLeft{float: left;}
.bMargin{margin-bottom: 20px;}
.tMargin{margin-top: 10px;}
td{vertical-align: top;}


/* IMAGE STYLES */
img{
  border: 0;
  margin: 0;
}
img.header{
   background: #ffffff;
   padding-right: 5px;
   clear: right;
   z-index: 1;
   position: relative;
   margin-bottom: 10px;
}
#rightCol img.header{
   padding-right: 0px;
   margin-bottom: 10px;
   top:0;
}
#news .header, #updates .header{position: relative; top: -10px;}
img.fRight{margin-left: 10px;}
img.fLeft{margin-right: 10px;}


/* TEXT STYLES */
.headline{
  text-transform: uppercase;
  display: block;
  font-weight: bold;
}
.tBlack{color: #000000;}
.aCenter{text-align: center; display:block;}
.readMore{font-style: italic;}
.articleSample{margin: 0;}
h1{
  font-size: 1.3em;
  text-transform: uppercase;
  font-weight: bold;
  margin: 0;
}
h2{
  font-size: 1.1em;
  text-transform: uppercase;
  font-weight: bold;
  margin: 0;
}
h3{
  font-size: .9em;
  font-weight: normal;
  font-style: italic;
  margin: 0;
}
h4{
  font-size: 1em;
  font-weight: bold;
  margin: 0;
}
.bold{font-weight: bold;}
.small{font-size: .8em;}

p{margin: 10px 0 0 0;}
.nomargin{margin: 0;}
/* LINK STYLES */
a:link{color: #9f7d38; font-weight: bold;}
a:visited{color: #b3a07a; font-weight: bold;}
a:hover{color: #9f7d38; font-weight: bold;}
a:active{color: #b3a07a; font-style: italic; font-weight: bold;}


/* LIST STYLES */
ul{padding-left: 20px; margin: 0 0 10px 0;}
li{color: #b3a07a; margin-bottom: 5px;}


/* H RULE STYLES */
hr{border: 1px solid #b3a07a; margin: 10px 0;}
hr.header{position: relative; top: -20px; margin: 0;}
#rightCol hr{margin: 10px 0;}


/* CALENDAR STYLES */
#calMain{
 width: 890px;
 margin: 0 auto;
}
#calHead{
 height: 30px;
 background: #b3a07a;
 color: #ffffff;
 text-align: center;
 font-size: 10pt;
 font-weight: bold;
 text-transform: uppercase;
 line-height: 30px;
 position: relative;
}
#calHead select{background: none; color: white; border: 0; font-weight: bold; height: 20px; margin: 5px;}
#calDays{
 height: 25px;
 background: #000000;
 color: white;
}
#calNext{position: absolute; right: 0;}
#calPrev{position: absolute; left: 0;}
#calDays h1{
 text-align: center;
 font-size: 12pt;
 font-weight: bold;
 text-transform: uppercase;
 float: left;
 margin: 0;
 line-height: 25px;
}
#calBody{
 border: 4px solid black;
 border-top: 0px;
 background: #bdbdbd;
}
.calDay{
 width: 124px;
 height: 123px;
 border: 1px solid #000000;
 float: left;
 background: #ffffff;
}
#calDays h1{
 width: 126px;
}
.calDayLabel{
 width: 25px;
 height: 25px;
 border-right: 1px solid black;
 border-bottom: 1px solid black;
 line-height: 25px;
 text-align: center;
 font-weight: bold;
 font-size: 10pt;
 float: left;
 background: #ffffff;
 margin-right:5px;
}
.calSpacer{background: none;}
.calEvent, .calSeminar, .calGrant{padding: 2px; line-height: 12px; font-size: .9em; font-weight: bold; height: 37px;}
.calEvent{background: #ffff96;}
.calSeminar{background: #adceff;}
.calGrant{background: #adf7ad;}
.legend h1{font-size: 12pt;}
.legend{font-weight: bold; font-size: 10pt; margin-top: 20px; border: 2px solid #000000; float: left; padding: 10px 20px 20px 20px;}
.legendItem{line-height: 30px; float: left; border: 1px solid black; padding: 10px; width: 200px; line-height: 20px; margin: 0 auto;}
.legendItem:hover{background: #bdbdbd;}
.legendThumb{float: left; width: 20px; height: 20px; margin-right: 5px; border: 2px solid #000000;}



/* FORM STYLES */
input.text, select.text{ border: 2px solid #b3a07a;
  width: 250px;
   margin-right: .5em;
  float: left;
 }
.pNum3{width: 2.5em;border: 2px solid #b3a07a; margin-right: .5em;}
.pNum4{width: 3.5em;border: 2px solid #b3a07a; margin-right: .5em;}

textarea{height: 100px; width: 400px;border: 2px solid #b3a07a;}
input.submit{
 background: #b3a07a;
 font-size: 0.8em; 
 border: 2px solid #000000;
 color: #000000; 
 font-weight: bold; 
 padding: .2em
 width: 40px;
}
.formField input.submit{height: 30px; width: 100px; margin-left: 20px; font-size: 1.1em; text-transform: uppercase; float: right;}
label{
  font-weight: bold;
  margin-right: 10px;
  width: 80px;
  float: left;
  text-align: right;
}
.flag{float: left; font-weight: bold;}
.formField{
  margin-bottom: 10px;
  display: block;
}
.photoPlaceholder{
  width: 140px;
  height: 185px;
  background: blue;
}

table{
border-collapse:collapse;}
td.date{width: 3.1em;}