/* ===================================== */
/* ========= general styles ============ */
/* ===================================== */

body		{ 
		margin:1px; 
		font-family:verdana, Arial, Helvetica, sans-serif;
		font-size:70%; 
		font-weight:normal; 
		padding: 5px;
}

p		{ 
		font-family:verdana, Arial, Helvetica, sans-serif; 
		font-size:1em; 
		font-weight:normal; 
		margin-top:0px; 
		margin-bottom:1em;
		padding: 0 0 0 0;
}

p.intro_text 	{
		color:#000; 
		font-weight:bold; 
		padding: 0px 0 12px 0px;
}

h1		{ 
		color:#ff0000; 
		font-weight:normal; 
		font-size:2em; 
		margin-top:0px; 
		margin-bottom:1em;
}

h2		{ 
		color:#ff0000;
		font-size:1.1em; 
		font-weight:bold; 
		margin-top:0px; 
		margin-bottom:1em;
}
h3		{ 
		font-size:1em; 
		font-weight:bold; 
		margin-top:0px; 
		margin-bottom:1em;
}

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

a:hover		{ 
		color:#FF0000; 
		text-decoration:underline; 
}

a.sitetool 		{ text-decoration:none;}

a.sitetool:hover 	{ text-decoration:none;}

a.underline 		{ text-decoration:underline; }

a.footer 		{ text-decoration:none; }
a.footer:hover 		{ text-decoration:underline; }


a.rightnav 		{ text-decoration:none; }
a.rightnav:hover 	{ text-decoration:underline; }

a.stronglink		{ font-weight:bold; text-decoration:none; }
a.stronglink:hover 	{ text-decoration:underline; }

.clear {clear:both}

table {
 border:1px solid #000;
 border-collapse:collapse;
}

td,th{
 border:1px solid #000;
 border-collapse:collapse;
 padding:5px;
}

img {padding: 5px;}

/* ===================================== */
/* ========= end general styles ======== */
/* ===================================== */


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


#container 	{ width:100%; }

#logo 		{ 
		padding:7px 13px 11px 0; 
		text-align:right; 
}

#memberlogin 	{ 
		padding:10px 8px 10px 8px; 
		border-bottom: 1px solid #fff;
		background-color:#77a59a;

}
#memberlogin 	{  		
  		width:186px; /* Box model fix */
		height:97px;
  		voice-family: "\"}\""; 
  		voice-family:inherit;
  		width:170px;
		height:76px;
}
.dummy {}

#memberlogin input { 
		width:122px; 
		font-size:0.9em; 
                height:16px;
		margin-bottom: 6px; 
                padding-top:4px;
                vertical-align:middle;  
}
	

#topbanner	{ 
		margin:0 0 1px 0; 
		height:96px; 
		text-align:right; 
		background-image:url("images/bg_img_trees.jpg");
}



	
#header-sitetools-left	{ 
		display:table; 					
		float:right; 			
		background-image:url("images/bg_curve_right.gif");
		background-repeat:no-repeat;padding-right:20px;
}

#header-sitetools-right	{ 
		display:table; 
		float:right;
		background-image:url("images/bg_curve_left.gif"); 
}

#header-sitetools	{ 
		background-repeat:no-repeat; 
		display:table; 
		float:right; 
		background-color:#fff; 
		background-image:url("images/divider.gif");
		background-position:0 0px; 
		background-repeat:repeat-x;
}

#header-sitetools	ul {
		padding:0px 0px 0px 10px;
		margin:0px 0px 0px 0px;
		position:relative;
}

#header-sitetools	li	{  
		padding:0px 10px 0px 13px; 
		background-repeat:no-repeat; 
		background-position:0 2px; 
		float:left; 
		display:block; 
		width:auto;
}

#header-sitetools	li a		{ font-size:0.9em; }
#header-sitetools	#aboutus	{ background-image:url("images/icon_aboutus.gif"); }
#header-sitetools	#contactus	{ background-image:url("images/icon_contactus.gif"); }
#header-sitetools	#externallinks	{ background-image:url("images/icon_externallinks.gif"); }
#header-sitetools	#sitemap	{ background-image:url("images/icon_sitemap.gif"); }
#header-sitetools	#help		{ background-image:url("images/icon_sitemap.gif"); }
#header-sitetools	#members	{ background-image:url("images/icon_login.gif"); }

	
#topnav 	{ height:28px; background-color:#000;}

