/*-----------------------------------------------------------------------------
SAGE Layout CSS Document - Ask the Expert

version:   1.0
author:    FarmHouse Studios
email:     info@farmhousestudios.net
website:   http://www.farmhousestudios.net/
Date: October 2007
Copyright 2007 FarmHouse Studios, Inc.
-----------------------------------------------------------------------------*/

/*  PAGE STRUCTURE  */


	 
body {margin: 0; padding: 0; background: #ffffff; }

div#page	{
float:left;
	margin: 0 0;
	padding: 0;
	width:800px;
	height:auto;

		}
	



div#top	{
	
	margin: 0 auto;
	padding: 0;
		width:800px;
	height:auto;
	
	}

div#wrapper	{
float:left;
	color: #663;
	margin: 0 0;
	padding: 0;
	border-right:1px solid #cccccc;
	border-bottom:1px solid #cccccc;
	width:800px;
	height:auto;
	background: url(http://www.sageusa.org/images/home_leftnav.jpg)  repeat-y top left;

		}
	
			
		
div#header_old 	{
	
	width: 800px;
	padding: 0;
	margin: 0;
	height: 79px;
	border-bottom:1px solid #cccccc;
	background-color:#ffffff;
}

div#header	{
	
	width: 800px;
	padding: 0;
	margin: 0;
	height: 132px;
	border-bottom:1px solid #cccccc;
	background-color:#ffffff;
	background: url(http://www.sageusa.org/images/banner/dock.jpg) no-repeat top left;

}

div#header2	{
	
	width: 668px;
	padding: 0;
	margin: 0;
	height: 132px;
	border-bottom:1px solid #cccccc;
	background-color:#ffffff;
	background: url(http://www.sageusa.org/images/banner/dock.jpg) no-repeat top left;

}


div#logo {
	float:left;
	margin: 0 0;
	padding: 0;
	height: 132px;
	width: 160px;
	background: url(http://www.sageusa.org/images/sage_logo.jpg) no-repeat top left;

	}
	
div#logo_sub {
	float:left;
	margin: 0 0;
	padding: 0;
	height: 79px;
	width: 160px;
	background: url(http://sageusa.org/images/sage_logo_sm.jpg) no-repeat top left;

	}


div#navbar {
float:left;
width: 800px;
border-bottom: solid 1px #336699;

	margin: 0;
	height: 30px;
	background-color:#44697d;
	
	
	}	
	
	
/* main nav*/

#navbar #nav {
	clear: both;
	width: 800px;
	margin: 0 auto;
	padding: 0;
	list-style: none;
	}
#navbar #nav li {
	float: left;
	margin: 0 2px 0 0;
	padding: 0;
	}
#navbar #nav li a {
	float: left;
	margin: 0;
	padding: 8px .8em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 90%;
	font-weight:bold;
	text-decoration: none;
	letter-spacing: 2px;
	color: #336699;
	background:#ffffff url(http://www.sageusa.org/img/nav-off.gif) repeat-x bottom left;
	}
#navbar #nav li a:hover {
	color: #CC9900;
	background: url(../img/diag-bg.gif);
	}
body#home #navbar #nav li#t-home a {
	font-weight: bold;
	color: #a57148;
	background: #fff;
	}


	
	
	

	

div#header_title {
	float:right;
	margin: 0 0;
	margin-top:102px;
	padding: 0;
	height: 30px;
	width: 600px;
	text-align:center;
	background-color:#ffffff;
	}
	
div#header_title_home {
	float:right;
	margin: 0 0;
	margin-top:102px;
	padding: 0;
	height: 30px;
	width: 545px;
	text-align:center;
	background-color:#ffffff;
	}	
	 
