/*** colors  


f1f9ec lt grn
61116a purple
#79c041 dk grn
*/

/*** FOR THE FCK EDITOR ***/
body 
{
padding:0px;
margin:0px;
background: #FFF;
}

/*** FOR THE PUBLIC SIDE ***/
body#publicBody 
{
padding: 0px;
margin: 0px auto;
}

/* Generic non-heading text styles */
body, p, td, ul, ol, .body, .defaultBody 
{
font: 12px arial, Verdana, 'trebuchet ms', sans-serif;
color: #424242;
}

strong 
{
font-style: normal;
font-weight: bold;
}

p
{
padding-top: 5px;
padding-bottom: 5px;
margin-top: 5px;
margin-bottom: 5px;
}

/* Generic heading styling */
h1, h2, h3, h4, h5, h6, .pageTitle, .title, .subTitle, .header, th, .tableHeader  
{
font-family: arial, Verdana, 'trebuchet ms', sans-serif;
color: #79c041;
font-weight: bold;
}

h1.pageTitle 
{
font-size: 18px;
/*line-height: 35px;*/
padding-top: 5px;
padding-bottom: 15px;
position: relative;
top: 0px;
left: 0px;
}

h2, .title  
{
font-size: 16px;
}

h3, .subTitle 
{
font-size: 14px;
}

h4, .header 
{
font-size: 12px;
}

.alt_color
{
color: #79c041;
}

.connector_ads_advertisement_text
{
position: relative;
top: 32px;
/*left: 65px;*/
left: 81px;
font-size: 9px;
color: #424242;
}

.big_box_ads_advertisement_text_1
{
position: relative;
left: 1px;
font-size: 9px;
color: #6f6f6f;

}

.big_box_ads_advertisement_text_2
{
position: relative;
left: 1px;
font-size: 9px;
color: #6f6f6f;
}

/*** LIST STYLING ***/
/***** turn ON all bullets by default....this is the only way to get bullets to appear in the FCK editor... *****/
ul
{
list-style: disc;
padding: 20px;
}

ol
{
list-style: decimal;
padding: 20px;
}

/***** now turn OFF bullets by default on the PUBLIC side... *********/
#publicBody ol, #publicBody ul
{
list-style: none;
padding: 0px;
}

/***** now turn on bullets only in the content area (so any client made lists appear correctly... *********/
#mainContent ul
{
list-style: disc;
padding: 20px;
}

#mainContent ol
{
list-style: decimal;
padding: 20px;
}

#mainContent ol li, #mainContent ul li
{
padding-bottom: 5px;
}



/*** AUTO TABLE STYLES....set to main content width minus any padding!! ***/
#autoTable, .autoTable
{
/*width: 450px;*/
}

th, .tableHeader 
{
padding: 5px; 
}

table.autoTable td { padding:5px; }
/*******************/



