* {margin:0; padding:0;}

body{ margin-left: 1px; }
html > body{ margin-left: 0; }

body {
	background-color: #EDEBD5;
    height: 100%;
    background: #bba url(../images/outerwrap.gif) top center repeat-y;
		text-align: center;
}

h1 {
	font-family:"Trebuchet MS", "Impact", sans-serif;
	color: #6F6C4A;
	font-weight: bold;
	font-size: 150%;
	padding-bottom: 1em;
}

h2 {
	font-family: "Trebuchet MS", "Verdana", "Arial", sans-serif;
	color: #252525;
	font-weight:100;
	font-size: 120%;
	margin-bottom: 0.7em;
	margin-top: 1.5em;
}

h2.news {
	color: #57001A;
	font-size: 150%;
	margin: 0.5em 1em 1em 0;
}

h2 a {
	color: #252525;
    text-decoration: underline;	
}

h2 a:hover{
	color: #EE551A;
}

h2 a:active{
	color: #EE001A;;
}

h2 a:visited{
	color: #AA001A;
}

h3 {
	font-family: "Trebuchet MS", "Verdana", "Arial", sans-serif;
	color: #636363;
	font-weight: bold;
	font-size: 110%; 
}

h3.title {
	color: #57001A;
	font-size: 150%;
	margin-bottom: 1em;
}

h3.legal {
	color: #000000;
	font-size: 110%;
	margin-top: 0.2em;
	margin-bottom: 0.15em;
	font-weight: normal;

}

h3 a {
  	color: #636363;
    text-decoration: underline;	
}

h3 a:hover{
	color: #EE551A;
}

h3 a:active{
	color: #EE001A;;
}

h3 a:visited{
	color: #AA001A;
}

h4{
	font-family: "Trebuchet MS", "Verdana", "Arial", sans-serif;
	color: #000000;
	font-weight: bold;
	font-size: 100%; 
	margin-bottom: 1em;
	margin-top: 1em;
}

h4 a {
	font-family: "Trebuchet MS", "Verdana", "Arial", sans-serif;
	color: #000000;
	font-weight: bold;
	font-size: 100%;
    text-decoration: underline;	
}

h4 a:hover{
	font-family: "Trebuchet MS", "Verdana", "Arial", sans-serif;
	color: #EE551A;
	font-weight: bold;
	font-size: 100%; 
}

h4 a:active{
	font-family: "Trebuchet MS", "Verdana", "Arial", sans-serif;
	color: #EE001A;
	font-weight: bold;
	font-size: 100%; 
}

h4 a:visited{
	font-family: "Trebuchet MS", "Verdana", "Arial", sans-serif;
	color: #AA001A;
	font-weight: bold;
	font-size: 100%; 
}

h5 {
	font-family: "Trebuchet MS", "Verdana", "Arial", sans-serif;
	color: #000000;
	font-weight: bold;
	font-size: 110%;
	font-style: italic;	
	margin-bottom: 1em;
}

p.copy{
	font-family: "Trebuchet MS", "Verdana", "Arial", sans-serif;
	color: #000000;
	font-weight: normal;
	font-size: 100%; 
	margin-bottom: 1em;
}

p.biggercopy{
	font-family: "Trebuchet MS", "Verdana", "Arial", sans-serif;
	color: #000000;
	font-weight: normal;
	font-size: 120%; 
	margin-bottom: 1em;
}

p.biggercopy a{
	color: #000000;
}

p.biggercopy a:hover{
	text-decoration: underline;
	color: #EE551A;
}

p.copy a, div#content ul a{
	font-family: "Trebuchet MS", "Verdana", "Arial", sans-serif;
	color: #000000;
	font-weight: normal;
	font-size: 100%; 
	margin-top: 1em;
	margin-bottom: 1em;
	text-decoration: underline;
}

p.copy a:hover, div#content ul a:hover{
	font-family: "Trebuchet MS", "Verdana", "Arial", sans-serif;
	color: #EE551A;
	font-weight: normal;
	font-size: 100%; 
	margin-top: 1em;
	margin-bottom: 1em;
	text-decoration: underline;
}

