body
{
    background:#c5af81 url(/images/BgBody.gif) repeat-y center;
    margin:0px;
    padding:0px;
    text-align:left;
    font-size:12px;
    font-family:Arial,Verdana,Helvetica;
    color:#666666;


}

#divideline
{
	padding-left:10px;
	
}


/* The background of the page. */
.BackgroundOuter
{
	background-color: #fdfdfd;
}

/* The background inside the fixed centered area. */
.BackgroundInner
{
	background-color: #fbfbfb;
}

/* The main boxed area. */
.ContentOuter
{
	width: 775px;
	margin-top: 30px;
	padding: 0px;
	border: 1px solid #a9a9a9;
}

/* The entire content area of the web form (including Message area, Validation Summary and web controls).*/
.ContentInner
{
	border: gainsboro 1px solid;
	padding:  20px 10px 10px 10px;
	margin:  0px 25px 40px  25px;
	background-color: #fdfdfd;
	text-align: left;
	width: 100%;
}

/* The content area of the web form containing the web controls. */
.ContentMain
{
	margin-left: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}

#homepageimage 
{
   padding: 2px;
   top:115px;
   left:150px;
   margin: 0px;
   width: 431px;
   height: 239px;
  
}

#officehours
{
   border: solid 2px black;
   margin-top: 5px;

width:300px;
   padding: 2px;
   text-align: center;
   background-color: #e1e1e1;
}



#header
{
   padding: 0px;
   margin: 0px;
   width: 100%;
   height: 175px;
   background-image: url(images/cof_slice.jpg);
}

#header2
{
   padding: 0px;
   margin: 0px;
   width: 571px;
   height: 175px;
   background-image: url(images/billboard_cof2.jpg);
}

#headermenu
{

      background-color: black;
      text-align:center;
   left:0px;
   top:84px;
   width:675px;


}

.headermenulink
{
   font-family: Arial;
   font-size: 10px;
   font-weight:bold;
   text-transform: uppercase;        
}

.headermenulink a
{
   text-decoration: none;
   color: white; 
}

.headermenulink a:hover
{
   text-decoration: underline overline;
   color: black; 
}

#leftcolumn
{
	background-color:White;
	float:left;
	width:124px;
	height:100%;

}

#line
{
	background-image: url(/images/FooterSlice.gif) repeat-y;
}


/* Navigation */

#navigation 
{
	float:left;
	width: 150px;
	padding-bottom: 5px;
	top: 5em;
	left: 1em;
	width: 13em;	
	height: 100%;
	border-right: solid 1px black;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size:90%;
	background-color: #B51032;
}
#navigation ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
#navigation li {
	border-bottom: 1px solid #ED9F9F;
}
#navigation li a  {
	display: block;
	padding: 5px 5px 5px 0.5em;
	border-left: 12px solid #711515;
	border-right: 1px solid #711515;
	background-color: #B51032;
	color: #FFFFFF;
	text-decoration: none;
}
#navigation li a:hover {
	background-color: #711515;
	color: #FFFFFF;
}
#navigation ul ul {
	margin-left: 12px;
}
#navigation ul ul li {
	border-bottom: 1px solid #711515;
	margin:0;
	background-color: #ED9F9F;
	color: #711515;
}
#navigation ul ul a:link, #navigation ul ul a:visited {
	background-color: #ED9F9F;
	color: #711515;
}
#navigation ul ul a:hover {
	background-color: #711515;
	color: #FFFFFF;
}



/* right side
   ---------- */
		
.right {
	float: right;
	width: 140px;
	margin: 0 0 10px 0;
}

.right a {
	color: #FFFCD1;
	background: inherit;
}

		
.rt {
	background: #000000 url(rt.gif) no-repeat;
	color: #FFFFFF;
	height: 7px;
}
	
.right_articles {
	font-size: 0.9em;
	background: #000000 url(rb.gif) no-repeat bottom;
	color: #FEE1D5;
	padding: 4px 8px;	
	margin: 0 0 10px 0;
}



#bulletlist
{
   padding: 1px 1px 1px 1px;
   text-align: left; 
}


#content
{
	background-color:White;
	border-left:1px solid black;
float:left;
text-align:left;
padding-left: 3px;
	width:70%;
	height:100%;
	
}



#breadcrumb
{
   background-color: black;
   left:0px;

   width:775px;
   color: White;
  
   font-size: 10px;	
  
}

