/* CSS Document */

/* All associated graphics copyright 2006, Mustard Seed Studios*/

/* IMPORTANT */
/* This design is not a template. You may not reproduce it elsewhere without the 
   designer's written permission. However, feel free to study the CSS and use 
   techniques you learn from it elsewhere. */


/*
-----------------------------------------------------------------------------------------
Global 
-------------------------------------------------------------------------------------- */

body {
    margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #ffffff;
	padding: 0;
	background: #7d7252 url(../i/main_bkg.jpg);background-repeat: repeat-x;*/
}

body,td,th {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #ffffff;
	line-height: 14px;
}

a {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
}
a:link {
	text-decoration: none;
	font-weight:normal;
}
a:visited {
	text-decoration: none;
}
a:hover {
	text-decoration: none;
	color: #f9e3ae;
	font-weight:normal;
}
a:active {
	text-decoration: none;
	color: #FFFFFF;

}	
a.td.image:link { 
background: url(i/inactive.jpg); 
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #003e79;
	font-weight: normal;
	text-decoration: none;	
} 

a.td.image2:hover { 
background: url(i/active.jpg); 
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #003e79;
	font-weight: normal;
	text-decoration: none;	

}
a.subnav:link {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #fff;
	font-weight: bold;
	text-decoration: none;

}
a.subnav:visited {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #fff;
	font-weight: bold;
	text-decoration: none;
}
a.subnav:active {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #89a0ba;
	font-weight: bold;
	text-decoration: none;	

}
a.subnav:hover {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #89a0ba;
	font-weight: bold;
	text-decoration: underline;	

}
a.left_link:link {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #ffffff;
	font-weight: normal;
	text-decoration: none;
	padding: 5px 10px 5px 10px;
	text-align:right;

}
a.left_link:visited {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #ffffff;
	font-weight: normal;
	text-decoration: none;
	padding: 5px 10px 5px 10px;
	text-align:right;
}
a.left_link:active {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #395472;
	font-weight: normal;
	text-decoration: none;	
	padding: 5px 10px 5px 10px;
	text-align:right;

}
a.left_link:hover {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #395472;
	font-weight: normal;
	text-decoration: none;
	padding: 5px 10px 5px 10px;	
	text-align:right;

}
	
.floatleft {
    float: left;
	padding: 0 10px 10px 0;
}
.floatright {
    float: right;
	padding: 0 0 10px 10px;
}
.icon{
	vertical-align: middle;
	padding-right: 5px;
}
.tab_links {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #ffffff;
	padding: 0 0 10px 0;
}
.tab_links:hover {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #000000;
	padding: 0 0 10px 0;
}
.member_links {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #ffffff;
	padding: 0 0 0 5px;
}
.member_links:hover {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #8ca840;
	padding: 0 0 0 5px;
}


/*
-----------------------------------------------------------------------------------------
TYPOGRAPHY ELEMENTS
-------------------------------------------------------------------------------------- */





.welcome {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #ffffff;
	padding: 20px 10px 5px 12px;
	}
.ecard {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: normal;
	color: #333;
	line-height: 17px;
}
.ministry_link {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #1f621f;
	padding: 0 0 0 10px;
}
.service {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #1f621f;
	padding: 0 0 0 10px;
}
.service:hover {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #ffffff;
	padding: 0 0 0 10px;
	}
	
.active{
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #fff;
	font-weight: bold;
	text-decoration: none;	
}
.active:hover{
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #89a0ba;
	font-weight: bold;
	text-decoration: underline;	
}
	
.text_links{
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #ABBFD2;
	font-weight: bold;
	text-decoration: none;	
}
.text_links:hover{
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #395473;
	font-weight: bold;
	text-decoration: underline;	
}  
 

.leftsmall {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #ffffff;
	text-decoration: none;
	line-height: 14px;
	font-weight: bold;
}
.leftsmall:hover {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #999999;
	text-decoration: none;
	font-weight: bold;
	line-height: 14px;
	
}

.forms {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	font-weight: normal;
	color: #666666;
}

