html
{ height: 100%; overflow-y:scroll;}

*
{ margin: 0;
  padding: 0;}

body
{ font: normal .80em 'trebuchet ms', arial, sans-serif;
  background: #FFF;
  color: #444;}
table
{ font: normal .90em 'trebuchet ms', arial, sans-serif;}

p
{ padding: 0 0 20px 0;
  line-height: 1.7em;}
  p.indent { padding: 0 5vw 2vw 5vw;
  line-height: 1.7em;}

img
{ border: 0;}

h1 
{ margin: 0 0 0.1em 0;
  padding: 0.1em 0 0.1em 0;
  font: normal 130%  arial, sans-serif;
 color: #712804;
 }

 h2 
{ margin: 0 0 0.1em 0;
 padding: 0.1em 0 0.1em 0;
 font: normal 120% arial, sans-serif;
 color: #712804;
 }
 
 h3 
{ margin: 0 0 0.1em 0;
 padding: 0.1em 0 0.1em 0;
 font: normal 110% arial, sans-serif;
 color: #712804;
 }

h4
{ margin: 0;
 padding: 0 0 2px 0;
 color: #000;
 font: normal 100% arial, sans-serif;
}

h5
{ margin: 0;
 padding: 0 0 2px 0;
 font: italic 85% arial, sans-serif;
 color: #000;
 }

h6
{ margin: 0;
 padding: 0 0 2px 0;
 font: italic 85% arial, sans-serif;
 color: #362C20;
 }

a, a:hover
{ outline: none;
 text-decoration: underline;
 color: #006600;}

a:hover
{ text-decoration: none;}

.left
{ float: left;
 width: auto;
 margin-right: 10px;}

.right
{ float: right; 
 width: auto;
 margin-left: 10px;}
 
.center
{ display: block;
 text-align: center;
 margin: 18px auto;}

ul
{ margin: 2px 0 22px 17px;}

ul li
{ list-style-type: circle;
 margin: 0 0 6px 0; 
 padding: 0 0 4px 7px;}

ol
{ margin: 8px 0 22px 20px;}

ol li
{ margin: 0 0 11px 0;}

#main, #logo, #menubar, #site_content, #footer
{ margin-left: auto; 
 margin-right: auto;
 text-align: left;}
 
 #main
{ text-align: center;
}

#header
{ background: #fff; margin:0;padding:0;
 height: 162px;}
/* adjust height if bumps site content */
#logo
{ width: 1080px;
 padding: 0 0 0 0;
 position: relative;
 height: 108px;
 background: #fff url(header_spacer.png) no-repeat;
   border-color:#c04509;border-style:solid;border-width:2px 2px 0 2px;}

#logo #logo_text 
{ position: absolute; 
 top: 0px;
 left: 150px;}

#logo h1, #logo h2
{ 
 border-bottom: 0;
 text-transform: none;
 margin: 0;}

#logo_text h1, #logo_text h1 a, #logo_text h1 a:hover 
{ padding: 0.1em 0px 0px 0px;
 color: #FFF;
 letter-spacing: 0.1em;
 font: normal 140% arial, sans-serif;
 text-decoration: none;}

#logo_text h1 a .logo_txt_color
{ color: #712804;
 }

#logo_text h2
{ font-weight:normal;
 font-size: 150%;
 padding: 4px 0 0 10px;
 color: #c04509;}

#menubar
{ width: 1080px;
 height: 54px;
 padding: 0;
 text-align: left;
  border-color:#c04509;border-style:solid;border-width:0 2px 0 2px;
 background: #C04509 url(menu_spacer.png) repeat-x;} 

ul#menu, ul#menu li
{ float: left;
 margin: 0; 
 padding: 0;}

ul#menu li
{ list-style: none;}

ul#menu li a
{ letter-spacing: 0.1em;
 font: normal 100% 'lucida sans unicode', arial, sans-serif;
 display: block; 
 float: left; 
 height: 33px;
 padding: 6px 22px 15px 20px;
 text-align: left;
 color: #FFF;
 text-transform: uppercase;
 text-decoration: none;
 background: transparent;} 

ul#menu li a:hover, ul#menu li.selected a, ul#menu li.selected a:hover
{ color: #FFF;
 background: #C04509 url(menu_sel_spacer.png) repeat-x;
 text-align: left;}

 #menubar2
{ width: 1080px;
 height: 24px;
 padding: 0;margin: 0;
 text-align: left;
 background: #B28D4E url(menu_spacer2.png) repeat-x;} 
 
 ul#menu2, ul#menu2 li
{ float: left;
 margin: 0; 
 padding: 0;}

ul#menu2 li
{ list-style: none;}

ul#menu2 li a
{ letter-spacing: 0.1em;
 font: normal 100% 'lucida sans unicode', arial, sans-serif;
 display: block; 
 float: left; 
 height: 20px;
 padding: 2px 22px 2px 20px;
 text-align: left;
 color: #FFF;
 text-decoration: none;
 background: transparent;} 

ul#menu2 li a:hover, ul#menu2 li.selected a, ul#menu2 li.selected a:hover
{ color: #FFF;
 background: #C04509 url(menu_sel_spacer2.png) repeat-x;
 text-align: left;}
 
 
#site_content
{ width: 1080px;  
 overflow: hidden;
 margin: 0 auto 0 auto; 
 padding: 0px 0px 20px 0px;
 background: #FFF url(content_spacer.png) repeat-y;
  border-color:#c04509;border-style:solid;border-width:4px 2px 2px 2px;
 } 
 
 	 .floatright {display:inline-block;clear:both;
	position:relative;
	width: auto;float:right;
	font-size:85%;
	margin:1em 0em 1em 1em; 
	padding:1em;
	border-style:solid;
	border-color:black;
	border-width:1px; 
	}
 
 .floatright250 {
	position:relative;
	width: 250px;float:right;
	font-size:85%;
	margin:1em 0em 1em 1em; 
	padding:1em;
	border-style:solid;
	border-color:black;
	border-width:1px; 
	}
	 .floatright350 {
	position:relative;
	width: 250px;float:right;
	font-size:85%;
	margin:1em 0em 1em 1em; 
	padding:1em;
	border-style:solid;
	border-color:black;
	border-width:1px; 
	}
	.floatright150 {
	position:relative;
	width: 150px;float:right;
	font-size:85%;
	margin:0 0 0 1em; 
	padding:1em;
	border-style:solid;
	border-color:black;
	border-width:0px; 
	}
	.logoright {
	display: inline;
	vertical-align:top;
	padding: 10px;
 float: right; 
	position: absolute;
	right: 10px;
	}
	.logoleft {
	display: block; 
	padding: 10px 10px 0px 10px;
 float: left; 
	}
	
	.piccaption { display:block;	 font-size: 11px; 	padding:0px; margin:0px;	}
	.bordered {border: solid 1px; }

.sidebar
{ float: right;
 width: 220px;
 padding: 15px 5px 15px 5px; 
  border-color:#c04509;border-style:solid;border-width:0 0 0 2px;
 }

.sidebar ul
{ width: 220px; 
 padding: 0; 
 margin: 4px 0 30px 0;}

.sidebar li
{ list-style: none; 
 padding: 0 0 7px 3px; }

.sidebar li a, .sidebar li a:hover
{ padding: 0 5px 0 20px;
 display: block;
 background: transparent url(bullet.png) no-repeat left center;} 

.sidebar li a.selected
{ color: #444;
 text-decoration: none;} 
 
 
table.borderedcells 
	td 	{border-style:solid;
		border-color:#dddddd;
		border-width:1px; 
			}	

	
table.borderedcellsxs td{border-style:solid;
		border-color:#dddddd;
		border-spacing:0px;
		border-width:1px; 
		font-size:75%;
		 padding: 0em; 
		 			}
table.borderedcellssmall td{border-style:solid;
		border-color:#dddddd;
		border-spacing:0px;
		border-width:1px; 
		font-size:85%;
		 padding: 0em; }
 
#content
{ text-align: left;
 width: 820px;
 padding: 0px;
 margin: 10px;
 }

#content ul
{ margin: 2px 0 22px 5px;}

#content ul li
{ list-style-type: none;
 background: url(bullet.png) no-repeat;
 margin: 0;
 padding: 0 6px 6px 12px;
 line-height: 1.5em;}

#footer
{ width: 1080px;
 font: normal 70% arial, sans-serif;
 height: 50px;
 padding: 10px 0 0px 0;
 text-align: center; 
 background: #FBFBFB url(footer_spacer.png) repeat-x;
 color: #FFF;
   border-color:#c04509;border-style:solid;border-width:0 2px 0 2px;
 text-transform: uppercase;
 letter-spacing: 0.1em;}

#footer a
{ color: #FFF;
 text-decoration: none;}

#footer a:hover
{ color: #FFF;
 text-decoration: underline;}
 
 @media print 
	{ 
	a:link, a:visited {color: #781351}
	body { width: 100%; 	margin: 0; float: none; font:140% serif; color:#000; }
	#site_content { width: 125%; margin: 0; float: none; font:80% serif; }
	h1 { font-size: 12pt; } h2 { font-size: 11pt; } 
	#header {display:none;}/* imperative for print css */
	#menu {display:none;}/* imperative for print css */
	#menu2 {display:none;}/* imperative for print css */
	#site_content#menubar2 {display:none;}/* imperative for print css */
	#site_content#menu2 {display:none;}/* imperative for print css */
	#logo {display:none;	}/* imperative for print css */
	#footer {display:none;}/* imperative for print css */
	#content-footer {display:none;}/* imperative for print css */
	.sidebar {display:none;	}/* imperative for print css */
	}
	
@media only screen and (max-device-width: 770px) {
	#main.no4mobile {display:none;}
	#logo.no4mobile {display:none;}			
	}