/*Western Council*/
body {font-family: arial, helvetica, sans-serif; 
	color:#000;
	background: #ffc; 
	/*background: url(/graphics/background.gif) repeat-x top left ;*/
	padding: 0; 
	margin: 0;}

em {font-style: italic;}
strong {font-weight: bold;}

.center {text-align: center;}
.small {font-size: 75%; margin-top: 0;}
.right {text-align: right;}
.line {text-decoration: line-through}

.indent0								{margin-left: 20px}
.indent1								{margin-left: 40px}
.indent2								{margin-left: 80px}
.indent3								{margin-left: 120px}
.indent4								{margin-left: 160px}
.indent5								{margin-left: 200px}

ul.nobullet {list-style: none;}
ul.padded li, ol.padded li {padding-bottom: 6px ;}

h4 {padding: 0px; margin: 0px; font-size: 110%; color: #578257;}
h5 {padding: 5px 0px; margin: 0px; font-size: 100%; color: #006;}

a, a:link {color: #256388; font-weight:bold;}

a:hover {background: #C0C0DA;}

/*border off on all images*/	
a img {border: none; 
		text-decoration: none;}

.floatleft {float:left; padding-right: 15px;}
.floatright {float:right; padding: 15px;}

#container {width: 85%;
	margin: auto; 
	position: relative; 
	width: 750px; 
	line-height: 130%;
	border: thin solid #ccc; 
	min-height: 100%;
	background: white;}

				 
/*second level of menu here*/
#nav, #nav ul { /* all lists */
	padding: 0;	margin: 0;
	list-style: none;
	line-height: 1;}

#nav a {display: block;
	width: 149px; 
	text-decoration: none;
	text-align: center;
	color: black;
	padding: 5px 0px;
	margin-top: 1px;}

#nav li { /* all list items; do not use text-align:center here will screw up where list drop down*/
	float: left;
	width: 149px; /* width needed or else Opera goes nuts */
	height: 28px;
	border: 1px solid #BCBCBC;
	border-left: none;
	background: #fff url(/graphics/nav_bg2.gif) repeat-x bottom left;
	font-size: small;
	color: black;}

#nav li ul a:hover {background: #BFBFD9;} 

#nav li ul { /* second-level lists */
	position: absolute;
	background: white;
	width: 9em;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */}

#nav li ul a {text-align: left; 
	width: 132px;
	padding: 10px 8px;}
	
#nav li ul li{background: white; 
	border: 2px solid #9EB39E; border-top: none; 
	width: 147px;
	height: auto;
	margin: 0px;}

#nav li ul li a {color: #006;}

#nav li:hover ul, #nav li li:hover ul, #nav li.sfhover ul{ /* lists nested under hovered list items */
	left: auto;
}
/*changes the background color on hover*/
#nav li:hover, #nav li.sfhover {
	background: white;}	

/*content*/	
#content {clear: both;
		background: #fff; padding: 5px 15px; margin-top: 5px}

#content dt {font-weight: bold; padding: 3px;}
#content dd {padding: 2px;}
#content dd a {color: #578257;}
#content dd a.bold {font-weight: bold;}
#content ol {margin-left: 30px; padding-left: 30px; padding-bottom: 7px;}
p.quote {font-family: courier,Courier New}
#content h3 { color: #006;margin: 3px 0px; font-size: 120%;}

/*images*/
img {padding: 0px; border: 0px}
img.usmap {border: none; margin: 0px 20px}
/*WesternCo logo at top of pages*/
img.logo {padding-top: 5px;}

/*statesbox*/
#statesbox {float: right; width: 35%; 
	margin: 120px 15px 0px 15px; 
	border: none;
	font-size: 95%;}
#statesbox ul {float: right;}

/*rtbox*/
#content #rtbox {float: right; width: 37%; 
	padding: 5px 3px 13px 10px; margin: 15px 0px 5px 15px; 
	border: 1px #9EB39E solid; font-size: 80%;}
#content #rtbox h3 {font-size: 125%; color: #006;}
#content #rtbox li.current {background: #ffc; border: grey 1px solid; padding-left: 2px; margin-top: 2px;}

fieldset {border: solid 1px #ccc; margin-top: 5px; padding: 10px;}
legend {font-size:110%; color:#006; font-weight: bold; padding-bottom: 5px; }

/*form*/

/*label {display:block}*/
input {border: 1px solid #ccc; width: 250px;}
input.radio {display: inline; 
		width: 10px;
		border: 0px;
		margin: 1px 0px;}
input.checkbox {display: inline; 
		width: 15px;
		height: 15px;
		border: 1px solid gray;
		margin-left: 0px;}		
/*input.req {border: 1px solid red}*/
textarea.comment {width: 450px; height: 75px; margin-bottom: 8px;}
textarea.CUcomment {margin-bottom: 8px; border: 1px solid #ccc;}
input.button {font-weight: bold; 
	border: solid 2px #999;
	width: 100px;
	height: 30px;
	margin-right: 12px;}


/*footer*/
#footer {text-align: right; 
	font-size: 65%; 				
	padding: 5px 0px 0px 0px; 
	margin: 20px 0px 0px 0px; }
#footer p {margin-top: 60px;
	line-height:normal;}
