/******************************************************/
/* global.css                                         */
/* Use with Inland Northwest Trails Coalition Website */
/******************************************************/

/******************************************************/
/* HTML tag styles                                    */
/******************************************************/ 
html { min-height: 100%; margin-bottom: 1px; }
body { margin: 0px auto; background-color: #647958 ; font: 11px Arial,Tahoma; color: #000; }
img { border: 0px; display: block; }
table { border: 0px; border-collapse: collapse }
table td { padding: 0px; }
h1 { font-size:16px; font-weight:bold; color:#415B37; margin:0; padding:0;}
h2 { font-size:14px; font-weight:bold; color:#415B37; margin:0; padding:0;}
a { color: #003252; text-decoration: underline; }
a:hover { color: #B56727; text-decoration: underline; }

/***********************************************/
/* Layout Divs                                 */
/***********************************************/
#layout { position: relative; margin: 0px auto; width: 100%; height: auto; text-align: left; }

/***********************************************/
/* Components                                  */
/***********************************************/

/************* #header styles **************/
#header { background: url('imgs/intcBkg.jpg') top; width: 100%;  vertical-align:top; margin: 0px auto;}
#header a { color: #DCE6D3; text-decoration: none; font-weight: bold; }
#header a:hover { color: #B56727; text-decoration: underline; }
#header #intc { width: 448px; height: 51px; text-align:left;}
#header #home { width:13px; height:9px; }
#header #site { width:11px; height:9px; }

#content { 
	padding:10px;
	background-color: #E9E9E9;
}
.container { width:780px; margin: 0px auto; vertical-align:top;}
#big img {width: 780px; height:181px; }

/************* #nav-menu styles **************/
#nav { background: url('imgs/navBkg.jpg'); width: 100%; height:41px; }
#nav .set { width:725px; text-align:center; margin-left:25px;}
#nav .sep { width:5px; height:41px; }
#nav a { display: block; color: #DCE6D3; text-decoration: none; vertical-align:middle; margin-left:6px;margin-right:6px;}
#nav a:hover { color: #EDF8E4; text-decoration: underline; }

/************* #events-menu styles **************/
#events { background-color: #B4C0A9; width: 250px; vertical-align:top; padding-left:3px; border:1px solid #FFFFFF;}
#events img { width: 239px; padding:10px;}
#events .date { width:80px; font-size:14px; font-weight: bold; color:#003254; text-align:center; padding-top:5px; padding-left: 3px; vertical-align: top; }
#events a { color: #415B37; text-decoration: none; margin-right:10px; }
#events a:hover { color: #B56727; text-decoration: underline; }
#events #riverfest { width: 59px; height: 75px; margin-bottom:5px;}
#events #cleanup { width: 59px; height: 75px; margin-bottom:10px; text-align:center;}
#events ul { margin-bottom: 10px; margin-top: 0px; margin-left: 0px; padding: 0px; }
#events li { list-style-type: circle; margin-bottom: 0px; margin-top: 0px; margin-left: 20px; padding: 0px;  }
.dash { background: url('imgs/dash.gif') repeat; height:1px; }
#slist { padding-left:10px; }

/************* #left_menu styles **************/
#leftnav { background-color: #B4C0A9; width: 150px; vertical-align:top; padding:10px; border:1px solid #FFFFFF;}
#leftnav a { color: #415B37; text-decoration: none; margin-right:6px; }
#leftnav a:hover { color: #B56727; text-decoration: underline; }
#leftnav ul { margin-bottom: 14px; margin-top: 0px; margin-left: 0px; padding: 0px; }
#leftnav li {
	margin-bottom: 0px;
	margin-top: 0px;
	margin-left: 20px;
	padding: 0px;
	line-height: 20px;
	list-style-type: circle;
	font-size: 12px;
}
#leftnav .heading {  margin-bottom: 0px; margin-top: 0px; margin-left: 3px; padding: 0px; line-height: 20px; font-weight: bold; color: color:#415B37; }
.tab { width: 130px; height: 22px; background-color:#647958; color:#DCE6D3; font-weight: bold; letter-spacing: 1px; text-indent: 6px;}

#divider { width: 10px; }
#leftnav h4 {
	font-size: 14px;
	font-weight: bold;
	margin-top: 15px;
	margin-bottom: 5px;
	color: #415B37;
}
#leftnav p {
	margin-left: 10px;
	font-size: 12px;
	margin-top: 0px;
	margin-bottom: 0px;
}

/************* #home page styles **************/
#welcome { background-color: #B4C0A9; width: 497px; border:1px solid #FFF; margin-left:10px; vertical-align:top; font: 12px Arial,Tahoma; color: #000;}
#welcome #area { padding:10px; vertical-align:top;}
#welcome b { font-size:16px; font-weight:bold; color:#415B37; }
#welcome #pix { padding-right:10px; padding-top: 47px; vertical-align:top;}
#welcome #iP01 { width:106px; height:144px; }
#welcome #iP02 { width:106px; height:144px; }

/************* #main content styles **************/
#maincontent { background-color: #B4C0A9; width: 647px; border:1px solid #FFF; margin-left:10px; vertical-align:top; font: 12px Arial,Tahoma; color: #000; line-height: 18px;}
#maincontent #area { padding:10px; vertical-align:top;}
#maincontent li { padding-top: 5px;  list-style-type: circle; }
#maincontent h1 {
	font-size:16px;
	font-weight:bold;
	color:#415B37;
	padding:0;
	margin-top: 10;
	margin-right: 0;
	margin-bottom: 5;
	margin-left: 0;
}
#maincontent h2 {
	font-size:14px;
	font-weight:bold;
	color:#415B37;
	padding:0;
	margin-top: 15px;
	margin-right: 0;
	margin-bottom: 5px;
	margin-left: 0;
}
#maincontent h3 {
	font-size:13px;
	font-weight:bold;
	color:#415B37;
	padding:0;
	margin-top: 6px;
	margin-right: 0;
	margin-bottom: 5px;
	margin-left: 0;
}
#maincontent h4 {
	font-size:12px;
	font-weight:bold;
	color:#000000;
	padding:0;
	margin-top: 5px;
	margin-right: 0;
	margin-bottom: 0px;
	margin-left: 0;
}
#maincontent p {
	padding:0;
	margin-top: 5px;
	margin-right: 0;
	margin-bottom: 0px;
	margin-left: 0;
}

