/*  
style.css for ECHO Redesign Website
Connie is trying to clean things up
*/

/* == Global Styles == */
html {border-top: 6px solid #faf28a;}

body { font: 12px "Lucida Grande", Helvetica, Sans-Serif;line-height: 1.6em; background: #fede77; color: #444;margin-bottom: 15px;line-height: 1.4em;}

	/* Links */
	a {color: #0385b5/*#0298cf*/;text-decoration: none;}
	a:hover {color: #808080;}

	/* Misc */
	p {margin: 30 0 15px 0;}

	img {border: 0px;}
	img.left {background-color: #fff;float:left;margin:3px 12px 0 0;}
	img.right {background-color: #fff;float:right;margin:3px 0 0 12px;}
	img.center {display: block;margin:0 auto;}

/* == Masthead Brand == */
#masthead { font-family: Helvetica, Arial, sans-serif; font-size: 10px; text-align: right; width: 850px; margin: 0 auto; position: absolute; top:-3px; right: 120px;}

/* == Header == */
#header {width: 850px; margin: 0 auto; background: url(images/header_bg.gif) no-repeat;}

	#logo {margin: 50px 0 0 55px;height: 15px;float: left;}
	#primary { float: right;padding:38px 0 0;margin: 0 15px 18px;font-size: 1em;font-weight: bold;display: inline;}
	#intro {clear: both;height: 95px;margin: 0;padding: 5px 0 0 250px;}
	#intro p {font-size: 1.2em;margin-top: 25px;color: #111111;}
	#intro h2 {font-size: 2.4em;margin: 0;letter-spacing: -0.5px;}
	#base {width: 850px;clear: both;background: #fff;margin: 0 auto;}

	/* Links */
	#primary a {padding: 20px 15px 0px 0;margin: 0 0 0 15px;color: #ccc; background: url(images/tab.gif) no-repeat right bottom;}
	#primary a:hover, #primary .active  {background: url(images/tabhover.gif) no-repeat right bottom;color: #FFEE00;}
	#intro h2 a {color: #ddd;}
	#intro h2 a:hover {color: #feffb8;}

/* == Content == */
#content {}

#right p {margin: 0px;padding: 5px 0 5px 0;font: 14px Helvetica, Sans-Serif;line-height: 1.4em;text-align: justify;}
#right h1 {font: bold 1.7em Helvetica, Sans-Serif; margin: 0;padding: 0 0 5px 0px;letter-spacing: -0.2px;color: #808080;font-weight: bold;border-bottom: 2px solid #CCC;}
#right h2 {font: bold 1.5em Helvetica, Sans-Serif;color: #808080;font-weight: bold;letter-spacing: -.01em;
	background-color: #f5f5f5;
	margin:8px 0px 8px 0px;
	padding: 2px 0 2px 26px;
	border-top: 1px dotted #e4e3e3;
	border-bottom: 1px dotted #e4e3e3;
	background-image: url(images/h2bg.gif); 
	background-repeat: no-repeat; 
	background-position: center left;	
	}
#right h3 {font-size: 1.2em;margin: 0;padding: 5px 0 5px 0px;color: #808080;font-weight: bold;}
#right h4 {font-size: 1em;margin: 0;padding: 5px 0 5px 0px;color: #808080;font-weight: bold;}	

	/* Links */
	#right h1 a {color: #fff;background: inherit;}
	#right h1 a:hover {color: #E4FFD3;background: inherit;}		
	#right h2 a {text-decoration: none;}	

#right {margin: 15px 30px 20px 30px;padding: 0;float: right;/*width: 580px;*/width: 790px;}

#menu {margin: 0;padding: 0;}		
ul.menu, .item-list ul {
	margin: 0.35em 0 0 -0.5em;
	padding: 0;
	text-align: left;
	}
ul.menu ul, .item-list ul ul { 
	margin-left: 0em;
	}
ul.menu li, .item-list ul li, li.leaf { 
	margin: 0.15em 0 0.15em .5em;
	}
ul.menu li, .item-list ul li, li.leaf {
	padding: 0 0 .2em 1.5em;
	border: none;
	list-style-type: none;
	list-style-image: none;
	background: transparent url(images/menu-leaf.gif) no-repeat 1px .5em;
	}
ul.menu li.expanded {
	background: transparent url(images/menu-expanded.gif) no-repeat 1px .5em;
	}
ul.menu li.collapsed {
	background: transparent url(images/menu-collapsed.gif) no-repeat 1px .5em;
	}
ul.menu li.leaf a, ul.menu li.expanded a, ul.menu li.collapsed a {
	display: block;
	}	
.node {
	margin: 8px 0;
	padding-bottom: 5px;
	border-bottom: dashed #DADCE0 1px;
	}
.block {
	padding: 0;
	margin: 0;
	}	

/* mission is turned off */
.mission {padding: 5px 15px;margin: 0 0 10px 0; text-align: left;}	

/* on front page of ECHO: blurb below search bar */
.panel-col-top {color:#000; font-size: 1.1em; padding: 15px 10px; }
	
.poll .bar {
  height: 14px;
  background-color: #D4E2F2;
	}
.poll .bar .foreground {
  background: url(images/bg-poll.gif) repeat-x;
  height: 14px;
  clear: none;
  float: left;
	}
.poll .vote-form {
  text-align: center;
	}
.poll .vote-form .choices {
  padding-left: 5%;
  text-align: left;
  display: block;
	}

table {margin: 0.5em 0 1em 0;width: 100%;}
thead th {
	border-bottom: 2px solid #AAB5C3;
	color: #678;
	font-size: 90%;
	font-weight: bold;
	background: #D4E2F2 /*url(images/bg-thead.gif) repeat-x bottom left */;
	padding: 4px 5px 0 5px;
	}
tr.even, tr.odd {border-color: #DADCE0;}
tr.even {background-color: #fbfcfe;}
tr.odd {background-color: #fff;}
td {padding: 3px;}
td.active {background: #e4ecf5;}
td.menu-disabled {background-color: #E5E5E5;}	

.book-navigation .menu, .forum-topic-navigation {
	PADDING-RIGHT: 0px;
	PADDING-LEFT: 20px;
	PADDING-BOTTOM: 8px;
	PADDING-TOP: 0px;
	margin-bottom: 10px;
	}
.book-navigation .page-links, .forum-topic-navigation {
	PADDING-RIGHT: 2px;
	BORDER-TOP: #c0c0c0 1px solid;
	PADDING-LEFT: 2px;
	FONT-SIZE: 11px;
	PADDING-BOTTOM: 2px;
	PADDING-TOP: 2px;
	BORDER-BOTTOM: #c0c0c0 1px solid;
	BACKGROUND-COLOR: #fbfbfb;
	TEXT-ALIGN: center
	}	

.picture {
	float:left;
	margin:0 10px 2px 0;
	}

.submitted  { 
	font-size: 0.8em;
	color: #898989;
	padding: 1px 0 1px 5px;
	margin: 0px 0 5px 0;
	background: #f9f9f9 url(images/mini-calendar.gif) no-repeat left center;
	padding-left: 20px;
	}

.terms {color: #898989;	}
.terms a { 
	padding: 1px 5px;
	color: #111;
	font-size: 9px;
	text-decoration: none;
	background: #fff url(images/tag.gif) no-repeat left center;
	padding-left: 18px;
	}	
.sticky {
	padding: 8px 15px 15px 15px;
	background-color: #fbfbfb;
	border: 1px solid #e4e3e3;
	margin-bottom: 10px;
	}
.breadcrumb {
	padding: 1px 10px 1px 10px;
	margin: 0 0 10px 0;
	/* background-color: #cbcbcb; */
	border: 1px solid #f2f2f2;
	}
.breadcrumb a {
	/* color: #505050; */
	text-decoration: none;
	}
#forum td.container {
	font-family: Helvetica, sans-serif;
	font-size: 14px;	
	font-weight: bold;
	letter-spacing: -.02em;
	background-color: #505050;
	padding: 0;	
	margin:8px 0px 8px 0px;
	padding: 2px 0 2px 8px;
	color: #fff;
	}
#forum td.container a {
	color: #fff;
	text-decoration: none;
	}	
.last-reply, .created {
	font-size: 9px;
	}

.post-cat {background: url(images/tag.gif) no-repeat left center;padding-left: 18px;float:left;color: #999999;}
.post-comments {background: url(images/mini-comments.gif) no-repeat left center;padding-left: 10px;float: right;}
.post-calendar {background: url(images/mini-calendar.gif) no-repeat left center;padding-left: 20px;float: right;color: #999999;}
.post-content {clear: both;padding-top: 10px;}

.node_read_more a {background: url(images/mini-more.gif) no-repeat left center;padding-left: 15px;}
.comment_add a {
	background: url(images/mini-comments-add.gif) no-repeat left center;
	padding-left: 15px;
	}
li.comment_delete a {
	background: url(images/mini-trash.gif) no-repeat 0 0;
	padding-left: 15px;
	}
li.comment_edit a {
	background: url(images/mini-edit.gif) no-repeat 0 0;
	padding-left: 15px;
	}
li.comment_reply a {
	background: url(images/mini-comments.gif) no-repeat 0 0;
	padding-left: 15px;
	}

.links  {font-size: 10px;float: right;}
.new   { 
	font-size: 9px;
	background-color: #ff0000;
	color: #fff;
	padding: 0px 5px 0px 5px;
	}
.more-link a {
	background: url(images/mini-more.gif) no-repeat left center;
	padding-left: 15px;
	font-size: 9px;
	}
.copy  { 
	font-size: 9px;
	color: #b5b5b5;
	padding: 10px 0;
	text-align: center;
	}
.copy a  { 
	color: #b5b5b5;
	padding: 0 3px;
	border: 1px solid #b5b5b5;
	}

/* == Footer == */
#footer { clear: both;padding: 20px 0 0 0 height: 39px; color: 505050; text-align: center;background: #cbcbcb url(images/footer.png) no-repeat;}
/*#footer a { 	color: #505050;	}*/