#breadcrumb a
{
   color: Yellow;
}

#footer
{
	clear:both;
	background-color:Black;
	width:775px;
	height:50px;
}

#footermenu
{
   text-align: center;
   padding-top: 10px;            
}

#footertext
{
   font: 10px;
   color:white;
   text-align: center;
   padding-top: 3px;            
}


#contactustext
{
   font: 12px;
   color:black;
   text-align: center;
   padding-top: 3px;            
}


#footertext_info
{
   font: 10px;
   color:white;
   text-align: center;
   padding-top: 4px;           
}

.footermenulink
{
   font-family: Arial;
   font-size: 12px;
   font-weight:bold;
   text-transform: uppercase;      
}

.footermenulink a
{
   text-decoration: none;
   color: white; 
}

#contenttext
{

   padding: 5px;
   text-align: center;
   background-color: #e1e1e1;
}

#bannerbox
{
   border: dashed 2px black;
   margin-top: 20px;
   margin-bottom: 20px;
   margin-left: 10px;
   margin-right: 10px;
   padding: 5px;
   text-align: left;
   background-color:White;
}

#bannerbox a
{
   font-size: 14px;
   text-decoration: none;
   color: black; 
}

#loginbox
{
   position: absolute;
   top: 16px;
   right: 10px;
   width: 180px;
   height: 80px;
   padding: 2px 2px 2px 2px;    
   font-size: 10px;
}

#loginbox input
{
   color: red;
   border-color: red;
   background-color: #f7d582;
   font-size: 10px;
}

#themeselector
{
   position: absolute;
   text-align: right;
   top: 153px;
   right: 10px;
   width: 180px;
   height: 80px;
   padding: 2px 2px 2px 2px;    
   font-size: 10px;
}

#themeselector select
{
   color: black;
   background-color: #e1e1e1;
   font-size: 10px;
}

#welcomebox
{
   font-size: 12px;
   text-align: right;
}
    
#leftcol
{
   float:left;
   top: 184px;

   width: 150px;
  background-color:White;
  border-right: 1px solid #000;
   font-size: 10px;
}

#leftcol div.text
{
   padding: 6px 6px 6px 6px;
   text-align: justify;
}

#leftcol div.alternatetext
{
   padding: 6px 6px 6px 6px;
   background-color: #e1e1e1;
   text-align: justify;
}

#leftcol div.sectiontitle, #leftcol .sectiontitle span
{
   padding: 6px 6px 6px 3px;
   background-color: #818689;
   color: white;
   font-size: 12px;
   font-weight: bold;
   text-transform: uppercase;
}

#rightcol a
{
   color: blue;
}

#centercol
{
   float:left;
   margin-left: 150px;
   width:100%;
   padding: 0px;
   background-color: white;
}

#centercolcontent
{
   padding: 15px 6px 15px 6px;
}

#centercolcontent div.sectiontitle, #centercolcontent .sectiontitle span
{
   font-weight: bold;
   font-size: larger;
   color: #b45d16;
}

#centercolcontent div.sectionsubtitle
{
   font-weight: bold;
   padding-bottom: 4px;
}

#rightcol
{
   position: absolute;
   top: 184px;
   right: 0px;            
   width: 198px;
   color: White;
   background-color: #818689;
   font-size: 10px;
}

#rightcol a
{
   color: Yellow;
}

#rightcol div.text
{
   padding: 6px 6px 6px 6px;
   text-align: justify;
}

#rightcol div.sectiontitle, #rightcol .sectiontitle span
{
   padding: 6px 6px 6px 3px;
   background-color: #706a6a;
   color: #f7b76b;
   font-size: 12px;
   font-weight: bold;
   text-transform: uppercase;
}


.highlight
{
   background-color: #fefbd2;
   color: #000080;
}

.highlightcity
{
   background-color: #df2e05;
}

.highlightstate
{
   background-color: #f4c977;
}

.highlightcountry
{
   background-color: #818689;
}



.comment
{
   padding: 4px 0px 4px 0px;
   font-size: smaller;
}

.pollbox
{
   font-size: 11px;
}

.pollcontent
{
   padding: 6px;
}

.pollquestion
{
   font-size: 13px;
   font-weight: bold;
}

.polloptions
{
   padding-top: 10px;
   padding-bottom: 4px;
}

.pollbar
{
   background-color: red;
   font-size: 4px;   
}