#topnav ul 	{ 
		height:28px; 
		display:block; 
		position:relative; 
		float:left; 
		padding:0; 
		margin:0; 
}

#topnav li 	{ 
		height:20px; 
		float:left; 
		display:block; 
		
		padding:7px 10px 0 10px; 
		background-repeat:repeat-y; 
		background-position:right; 
		background-image:url("images/lnk_divider_topnav.gif"); 
}

#topnav li a	{
		color:#fff; 
		font-weight:bold; 
		font-size:1.1em; 
		text-decoration:none;
		padding:0 10px;
}

#topnav li.active	{ 
		background-color:#ff0000; 
		padding:7px 10px 0 10px;
		height:27px; /* Box model fix */
  		voice-family: "\"}\""; 
  		voice-family:inherit;
		height:20px;
}

dummy {}

#topnav li.active	a	{ text-decoration:underline; }
#topnav li.inactive		{ background-color:#000000; padding:7px 10px 0 10px;}
#topnav li.inactive	a:hover	{ text-decoration:underline; }



#header-left	{ 
		float:left; 
		width:186px; 
		border-right:1px solid #fff; 
		background-color:#eaeaec;
}

#header-right		{ float:left; }
html>body #header-right { float:none; }
#header 		{ width: 100%;}


#navsearchbase	{ 
		background-color:#57887B;
 		height:28px;
		width:186px;

}

.dummy {}

#navsearch	{ 
		background-repeat:repeat-x; 
		background-image:url("images/divider.gif"); 
		background-color:#fff;
		margin: 0 0 0 0; 
		padding: 0 0 0 0; 
		height: 1px; 
		line-height: 0px;
}



#searchtitle 	{
		margin:10px 0 5px 0; 
		padding-left:0; 
		color:#fff; 
		font-weight:bold; 
		font-size:1.1em;
}

#title 		{ margin:40px 0 10px 0; }

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


/* ===================================== */
/* ========= navigation styles ========= */
/* ===================================== */


#nav_lvl1_title { 
		padding:4px 0px 7px 0px; 
		background-repeat:repeat-x; 
		background-position:left bottom; 		
		background-image:url("images/divider.gif");
}

.nav_lvl1_item_right { 
		padding:8px 0px 8px 12px; 
		background-repeat:no-repeat; 
		background-position:0px 11px;
		background-image:url("images/icon_arrowlg.gif");
}

.nav_lvl1_item 	{ 
		width: 180px; 
		padding:8px 0px 8px 6px; 
		background-repeat:repeat-x; 
		background-position:left bottom; 		
		background-image:url("images/divider.gif"); 

}

.nav_end 	{ 
		width: 180px; 
		padding:6px 0px 0px 0px; 
		background-repeat:repeat-x; 
		background-position:left bottom; 		
		background-image:url("images/divider.gif"); 

}

.nav_lvl1_item_sel {padding:4px 0px 4px 6px;}

.nav_lvl1_subitem {padding:4px 0px 4px 6px;}

.nav_divider 	{
		width:176px; 
		background-repeat:repeat-x; 
		background-position:right; 
		background-image:url("images/divider.gif"); 
		padding: 0 0 0 0; 
		line-height:1px;
}

a.leftnav_link 	{
		color:#000; 
		font-weight:bold; 
		text-decoration:none
}
a.leftnav_link_sel {
		color:#FF0000; 
		font-weight:bold; 
		text-decoration:none
}
a.leftnav_sublink {
		color:#000; 
		text-decoration:none
}
a.leftnav_sublink_sel {
		color:#FF0000; 
		text-decoration:none
}

a.leftnav_link:hover 	{
		color:#FF0000; 
		font-weight:bold; 
		text-decoration:underline;
}
a.leftnav_link_sel:hover {
		color:#FF0000; 
		font-weight:bold; 
		text-decoration:underline;
}
a.leftnav_sublink:hover {
		color:#FF0000; 
		text-decoration:underline;
}

/* ===================================== */
/* ======= end navigation styles ======= */
/* ===================================== */