.highlight { color: #ffa031; }

/* Link Styling (usually overidden for menus) */
a { color: #79c041; text-decoration: none; }
a:link { color: #79c041; }
a:visited { color: #79c041; }
a:active { color: #79c041; }
a:hover { color: #79c041; }

a img 
{
border:0;
}

hr { color: black; height: 1px; }

form { padding:0; margin:0; }

label { display:block; }


/*** NAVIGATION STYLES ***/

/*** FLYOUT MENU ***/

/* main styles */
#flyout 
{
padding:0; 
margin:0; 
list-style:none; 
position:relative; 
z-index:200; 
background:transparent;
}

#flyout ul {padding:0; margin:0; list-style:none; float:left; border-top: 0px solid #fff;}
#flyout li {float:left;border-left:1px solid #FFF; background:url(i/menu_divider.jpg) top left no-repeat;}
#flyout li.last {border-bottom:1px solid #FFF;} /* for the last style if desired */
/* a hack for  IE6 */
* html #flyout li li {float:left;}

/*** SET MAIN FONT HERE!! ***/
#flyout li a 
{
font: bold 16px/40px arial,verdana;
display:block; 
float:left; 
color:#fff; 
height:40px; 
padding:0px 15px 0px 15px;  
text-decoration:none; 
white-space:nowrap; 
}

/* first level rollover */
#flyout li:hover > a {color:#FFF;}

#flyout li a.down {background:#fff;} /* add down arrow background image if designed */

/*** SECOND LEVEL ***/
/*** BG COLOR FOR DROPDOWNS!! ***/
#flyout li ul {
background-color: #deefd0;
border-top: 1px solid #79c041; 
border-right: 1px solid #79c041; 
border-bottom: 1px solid #79c041; 
border-left: 1px solid #79c041; 
margin-top: 16px;
}

#flyout li ul ul {
margin-top: 0px;
}

/*** SET BACKGROUND IMAGE FOR DROPDOWNS HERE ***/
#flyout li ul li {
border-top: 0px solid #9d3d96; 
border-right: 0px solid #9d3d96; 
border-bottom: 0px solid #9d3d96; 
border-left: 0px solid #9d3d96; 
width: 100%;
background-image: url(i/box_shade_top_wht.png);
background-repeat: repeat-x;					
}

#flyout li li a {color: #79c041; font-size: 14px; display:block; height:20px; line-height:20px; float:none; padding:0 25px 0 5px; font-weight:bold;}
#flyout li li a.fly {background:url(right.gif) top right no-repeat red;} /* add right arrow background image to show lower */

#flyout li:hover {position:relative; z-index:300;}
#flyout li.wecreate_hover {position:relative; z-index:300;}
#flyout li.wecreate_hover a {color:#FFF;}


#flyout li li.wecreate_hover a {color:#FFF; background-color:#61116a;}

#flyout li:hover ul {left:0; top:24px; z-index:500;}
#flyout li.wecreate_hover ul {left:0; top:23px; z-index:500;}

#flyout ul {position:absolute; left:-9999px; top:-9999px;}
* html #flyout ul {width:2px;}

/* show next level */
#flyout li:hover li:hover > ul {left:0px; margin-left:100%; top:-1px; z-index:500;}
/* keep further levels hidden */
#flyout li:hover > ul ul {position:absolute; left:-9999px; top:-9999px; width:auto; }
/* show path followed */
#flyout li:hover > a {color:#FFF;}

/*** BG COLOR FOR ROLLOVERS!! ***/
#flyout li li:hover > a {color:#fff; background-color:#61116a;}

/* but IE5.x and IE6 need this lot to style the flyouts*/
#flyout li.wecreate_hover li.wecreate_hover li.wecreate_hover a,
#flyout li.wecreate_hover li.wecreate_hover li.wecreate_hover li.wecreate_hover a,
#flyout li.wecreate_hover li.wecreate_hover li.wecreate_hover li.wecreate_hover li.wecreate_hover a,
#flyout li.wecreate_hover li.wecreate_hover li.wecreate_hover li.wecreate_hover li.wecreate_hover li.wecreate_hover a
{color:#fff; background-color:#9d3d96;}

#flyout li.wecreate_hover li.wecreate_hover li a,
#flyout li.wecreate_hover li.wecreate_hover li.wecreate_hover li a,
#flyout li.wecreate_hover li.wecreate_hover li.wecreate_hover li.wecreate_hover li a,
#flyout li.wecreate_hover li.wecreate_hover li.wecreate_hover li.wecreate_hover li.wecreate_hover li a,
{color:#FFF; background-color:#9d3d96;}

/* show next level */
#flyout li.wecreate_hover li.wecreate_hover ul,
#flyout li.wecreate_hover li.wecreate_hover li.wecreate_hover ul,
#flyout li.wecreate_hover li.wecreate_hover li.wecreate_hover li.wecreate_hover ul,
#flyout li.wecreate_hover li.wecreate_hover li.wecreate_hover li.wecreate_hover li.wecreate_hover ul
{left:100%; margin-left:0; top:-1px;}

/* keep further levels hidden */
#flyout li.wecreate_hover ul ul,
#flyout li.wecreate_hover li.wecreate_hover ul ul,
#flyout li.wecreate_hover li.wecreate_hover li.wecreate_hover ul ul,
#flyout li.wecreate_hover li.wecreate_hover li.wecreate_hover li.wecreate_hover ul ul
{position:absolute; left:-9999px; top:-9999px;}

/*********************/



#footerNav 
{
/*width: 1027px;*/
/*background:#EEE;*/
text-align: center;
}

#footer ul li 
{
display:inline;
}

#footerNav ul li a
{	
padding: 0px 5px;
font: 12px arial, helvetica, geneva, sans-serif;
color: #79c041;
list-style: none;	
}

#footerNav ul li a:hover 
{
color: #61116a;
}



/*** MAIN LAYOUT ***/

#container
{
padding-top: 0px;
text-align: center;
margin: 0 auto;
height: 100%;
border: 0px solid red;
display: block;
background-image: url(i/greenlocals_wide_bg_tiling.jpg);
background-repeat: repeat-x;	
}

#container_2
{
padding-top: 0px;
text-align: center;
margin: 0 auto;
height: 100%;
border: 0px solid yellow;
display: block;
background-image: url(i/greenlocals_watermark_left.jpg);
background-repeat: no-repeat;	
/*min-width: 269px;*/
}

#container_3
{
padding-top: 0px;
text-align: center;
margin: 0 auto;
height: 100%;
border: 0px solid green;
display: block;
background-image: url(i/greenlocals_watermark_right.jpg);
background-repeat: no-repeat;	
background-position: top right;
}

	#container_4
	{
	width: 1027px;
	text-align: left;
	margin: 0 auto;
	border: 0px solid #000000;
	height: 100%;
	display: block;
	}	
		
		
			#masthead 
			{
			border: 0px solid #000000;
			background-image: url(i/greenlocals_header.jpg);
			background-repeat: no-repeat;	
			position:relative; /* so that everything inside can be absolute */
			width: 1027px;
			height: 195px;	
			z-index: 100;
			}
			
				#nav_container
				{
				position: absolute;
				left: 20px;
				top: 150px;
				border: 0px solid #000000;
				/*width: 150px;*/
				text-align: left;				
				}
				
					#nav_container_padding
					{
					padding-left: 0px;
					padding-right: 0px;
					padding-bottom: 0px;
					}
						
				
				#leaf
				{
				border: 0px solid #fff;
				position: absolute;
				left: -100px;
				top: 0px;
				width: 296px; 
				height: 107px; 		
				overflow: hidden;				
				background-image: url(i/greenlocals_leaf.png);
				background-repeat: no-repeat;	
				z-index: 10;							
				}	
					
				#logo 
				{
				border: 0px solid #fff;
				position: absolute;
				left: 80px;
				top: 48px;
				width: 203px; 
				height: 93px; 		
				overflow: hidden;				
				background-image: url(i/greenlocals_logo.jpg);
				background-repeat: no-repeat;								
				}	
				
				#logo_link 
				{
				border: 0px solid #000;
				position: absolute;
				left: 75px;
				top: 48px;
				width: 210px; 
				height: 100px; 					
				cursor: hand;	
				z-index: 20;					
				}						
							
				
				#rotatingArtist
				{
				border: 0px solid #000000;
				position: absolute;
				left: 355px;
				top: 0px;
				width: 660px; 
				height: 148px; 				
				overflow: hidden;	
				z-index: 0;
				
				/*background-image: url(i/rotating_image.jpg);
				background-repeat: no-repeat;	*/
				}
					
					.rotatingArtistImage 
					{
					width: 660px; 
					height: 148px; 	
					display: block;
					cursor: hand;
					
					
					}
		
			#rotatingArtist_overlay
			{
			border: 0px solid #000000;
			position: absolute;
			left: 355px;
			top: 0px;
			width: 660px; 
			height: 34px; 				
			overflow: hidden;	
			background-image: url(i/transparent_grn_bar.png);
			background-repeat: no-repeat;										
			z-index: 100;
			}
		
			#contentContainer {
			border: 0px solid #000000;
			vertical-align: top;
			width: 1027px;
			min-height: 400px;
			background-image: url(i/greenlocals_bg_tiling.jpg);
			background-repeat: repeat-y;
			overflow: visible;
			padding-top: 0px;	
			height: 100%;
			display: block;
			}						
						
			
				#mainContent
				{
				position: relative;
				border: 0px solid #000000;
				width: 692px;
				float: left;
				padding: 0px;	
				left: 0px;							
				}
				
				
					#mainContent_padding
					{
					margin-left: 40px;
					margin-right: 12px;
					text-align: left;
					border: 0px solid #000000;
					}						
									
				
		#right_sidebar
		{
		position: relative;
		left: 6px;
		width: 318px;
		float: left;
		text-align: left;
		border: 0px solid #000000;
		}
		
			#right_sidebar_padding
			{
			padding-left: 6px;
			padding-right: 9px;
			}			
			
			#sidebar_location_box
			{
			border: 0px solid #79c041;
			width: 302px;
			height: 100px;
			background-color: #79c041;		
			margin-top: 5px;	
			margin-bottom: 8px;	
			color: #fff;
			}
			
				#sidebar_location_box_padding
				{
				padding-top: 10px;
				padding-bottom: 10px;
				}			
			
					#current_location_text
					{
					font-size: 14px;
					font-weight: bold;
					padding-left: 10px;
					padding-bottom: 5px;
					}
				
					#sidebar_location_name
					{
					text-align: center;
					font-size: 18px;
					line-height: 25px;
					font-weight: bold;
					background-color: #61116a;
					border-top: 1px solid #f1f9ec;
					border-bottom: 1px solid #f1f9ec;
					padding-left: 10px;
					}
					
					#change_location_text
					{
					/*font-weight: bold;*/
					padding-left: 10px;
					padding-bottom: 5px;
					}
				
			.icons_box
			{
			border: 0px solid #79c041;
			width: 302px;
			/*height: 60px;*/
			padding-top: 10px;
			padding-bottom: 4px;
			background-color: #79c041;
			margin-bottom: 3px;	
			text-align: center;			
			}
			
			.icons_box a
			{
			text-decoration: none;
			}
			
				#icons_box img
				{				
				margin-right: 5px;				
				}
				
				#icons_box img.last
				{				
				margin-right: 0px;				
				}
			
			#big_box_ad_1
			{
			border: 1px solid #79c041;
			width: 300px;
			height: 250px;
			/*background-image: url(i/box_ads_300x250.jpg);
			background-repeat: no-repeat;	*/
			margin-bottom: 8px;
			}
			
			
			#polls_topper
			{				
			border: 0px solid #7ac142;
			border-bottom: 1px;
			width: 302px;
			height: 24px;
			background-image: url(i/polls_topper.jpg);
			background-repeat: no-repeat;	
			margin-bottom: 1px;				
			}	
			
				#polls_container
				{			
				width: 300px;					
				background-image: url(images/box_shade_top_wht.png);
				background-position: top left;
				background-repeat: repeat-x;	
				background-color: #f1f9ec;			
				border: 1px solid #7ac142;
				-moz-border-radius-bottomleft: 10px;  
				-moz-border-radius-bottomright: 10px; 
				-webkit-border-bottom-left-radius: 10px;  
				-webkit-border-bottom-right-radius: 10px;		
				border-radius: 10px;  
				margin-bottom: 8px;				
				}				
								
			#weather_topper
			{				
			border: 0px solid #7ac142;
			border-bottom: 1px;
			width: 302px;
			height: 24px;
			background-image: url(i/weather_topper.jpg);
			background-repeat: no-repeat;	
			margin-bottom: 1px;				
			}	
			
				#weather_container
				{			
				width: 300px;					
				background-image: url(images/box_shade_top_wht.png);
				background-position: top left;
				background-repeat: repeat-x;	
				background-color: #f1f9ec;			
				border: 1px solid #7ac142;
				-moz-border-radius-bottomleft: 10px;  
				-moz-border-radius-bottomright: 10px; 
				-webkit-border-bottom-left-radius: 10px;  
				-webkit-border-bottom-right-radius: 10px;		
				border-radius: 10px;  
				margin-bottom: 8px;				
				}				
		
		#footer 
		{
		position: relative;
		width: 1027px;
		height: 150px;
		clear: both;
		text-align: center;
		border: 0px solid #000000;
		background-image: url(i/greenlocals_footer.jpg);
		background-repeat: repeat-y;
		}
	
				#footer_nav_container
				{
				text-align: center;
				position: absolute;							
				border: 0px solid red;
				top: 55px;
				left: 0px;
				width: 690px;
				}				
				
				#footer_text_container
				{
				text-align: center;
				position: absolute;
				top: 75px;
				left: 0px;
				width: 690px;
				color: #61116a;
				font: 13px arial, helvetica, geneva, sans-serif;	
				border: 0px solid green;		
				padding-bottom: 10px;		
				}
								
				
				#footer_logo
				{
				position: absolute;
				top: 50px;
				left: 790px;	
				width: 250px; 
				height: 93px; 		
				overflow: hidden;
				border: 0px solid #fff;
				background-image: url(i/greenlocals_logo_sm.jpg);
				background-repeat: no-repeat;						
				}	
	

				
/*** LOGIN FORM ***/

/*sidebar login form stuff*/
#loginButton
{
font: 12px/20px arial, Verdana, 'trebuchet ms', sans-serif;
cursor: hand;
padding: 0px;
margin-top: 10px;
color: #424242;
}

#loginMiniForm
{
border: 1px solid #EE8823;
padding: 5px;
}

#loginMiniForm a
{
color: #201c1d;
}

a#logoutButton 
{
color: #EE8823;
}

#wrapper_logo
{
text-align: center;
padding-top: 5px;
height: 25px;
}

#password
{
margin-bottom: 10px;
}

#wrapper_logo_padding
{
padding-top: 0px;
}

#wrapper_logo_padding h3
{
color: #EE8823;
}

#wrapper_padding
{
padding: 5px;
}

#forgot_password_container
{
height: 31px;
background-image: url(i/login_header.jpg);
background-repeat: no-repeat;
margin-top: 5px;
padding: 5px;
}

#forgot_password_container a
{
color: #EE8823;
}

#loginMiniForm #email, #loginMiniForm #password
{
width: 165px;
}

/*** main login page form ***/
/*** this style also controls all default autoform 'submit' btns...***/
.autoFormInputs .button
{
font: 12px/20px arial, Verdana, 'trebuchet ms', sans-serif;
cursor: hand;
}

.button {
/*border:0px solid #333;
padding: 0px;
margin: 0px;
text-decoration:none;*/
}

div.req-notice span
{
/*font: 24px/24px arial, verdana, helvetica, geneva, sans-serif;	*/
color: red;
}

.SC_Panel { background-color:#fff !important; }


/*this is here for when a station uploads a swf file for the skyscraper instead of an image...
this div floats over the flash and has the link applied to it*/
#flash_link
{
border: 0px solid #ffffff;
background: transparent url(i/blank.gif);
position: absolute;
width: 728px;
height: 90px;
top: 0px;
left: 0px; 
cursor: hand;
}




/*** MEMBER TABS ***/

.frame span.personalSettingsTabs
{
border: 0px solid #fff;	
padding-bottom: 10px;
display: block;		
}

	span.personalSettingsTabs a .button
	{
	color: #fff;
	border: 1px solid #d5d5d5;		
	padding: 5px;
	margin-bottom: 0px;
	}
	
	.frame span.personalSettingsTabs
	{
	border: 0px solid #fff;	
	padding-bottom: 10px;
	display: block;		
	}



/*#mainContent #memberTabs { height:24px; margin:8px 0 8px 0; padding:0; border:1px solid #c2c2c0; border-left:0; border-right:0;}
	#memberTabs ul {margin:5px 0 0 0; padding:0 0 0 4px; text-transform:uppercase;}
	#memberTabs li {margin:0; padding:0; list-style-type:none; display:inline;}
	#memberTabs li a {margin:0 0 0 -4px; padding:5px 4px 5px 5px; height:12px; color:#203759; border-right:1px solid #c2c2c0;}
	#memberTabs li a:link, #memberTabs li a:visited {text-decoration:none; color:#203759;}
	#memberTabs li a:hover, #memberTabs li a:active, #groupTabs li a.current {text-decoration:none; color:#FFF; background-color:#203759;}
*/