p.copy a:active, div#content ul a:active{
	font-family: "Trebuchet MS", "Verdana", "Arial", sans-serif;
	color: #EE001A;
	font-weight: lighter;
	font-size: 100%; 
}

p.copybold{
	font-family: "Trebuchet MS", "Verdana", "Arial", sans-serif;
	color: #000000;
	font-weight: bold;
	font-size: 100%; 
	margin-bottom: 1em;
	padding-left: 0;
}

p.contact, label, legend{
	font-family: "Trebuchet MS", "Verdana", "Arial", sans-serif;
	color: #407F28;
	font-weight: normal;
	font-size: 90%; 
	margin-top: 0.1em;
	margin-bottom: 0;
}

p.contact a{
	font-family: "Trebuchet MS", "Verdana", "Arial", sans-serif;
	color: #407F28;
	font-weight: normal;
	font-size: 100%; 
	margin-top: 1em;
	margin-bottom: 1em;
	text-decoration: none;
}

p.contact a:hover{
	font-family: "Trebuchet MS", "Verdana", "Arial", sans-serif;
	color: #407F28;
	font-weight: normal;
	font-size: 100%; 
	margin-top: 1em;
	margin-bottom: 1em;
	text-decoration: underline;
}

p.contact a:active{
	font-family: "Trebuchet MS", "Verdana", "Arial", sans-serif;
	color: #EE001A;
	font-weight: lighter;
	font-size: 100%; 
}

p.eventbox{
	font-family: "Trebuchet MS", "Verdana", "Arial", sans-serif;
	color: #555555;
	font-weight: normal;
	font-size: 90%; 
	margin-top: 0.1em;
	margin-bottom: 0;
}

p.eventbox a{
	font-family: "Trebuchet MS", "Verdana", "Arial", sans-serif;
	color: #407F28;
	font-weight: normal;
	font-size: 90%; 
	margin-top: 1em;
	margin-bottom: 1em;
	text-decoration: none;
}

p.eventbox a:hover{
	font-family: "Trebuchet MS", "Verdana", "Arial", sans-serif;
	color: #407F28;
	font-weight: normal;
	font-size: 90%; 
	margin-top: 1em;
	margin-bottom: 1em;
	text-decoration: underline;
}

p.eventbox a:active{
	font-family: "Trebuchet MS", "Verdana", "Arial", sans-serif;
	color: #EE001A;
	font-weight: lighter;
	font-size: 90%; 
}

p.caption{
	font-family: "Trebuchet MS", "Verdana", "Arial", sans-serif;
	color: #555555;
	font-weight: normal;
	font-size: 80%; 
	padding-top: 0.5em;
	margin-bottom: 1em;
}

p.caption a{
	color: #555555;
	text-decoration: underline;
}
p.caption a:hover{
	color: #EE551A;
}

p.caption a:active{
	color: #EE001A;;
}

p.caption a:visited{
	color: #555555;
}

ul{
	font-family: "Trebuchet MS", "Verdana", "Arial", sans-serif;
	color: #000000;
	font-weight: normal;
	font-size: 95%; 
	margin-bottom: 1.2em;
	padding-left: 2em;

}
#container{
  	margin: 0 auto;
  	padding: 0;
 	border: 0;
	width: 760px;
 	text-align: left;
	font-size: 100%;
	line-height: normal;
	height: 100%;
	background-color: white;
	border-top-width: 0.2em;
	border-top-color: #9A9989;
	border-top-style: solid;
}


#header {
    float:right;
    width:100%;
    background: #FFFFFF url("../images/bg.gif") repeat-x bottom left;
    font-size:100%;
    line-height:normal;
	margin-bottom: 0.5em;

      }
#header ul {
	float:right;
    margin:0;
    padding:0;
    list-style:none;
	font-size: 80%;
}
#header li {
    float:left;
    background:url("../images/left.gif") no-repeat left top;
    margin:0;
    padding:0 0 0 9px;
}
#header a {
    display:block;
    background:url("../images/right.gif") no-repeat right top;
    padding: 5px 10px 4px 4px;
    text-decoration:none;
    color:#765;
}
#header a:hover {
    color:#333;
}
#header #current {
    background-image:url("../images/left_on.gif");
}
#header #current a {
    background-image:url("../images/right_on.gif");
    color:#333;
    padding-bottom:5px;
}
}
/* Commented Backslash Hack
  hides rule from IE5-Mac \*/