#datebar {
width: auto;
	padding-top:4px;
	padding-right:10px;
	padding-bottom:4px;
	margin: 0;
	height: 18px;
	background-color:#7d9aaa;
	font-family: "Lucida Grande", "Trebuchet MS", "Bitstream Vera Sans", Verdana, Helvetica, sans-serif; color: #ffffff;
	text-align:right;
	font-size:12px;
	
	}
	
	
#datebar_bottom {
width: auto;
	padding-top:4px;
	padding-right:10px;
	padding-bottom:4px;
	margin: 0;
	height: 10px;
	background-color:#7d9aaa;
	font-family: "Lucida Grande", "Trebuchet MS", "Bitstream Vera Sans", Verdana, Helvetica, sans-serif; color: #ffffff;
	text-align:right;
	font-size:12px;
	
	}
		
	
	
div#bar_admin {
float:right;
width: 790px;
	padding-top:4px;
	padding-right:10px;
	margin: 0;
	height: 18px;
	background-color:#95B28F;
	font-family:Verdana, Arial, Helvetica, sans-serif; color: #ffffff;
	text-align:right;
	font-size:10px;
	
	}		

#homegraphicbox {
float:left;
	padding-right:10px;
	margin: 0;
	min-height: 240px;
		
	}
	
#rotatingimage {
float:left;
width: 264px;
	margin: 0;
	height: 220px;
	min-width:264px;
	background-color:#dae3ea;
	font-family:Verdana, Arial, Helvetica, sans-serif; color: #ffffff;
	text-align:right;
	font-size:10px;
	}	
	
/***DONATE BUTTON******/
div#navrow_donate {border-top:1px solid #44697d; border-bottom:1px solid #44697d; height:15px; text-align:center; padding:5px; margin-bottom:18px; background-color:#CC0000; }
div#navrow_donate:hover {border-top:1px solid #44697d; border-bottom:1px solid #44697d; height:15px; text-align:center; padding:5px; background-color:#CC0000; margin-bottom:18px;}
div#navrow_Donate_selected {border-top:1px solid #44697d; border-bottom:1px solid #44697d; height:15px; text-align:center; padding:5px; background-color:#5c7f92; margin-bottom:18px;}

.leftnavtext_donate {font: 12px "Lucida Grande", "Trebuchet MS", "Bitstream Vera Sans", Verdana, Helvetica, sans-serif; color:#ffffff;  text-decoration:none; text-transform:uppercase; font-weight:bold; }
.leftnavtext_donate a:link {font: 12px "Lucida Grande", "Trebuchet MS", "Bitstream Vera Sans", Verdana, Helvetica, sans-serif; color:#ffffff;  text-decoration:none; text-transform: uppercase; font-weight:bold; }
.leftnavtext_donate a:hover {font: 12px "Lucida Grande", "Trebuchet MS", "Bitstream Vera Sans", Verdana, Helvetica, sans-serif; color:#ffffff; text-decoration:none; text-transform: uppercase; font-weight:bold; }
.leftnavtext_donate a:visited {font: 12px "Lucida Grande", "Trebuchet MS", "Bitstream Vera Sans", Verdana, Helvetica, sans-serif; color:#ffffff;  text-decoration:none; text-transform:uppercase; font-weight:bold; } 


	
	
	div#belowfold {
float:left;
width: 639px;
	padding-top:4px;
	margin: 0;
	height: auto;
	font-family:Verdana, Arial, Helvetica, sans-serif; color: #ffffff;
	font-size:10px;
	
	}
	
	
div#contentwell {
padding-top:10px;
padding-bottom: 10px;
padding-right:20px;
padding-left:15px;
	float:left;
	width: 520px;
	margin: 0;
		height: auto;
		min-height:400px;
	background-color:#ffffff;
	}
	

	
	
	
div#abovefold {
	float:left;
	width: auto;
	margin: 0;
	height: auto;
	background-color:#ffffff;
	}	
	
div#contentwell_noborder {
float:left;
width: 600px;
padding-left:15px;
padding-right:10px;
padding-bottom:10px;
padding-top:0px;
	margin: 0;
	height: auto;
	min-height:400px;
	background-color:#ffffff;

	}	
	
