/* =========================== elements ============================= */

html, body { 
	background: #fff url() repeat-x 0 0;
	font: normal 12px "Trebuchet MS", Tahoma, Verdana, sans-serif;
	color: #000;
	height: 100%;
}

h1, h2, h3, h4, h5, h6 {
	font-family: Georgia;
	color: #d80073;
}

h1 {
	font-size: 28px;
	margin: 10px 0;
}

p {
	margin-bottom: 15px;
}

a:link, a:visited { 
	color: #d80073; 
	text-decoration: none; 
}
a:link:hover, a:visited:hover, a:active, a:focus {
	text-decoration: underline; 
}
a img {
	border: none;
}


// Underordered Lists
ul {
	margin-left: 10px;
	list-style: circle;
}
ul li {
	margin-bottom: 5px;
}


// Ordered lists
ol {
	margin-left: 10px;
	list-style: circle;
}
ol li {
	margin-bottom: 5px;
}


// Definition Lists
dl { 
}

dt { 
	float: left; 
	clear: left;
} 
dt:after { 
	content: ":"; 
} 

dd { 
	margin: 0 0 0 110px; 
	padding: 0 0 0.5em 0;
}

div.select_wrap {
	height: 17px;
	width: 173px;
	margin-bottom: 10px;
}

div.select_wrap select {
	height: 17px;
	width: 173px;
	margin-bottom: 10px;
	margin-left: 15px;
	color: #666;
	font-family: Trebuchet MS;
	font-size: 12px;
	width: 157px;
}

div.input_wrap {
	background: url(../img/bg_input_wrap.gif) no-repeat;
	height: 17px;
	width: 173px;
	margin-bottom: 10px;
}

div.input_wrap input.text {
	background: transparent;
	border: 0;
	margin-left: 15px;
	color: #666;
	font-family: Trebuchet MS;
	font-size: 12px;
}

div.input_wrap select {
	background: transparent;
	border: 0;
	margin-left: 15px;
	color: #666;
	font-family: Trebuchet MS;
	font-size: 12px;
	width: 157px;
}

div.input_wrap input.submit {
	border: 0;
	color: #666;
	font-family: Trebuchet MS;
	width: 13px;
	margin-right: 2px;
	background: url(../img/bg_submit_button.png) no-repeat;
	float: right;
}

/* ========================= elements end =========================== */

/* ========================= Links ==================================*/
div#footer a, .wp-polls-ans a {
	color: #d80073;
	font-weight: lighter;
}

ul#page_navigation a {
	color: #d80073;
	font-weight: bold;
	text-decoration: underline;	
}

div#side_wrap ul#page_navigation li,
div#side_wrap ul#archives li,
div#side_wrap ul#list_categories li {
	padding-top: 0;
	border: 0;
}

ul#navigation a, ul.ec3_events a, ul#join_us a, ul#recent_news a, ul#downloads a {
	color: #666666;
}

div#content_wrap a,
ul#list_categories a,
ul#archives a {
	color: #d80073;
}

/* ========================= Links End ==================================*/

/* ============================ layout ============================== */

.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix{ display: inline-table; }
.clearfix{ display: block; }
.clearfix{ height: 1%; } /* IE */
.clear{ clear:both; } /* IE */

.holder{ 
	width: 700px; max-width: 96%;
	margin: 0 auto; padding: 0 2%;
	position: relative;
}

/* ========================== layout end ============================ */

/* ============================ header ============================== */

div#top_stripe {
	width: 100%;
	height: 12px;
	background-color: #d80073;
}

div#banner {
	width: 100%;
	height: 136px;
	background-image: url('../img/bg_banner.png');
	position: relative;	
	margin-bottom: 40px;
}

div#banner img#logo {
	position: absolute;
	top: 25px;
}

#nav  {
	position: absolute; top: 99px;
}

#nav li ul {
	font-family: Arial;
}

#nav li {
	background: url(../img/tab-bg.gif) repeat-x 0 5px;
	float: left; position: relative;
}

#nav a {
	background: url(../img/tab-left.gif) 0px 5px no-repeat;
	padding-left: 15px; font-size:13px; text-align: center;
	color: #666666; line-height: 20px; font-weight: bold;
}

#nav a span {
	background: url(../img/tab-right.gif) 100% 5px no-repeat;
	padding-top:9px;
	padding-bottom:10px;
	padding-right: 15px;
}

#nav a, #nav a span {
	display: block;
	float: left;
}

/* Hide from IE5-Mac \*/
#nav a, #nav a span {
	float: none;
}
/* End hide */

#nav li#active {
	background: #fff;
}

#nav li#active a {
	color: #000000; text-decoration: none;
	background: url(../img/tab-left-hover.gif) left top no-repeat;
	padding-left: 10px;
}

#nav li#active span {
	background: url(../img/tab-right-hover.gif) right top no-repeat;
	padding-right: 11px;
}