#header a {float:none;}
/* End IE5-Mac hack */

#header #current {
    background-image:url("../images/left_on.gif");
}
#header #current a {
    background-image:url("../images/right_on.gif");
	padding-bottom:5px;
}
#navbackground {
	width: 100%;
	height: 60px;
	background: #FFFFFF url(../images/hatchedtitlebar.png) repeat-x left;
}

#permanent {
  float: left;
	clear: left;
	margin-left: 0.5em;
	padding: 0.8em 2em 1em 0.3em;
}

#permanent img {
  margin-bottom: -0.25em;
}

#contact {
  float: left;
	clear: both;
	padding: 0 0 0.2em 1em;
	width: 100%;
}
#EECF-flyer{
	width: 100%;
	text-align: center;
	}
#content {
  float: left;
  margin-top: 0.2em;
	padding: 2em;
	background-color: #FFF;
	text-align: left;
	position: relative;
	width: 695px;
}

#content h4{
  margin-top: 0.2em;
	margin-bottom: 0.5em;
  font-size: 100%;	
	font-weight: bold;
}

div.inlineimageleft{
  float: left;
	clear: none;
	padding-left: 0;
	padding-right: 0.5em;
	
}
div.inlineimageleft img{
	 border: 2px solid #ccc;
	
}
div.inlineimageright{
  float: right;
	clear: none;
	padding-left: 1em;
	padding-right: 0.2em;
}
div.inlineimageright img{
	 border: 2px solid #ccc;
	
}
#eventcopy {
}

#eventbox {
  float: right;
	clear: none;
	padding: 15px 5px 0 5px;
	margin: 42px 0 1em 0.7em;
	border: 1px dotted #ccc;
	background-color:#ECFFEC;
	width: 12em;
}
#eventbox img{
  margin-bottom: 10px;
}
#eventbox ul{
  list-style: none;
  margin: 0;
  padding: 0.5em;
}
#eventbox ul li, .events_list ul li{ 
  font-size: 90%;
  line-height: 1.6;
}
h3.eventbox{
	margin-bottom: 1em;
}
#sideimage {
  width: 400px;
  float: right;
	clear: none;
}

#newsbox{
    float: left;
	clear: none;
	padding: 0.5em 1.7em 0 1.7em;
	width: 600px;
	margin-left: 0.5em;
	border: 1px dotted #ccc;
	background-color:#ECFFEC;
}

#front_page_ad{
	text-align: center;
	width: 700px;
}

.linklogo{
  float: left;
	margin-right: 0.3em;
	padding: 0.1em 0.2em 0.1em 0;
	background-color: white;
}

.linklogo a img{
  border: 0;
}

.linktext {
  float: right;
  background-color: white;
	padding-left: 0.5em;
	width: 450px;
	margin-left: 0.5em;
}

.pdftext {
  background-color: white;
}

.linkbox {
  float: left;
	background-color: white;
	margin-bottom: 1.5em;	
	border-bottom: solid 1px #ccc;
}

.eventLogosCentred{

	margin-bottom: 20px;
}

.eventlogo{
	margin: 0;
	padding: 0.5em 0.3em 0.1em 0.5em;
	background-color: white;	
}

#footer {
  width: 100%;
  text-align: center;
	float: left;
}

#banner {
  float: left;
  width: 760px;
  text-align: center;
  padding-top: 1em;
	background: transparent;
	border: 0;
	margin: 0;
}

#banner img {
  margin-top: 2em;
}

img.eventlogo {
border: 0;
  padding: 2px;
}

img {

border: 0;

}

acronym{
    border-bottom: 0.1em dotted
}

hr.dashed {
  	color: #ccc;
	border-style: dashed;
	border-width: 1px;
  	margin-bottom: 2em;
	float: left;
	width: 100%;
	}