div#resources_headline {
float:left;
width: 550px;
padding-bottom:5px;
padding-left:5px;
padding-top:0px;
margin-bottom:10px;
margin-left:6px;
	height: auto;
	border-bottom:solid 1px #666666;
		font-family:Verdana, Arial, Helvetica, sans-serif; 
	font-size:16px;
	color:#333333;


	}	

div#news_headline {
float:left;
width: 550px;
padding-bottom:5px;
padding-left:5px;
padding-top:0px;
margin-bottom:10px;
margin-left:6px;
	height: auto;
	border-bottom:solid 1px #666666;
		font-family:Verdana, Arial, Helvetica, sans-serif; color: #ffffff;
	font-size:16px;
	color:#333333;


	}		
		

div#toolbar {
float:right;
width: 510px;
	padding:4px;
	margin: 0;
	height: 15px;
	background-color:#ffffff;
	

	}
		
	
#news_well { margin:10px 0; padding-right:10px;padding-left:15px; padding-top:12px; width: 250px;
 height:200px;
 min-height:200px;border: 1px solid #c7c7c7;}
	

#sponsors_well { margin:10px 0; padding-right:10px;padding-left:15px; padding-top:12px; width: 250px;background-color:#ffffff;
 height:100px;
 min-height:100px;border: 1px solid #c7c7c7;}
	

#leftnav_home {
float:left;
width:160px;
min-height:600px;
height:auto;

}		


#leftnav {
float:left;
width:160px;
min-height:500px;
height:auto;
background-color:#f5f5f5;
}


#leftnav_sub {
width:160px;
border-right:1px solid #cccccc;
min-height:500px;
}

div#footer { float:left; margin-left:140px; margin-top:15px;  text-decoration:none; text-align:center;}


#subheader {
padding:10px;
border-bottom:solid 1px #999999;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:17px;
color:#666666;
}

H1 {
color:#669966;
}



/******LEFTNAV*******/
div#leftnav_box	
{float:left;
color: #663;
	margin: 0 auto;
	padding: 0;
	padding-left:8px;
	padding-top:3px;
	text-align: left;
	background-color:#F5F5F5;
	width:140px; 
	height:auto;
	border: 1px solid #669966;
	}
	
#leftnav a:link, a:visited {
	color: #669966;
	}	
	
#leftnav h3 {
	margin: 0 0 10px 0;
	padding: 0;
		font-weight: bold;
	text-transform: uppercase;
	color: #963;
	letter-spacing: 2px;
	}
	
	
	


/***DONATE BUTTON******/
div#navrow_donate {border-top:1px solid #44697d; border-bottom:1px solid #44697d; height:15px; text-align:center; padding:5px; margin-bottom:18px; background-color:#CC0000; }
div#navrow_donate:hover {border-top:1px solid #44697d; border-bottom:1px solid #44697d; height:15px; text-align:center; padding:5px; background-color:#CC0000; margin-bottom:18px;}
div#navrow_Donate_selected {border-top:1px solid #44697d; border-bottom:1px solid #44697d; height:15px; text-align:center; padding:5px; background-color:#5c7f92; margin-bottom:18px;}




	
/*******CONTACT*************/
#navrow_contact { margin-top:250px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; height:auto; min-height:20px; width:auto; text-align:left; padding:7px; padding-left:14px; text-decoration:none/ }

	
/******ADMINISTRATION*******/


	div#bar_preview {
float:left;
width: 792px;
	padding:4px;
	margin: 0; min-height: 22px;
	height: auto;
	background-color:#FF6600;
	font-family:Verdana, Arial, Helvetica, sans-serif; color: #ffffff;
	text-align:left;
	font-size:18px;
	
	}	




#footer_admin {
float:left;
border-top:1px solid #cccccc;
height:auto;
background-color:#44697d;
}

