body{
  background:#999966;
  text-align:center;
  
}

#pageWrap{
  background:#eae9d3;
  border:2px solid #ab2632;
  width:838px;
  padding:0px;
  margin:10px auto;
  text-align:left;
}

.directoryLink{
  display:block;
  text-align:center;
  margin-bottom:1em;
}

/***********************

Styles for the header bar

************************/

#header{
  border-bottom:2px solid #b10021;
  background:#5d5c2e url(../images/header_bar.jpg) 0 0 no-repeat;
  color:white;
  text-align:right;
  width:838px;
}        

#header a{
  color:white;
}

#header #logoLink{
  display:block;
  float:left;
  display:inline;
  width:250px;
  height:97px;
}

#header #logoLink span{
  
}

#header #contactInfo{
  padding-top:30px;
  padding-right:10px;
  padding-bottom:5px;
  font-size:0.9em;
  line-height:1.3em;
}   


#featureArea{
  width:838px;
  margin-top:10px;
  position:relative;
}

#featureImg{
  width:560px;
  height:215px;
  border:1px solid #afae9e;
  float:right;
  display:inline;
  margin-right:10px;
  background: transparent url(../images/norman_main_st.jpg) 0 0 no-repeat;
  position:relative;
}

#featureImg .apeel_img_controls{
  position:absolute;
  top:10px;
  right:10px;
  text-align:right;
}

#featureImg .apeel_img_controls a{
  background:white;
  padding:5px;
}


#buttons{
  position:absolute;
  left:10px;
  top:58px;
}

#searchbox{
  margin-left:10px;
}

#buttons a{
  display:block;
  
}

#buttons a:hover{
  
}

#buttons a span{
  display:block;
  
}


/*********************
Menu and Content areas
***********************/

#lowerWrap{
  margin-top:10px;
  width:838px;
}

#leftCol{
  width:242px;
  float:left;
  display:inline;
  margin:16px;
  margin-top:0px;
  margin-left:10px;
}

#rightCol{
  width:560px;
  float:left;
  display:inline;
}


.menuBox{
  border:1px solid #afae9e;
  background:white;
  margin-bottom:10px;
  width:240px;
}

.menuBoxContent{
  margin:10px;
}

.announcementBox{
  border:1px solid #afae9e;
  background:white;
  margin:10px;
  width:140px;
}

.announcementBox img{
  margin-top:10px;
}

#menu a{
  color:black;
}

#menu .current a{
  color:#B11F25;
}

#menu .current li a{
  color:black;
}

#menu ul{
  list-style:none;
  margin:10px;
  padding:0px;
  font-variant: small-caps;
  font-family:Garamond,Baskerville, "Times New Roman", serif;
  font-size:1.2em;
  font-weight:bold;
  line-height:1.6em;
}

#menu ul ul{
  font-size:0.9em;
  margin-left:20px;
}

#webLinks{
  margin:10px;
  margin-top:0px;
}

#webLinks a{
  float:left;
  display:inline;
  margin-right:10px;
}

#mobileInfo{
  margin:10px;
  
}

#mobileInfo img{
  margin-left:-10px;
  margin-bottom:10px;
}




.adSlot{
  margin-bottom:15px;
}

.apeel_ad_slot_controls{
  background:white;
  border:1px solid black;
  padding:5px;
}

.contentContainer{
  width:560px;
}

.contentLeft{
  width:365px;
  float:left;
  display:inline;
  margin-right:15px;
}

.contentRight{
  width:165px;
  padding-left:14px;
  border-left:1px solid #afae9e;
  float:left;
  display:inline;
}



#sponsorBar{
  margin:10px;
  width:818px;
}

#sponsorBar a{
  display:block;
  float:left;
  display:inline;
  margin-right:20px;
}


#footerMenu{
  clear:both;
  background:#993300;
  color:white;
  margin:10px;
  margin-top:0px;
  width:818px;
}

#footerMenu a{
  color:white;
}

#footerMenu ul{
  list-style:none;
  text-align:center;
  margin:0px;
  padding:0px;
  margin:10px;
}


#footerMenu li{
  display:inline;
  border-left:1px solid white;
  padding:0px 10px;
}

#footerMenu li.l1{
  border-left:0px;
}

/*********************

Styles for the footer

********************/


#footer{
  
  margin-top:20px;
  margin-bottom:20px;
}


/***********************
* Paginiation, for blogs
* and tags
************************/

.pagination{
  background:#eee;
  padding:10px;
  border:1px solid #ccc;
  border-left:0px;
  border-right:0px;
  text-align:center;
  margin:10px 0px;
}

.pagination a{
  border:1px solid #ccc;
  padding:3px 8px;
  margin:3px;
}

.pagination a:hover{
  background:#ccc;
  color:black !important;
}


/*************************
* Tag cloud
**************************/

.tag1 {font-size: 1.0em;}
.tag2 {font-size: 1.2em;}
.tag3 {font-size: 1.4em;}
.tag4 {font-size: 1.6em;}
.tag5 {font-size: 1.8em;}
.tag6 {font-size: 2.0em;}

/*********************************
*Coments
**********************************/

.comment{
  border-bottom:1px solid #eee;
  padding:10px 0px;
  width:100%;
}

.comment .author{
  float:left;
  display:inline;
  width:200px;
  margin:10px;
}

.comment .author_name{
  margin-bottom:10px;
}

.comment .date{
  margin-top:10px;
}

.comment .content{
  margin-left:220px;
}

/*****************************
* Blog layout
******************************/

#blogMainArea{
  
}

#blogSidebar{
  
}

.post{
  border-bottom:1px solid #B11F25;
  margin-bottom:10px;
}

.post .grav_img{
  float:left;
  display:inline;
  margin-right:10px;
  margin-bottom:10px;
}

.post .body{
  clear:left;
}

.postInfo h3, .postInfo h5{
  border-bottom:0px;
  margin:0px;
}

.postInfo .grav_img{
  float:left;
  display:inline;
  margin-right:10px;
  margin-bottom:10px;
}

.postBody{
  clear:left;
}


.decoyEmail{
  display:none;
}


/***********************
* Directory stuff
************************/
.directory th{
  background:#B11F25;
  color:#eae9d3;
}

.directory th a{
  color:#eae9d3;
}

.tagName{
  text-transform:capitalize;
}

dt{
  padding:0px;
  line-height:1.2em;
}

dd{
  line-height:1.2em;
  margin-bottom:2em;
}

/***********************
**Some general form stuff
************************/

#committeeList{
  float:left;
}

#committees textarea {
  width:350px;
  float:left;
}

form p{
  margin:0;
  padding:0;
}

ul.form_errors{ 
  border:1px solid red;
  background:#fdd;
  padding:10px;
  padding-left:30px;
}

.submitted_ok{ 
  border:1px solid green;
  background:#dfd;
  padding:10px;
  padding-left:30px;  
  margin:10px;
}

input.form_error,textarea.form_error,select.form_error{ 
  border:2px inset red;
  background:#fdd;
}


/*********************
*This allows fluid images
***********************/
img.full{
  max-width:100%;
}

table td img.full{
  width:100%;
}


/*********************
Calendar page stuff
*************************/


#calendar{
  position:relative;
}

#calendar #loading{
  position:absolute;
  width:200px;
  height:auto;
  top:200px;
  left:50%;
  margin-left:-100px;
  background:white;
  padding:20px;
  font-size:2em;
  text-align:center;
  border:1px dotted black;
}