.floatseparator {
	float: left;
	clear: both;
	margin-top: 1em;
	margin-bottom: 0.2em;
	color: #000000;
	width: 100%;
}
.clear_both{
	clear: both;
}
.embeddedVideo {
	float: left;
	width: 700px;
	text-align:center;
	}
	
div.ethicalTVimage {
	width: 680px;
	text-align:center;
}

.newmedia {
	list-style-type:none;
}

blockquote{
	border: 2px dotted #ccc;
	background-color:#E2E9E8;
	padding: 10px;
	margin: 0 5px 20px 5px;
	/**/font-family: "Trebuchet MS", "Verdana", "Arial", sans-serif;
	color: #555555;
	font-weight: normal;
	font-size: 90%; 
	width: 450px;
}

html > body blockquote{ 	
border: 2px dotted #ccc;
	background-color:#E2E9E8;
	padding: 20px;
	margin: 0 10px 20px 0;
	/**/font-family: "Trebuchet MS", "Verdana", "Arial", sans-serif;
	color: #555555;
	font-weight: normal;
	font-size: 90%; 
	width: 400px;
}

.hugeQuoteLeft{
	font-family: Georgia, "Times New Roman", serif;
	color: #555555;
	font-weight: bold;
	font-size: 600%; 
	margin-bottom: -60px;
	margin-top: -10px;
}
.hugeQuoteRight{
	font-family: Georgia, "Times New Roman", serif;
	color: #555555;
	font-weight: bold;
	font-size: 600%; 
	margin-top: -10px;
	margin-bottom: -70px;
	position: relative;
	top: -20px;
	right: -350px;
}

.galMain{
	border-top: 1px dotted #ccc;
	border-left: 1px dotted #ccc;
	border-right: 1px dotted #ccc;
	background-color:#E2E9E8;
	text-align:center;
	margin: auto;
	padding: 1em;

}
.galMainVideo{
	border-top: 1px dotted #ccc;
	border-left: 1px dotted #ccc;
	border-right: 1px dotted #ccc;
	background-color:#E2E9E8;
	text-align:center;
	padding: 1em;
	width: 420px;

}

.picGalCaption{
	font-family: "Trebuchet MS", "Verdana", "Arial", sans-serif;
	font-size:90%;
	color: #555;
	border: 1px dotted #ccc;
	background-color:#FFFFFF;
	text-align:center;
	margin-left:auto;margin-right: auto;
	margin-bottom: 0.5em;
	padding: 1em;
	height:50px;
}

.back{
	border: 1px dotted #ccc;
	background-color:#E2E9E8;
float: left;
width: 100px;
text-align:center;
font-family: "Trebuchet MS", "Verdana", "Arial", sans-serif;
font-weight: bold;
padding: 3px;
margin-bottom: 2px;

}

.next{
	border: 1px dotted #ccc;
	background-color:#E2E9E8;
float: right;
width: 100px;
text-align:center;
font-family: "Trebuchet MS", "Verdana", "Arial", sans-serif;
font-weight: bold;
padding: 3px;
margin-bottom: 2px;
}

#picGallControls{
	visibility: hidden;
}

/*
Images are wrapped in divs classed "flickr_badge_image" with ids
"flickr_badge_imageX" where "X" is an integer specifying ordinal position.
Below are some styles to get you started!
*/
#flickr_badge_uber_wrapper {  
	float: right;
	clear: none;
	padding: 5px;
	border: 1px dotted #ccc;
	background-color:#ECFFEC;
	width: 110px;
	text-align:left;
}
#flickr_badge_wrapper {padding:10px 0 0 4px;}
.flickr_badge_image {margin:0 10px 10px 10px;}
.flickr_badge_image img {border: 1px solid black !important;}
#flickr_badge_source {text-align:left; margin:0 10px 0 10px;}
#flickr_badge_icon {float:left; margin-right:5px;}
#flickr_www {display:block; padding:0 10px 0 10px !important; font: 11px Arial, Helvetica, Sans serif !important; color:#3993ff !important;}
#flickr_badge_uber_wrapper a:hover,
#flickr_badge_uber_wrapper a:link,
#flickr_badge_uber_wrapper a:active,
#flickr_badge_uber_wrapper a:visited {text-decoration:none !important; background:inherit !important;color:#3993ff;}
#flickr_badge_wrapper {}
#flickr_badge_source {padding:0 !important; font: 11px Arial, Helvetica, Sans serif !important; color:#666666 !important;}
/* begin styles for RSS Feed */
/*CSS Class Name of the FeedSweep's entire DIV.*/
.feedsweep{
width: 550px;
	font-family: "Trebuchet MS", "Verdana", "Arial", sans-serif;
	color: #555555;
	font-weight: normal;
	font-size: 90%; 
	margin-top: 0.1em;
	margin-bottom: 0;
		border: 1px dotted #ccc;
	background-color:#E2E9E8;
}