/* ===================================== */
/* =========== footer styles =========== */
/* ===================================== */


#footer 	{ font-size:0.9em; padding-top: 10px;}
#footer div	{ 
		padding:4px 0 7px 8px; 
		background-repeat:repeat-x; 
		background-position:left top;
		background-image:url("images/divider.gif"); 
		clear:both;
}
#footer img	{ position:relative; float:left; width:auto; }
#footer ul	{ position:relative; float:left; padding:0; margin:5px 0 0 0; }

#footer li	{ 
		float:left; 
		display:block; 
		width:auto; 
		padding: 0 10px 0 10px; 
		background-repeat:no-repeat; 
		background-position:0 2px; 
		background-image:url("images/lnk_divider_black.gif"); 
} 

#footer li.nodivider 		{ background-image:none; }
	
#footer-nav			{ height:20px; }
#footer-nav	li		{ background-image:url("images/lnk_divider_red.gif"); }
#footer-nav li.nodivider 	{ padding-left:0; }
#footer-sitetools		{ height:35px; background-color:#eaeaec; }
	
#backtotop	{ 
		float:right; 
		padding-left:15px; 
		margin-top:7px; 
		background-repeat:no-repeat; 
		background-position:0 2px; 
		background-image:url("images/backtotop.gif");
		text-decoration:none; 
}

#backtotop:hover {text-decoration:underline;}
      	

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


/* ===================================== */
/* ============= Template 1 ============ */
/* ===================================== */
	

.container1 {
		width:47%; 
		background-color:#D6E4E1; 
		float:left; 
		display:table;
		margin-top: 10px;
}

.container-title {
		background-color:#57887B; 
		height:22px; 
		color:#fff; 
		font-weight:bold; 
		font-size:1.1em; 
		padding: 6px 0 0 6px
}

.container2 	{width:25%; float:left; margin-top: 10px;}

.column-spacer	 {width:10px; float:left;}

.new_image 	{padding:10px 10px 10px 10px;float:left;}

div.event_container_cleanup .new_image {padding:2px 10px 2px 10px; float:left;}

.new_intro 	{
		padding:10px 10px 10px 12px; 
		float:top;
		background-repeat:no-repeat; 
		background-position:0px 13px; 
		background-image:url("images/icon_arrowlg.gif"); 
		display:table;
}

.new_image_divider {
		background-repeat:repeat-x; 
		background-position:right; 
		background-image:url("images/divider.gif");
}


.latest_intro 	{
		padding:10px 10px 10px 20px; 
		background-repeat:no-repeat; 
		background-position:2px 13px; 
		background-image:url("images/icon_arrowlg.gif"); 
		display:table
}

.button_left 	{
		background-repeat:no-repeat; 		
		background-position:right;
		background-image:url("images/button_left_new.gif");
		width:4px;
		height:19px;
		float:left;
}

.button_right 	{
		background-repeat:no-repeat;
		background-position:left; 		
		background-image:url("images/button_right_new.gif");
		width:4px;
		height:19px;
		float:left;
}

.latest_button {
		float:left; 
		height:19px; /* Box model fix */
		border-top:1px solid #000;  
		border-bottom:1px solid #000; 
		padding:2px 2px 0 2px; 
		background-color:#fff;
		font-size:0.9em;
		voice-family: "\"}\""; 
  		voice-family:inherit;
		height:15px;

}

.dummy {}

a.button 	{text-decoration:none;}

a.button:hover 	{color:red;text-decoration:none;}

.intro_paragraph1 {
		width:47%; 
		float:left; 
		display:table; 
 		padding: 0 0 6px 0; 
		margin: 0 0 0 0;
}

.intro_paragraph2 {
		width:25%; 
		float:left; 
		padding: 0 0 6px 0; 
		margin: 0 0 0 0;
}

.intro_paragraph3 {
		width:25%; 
		float:left; 
		padding: 0 0 6px 0; 
		margin: 0 0 0 0;
}


/* ===================================== */
/* ============= Template 2 ============ */
/* ===================================== */


#content_container	{width:100%;display:table;}  

#breadcrumb 	{
		color: #9B9C9A; 
		font-weight:bold; 
		padding:10px 0px 10px 0px;
}