#nav li ul {
	background: url(../img/drop_bg.png) no-repeat left bottom;
	width:137px; position: absolute; left: -4px; top: 32px;
	padding-bottom: 15px;
	z-index: 999;
	padding-top: 10px;
	margin-top: 5px; margin-left: 1px;
	display: none;
}

#nav li ul li {
	background: url(../img/drop_line.gif) no-repeat 10px 0;
	padding-left: 10px; padding-top: 10px;
	margin-left: 5px;
	padding-bottom: 2px;
	float: none; 
}

#nav li ul li a {
	text-transform: lowercase;
	background: none;
	text-align: left;
	line-height: 3px;
	padding-left: 0;
	font-weight: lighter;
}
#nav li ul li a:hover {
	color: #d80073;
	text-decoration: none;
}









/* ========================== header end ============================ */

/* ============================ content ============================= */
div#content_wrap {
	float: left;
	width: 380px;
	padding-top: 10px;
	padding-bottom: 40px;
}

div.content {
	padding-bottom: 40px;	
}

div#content_wrap div.content p {
	background-image: url('../img/bg_content.png');
	line-height: 19px;
	padding-top: 4px;	
}

div#content_wrap div.content p {
	padding-bottom: 4px;
	color: #666;
}

div#content_wrap div.content h2 {
	color: #666;
	font-size: 18px;
	margin-top: -10px;
	margin-bottom: 10px;
}
/* ========================= content end ========================= */


/* ============================ sidebar ============================= */
div#side_wrap {
	float: left;
	position: relative; left: 45px;
	width: 275px;
	padding-bottom: 20px;
}

div#side_wrap h3, div#footer h3 {
	margin-left: 5px;
	font-size: 16px;
	border-bottom: 1px solid #f6f6f6;
	padding-left: 25px;
	background-image: url('../img/bg_h3.png');
	background-repeat: no-repeat;
	background-position: 3px 2px;
	padding-bottom: 5px;
	margin: 20px 0 5px 0;
}

div#side_wrap ul {
	color: #666666;	
}

div#side_wrap li {
	padding-top: 5px;
	padding-bottom: 5px;
	border-bottom: 1px solid #f6f6f6;
	padding-left: 25px;
	background-repeat: no-repeat;
	background-position: 2px 6px;
}

div#side_wrap ul h4 {
	color: #666666;
	font-weight: bold;
	font-family: Trebuchet MS;
}


div#side_wrap ul#recent_news span.image_wrap {
	display: block;
	float: left;
	margin-right: 5px;
}


div#side_wrap ul#recent_news li {
	clear: left;
	padding-top: 8px;
	padding-bottom: 8px;
}

li.has_comments {
	background-image: url(../img/has_comments.png);
}

li.no_comments {
	background-image: url(../img/no_comments.png);
}
/* ============================ content end ============================= */

/* ============================= footer ============================= */
div#footer {
	border-top: 2px solid #d7cab0;
	background-color: #f0ece4;
	color: #666666;
}

div#footer h3 {
	border-bottom: 1px solid #e1e1e1;
	background-image: url('../img/bg_h3_footer.png');
}

div#footer .holder {
	height: auto !important;
	height: 100%;
}

div#footer p {
	padding-left: 25px;	
}

div#mailing_list, div#global_sites, div#contact_us {
	margin-right: 15px;
	float: left;
}

div#mailing_list {
	width: 196px;	
}

div#global_sites {
	width: 200px;	
}

div.design-by {
	float: right;
	text-align: right;
	padding: 40px 0;
}

div.footer-info {
	padding: 40px 0 0 0;
}

/* =========================== footer end =========================== */

/* =========================== Event Lists ========================== */
div.event_wrap {
	background-image: url('../img/bg_event_wrap.png');
	background-repeat: no-repeat;
	width: 375px;
	margin-left: -10px;
}

div.event_wrap h3 {
	font-size: 16px;
	padding: 10px 0 0 10px;
	text-decoration: underline;
}


div.event_wrap p {
	color: #666;
	padding: 10px;
}

div#side_wrap ul.ec3_events {
	color: #666666;
}

div#side_wrap ul.ec3_events li {
	background-image: url('../img/bg_li_events.png');
}

/* =========================== Event Lists End ======================*/

.wp-polls-form p {
	color: #666666;
	text-align: left !important;
	padding-left: 25px;
	margin-bottom: 5px;
	padding-top: 5px;
	padding-bottom: 5px;
	border-bottom: 1px solid #f6f6f6;
	padding-left: 25px;
	background-repeat: no-repeat;
	background-position: 2px 6px;
	background-image: url('../img/bg_li_events.png');
}

.wp-polls-ul {
	margin: 0;
	padding: 0;
}

.wp-polls-ans p {
	background-image: none;	
}

div#side_wrap .wp-polls-ul {
	margin: 0;
	padding: 0;
}

/* ======================= Job Listings ======================== */
.contact_email, .deadline {
	color: #d80073;
	text-decoration: underline;
}

.contact_email {
	display: block;
	float: right;	
}
/* ======================= End Job Listings ==================== */

h2.posted_by {
	color: #666;
	font-size: 14px;
}