/*Link Class Name: CSS Class Name for Link Anchor tags.*/
.feedsweep_link{
	font-family: "Trebuchet MS", "Verdana", "Arial", sans-serif;
	color: #407F28;
	font-weight: normal;
	font-size: 90%; 
	margin-top: 1em;
	margin-bottom: 1em;
	text-decoration: none;
}

/*Title Class Name:	CSS Class Name of the FeedSweep's Title DIV.*/
.feedsweep_title{
border-bottom: 1px dotted #ccc;
padding: 0.3em;
	font-family: "Trebuchet MS", "Verdana", "Arial", sans-serif;
	color: #636363;
	font-weight:100;
	font-size: 120%;
}

/*Item Class Name:	CSS Class Name of each Item DIV.*/
.feedsweep_item{
	padding: 0.5em;
}

/*Date Class Name:	CSS Class Name of each Date DIV.*/
.feedsweep_date{
		font-family: "Trebuchet MS", "Verdana", "Arial", sans-serif;
	color: #555555;
	font-weight: normal;
	font-size: 80%; 
	margin-top: 0.5em;
	font-style:italic
}

/*Headline Class Name:	CSS Class Name of each Headline DIV.*/
.feedsweep_headline{}

/*Body Class Name: CSS Class Name of each Body DIV.*/
.feedsweep_body{}

.moviebox{
padding-top: 0.2em;
	background-color: #ECFFEC;
	border-top: dashed 1px #ccc;
	border-bottom: dashed 1px #ccc;
	margin-bottom: 0.5em;
}

.publicationsPullQuoteBox{
	float: left;
	margin-left: 1.5em;
}

.publicationsPullQuoteBox blockquote{
	width: 600px;
}

.publicationsPullQuoteBox .hugeQuoteRight{
	right: -500px;
}
.picBox{
	border: 1px solid #ccc;
	float:left;
	margin:0pt 1.5em 1em 0pt;
	padding:0.5em;
	text-align:center;
	width:300px;
	}
div#copy{
	position: relative;
	width: 28em;
}
table.event_schedule{
	border: 1px solid #ccc;
	padding: 0.2em;
	width: 100%;
	margin-bottom: 1em;
	font-family: Arial, sans-serif;
}
table.event_schedule td{
	vertical-align: top;
	padding: 0.2em 0 0.2em 0;
	border-top: 1px solid #ccc;
}
table.event_schedule th{
	font-family: "Trebuchet MS", "Verdana", "Arial", sans-serif;
}
table.event_schedule th.col_one{
	width: 10em;	
}
div#fte_sponsors {
	margin-bottom: 1em;	
}
div#fte_sponsors a{
	margin-right: 1em;	
}
div#signup{
	margin: 0.5em 0.5em 0 0;
	border: 1px dotted #ccc;
	background-color:  #ECFFEC;
	float: right;
	width: 14em;
	padding: 0.5em;
}
div#signup img{
	float: right;
}
div#signup h2{
	margin-top: 1em;
	}
