body {
	font-family: helvetica, arial, sans-serif;
	font-size: 12px;
	margin: 0;
	padding: 0;
	color: #444444;
}

img {
	border: none;
}

a {
	text-decoration: underline;
	color: #497545;
}

a:hover{
	text-decoration: none;
	background-color:#ffc;
	color:blue;
}

a:hover img {
	background-color: #ffffff;
}

a:visited{
	color: #497545;
}

/* DEPRECIATED 1/20/06
#content{
	margin:0 auto;
	width:1000px;
}*/


/*------------------------*    SIDEBAR    *-------------------------------*/

/*#sidecontent { DEPRECIATED 1/20/06
	width:200px;
	float: right;
}*/

.sidebar p{
	line-height: 15px;
	margin: 3px 0;
}

.sidebar h3,
.sidebar h2,
.sidebar img,
.sidebar p {
	padding-left: 4px;
}

.sidebar h3 {
	font-weight: normal;
	margin-bottom: 1px;
	margin-top:2px;
	color:black;
	font-size:13px;
}

.sidebar h2 {
	font-family: trebuchet ms, trebuchet, helvetica, sans-serif;
	font-size: 14px;
	font-weight: normal;
	color: #111111;
	margin: 3px 0;
	padding-top:8px;
}

.sidebar img{
	margin-top:10px;
}


.sidebar ol {
	padding-left:25px;
	font-size: 9px;
}
.sidebar ol li {
	padding-bottom:3px;
}

.sidelink{
	font-size:11px;
	margin-left:8px
}

#sidebarport{
	padding-top:3px;
	margin-top:5px;
}

/* 
   Styles for scrolling layers  
	 Specify width and height in hold and wn, and in clip for wn 
*/
div#hold	{ 
	position:relative; overflow:hidden;
	width:188px; height:400px; 
  z-index:100; 
	}
div#wn	{ 
	position:absolute; 
	left:0px; top:0px; 
	width:180px; height:400px; 
	clip:rect(0px, 190px, 400px, 0px); 
	overflow:hidden;	
	z-index:1; 
	}
div.content { 
	position:absolute; visibility:hidden;
	left:0px; top:0px; 
	z-index:1; 
	}

/* Set small font-size or size/position of div's will be off in some browsers  */
div#scrollbar { 
  position:relative; left:0; top:0;
  width:11px; height:400px; 
  font-size:1px; z-index:1;
  }
div#track { 
  position:absolute; left:0; top:22px;
  width:11px; height:366px;
  background: url("images/track.gif") #336 repeat;
  z-index:1;
  }
div#dragBar {
  position:absolute; left:1px; top:1px;
  width:9px; height:20px;
  background-color:#dce9db;
  z-index:1;
  }  
div#up { position:absolute; left:-4px; top:0; z-index:2 }  
div#down { position:absolute; left:-4px; bottom:0; z-index:3 }



iframe {
	border: 0px solid red;
}

#graph{
	margin-left: 5px;
	float: left;
	display: inline;
}

#graph img{
	margin-top: 20px;
}

.code {
	margin: 100px 0;
	padding: 10px;
	width: 700px;
	border-right: 1px solid yellow;
	border-top: 1px solid yellow;
	border-bottom: 1px solid yellow;
	background-color: #DDDDDD;
}
.code br {
	margin: 7px;
}

.viewport {
	border: 1px dotted #CCCCCC;
}

#featured_branch {
	width:350px;
	background-color: #dddddd;
/*	background-color: #eebe96;*/
}

#featured_branch h2,
#in_the_news h2,
#popular h2 {
	font-family: trebuchet ms, helvetica;
	padding: 3px 0px;
	margin:0 3px;
}

#featured_branch h3,
#in_the_news h3,
#popular h3{
	font-family: trebuchet ms, helvetica;
	padding: 3px 0px 5px 0px;
	margin:0 3px;
}
#featured_branch p{
	padding: 0px 0px 3px 0px;
	font-size: 11px;
	margin: 0 5px;
}

#in_the_news{
	width:350px;
	background-color:#dddddd;
}
#popular{
	width:350px;
	margin-top:10px;
	background-color: #dddddd;
}



#centering_container{
	margin: 0px 50px 0 10px;
	padding-top: 50px;
	text-align: center;
}

.sub_search{
	margin: 20px 0 0 0;
	width: 650px;
}

 input.submit {
	background: transparent; 
	text-decoration: underline; 
	border: none; 
	font-size: 12px; 
	cursor: pointer;
}

input {
	border: 1px solid #497545;
	background-color: white;
	font: 12px arial;
}


#user_menu {
	float: right;
	margin-right: 10px;
}

#tree_menu{
	margin-top: 5px;
	font-size: 12px;
	margin-left:215px;
}

#tree_menu h3 {
	padding-left:8px;
	display: inline;
	color: #462b12;
	text-decoration: none;
	font-size: 11px;
	font-weight: normal;
}

.disabled {
	color: #777777;
}

.login_table{
	font-size:18px;
	text-align: left;
	background-color: #ebffee;
	width: 400px;
	margin: 0 auto;
}