#navrow_admin {border-top:1px solid #cccccc; height:auto; min-height:20px; width:auto; text-align:right; padding-top:3px; padding-right:5px; text-decoration:none/ }
#navrow_admin: hover {border-top:1px solid #cccccc;height:auto; min-height:20px; width:auto; text-align:right; padding-top:3px; padding-right:5px; background-color:#9eb28f; text-decoration:none;}
#navrow_admin: selected {border-top:1px solid #cccccc; height:auto; min-height:20px; width:auto; text-align:right;padding-top:3px; padding-right:5px; background-color:#9eb28f; text-decoration:none;}
	
#navrow_content {border-top:1px solid #cccccc;min-height:20px; width:auto; text-align:right; padding-top:3px; padding-right:5px; text-decoration:none/ }
#navrow_content: hover {border-top:1px solid #cccccc;height:20px; width:auto; text-align:right; padding-top:3px; padding-right:5px; background-color:#9eb28f; text-decoration:none;}
#navrow_content: selected {border-top:1px solid #cccccc;min-height:20px; width:auto; text-align:right;padding-top:3px; padding-right:5px; background-color:#9eb28f; text-decoration:none;}
		
		
/******ABOUT*******/


div#bar {
float:right;
width: 790px;
	padding-top:4px;
	padding-right:10px;
	margin: 0;
	height: 18px;
	background-color:#d1dbbc;
	font-family:Verdana, Arial, Helvetica, sans-serif; color: #ffffff;
	text-align:right;
	font-size:10px;
	
	}

#bottombar {
border-top:1px solid #cccccc;
height:auto;
background-color:#669966;
}

#navrow_about {border-top:1px solid #cccccc;height:20px; width:auto; text-align:right; padding-top:3px; padding-right:5px; text-decoration:none/ }
#navrow_about:hover {border-top:1px solid #cccccc;height:20px; width:auto; text-align:right; padding-top:3px; padding-right:5px; background-color:#b9c9d0; text-decoration:none;}
#navrow_about:selected {border-top:1px solid #cccccc;height:20px; width:auto; text-align:right;padding-top:3px; padding-right:5px; background-color:#d1dbbc; text-decoration:none;}



	
				

	
#navrow {border-top:1px solid #cccccc;height:20px; width:auto; text-align:right; padding-top:3px; padding-right:5px; text-decoration:none; }
#navrow:hover {border-top:1px solid #cccccc;height:20px; width:auto; text-align:right; padding-top:3px; padding-right:5px; background-color:#b9c9d0; text-decoration:none;}
#navrow:selected {border-top:1px solid #cccccc;height:20px; width:auto; text-align:right;padding-top:3px; padding-right:5px; background-color:#d1dbbc; text-decoration:none;}

#navrow_selected {border-top:1px solid #cccccc;height:20px; width:auto; text-align:right; padding-top:3px; padding-right:5px; background-color:#b9c9d0; text-decoration:none; }

/******TABS*******/
#TabNav {
	margin: 0;
	padding: 0;
	width: 100%;
	background-color: #fff;
	}

#TabNav ul {
	padding-bottom: 1px;
	border-bottom: 1px solid #ccc;
	background-color: #fff;
	margin: 2px 0 0 0;
	}

#TabNav li {
	
	background-color: #fff;
	display: inline;
	}
		
	
#tab a:link, #tab a:visited {
	color: #FFF;
	font-size: 12px;
	margin: 0 -3px 0 0;
	padding: 3px 18px;
	background-color: #669966;
	text-decoration: none; 
	border-left: 1px solid #666;
	border-right: 1px solid #666;
	}
	
#tab a:hover {
	color: #669966;
	font-size: 12px;
	text-decoration: none;
	background-color: #ccc;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	}
	