div#signup h2 a{
	text-decoration: none;
	color: #B95B13;
}
div#signup h2 a:hover{
	text-decoration: underline;
	color: #B95B13;
}
div#contact_form{
	margin: 0 0.5em 0 0;
	padding: 1em;
	border: 1px dotted #ccc;
	background-color:  #ECFFEC;
	float: right;
	width: 45%;
}
div#signup div, div#contact_form div{
	float: right;
	width: 100%;
	margin-bottom: 0.2em;	
}
div#contact_form input{ 
	width: 20em;
}
div#contact_form textarea{
	width: 20.4em;
}
div#contact_form input#contact_submit{
	width: 6em;
}
div#signup h3, div#contact_form h3{
	color: #000000;
	margin-bottom: 0.2em;	
}
form#contactform{
	
}	
form#contactform input, form#contactform textarea{
	float: left;
	clear: both;
}
form#contactform label{
	float: left;
	clear: right;
	text-align: right;
	
}
form#contactform fieldset{
	border: 1px solid #ccc;
	padding: 0.5em;
	margin-top: 0.5em;
}
form#contactform fieldset label{
	float: none;
	clear: none;
	text-align: left;
}
form#contactform fieldset input{
	float: none;
	clear: none;
	width: 1em;
	margin-right: 1em;
}

.hidden{
	display: none;
}
.bold{
	font-weight: bold;
}
.featurebox{
	width: 99%;
	font-family: "Trebuchet MS", "Verdana", "Arial", sans-serif;
	color: #555555;
	font-weight: normal;
	font-size: 90%; 
	margin-top: 0.1em;
	margin-bottom: 0;
		border: 1px dotted #ccc;
	/*background-color:#E2E9E8;*/
	float: left;
	margin-bottom: 1em;
	padding: 0.5em;
}
.featurebox h3{
	margin-bottom: 1em;
	background-color: #eeeeee;
	padding: 0.2em;
}
.last{
	margin-right: 0;
}
.newsletter{
	background-color: #fff;
	border: 1px dotted #ccc;
	padding: 0.5em;
	width: 680px;
}
.newsletter .inlineimageleft img, .featurebox .inlineimageleft img{
	border: none;
}
.clear_both{
	clear: both;
}
.clear_left{
	clear: left;
}
.full_width{
	width: 100%;
}
.logo_holder{
	width: 470px;
	float: left;
	margin-bottom: 2em;	
}
.logo_holder .inlineimageleft a img{
	border: 2px solid #fff;	
	margin-right: 1em;	
}
.logo_holder .inlineimageleft a:hover img{
	border: 2px solid #ccc;	
}
div.events_subnav{
	width: 100%;
	float: left;
	margin: 0.6em 0 1.2em 0;
}
div.events_subnav ul{
	list-style: none;
	padding-left: 0;
}
div.events_subnav ul li{
	float: left;
	clear: none;
	margin-right: 1em;
}
div#content div.events_subnav ul li a.subnav_selected{
	text-decoration: none;
	color: #999;
}
div#lee, div#fte{
	margin-top: 1em;	
}
.source{
	font-style: italic;
	color: #999;
	font-size: 80%;
}	
#news, #images{
	background-color: #ECFFEC;
	border:1px dotted #CCCCCC;
	padding: 1em;	
	float: left;
	margin-top: 1em;
}
#images{
	text-align: center;
}
#news h2, #images h2{
	padding: 0;
	margin: 0 0 2em 0;	
}
#news ul, #images ul{
	list-style-type: none;
	list-style-position: outside;
	padding: 0;
}
#news li{
	margin-bottom: 1em;	
}
#images{
	width: 100px;
}
#news{
	width: 500px;
	margin-right: 25px;
}
.co-op{
	width: 100%;
}
#ethicaltvlogo, #ftelogo{
	position: absolute;
	top: -10px;
	left: 150px;
}
.ethical h1, .events h1{
	margin-bottom: 1em;
}
#ftelogo{
	position: absolute;
	top: -8px;
	left: 140px;
}

.events_list{
	margin-bottom: 2em;
	border-bottom: 1px dashed #ccc;
	float: left;
}
#coming_up .events_list{
	margin-right: 220px;
	float: none;
}

.events_list h2{
	margin-top: 0;
}
#content .ethicaltvbanner{
	float: left;
	margin-right: 40px;
	margin-bottom: 20px;
}