
/***** COLORS ******
424242 dk grey.....main color
c20019 red........alternate color

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

 /*get rid of browser stylistic issues*/
body,div,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,blockquote,th,td,p { margin: 0; padding: 0; }
table { border-collapse: collapse; border-spacing: 0; }
fieldset,img { border: 0; }
address,caption,cite,code,dfn,em,strong,th,var { font-style: normal; font-weight: normal; }
em {font-style: italic;}
caption,th { text-align: left; }
h1,h2,h3,h4,h5,h6 { font-size: 100%; font-weight: normal; }
q:before,q:after { content: ''; }
abbr,acronym { border: 0; }
strong {font-weight: bold;}
ol, ul {list-style: none; padding: 0; margin: 0}


/*******************************************************\
	Now re-enable the styles for the FCK editor pane
\*******************************************************/
.fck_editor_editing_area_body ul
{
	list-style: disc;
	margin-top: 10px;
	margin-left: 20px;
	margin-bottom: 10px;
	padding: 0;
}

.fck_editor_editing_area_body ol
{
	list-style: disc;
	margin-top: 10px;
	margin-left: 20px;
	margin-bottom: 10px;
	padding: 0;
}

.fck_editor_editing_area_body strong
{
	font-weight: bolder;
}

.fck_editor_editing_area_body em
{
	font-style:	italic;
}

/* The next one is optional: In case the client wants a 'single' line instead of 'double'
	when they hit enter in the FCK editor */
.fck_editor_editing_area_body p
{
	margin: 0px;
	padding:	0px;
}
/****************************************************\
				end FCK editor style fix
\****************************************************/


/* FONTS */

 /* Default for standard tags */
body
{
	/* Applies to editor */
	font: 12px/16px arial, verdana, helvetica, geneva, sans-serif;
	color: #424242;
	background-color: #fff;
}