#maincontent a { color: #003252; text-decoration: underline; margin-right:6px; }
#maincontent a:hover { color: #B56727; text-decoration: underline; }
#maincontent #pix { padding:10px; vertical-align:top;}
#maincontent #iP01 { width:106px; height:144px; }
#maincontent #iP02 { width:106px; height:144px; }
#maincontent .pix_right { padding:10px;  float: right; }
#maincontent .pix_ctr {
	text-align: center;
}
#maincontent .pix_left { padding:10px;  float: left; }
#maincontent .pix100_150 { width:100px; height:150px; }
#maincontent .pix150_100 { width:150px; height:100px; }
#maincontent .pix150_225 { width:150px; height:225px; }
#maincontent .pix225_150 { width:225px; height:150px; }
#maincontent .clear {
	clear: both;
}

.item { font-size:14px; font-weight:bold; color:#415B37; margin:0; padding:0;}
.section { font-weight:bold; color:#415B37; text-decoration: underline; margin:0; padding:0;}

/************* #full content styles **************/
#fullcontent { background-color: #B4C0A9; width: 847px; border:1px solid #FFF; margin-left:10px; vertical-align:top; font: 12px Arial,Tahoma; color: #000; line-height: 18px;}
#fullcontent #area { padding:20px; vertical-align:top;}
#fullcontent li { padding-top: 5px;} 
#fullcontent h1 { font-size:16px; font-weight:bold; color:#415B37; margin:0; padding:0;}
#fullcontent h2 { font-size:14px; font-weight:bold; color:#415B37; margin:0; padding:0;}
#fullcontent a { color: #0000FF; text-decoration: underline; margin-right:6px; }
#fullcontent a:hover { color: #B56727; text-decoration: underline; }

/************* #google search styles **************/
#google {background-color: #B4C0A9}

/************* #activities styles **************/
.activities { width: 50%; vertical-align: top; }

/************* #site map styles **************/
#sitemap { margin-left: 20px;}
#sitemap a { color:#415B37; text-decoration: underline;}
#sitemap a:hover { color: #B56727; text-decoration: underline;}
.sitemap { width: 50%; vertical-align: top; }
.main { font-weight: bold;}
.indent_1 {  margin-left: 15px;}
.indent_2 { margin-left: 30px;}
.cell {height: 24px;}

/************* #schedule styles **************/
#schedule a { font-size:14px; color:#415B37; text-decoration: underline; font-weight: bold;}
#schedule a:hover { color: #B56727; text-decoration: underline; font-weight: bold;}
#schedule th { font-size:14px; font-weight:bold; text-decoration: underline; color:#415B37;}
#schedule span { font-size:14px; font-weight:bold; text-decoration: underline; color:#415B37;}
.schedule_date { width: 15%; vertical-align: top; text-align: center}
.schedule_devider {width: 2%;}
.schedule_subject {width: 83%;}

/************* #form content styles **************/
#inputform {padding: 10px 10px 10px 10px;}
.note { font-style: italic; font-size: 10px; }
.thRight { width: 225px; text-align: right; vertical-align: middle;  padding-right: 10px;}
.thLeft { width: 225px; text-align: left; vertical-align: middle; padding-left: 10px;}
.cell_textbox { vertical-align: middle; height: 24px;}
.cell_titles { text-align: left; vertical-align: middle; height: 24px; padding-left: 10px;  padding-right: 10px;}
.cell_buttons { text-align: center; width: 100%; }

/************* #footer styles **************/
#footer { background: url('imgs/foot.gif'); width:100%; height:50px;}
#footer #copy { color:#92A083; padding-top:5px; text-align:center;}
#footer a { color:#92A083; text-decoration:none;}
#footer a:hover { color:#B56727; text-decoration:underline;}