#breadcrumbdivider { 
		width:100%; 
		padding:0px 0px 0px 0px;
		background-repeat:repeat-x; 
		background-image:url("images/divider.gif");
}
.breadcrumb_lvl1 {
		color: #000; 
		text-decoration:none; 
		font-weight:normal;
}

.breadcrumb_lvl2 {
		color: #FF0000; 
		text-decoration:none; 
		font-weight:normal;
}

#left_navigation { 
		width:186px; 
		background-repeat:repeat-x; 
		background-position:left top; 
		background-image:url("images/divider.gif"); 
		float: left;
}
	
#main_content 	{
		float:left; 
		padding-left: 10px; 
		width:60%;
}

.event_intro_container {

		background-color:#D6E4E1; 
		display:table;

}


.event_image 	{ padding:10px 18px 10px 10px; float:left; }

html>body .event_image { padding:10px 10px 10px 10px; float:left; }

.event_intro 	{
		padding:10px 0px 10px 12px;
		background-repeat:no-repeat; 
		background-position:80px 13px; 		
		background-image:url("images/icon_arrowlg.gif"); 
		display:table;  
}

html>body .event_intro { background-position:0px 13px; }

.event_container_title {
		background-color:#57887B; 
		height:22px; 
		color:#fff; 
		font-weight:bold; 
		font-size:1.1em; 
		padding: 6px 0 0px 6px;
}




.event_title 	{
		float:left; 
		width:72%;
		color: #000; 
		font-weight:bold; 
		padding: 0px 0 12px 0px; 
		padding: 6px 0 6px 6px;
}

.date_title 	{
		float:left; 
		color: #000; 
		font-weight:bold; 
		padding: 0px 0 12px 0px; 
		padding: 6px 0 6px 6px;

}

.eventlist-container {float:left;}

.eventlist 	{
		padding:0px 10px 0px 20px; 
		background-repeat:no-repeat; 
		background-position:2px 3px; 
		background-image:url("images/icon_arrowlg.gif"); 
		width:70%; 
		float:left;
}

.eventlist_cleanup 	{
		padding: 7px 10px 0px 20px; 
		background-repeat: no-repeat; 
		background-position: 2px 10px; 
		background-image:url("images/icon_arrowlg.gif"); 
		width:70%; 
		float:left;
}

.eventlist_date {}

	

#intro_text 	{
		color:#000; 
		font-weight:bold; 
		font-size:1.1em; 
		padding: 0px 0 12px 0px;
}

/* ===================================== */
/* ============= Template 4 ============ */
/* ===================================== */


div		{ padding: 0; margin: 0; }



#leftcolumn 	{ margin-right: -189px;	/* IE 4 fix */ }
#leftColumn
{
		float: left;
		width: 186px;
}
#rightColumn
{
		float: right;
		width: 176px;
}
#contentColumn
{
		width: auto;
		margin-left: 186px;

}
#masthead, #innerLeftColumn, #innerContentColumn, #innerRightColumn, #innerFooter
{
		padding: 0 0 0 0;
}
#footer
{
		clear: both;
}
#innerFooter
{
		text-align: center;
}
#innerContentColumn
{
		padding: 0 4px 0 7px;
		overflow: visible;
		height: 100%;	/* fix the Win32 IE float bug */
		margin-right: 176px;

}
#contentColumn>#innerContentColumn
{
		height: auto;	/* fix Opera 5 which breaks with the above IE fix */
		
}
#fullContentColumn
{
		padding: 0 4px 0 7px;
		overflow: visible;
		height: 100%;	/* fix the Win32 IE float bug */
		margin-right: 0px;
		display:table;
		margin-left: 186px;
}

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

#fullColumn>#fullContentColumn
{
		height: auto;	/* fix Opera 5 which breaks with the above IE fix */

}

	

#innercontentcolumn
{
		/*height: 100%;	 fix IE 5.0 which parse the Opera fix, note the selector is all lower case */
}
#masthead, #footer
{
		z-index: 10;
}

#pageFrame
{
		background-color: #fff;
		color: #000;
		min-width: 500px;
}

.left_image 	{float:left; padding: 6px;}
.right_image 	{float:right; padding: 6px;}