@charset "utf-8";
/* CSS Reset */
html, body, div, span, h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, dfn, em, font, img, ins, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	
}
:focus {
	outline: 0;
}
table {
	border-collapse: separate;
	border-spacing: 0;
	
}
/************** end reset **************/
/*   >>>>>>>>> STRUCTURE >>>>>>>>>>   */
html{
  font: 100.01%/130% Verdana, Arial, Helvetica, sans-serif;
}
body  {
	background: #174013;
	color: #000000;
	text-align: center; /* this centers the container in IE 5* browsers.  */
	font-size:0.875em;
}

 
.twoCol #container { 
	/*width: 46em;  /*for 800 width - 16X46=736*/
	width: 920px;  /*for 1024 width - 16X62=992 approx 10px margins*/
	background: #FFFFFF;
	margin: 0 auto;  
	text-align: left; /* this overrides the text-align: center on the body element. */
} 

.twoCol #header{
	background: #668D60 url(../images/banner1.jpg) no-repeat left top;
	padding: 0;
	height:132px;
}

/* Tips for sidebar1:
1. Be aware that if you set a font-size value on this div, the overall width of the div will be adjusted accordingly.
2. Since we are working in ems, it's best not to use padding on the sidebar itself. It will be added to the width for standards compliant browsers creating an unknown actual width. 
3. Space between the side of the div and the elements within it can be created by placing a left and right margin on those elements as seen in the ".twoCol #sidebar1 p" rule.
*/
.twoCol #sidebar1 {
	float: left;
	width: 175px;
	background: #8ba1d2;
	font-size:0.75em;
	padding: 15px 0;
}
/*----------------- >>> USE FOR FLOATING LEFT <<< ---------------------------*/
.twoCol #sidebar1 h3, .twoCol #sidebar1 p {
	margin-left: 10px; 
	margin-right: 10px;
}
.twoCol #mainContent {
 	margin-left:175px;
	width:auto;
	text-align:left;
	padding-left:20px;
	padding-right: 20px;
	padding-top: 10px;
	 
	 
} 
.twoCol #mainContent img{
	padding:10px;
}
.twoCol a{
	color:#993300;
	
}
/*-----------------------------------------------------------------------------*/
 
.twoCol #footer{
	background:#efefef;
	font-size:10px;
	padding: 0 10px 0 20px;
}

 
/*----- END STRUCTURE --------------*/

 
.fltrt {  
	float: right;
	margin-left: 8px;
}
.fltlft { 
	float: left;
	margin-right: 8px;
}
.clearfloat { 
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}
 .padtop{
 padding-top:25px;
 }
#hdrbox{ 
 width: 1.75px;
 height:150px;
 float:right;
}
.notice{
	width: auto;
	padding: 12px;
	text-align: center;
	border: thin solid #cacda0;
	background-color:#FFFDD5;
	margin:10px;
	font-size:12px;
	background-image: url(../images/paw.gif);
	background-position: right bottom;
	background-repeat: no-repeat;
	color: #993300;
}
.notice a {
	text-decoration:none;
	color: #993300;
}
.notice a:hover{
	text-decoration:underline;
}
.notice2{
	width:auto;
	margin:10px;
	text-align:left;
	padding:10px;
	border: thin solid #CCCCCC;
	background-color:#fff;
	line-height:12px;
	}
.notice3{
	width:auto;
	margin:10px;
	text-align:left;
	padding:10px;
	border: thin solid #CCCCCC;
	background-color:#EAEEF7;
}
.menuformat{
	position: fixed;
	 text-align:center;
	 
	background: #8ba1d2;
	width: 175px;
	font-size:12px;
	line-height:14px;
	
}
.menuformat a{
	text-decoration:none;
	color:#000;
	
	
	 
}
.menuformat a:hover{
	text-decoration:underline;
	color:#fff;
}
.breadcrumb{
	font-variant: small-caps;
	color: #374A7B;
	text-decoration: none;
	font-size: 12px;
	font-weight: normal;
}
.breadcrumb a{
 color:#374A7B;
 text-decoration:none;
}
.breadcrumb a:hover{
 text-decoration:underline;
}
.tbar{
	width: 630px;
	background-color:#efefef;
	
	padding: 3px;
	display:block;
	height: 25px;
}
.mbar{
	
	padding:3px;
	font-size:0.875em;
}
.leftbox{
	width:280px;
	float:left;
}
.rightbox{
	width: 280px;
	float:right;
	
	}
.photodisp{
	width:250px;
	float:right;
	display:block;
}
.photodisplt{
	width:250px;
	float:left;
	display:block;
	padding-right: 25px;
}
.blnk{
	margin-top:-205px;
}

/*-- END STRUCTURE --*/
/*--------------Horizontal Navigation ----------------*/
 
#navbar{
	width: 735px;
	height: 50px;
 	padding-left:175px;
	padding-top: 92px;
	 
	border: 0;
	 
	 
}
#navbar ul {
	border: 0;
	margin: 0px 1px 0px 0px;
	padding: 0 0 0px;
	list-style-type: none;
	text-align: center;
}
#navbar ul li {
	display: block;
	float: left;
	text-align: center;
	padding: 0;
	margin: 0;
}

#navbar ul li a {
	 
	height:37px;
	padding-left: 12px;
	padding-right: 12px;
	padding-top:3px;
	 margin-right:1px;
	color: #000000;
	font-size:11px;
	line-height:14px;
	text-decoration: none;
	display: block;
	text-align: center;
	background-color: #8ba1d2;

}

#navbar ul li a:hover {
	color:#000;
	background-color: #fff; 	
}

#navbar a:active {
	background-color: #fff;
	color: #000;
}
#navbar li#active a {
	background: #fff;
	color: #000;
}
.dropmenudiv_b{
position:absolute;
top: 0;
border: 1px solid #918d8d; /*THEME CHANGE HERE*/
border-width: 0 1px;
font:normal 12px Verdana;
line-height:23px;
z-index:100;
background-color: white;
width: 200px;
visibility: hidden;
text-align: left;
}
.dropmenudiv_b a{
width: auto;
display: block;
text-indent: 5px;
border: 0 solid #918d8d; /*THEME CHANGE HERE*/
border-bottom-width: 1px;
padding: 2px 0;
text-decoration: none;
color: black;
text-align: left;
}

* html .dropmenudiv_b a{ /*IE only hack*/
width: 100%;
text-align: left;
}

.dropmenudiv_b a:hover{ /*THEME CHANGE HERE*/
background-color: #efefef;
text-align: left;
}

/*   >>>>>>>>> typographic >>>>>>>>>>   */
h1{
	padding: 5px 0;
	font-size: 24px;
	color: #313131;
}
h2{

	font-size: 18px;
	line-height:20px;
	font-weight: bold;
	color:  #993300;
}
h3{
	font-size: 16px;
	font-weight: bold;
	color: #FFFFFF;
	padding:5px;
	background-color: #475792;
}
h4{
	padding: 10px 0;
	font-size: 1em;
	font-weight: bold;
	text-transform: uppercase;
	color: #993300;
}
p{
	padding:10px 0;
}
.sideh1{
	color: #993300;
	font-size:10px;
	line-height:14px;
	text-transform: uppercase;
	font-weight: normal;
}
/*  ---------  END TYPOGRAPHIC --------- */