#tabselected a:link, #tabselected a:visited{
	color:#669966;
	font-size:12px;
	margin: 0 -3px 0 0;
	padding: 3px 20px;
	background-color: #fff;
	font-weight: bold;
	text-decoration: none; 
	border-left: 1px solid #ccc;
	border-top: 1px solid #ccd;
	border-right: 1px solid #ccc;
	}

#tab_submenu {
	margin : 0px;
	width:580px;
	padding : 10px 8px 8px 8px;
	height:20px;
	}
	

#tab_tools {
text-align:right;
	margin : 0px;
	width:580px;
	padding : 10px 15px 8px 8px;
	height:20px;
	}	
	
#tabpage_content {
padding:10px;
}	

/*******TYPOGRAPHY********/

.footertext {font: 10px "Lucida Grande", "Trebuchet MS", "Bitstream Vera Sans", Verdana, Helvetica, sans-serif; color:#333333;  }
.footertext a:link {font: 10px  "Lucida Grande", "Trebuchet MS", "Bitstream Vera Sans", Verdana, Helvetica, sans-serif; color:#333333; font-weight:bold; }
.footertext a:hover {font: 10px  "Lucida Grande", "Trebuchet MS", "Bitstream Vera Sans", Verdana, Helvetica, sans-serif; color:#333333; text-decoration:underline; font-weight:bold;  }
.footertext a:visited {font: 10px  "Lucida Grande", "Trebuchet MS", "Bitstream Vera Sans", Verdana, Helvetica, sans-serif; color:#333333;  font-weight:bold;  }

.tabtext {font: 11px "Lucida Grande", "Trebuchet MS", "Bitstream Vera Sans", Verdana, Helvetica, sans-serif; }
.tabtext a:link {font: 11px  "Lucida Grande", "Trebuchet MS", "Bitstream Vera Sans", Verdana, Helvetica, sans-serif;  }
.tabtext a:hover {font: 11px  "Lucida Grande", "Trebuchet MS", "Bitstream Vera Sans", Verdana, Helvetica, sans-serif; }
.tabtext a:visited {font: 11px  "Lucida Grande", "Trebuchet MS", "Bitstream Vera Sans", Verdana, Helvetica, sans-serif;  }

.plaintext {font: 12px "Lucida Grande", "Trebuchet MS", "Bitstream Vera Sans", Verdana, Helvetica, sans-serif; color:#666666;  text-decoration:none; }
.plaintext a:link {font: 12px  "Lucida Grande", "Trebuchet MS", "Bitstream Vera Sans", Verdana, Helvetica, sans-serif; color:#669966;  text-decoration:none; font-weight:bold; }
.plaintext a:hover {font: 12px  "Lucida Grande", "Trebuchet MS", "Bitstream Vera Sans", Verdana, Helvetica, sans-serif; color:#669966; text-decoration:underline; font-weight:bold;  }
.plaintext a:visited {font: 12px  "Lucida Grande", "Trebuchet MS", "Bitstream Vera Sans", Verdana, Helvetica, sans-serif; color:#669966; text-decoration:none; font-weight:bold;  }

.text15 {font: 15px "Lucida Grande", "Trebuchet MS", "Bitstream Vera Sans", Verdana, Helvetica, sans-serif; color:#666666;  text-decoration:none; }
.text15 a:link {font: 15px  "Lucida Grande", "Trebuchet MS", "Bitstream Vera Sans", Verdana, Helvetica, sans-serif; color:#669966;  text-decoration:none; font-weight:bold; }
.text15 a:hover {font: 15px  "Lucida Grande", "Trebuchet MS", "Bitstream Vera Sans", Verdana, Helvetica, sans-serif; color:#669966; text-decoration:underline; font-weight:bold;  }
.text15 a:visited {font: 15px  "Lucida Grande", "Trebuchet MS", "Bitstream Vera Sans", Verdana, Helvetica, sans-serif; color:#669966; text-decoration:none; font-weight:bold;  }