div.date_wrap {
	margin-top: 10px;
	float:left;
	width: 63px;
	background-image: url('../img/bg_date_wrap.png');
	height: 92px;
}

div.date_wrap span.day {
	display: block;
	text-align: center;
	color: #d80073;
	margin: 0;
	font-family: Georgia;
	font-size: 26px;
	line-height: 26px;
}

div.date_wrap span.month {
	display: block;
	text-align: center;
	color: #666;
	margin: 0;
	font-family: Georgia;
	font-size: 18px;
	line-height: 18px;
	margin-top: 10px;
}

div.title_wrap {
	float: left;
	width: 307px;
	margin-left: 10px;
}

div.title_wrap h1 {
	font-size: 26px;
}

table.form {
	width: 100%;
	border-collapse: collapse;
	padding: 0;
	margin: 0;
}

table.form th, table.form td {
	padding: 5px 0;
	margin: 0;
	vertical-align: top;
}

table.form th {
	width: 100px;
}

table.form th label {
	width: 95%;
	text-align: left;
	font-size: 16px;
	font-family: Georgia;
	color: #d80073;
	font-weight: lighter;
}

table.form th label span {
	display: none;
}

table.form td div.form_input_wrap {
	background-image: url('../img/bg_form_input_wrap.png');
	width: 164px;
	height: 17px;
	float: left;
	margin-top: 5px;
}

table.form td div.form_select_wrap {
	background-image: url('../img/bg_form_input_wrap.png');
	width: 164px;
	height: 17px;
	float: left;
	margin-top: -5px;
}

table.form td div.form_input_wrap input {
	background: transparent;
	border: 0px;
	width: 164px;
	height: 17px;
	font-family: Trebuchet MS;
	color: #666;
}

table.form td input.form_submit_button {
	background-image: url('../img/bg_form_submit_button.png');
	width: 13px;
	height: 13px;
	border: 0;
	padding: 0;
	margin: 110px 0 0 5px;
}

table.form td div.form_select_wrap select {
	background: transparent;
	border: 0px;
	width: 164px;
	height: 17px;
	font-family: Trebuchet MS;
	color: #666;
}

table.form td img {
	float: left;
}

table.form td div.form_textarea_wrap {
	background-image: url('../img/bg_form_textarea_wrap.png');
	width: 164px;
	height: 118px;
	float: left;
	margin-top: 5px;
}

table.form td div.form_textarea_wrap textarea {
	background: transparent;
	border: 0px;
	width: 164px;
	height: 118px;
	font-family: Trebuchet MS;
	font-size: 12px;
	color: #666;
	overflow: hidden;
}

#slideshow {
	height: 246px;
}

#comments {
	padding-bottom: 40px;	
	color: #666;
	padding-left: 20px;
	background-image: url('../img/no_comments.png');
	background-repeat: no-repeat;
	background-position: middle;
}

a.rss {
	float: right;
	margin-top: 5px;
	margin-right: 50px;
}

.wp-polls-ans {
	position: relative;	
}

div#side_wrap .wp-polls .Buttons {
	position: absolute;
	bottom: 38px;
	right: 50px;
	background-image: url('../img/bg_form_submit_button.png');
	width: 13px;
	height: 13px;
	border: 0;
	padding: 0;
}

.stripViewer { /* This is the viewing window */
	position: relative;
	overflow: hidden; 
	margin: auto;
	clear: both;
}

.stripViewer .panelContainer { /* This is the big long container used to house your end-to-end divs. Width is calculated and specified by the JS  */
	position: relative;
	left: 0; top: 0;
	width: 100%;
	list-style-type: none;
	overflow: hidden;
}

.stripViewer .panelContainer .panel { /* Each panel is arranged end-to-end */
	float:left;
	height: 100%;
	position: relative;
	width: 272px; /* Also specified in  .stripViewer  above */
}

.stripNavL, .stripNavR { /* The left and right arrows */
	text-indent: -9000em;
}

.stripNavL a, .stripNavR a {
	display: block;
	height: 14px;
	width: 14px;
}

.stripNavL {
	background: url("../img/arrow-left.gif") no-repeat center;
	float: right; margin-right: 3px;
}

.stripNavR {
	background: url("../img/arrow-right.gif") no-repeat center;
	float: right;
	margin-right: 48px;
}

div#flags {
	float: right;
}

div#flags ul {
	margin-top: 10px;
}

div#flags li {
	float: left;
	margin-left: 10px;
}

div#flag ul li img.flag {
	border: 1px solid #DACDB4;
}

.wp-polls-ul {
	font-weight: bold;
}

#slider1 {
	width: 260px;
}

div#mailing_list_main h3 {
	background-image:url(../img/bg_h3_footer.png);
	border-bottom:1px solid #E1E1E1;
	background-image:url(../img/bg_h3.png);
	background-position:3px 2px;
	background-repeat:no-repeat;
	border-bottom:1px solid #F6F6F6;
	font-size:16px;
	margin:20px 0 5px;
	padding-bottom:5px;
	padding-left:25px;
}