#login {
	width:500px;
	background-image:url(images/background.png);
	margin: 0 auto;
	padding: 30px 0;
}

#register {
	width:600px;
	background-image:url(images/background.png);
	margin: 0 auto;
	padding: 30px 0;
}

.error {
	font-weight: bold;
	color: red;
}

.messagetop{
	background: #ebffee;
	color: #497545;
	width: 100%;
	padding: 3px 0;
}

.search_description {
	padding-bottom: 20px;
}
.search_description p{
	margin:0 0 5px 0;
	line-height: 14px;
}

#popup {
	background: url(images/tree_background.gif);
	background-repeat: no-repeat;
	background-position: top left;
	padding: 40px 10px 0px 20px;
}

#popup input, textarea{
	border: 1px solid #497545;
	background-color: white;
	font: 12px arial;
}

.message_box {
	border: 1px solid #497545;
	background: #ebffee;
	padding: 0px 10px;
	width: 300px;
	margin: 30px auto 10px auto;
	text-align: center;
}

#mailinglistoutput{
	padding: 0px 10px;
	width: 192px;
	margin: 5px 0 5px 22px;
	text-align: center;
}

.error_box {
	border: 1px solid red;
	background: #ffcfd5;
	padding: 0px 10px;
	width: 300px;
	margin: -30px auto 10px auto;
	text-align: center;
}

/*------------------------*    TOPIC BOX    *-------------------------------*/

#below_graph {
	margin-top: 4px;
}

.topics {
	border: 1px dotted #CCCCCC;
	padding: 5px;
}

.topics ul {
	margin:5px 0 0 0;
	padding:0;
	list-style: none;
}

.topics .odd {
	padding: 3px;
	background-color: #ebffee;
}
.topics .even {
	padding: 3px;
	/*background-color: #EEEEEE;*/
}

#footer{
	margin:20px auto;
	text-align: center;
}

#categories{
	background-color: #e2c5ae;
	margin-bottom:10px;
	padding:0;
}

#categories h2{
	padding:0;
	margin-left:5px;
}

#categories h4{
	padding:0;
}

.help
{
	background: #eeeeee;
	font-family:  arial;
	border-color: #ffffff #999999 #999999 #ffffff;
	border-style: none solid solid none;
	border-width: 0 1px 1px 0;
	color: #0000ff;
	padding: 0 2px 0 2px;
}

.help:hover
{
	border-width: 1px 1px 1px 1px;
	border-color: #ffffff #ffffff #ffffff #ffffff;
	text-decoration: none;
}


h3 {
	font-family: trebuchet ms, helvetica, sans-serif;
	font-size:13px;
	font-weight:normal;
	margin:0;
	padding: 3px 5px;
}

/*
*			Index Content
*/
html, body { padding:0; margin:0; background:white; width:100%; height:100%; }
#imagediv { margin:10px 220px 10px 10px; height:100%; }
#sidediv { position:absolute; width:210px; top:0; right:0; height:100%; }	
.container iframe {  height:100%; width:99%; }
.container { width:100%;height:95% } 

#wrap {
	margin: 10px 10px;
	width: 960px;
}

#index_content {
   float:right;
   width:700px;
}

#index_sidebar {
   float:left;
}

#index_sidebar .links {
	margin: 5px 9px 0 22px;
	background-color: #ebffee;
	border: 1px solid #497545;
	padding: 0px 6px;
	width:200px;
}

#index_sidebar ul{
	list-style: none;
	margin: 0 0 0 2px;
	padding: 8px 0 0 0px;
	font-size: 12px;
}

#index_sidebar li{
		padding-bottom: 5px;
}

.add_source {
	background-color: #aec6b1;
}

.sidebar_messagebox {
	border: 1px solid #497545;
	background: #ffcfd5;
	padding: 0px 2px 10px 0;
	margin-bottom:15px;
}

.dropcontent{
	margin: -15px auto 0 auto;
	width:500px;
	background-color: #cfe6ff;
	display:block;
}

.search_branch {
	margin-top:5px;
	background-color:#59a75c; 
}
.search_branch h3{
	padding: 0 5px;
	margin:0;
	color:#FFFFFF; 
	font-size:14px;
	font-family: "Trebuchet MS", helvetica, sans-serif;
}


/*  sFIR-------------***


 These are standard sIFR styles... do not modify */

.sIFR-flash {
	visibility: visible !important;
	margin: 0;
}

.sIFR-replaced {
	visibility: visible !important;
}

span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}


/* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */

.sIFR-hasFlash h1 {
	visibility: hidden;
}

.sIFR-hasFlash h2 {
	visibility: hidden;
	letter-spacing: -9px;
	font-size: 20px;
	padding:0 0 0 5px;
	margin:0;
}

.sIFR-hasFlash h4 {
	visibility: hidden;
	letter-spacing: -5px;
	font-size: 20px;
	margin:3px 0 0 5px;
}

.sIFR-hasFlash h5#pullquote {
	letter-spacing: -4px;
	visibility: hidden;
	font-size: 24px;
}