body { 
   color: #5e6353;
   background-color: #ffffff;
   margin:0px auto;
   text-align:center;
   background-color: #dfe9c8;
   background-image: url("../imgs/bg.jpg");
   background-repeat: no-repeat;
   background-position: top left;

}

#pageTitleArea{
   position:relative;
   text-align:center;
   font-size: 18pt;
   margin: 0px;
   padding-right: 36px;
   padding-bottom: 20px;
}

.sectionTitleArea{
   position:relative;
   text-align:left;
   font-size: 12pt;
   font-weight: bold;
   margin: 0px;
   padding-top: 20px;
   padding-right: 36px;
}

.bannerTitle {
   font-size: 20pt;
   font-weight: bold;
}

.menu_left{
   display:block;
}

#menu_right_border {
   display: none;
}

td, th, body {
   font-family: Verdana, tahoma,Arial, Helvetica, sans-serif;
   font-size: 10pt;
   color: #5e6353;
}

a:link, a:visited {
   color: #404040;
   text-decoration: underline;
}
a:hover {
   color: #ffffff;
   text-decoration: none;
}

h1, h2 {
   margin: 0;
   padding: 0;
}

.title {
   padding: 5px 0 0 0;
   color: #000000;
   font: italic 18pt Georgia;
   text-align: center;
   letter-spacing: 1px;
}

.book-cat {
   font-weight: bold;
   font-size: 12pt;
}

.info {
   text-align: center;
   font-family: Georigia, "Times New Roman", serif;
   color: #808080;
   font-size: 12px;
   font-style: italic;
   letter-spacing: 2px;
   text-transform: uppercase;
}

#pre_container{
   display:none;
   width: 775px;
   padding:0px;
   text-align:left;
   margin:0px auto;
}

#content_container{
   width: 1000px;
   display:table;
   padding:0px;
   text-align:left;
   min-height: 80%;
   height: 80%;
   /* this is causing it to be centered */
   /* top and bottom are 0px, and left and right are set by browser */
   /* margin: 10px 
         - all four margins will be 10px
      margin: 10px 2% 
         - top and bottom margin will be 10px, left and right margin will 
         be 2% of the total width of the document.
      margin: 10px 2% -10px
         - top margin will be 10px, left and right margin will be 2% of 
         the total width of the document, bottom margin will be -10px
      margin: 10px 2% -10px auto
         - top margin will be 10px, right margin will be 2% of the total 
         width of the document, bottom margin  will be -10px, left 
         margin will be set by the browser
   */
   margin:0px auto;
}


#content_table{
   display:table;
   background-color: transparent;
}

#content_cell{
   padding: 30px 10px 10px 30px;
   height: auto;
}

#content{
   display:table-cell;
   padding: 0px 10px 0px 10px;
   max-width: 550px;
}

#sub_container{
   display:none;
   width: 775px;
   padding:0px;
   text-align:left;
   margin:0px auto;
}

#footer {
   clear:both;
   margin: 20px auto;
   text-align: center;
   height: auto;
   min-height: 150px;
   background-image: none;
   background-position: bottom;
   background-repeat: no-repeat;
   padding-top: 0px;
}

#banner {
   display: block;
   background-color: transparent;
   height: 110px;
}

#innerBanner {
   text-align: left;
   padding-top: 30px;
   margin-left: 245px;
   font-style: italic;
   font: Georgia;
   font-size: 16pt;
}

#lowerBanner {
   display: none;
}

#menu_container {
   /* This width keeps the content off of the bg image
    * no matter how wide the window is...anything less 
    * this value will cause it to overlap the image */
   width: 338px;
   padding-top: 230px;
}

#menu_header {
}


#menu {
}



#menu_footer {
   padding: 0px;
   border: solid 0px #333;
   height: 60px;
}




.menu_item {
   line-height: 25px;
   margin-left: 10px;
}

.menu_item a,
.menu_item a:visited {
   color: #404040;
   text-decoration: none;
}

.menu_item a:hover {
   text-decoration: none;
/*   background-color: #ecf2de; */
   background-color: #ffffff;
   color: #000000;
}

.sub_menu_item {
   font-size: 10pt;
}

.sub_menu_item a,
.sub_menu_item a:visited {
   color: #404040;
   text-decoration: underline;
}

.sub_menu_item a:hover {
   color: #ffffff;
   text-decoration: none;
}

#signature {
   margin-top: 30px;
   margin-left: 10px;
   font-size: 11pt;
}

.email a,
.email a:visited {
   color: #c44b43;
}

.email a:hover {
   color: #602000;
   text-decoration: underline;
}
/*//////////////////////     End of Basic Template Classes    //////////////////////////////*/


.bordered{border: solid 1px #efefef}
.fineprint{font-size: 10px}
.headlinestyle{font-weight: bold}
a.headlinestyle:link{font-weight: bold}
a.headlinestyle:visited{font-weight: bold}
a.headlinestyle:hover{font-weight: bold}
a.headlinestyle:active{font-weight: bold}
.topline{border-top: solid 1px #efefef}
.bottomline{border-bottom: solid 1px #efefef}
.center{text-align: center}
.bold{font-weight:bold}
.red{color:#ff0000}
.smaller{font-size: 60%}
.larger{font-size: 140%}
.largest{font-size: 200%;font-weight:bold;line-height:140%}

a.fineprint:link{font-size:10px;}
a.fineprint:visited{font-size:10px;}
a.fineprint:hover{font-size:10px;}
a.fineprint:active{font-size:10px;}

a.red:link {color:#FF0000;}
a.red:visited {color:#FF3333;}
a.red:hover {color:#333333;}
a.red:active {color:#333333;}

.main_image {
	background-color:transparent;
	background-image: url('common/pic_shadow.gif');
	background-repeat: no-repeat;
	background-position: bottom right;
	padding: 0px 10px 10px 0px;
	border-width: 0px;

}

/*////////////////////////  End of Generic Component Formatting   ////////////////////////////*/

/* >>>>>>>>>>>>>>>>>>>>>>>>>>> Photo Album >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/

.album_display {
   width: 95%;
   font-size: 11px;
   border-color: #ff0000;
   border-style: dotted;
   border-width: 0px 0px 2px 0px;
}

.album_title {
   width: 100%;
   text-align: center;
   font-size: 14px;
   font-weight:bold;
   color: #666;
}

.album_comment {
   width: 50%;
   text-align: center;
   font-size: 10px;
   color: #666;
   block: inline;
   margin:0px auto;
   padding-left: 15px;
}

.thmb{
   margin-bottom: 5px;
   margin-right: 5px;
   margin: 5px 5px 2px 5px;
   padding: 0px 10px 15px 10px;
   text-align: center;
   width: 205px;
   height: 205px;
   background: url(common/photo_album_cover_read.gif) bottom right no-repeat;
}

.thmb img{
   position: relative;
   margin: 5px auto;
   top: 10%;
   left: 5%;
   border-style: solid;
   border-width: 5px;
   border-color: #fff;
   margin-bottom: 15px;
}


/* >>>>>>>>>>>>>>>>>>>>>>>>>>> End of Photo Album >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/

.picshadow{
	padding: 5px 15px 15px 5px;
	background-image: url('common/pic_shadow.gif');
	background-repeat: no-repeat;
	background-position: bottom right;
}

/*---- end ----*/