/*this sets the background of the styles drop down list in the menu editor*/
.SC_Panel { background-color:#1d7764 !important; }


body#publicBody
{
	/* Only applies to public site */
	font: 12px/16px arial, verdana, helvetica, geneva, sans-serif;
	color: #424242;
	background-color: #fff;
	padding: 0px;
	margin: 0px;
}

body#publicBody table
{
	/* applies to module tables on public site....keep the same as 'body#publicBody' above but background may need to change*/
	font: 12px/16px arial, verdana, helvetica, geneva, sans-serif;
	color: #424242;	
}

h1
/* used for section title */
{	
	font: 18px/22px arial, verdana, helvetica, geneva, sans-serif;
	color: #c20019;
}

h2
/* used for title */
{
	font: 16px/16px arial, verdana, helvetica, geneva, sans-serif;	
	color: #c20019;	
}

h3
/* used for subtitle */
{
	font: 14px/22px arial, verdana, helvetica, geneva, sans-serif;	
	color: #c20019;	
}

h4
/* alternate color title*/
{
	font: 12px/16px arial, verdana, helvetica, geneva, sans-serif;
	color: #c20019;	
}

.alt_color
/* alternate color */
{
	font: 12px/16px arial, verdana, helvetica, geneva, sans-serif;
	color: #c20019;	
}


/*h5
{
	font: 12px/16px arial, verdana, helvetica, geneva, sans-serif;
	color: #424242;
}
*/


.highlight
{
	color: #c20019;
}

.header
{	
	color: #c20019;
	padding-top: 10px;
}


/***** LIST STYLES *****/

/* ALL LIST STYLING HAS BEEN SHUT OFF BY DEFAULT.....THE FOLLOWING SETS LISTS TO HAVE BULLETS ETC ONLY FOR THE CONTENT AREA.
RENAME THE ID BELOW TO WHATEVER SURROUNDS YOUR MAIN CONTENT AREA.....*/

#main_content ul, #main_content ol, #main_content_with_nav ul, #main_content_with_nav ol
{
	list-style: disc;
	margin-top: 10px;
	margin-left: 20px;
	margin-bottom: 10px;
	padding: 0;
}


/***** TESTIMONIALS STUFF *****/
/* testimonials page */
.chameleon_testimonials table tr td
{
padding-bottom: 10px;
}

/*mini testimonials*/
#testimonialBlock a
{
color: #c20019;
margin-bottom: 10px;
}

#testimonialBlock h4, #testimonialBlock h3 /*title*/
{
color: #c20019;
font-weight: bold;
}

#testimonialBlock /*content*/
{
color: #424242;
margin-top: 30px;
margin-bottom: 20px;
}

#testimonialBlock ul
{
list-style: none;
margin: 0;
padding: 0;
}

#testimonialBlock ul li
{
margin-top: 10px;
margin-bottom: 10px;
}

/*UNCOMMENT TO CHANGE STYLE OF TESTIMONIAL QUOTE....
#testimonialBlock blockquote
{
font-weight: bold;
color: #bb1902;
margin-bottom: 5px;
}
*/

/***** NEWS STUFF *****/
/*** news page...***/
.chameleon_daily_news_css table tr td
{
padding-bottom: 10px;
}

.chameleon_daily_news_css .header
{
color: #c20019;
}

.chameleon_daily_news_css #news_description
{
color: #c20019;
}

/*** mini news ***/

#newsBlock
{
color: #424242;
margin-bottom: 10px;
}

#newsBlock a
{
color: #c20019;
margin-bottom: 10px;
}

#newsBlock h4, #newsBlock h3 /*news item*/
{
color: #c20019;
font-weight: bold;
}


/***  PHOTOS PAGE ***/
.photos h2
{
line-height: 40px;
}


/***  CONTACT PAGE ***/
#email_form div
{
border: 0px solid #000000;

}

#email_form label
{
border: 0px solid #000000;
width: 120px;

}


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


/**** AUTO FORM STYLES ***/
.autoForm
{
margin-top: 10px;
}

.autoForm div
{
border: 0px solid #000000;
margin-bottom: 5px;
}

.autoForm label
{
border-top:0px dotted gray;
text-align:left;
padding-right:10px;
float:left;
display:block;
clear:both;
margin-bottom:7px;
}

.autoForm label 
{

}


/**** LOGIN FORM *****/
#login_form .autoFormText
{
padding-bottom: 5px;
}

#login_form label
{
padding-top: 5px;
padding-right: 5px;
}

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



/* LoVe HAte anchors */
a {color: #c20019}
a:link {color: #c20019 }
a:visited {color: #424242 }
a:hover {color: #c20019 }
a:active {color: #c20019 }

@media print {
	/* Fancy printed anchors */
	#clientContent a[href]:after {
		content: " (" attr(href) ") ";
	}
	/*
	#clientContent a[href^="/"]:after {
		content: " (http://jeffreysambells.com" attr(href) ") ";
	}
	*/
}

#website_by, #website_by a, #website_by a:hover 
{
	font: 12px arial, verdana, helvetica, geneva, sans-serif;
	line-height: 18px;
	color: #424242;
}



/*  MENU STUFF  */

/***FIRST LEVEL....***/
#navPublic *
{

}

#navPublic
{

text-align: left;
vertical-align: middle;
background-image: url(i/menu_btn_1px.gif);
background-repeat: repeat-x;
padding-bottom: 20px; 
}


#navPublic ul li a
{

text-align: left;
vertical-align: middle;
font: bold 14px/26px arial, verdana, helvetical, geneva, sans-serif;
color: #c20019;
text-decoration: none;
background-image: url(i/menu_btn_divider_2.gif);
background-repeat: no-repeat;
background-position: 0% 100%;
padding-left: 0px;
padding-right: 0px;
border: 0px solid #000000;
}


#navPublic ul li.active a, #navPublic ul li a:hover
{
color: #424242;

}


/*** SECOND LEVEL OF ALL LEVEL NAV ***/

#navPublic ul li ul li
{
border: 0px solid #000000;
background-image: none;
}

#navPublic ul li.active ul li a
{
font: 12px/20px arial, verdana, helvetica, geneva, sans-serif;
color: #c20019;
text-decoration: none;
padding-left: 20px;
padding-right: 0px;
border: 0px solid #000000;
}

#navPublic ul li ul li.active a, #navPublic ul li ul li a:hover
{
color: #424242;
}


/***SEPARATE SECOND LEVEL....and admin***/

#nav2
{
padding-bottom: 20px; 
}

#nav2 ul li a, #navAdmin  ul li a
{
text-align: center;
vertical-align: middle;
font: 11px arial, verdana, helvetica, geneva, sans-serif;
color: #424242;
text-decoration: none;
line-height: 20px;
border: 0px solid #ffffff;

}


#nav2 ul li.active a, #nav2 ul li a:hover, #navAdmin ul li.active a, #navAdmin ul li a:hover
{
color: #c20019;
}


/*** THIRD LEVEL OF ALL LEVEL NAV ***/

#navPublic ul li ul li ul li
{
border: 0px solid #000000;
background-image: none;
}

#navPublic ul li.active ul li.active ul li a
{
font: 12px/20px arial, verdana, helvetica, geneva, sans-serif;
color: #c20019;
text-decoration: none;
padding-left: 40px;
padding-right: 0px;
border: 0px solid #000000;
}

#navPublic ul li ul li ul.level2 li.active a, #navPublic ul li ul li ul.level2 li a:hover
{
color: #424242;
}


/*** THIRD LEVEL (when 2nd level is seperate from the 1st)....***/

#nav2 ul li.active li a, #navAdmin ul li.active li a
{
text-align: center;
vertical-align: middle;
font: 11px arial, verdana, helvetica, geneva, sans-serif;
color: #424242;
text-decoration: none;
line-height: 20px;
border: 0px solid #ffffff;
padding-left: 15px;
list-style-type: circle;
}

#nav2 .level1 li.active a, #nav2 .level1 li a:hover, #navAdmin .level1 li.active a, #navAdmin .level1 li a:hover
{
color: #c20019;

}

/**** FLOATING NAV ****/
#footerNav *
{
display: inline;
border: 0px solid #000000;
}

#footerNav ul li a
{

font: 11px arial, verdana, helvetica, geneva, sans-serif;
color: #fff;
text-decoration: none;
padding-left: 5px;
padding-right: 5px;
}



/*** CONNECTOR ADS ***/

#connectorAds
{
text-align: center;
padding-bottom: 20px;
border: 0px solid #424242;
}

#connectorAds ul li
{
height: 125px;
list-style:none;
padding: 0;
margin-bottom: 6px;
} 
	
	#connectorAds img
	{
	border: 1px solid #424242;
	}
	
	/* start connector local ad at top of connector ads... */
	#connectorAds #connector_local_ad
	{
	height: 125px;
	width: 125px;
	border: 1px solid #424242;			
	margin: 0 auto;
	margin-bottom: 4px;
	}
	
		#connector_local_ad_local
		{
		height: 36px;
		width: 125px;
	   display: block;		   
	   position: relative;
	   border: 0px solid #424242;	
		}
		
			#connector_local_ad_local span
			{
		   position: absolute;
			top: 0px;
			left: 0px;
			height: 36px;
			width: 125px;
		   background-image:url(/images/dynamic/connector_local_ad_01.jpg);  
		   display: block; 
		   border: 0px solid #424242;	
			}
			
			#connector_local_ad_local span:hover 
			{
	   	background-image:url(/images/dynamic/connector_local_ad_roll_01.jpg);   
			}
		
		#connector_local_ad_business
		{
		height: 30px;
		width: 125px;
	   display: block;		   
	   position: relative;
		}
		
			#connector_local_ad_business span
			{
			position: absolute;
			top: 0px;
			left: 0px;
			height: 30px;
			width: 125px;
		   background-image:url(/images/dynamic/connector_local_ad_02.jpg);   
		   display: block;
			}
		
			#connector_local_ad_business span:hover 
			{
		   background-image:url(/images/dynamic/connector_local_ad_roll_02.jpg);   
			}
			
		#connector_local_ad_classifieds
		{
		height: 30px;
		width: 125px;
	   display: block;		   
	   position: relative;
		}	
		
			#connector_local_ad_classifieds span 
			{
			position: absolute;
			top: 0px;
			left: 0px;
			height: 30px;
			width: 125px;
		   background-image:url(/images/dynamic/connector_local_ad_03.jpg);  
		   display: block; 
			}
			
			#connector_local_ad_classifieds span:hover 
			{
		   background-image:url(/images/dynamic/connector_local_ad_roll_03.jpg);   
			}
		
		#connector_local_ad_voice
		{
		height: 29px;
		width: 125px;
	   display: block;		   
	   position: relative;
		}
			
		
			#connector_local_ad_voice span
			{
			position: absolute;
			top: 0px;
			left: 0px;
			height: 29px;
			width: 125px;
		   background-image:url(/images/dynamic/connector_local_ad_04.jpg);
		   display: block;   
			}
		
			#connector_local_ad_voice span:hover 
			{
		   background-image:url(/images/dynamic/connector_local_ad_roll_04.jpg);   
			}
	/* end connector local ad at top of connector ads... */



/**** MAIN LAYOUT ****/

#container
{
padding-top: 0px;
text-align: center;
margin: 0 auto;
}


	#container_2
	{
	border: 0px solid #000000;
	width: 1001px;
	text-align: left;
	margin: 0 auto;
	padding: 0px;	
	}
		
		
		#header
		{
		border: 0px solid #000000;
		position: relative;
		width: 1001px;
		height: 218px;
		background-image: url(i/geerlinks2_01.jpg);
		background-repeat: no-repeat;	
		display: block;
		}		
			

		#menu_container
		{
		border: 0px solid #000000;
		position: relative;
		width: 165px;
		height: 28px;		
		display: block;
		}
				
		#title_cell
		{
		border: 0px solid #000000;
		position: relative;
		
		
		display: block;
		}		
		
			#title_cell_padding
			{
			text-align: left;
			border: 0px solid #000000;
			padding-left: 0px;
			padding-top: 0px;
			padding-right: 0px;
			padding-bottom: 15px;				
			}			
		
		#content_container_with_nav
		{
		border: 0px solid #000000;
		width: 1001px;		
		min-height: 200px;
		background-image: url(i/geerlinks2_02_tiling.jpg); 
		background-repeat: repeat-y; 
		}
					
		
			#left_column
			{
			border: 0px solid #000000;
			text-align: left;
			float: left;
			width: 200px;	
			/*background-image: url(i/menu_divider_repeating.jpg); 
			background-repeat: repeat-y; */
			}
			
				#left_column_padding
				{
				text-align: left;
				border: 0px solid #000000;
				padding-left: 25px;
				padding-top: 0px;
				padding-right: 10px;
				padding-bottom: 0px;				
				}								
								
						
			#main_content_with_nav
			{
			border: 0px solid red;			
			position: relative;
			top: -45px;
			left: 17px;
			float: left;
			width: 770px;
			}		
				
			
				#main_image_container
				{
				position: relative;
				/*top: -45px;
				left: 17px;*/
				/*display: none;*/
				height: 286px;
				width: 753px;	
				z-index: 0;
				border: 0px solid #000000;
				}	
				
					#slogan
					{
					border: 0px solid #000000;
					position: absolute;
					height: 57px;
					width: 455px;
					top: -30px;
					left: 180px;
					background-image: url(i/geerlinks_slogan.png);
					background-repeat: no-repeat;	
					/*display: none;*/
					z-index: 30;
					}		
					
					#image_mask
					{
					border: 0px solid #000000;
					position: absolute;
					height: 38px;
					width: 998px;
					top: -4px;
					left: -218px;
					background-image: url(i/image_mask.png);
					background-repeat: no-repeat;	
					/*display: none;*/
					z-index: 20;
					}		
					
					#image_mask_bottom
					{
					border: 0px solid #000000;
					position: absolute;
					height: 63px;
					width: 785px;
					top: 245px;
					left: -14px;
					background-image: url(i/image_mask_bottom.png);
					background-repeat: no-repeat;	
					/*display: none;*/
					z-index: 10;
					}						
			
					#main_image
					{
					border: 0px solid #000000;
					position: absolute;	
					height: 286px;
					width: 753px;						
					z-index: 1;
					}			
					
				#main_content_padding
				{
				padding-left: 0px;
				padding-top: 0px;
				padding-right: 0px;
				padding-bottom: 0px;
				}	
				
					#main_content_2
					{
					border: 0px solid red;			
					position: relative;
					top: 15px;
					left: 0px;
					float: left;
					width: 750px;
					}		
				
						
		#footer
		{
		border: 0px solid #000000;
		text-align: center;
		height: 142px;
		width: 1001px;
		background-image: url(i/geerlinks2_03.jpg); 
		background-repeat: no-repeat; 		
		}
		
			#footer_nav_container
			{			
			border: 0px solid #000000;
			position: relative;
			top: 80px;
			text-align: right;			
			padding-right: 40px;
			}					
		
		
		#footer table
		{
		margin: 0 auto;
		}

				
/* Module and page specific items */

#image_cycler_container
{
width: 100%;
padding-left: 0px;
padding-top: 1px;
border: 0px solid #000000;
}

#image_cycler_container_2
{
position: relative;
height: 270px;
width: 441px;
height: 225px;
width: 300px;
background-image: url(i/image_cycler_bg.jpg);
background-repeat: no-repeat;
}

#image_cycler
{
text-align: center;
margin: 0 auto;
position: relative;
top: 14px;
left: -1px;

}

/*** staff ***/

.staff_advanced_css table
{
width: 100%;
}

.staff_advanced_css table td
{
vertical-align: top;
border: 0px dotted #000;
}

.staff_advanced_css .staff_photo
{
margin: 0px 10px 10px 0px;
border: 1px solid #000;
}


/*** LINKS MODULE ***/

.chameleon_link_list table td
{
border: 0px solid #000000;
text-align: left;
padding: 5px;
{
		