.middle_column:link {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	color: #003e79;
	font-weight:bold;
	text-decoration: underline;
	padding: 0px 10px 0px 10px;
	line-height: 16px;

}
.small_text {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	color: #fff;
	padding: 5px 20px 5px 20px;
	line-height: 14px;
}
.aspacer {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	color: #fff;
	padding: 0 5px 0 5px;
}
.footer {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: boldl;
	color: #000000;
	padding:5px 5px 5px 5px;
}
.search {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	font-weight: normal;
	color: #000;
}
.mainheaders {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #ffffff;
	font-weight: bold;
	text-decoration: none;
	line-height:20px;
	padding-bottom:5px;

}
.subheaders {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #8ea941;
	font-weight: bold;
	text-decoration: none;

}
.blu_subheaders {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 18px;
	color: #ABBFD2;
	font-weight: bold;
	text-decoration: none;
	padding: 5px 0 0 0;
	margin: 5px 0 0 0;

}
#rotator_box { width: 500px; background: #ffffff url(../i/scroller_top.jpg) left top no-repeat; float:left; margin-right:14px; }
#rotator_box img { margin:7px 7px 0 7px; }

#rotator_details { width: 482px; padding: 11px 9px 11px 9px; background: #ffffff url(../i/scroller_bottom.jpg) left bottom no-repeat; overflow:hidden; }
#rotator_details h2 { font-size:90%; text-transform:uppercase; color:#a19e94; float:left; }

#rotator_details ul { float:right; }
#rotator_details ul li { float:left; }
#rotator_details ul li a { display:block; padding:0 7px; border:1px solid #e3e1d5; margin-left:4px; text-decoration:none; font-size:90%; color:#022f03;  }
#rotator_details ul li a.current_event { border:1px solid #a19e94; color:#a19e94;  }
#rotator_details ul li a.current_event:hover { border:1px solid #a19e94; color:#a19e94;  }
#rotator_details ul li a:hover { border:1px solid #c6c2ab; color:#c6c2ab;  }
.ddpanel .ddpanelcontent{ /*CSS for "content" DIV of Drop Down Panel*/
color: white;
background: black; /*background of Drop Down Panel*/
/*Do NOT add any "padding" or "margin" properties here! Any padding/margin should be added to your content's container within this DIV instead */
}

.ddpanel .ddpaneltab{ /*CSS for "toggle" tab DIV of Drop Down Panel*/
margin-right: 0px;
font: 9px Arial;
}

.ddpanel .ddpaneltab a{ /*"toggle" tab related CSS*/
float: left;
color: white;
background: none; /*background of toggle tab*/
text-decoration: none;
letter-spacing: 1px;
}

.ddpanel .ddpaneltab a span{ /*"toggle" tab related CSS*/
float: left;


background: transparent url(toggleright.gif) no-repeat right bottom;
padding: 3px 22px 9px 33px;
cursor: pointer;
}

.ddpanel .ddpaneltab a span img.pointerimage{ /*CSS for pointer image within toggle tab*/
margin-top: 2px;
margin-left: 5px;
}

.ddpanel .ddpaneltab a:hover{ /*"toggle" tab related CSS*/
background-color: none; /*background of toggle tab onMouseover*/
}

.ddpanel .ddpaneltab a:active, .ddpanel .ddpaneltab a:focus{ /*"toggle" tab related CSS*/
outline: 0;
}

.ddpanel .ddpaneltab a:hover span{ /*"toggle" tab related CSS*/
background-color: transparent;
}
.content td { font-family: Verdana, Tahoma, Arial; font-size: 12px; }
.content td a { text-decoration: underline; display: block; margin-bottom: 18px; color: blue; }
.content td a:visited { text-decoration: underline; color: blue; }
.content td a:hover { text-decoration: none; color: blue; }
.error_text { color: #f00; }
.error { color: #f00; }
.hide { visibility: hidden; display: none; overflow: hidden; }
#content input { font-family: Verdana, Tahoma, Arial, sans-serif; background-color: #ffffff; width: 100%; border-color: #000000 #ddd #ddd #000000; border-style: solid; border-width: 1px; }
#content input:focus { color: #212121; background-color: #ffa; }
#content input:hover { color: #212121; background-color: #ffa; }
#content input.error { background-color: #fdd; border-color: #888 #ddd #ddd #888; border-style: solid; border-width: 1px; }
#content input.error:focus { background-color: #ffa; }
#content input.error:hover { background-color: #ffa; }
#content textarea { color: #212121; background-color: #ffffff; width: 100%; padding: 0 0 0 3px; border-color: #000000 #ddd #ddd #000000; border-style: solid; border-width: 1px; }
#content textarea:focus { color: #212121; background-color: #ffa; }
#content textarea:hover { color: #212121; background-color: #ffa; }
#content textarea.error { background-color: #fdd; border-style: solid; border-width: 1px; border-color: #888 #ddd #ddd #888; }
#content textarea.error:focus { background-color: #ffa; }
#content textarea.error:hover { background-color: #ffa; }