/*   

Stylesheet for Coalition Web site: NorthernRockiesWolves.org

8/12/2008
Written by: Defenders of Wildlife
shoffman@defenders.org

*/

body {	font: 100% Arial, Helvetica, sans-serif; background: #ccc; margin: 0; padding: 0; text-align: center; color: #000000; }
.twoColumnEM #container { width: 780px; background: #FFFFFF;margin: 0 auto; border: 1px solid #000000;	text-align: left; } 


/* ---------- SIDE BAR / NAVIGATION ------------ */
.twoColumnEM #sidebar1 {float: left; width: 250px; background: #663333; color:#ffffff; padding: 15px 0; }
.twoColumnEM #sidebar1 h3, .twoColumnEM #sidebar1 p {	margin-left: 10px; 	margin-right: 10px;}
.twoColumnEM #sidebar1 h3 {	font:bold 1.2em Arial, Helvetica, sans-serif;}
#sidebar1 { font:normal .8em Arial, Helvetica, sans-serif; }

#navcontainer { margin-left: 10px; width: 230x; border-right: 1px solid #000; padding: 0; margin-bottom: 1em;
font-family: Verdana, Lucida, Geneva, Helvetica, Arial, sans-serif; background-color:#663333; color: #333; }
#navcontainer ul { list-style: none; margin-left: 0; padding: 0; border: none; } 
#navcontainer li { border-bottom: 1px solid #efefef; margin: 0; }
#navcontainer li a { display: block; padding: 5px 5px 5px 5px; border-left: 10px solid #660000;  border-right: 10px solid #660000; background-color:#663333; color: #fff; font-weight:900; text-decoration: none; width: 100%; }
html>body #navcontainer li a { width: auto; }
#navcontainer li a:hover { border-left: 10px solid #660000; border-right:10px solid #efefef; background-color:#660000;
color: #ccc; }
#navcontainer li li { border-top: 1px solid #ccc; border-bottom: 0; margin: 0; }
#navcontainer li li a { display: block; padding: 5px 5px 5px 20px;  border-left: 10px solid #663333; font-weight:400;
border-right: 10px solid #663333; background-color:#990033; color: #fff; text-decoration: none; width: 100%; }
#navcontainer #subcurrent { background-color:#fff; color:#660000;  border-left: 10px solid #990033; 
border-right: 10px solid #990033;}

/* ---------- MAIN CONTENT AREA ------------ */
.twoColumnEM #mainContent { margin: 0 20px 0 270px; } 
#mainContent h1 {color:#663333;font:bold 1.6em Arial, Helvetica, sans-serif; text-align:center; }
#mainContent h2 {	color:#666666;	font:bold 1.25em Arial, Helvetica, sans-serif;text-align:center;}
#mainContent p, #mainContent li { font:normal .87em Arial, Helvetica, sans-serif; line-height:1.1em;}
#mainContent .inline li { display: inline; list-style-type: none; padding-right: 10px; font:bold .9em Arial, Helvetica, sans-serif;}
#mainContent h3 {font:800 1.1em Arial, Helvetica, sans-serif;}
#mainContent h4 {font:800 1em Arial, Helvetica, sans-serif; color:#006633;}
#mainContent .references { font:normal .7em Arial, Helvetica, sans-serif; color:#999999;}
#mainContent .references a {  color:#999999; text-decoration:underline;}
#mainContent .references a:hover {  color:#990000;}

/* ---------- FOOTER ------------ */
.twoColumnEM #footer { padding: 0 10px; background:#efefef; font:normal .8em Arial, Helvetica, sans-serif; border-top:1px dashed #ccc; } 
.twoColumnEM #footer p {margin: 0; 	padding: 10px 0; }


/* --------  ETC -------- */
hr {color:#663333; height:2px; }
.float_right { 	float: right;margin-left: 8px;}
.float_left { 	float: left;	margin-right: 8px;}
.clearfloat { 	clear:both;    height:0;    font-size: 1px;    line-height: 0px;}