/***** COLORS *****
6e60ab purple
f3793c orange
6ebf63 green
/*******************/

 /*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 { 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-right:		10px;
	margin-top:			10px;
	margin-left:		20px;
	padding:			0px;
}

.fck_editor_editing_area_body ol
{
	list-style: 		decimal;
	margin-right:		10px;
	margin-top:			10px;
	margin-left:		30px;
	padding:			0px;
}

.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: #ffffff;
}

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

h1
/* used for section title */
{	
	font: 20px/24px arial, verdana, helvetica, geneva, sans-serif;
	color: #6e60ab;
}

h2
/* used for title */
{
	font: 18px/20px arial, verdana, helvetica, geneva, sans-serif;	
	color: #6e60ab;
}

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

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

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


.highlight
{
	font: 12px/16px arial, verdana, helvetica, geneva, sans-serif;	
	color: #f3793c;
}

.header
{
	font: 14px/20px arial, verdana, helvetica, geneva, sans-serif;	
	color: #f3793c;
}


/***** 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
{
	list-style: disc;
	margin-top: 10px;
	margin-left: 20px;
	margin-bottom: 10px;
	padding: 0;
}


/***** TESTIMONIALS STUFF *****/

.chameleon_testimonials table tr td
{
padding-bottom: 10px;
}

#testimonialBlock a
{
color: #f4f303;
margin-bottom: 10px;
}

#testimonialBlock h4, #testimonialBlock h3 /*news item*/
{
color: #424242;
}

#testimonialBlock
{
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 table tr td
{
padding-bottom: 10px;
}

.chameleon_daily_news .header
{
color: #6e60ab;
}

/*** mini news ***/
#newsBlock
{
color: #424242;
margin-bottom: 10px;
}

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

#newsBlock h4, #newsBlock h3 /*news item*/
{
color: #424242;
}


/**** 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;
width:150px;
display:block;
clear:both;
margin-bottom:7px;
}

.autoForm input {

}


/**** LOGIN FORM *****/

#login_form .autoFormText
{
padding-bottom: 3px;
}

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

/* LoVe HAte anchors */
a {color: #f3793c}
a:link {color: #f3793c }
a:visited {color: #f3793c }
a:hover {color: #6ebf63 }
a:active {color: #f3793c }

@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 *
{
display: inline;
}

#navPublic
{
text-align: center;
vertical-align: middle;
height: 28px;
line-height: 28px;
background-image: url(i/menu_btn_1px.gif);
background-repeat: repeat-x;
}


#navPublic ul li a
{
text-align: center;
vertical-align: middle;
font: bold 14px arial, helvetica, arial, geneva, sans-serif;
color: #ffffff;
text-decoration: none;
height: 28px;
line-height: 28px;
background-image: url(i/menu_btn_divider_2.gif);
background-repeat: no-repeat;
background-position: 0% 100%;
padding-left: 18px;
padding-right: 5px;
border: 0px solid #000000;
}


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

}



/*** 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: 14px/51px arial, verdana, helvetica, geneva, sans-serif;
color: #245091;
text-decoration: none;
padding-left: 30px;
padding-right: 5px;
border: 0px solid #000000;
}

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


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

#nav2
{
padding-bottom: 20px 
}

#nav2 ul li a, #navAdmin  ul li a
{
text-align: center;
vertical-align: middle;
font: 12px arial, verdana, helvetica, geneva, sans-serif;
color: #6ebf63;
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: #f3793c;

}


/*** 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: #6ebf63;
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: #f3793c;

}

/**** FLOATING NAV ****/
#footerNav
{
border: 0px solid #000000;
padding-top: 20px;
}

#footerNav ul li a
{

font: bold 14px 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: 20px;
text-align: center;
margin: 0 auto;
}


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

		#menu_container
		{
		border: 0px solid #000000;
		position: relative;
		text-align: center;
		top: 260px;
		width: 1000px;
		height: 28px;
		/*background-image: url(i/creative_02.jpg);
		background-repeat: no-repeat;	*/
		display: block;
		}
				
		#title_cell
		{
		border: 0px solid #000000;
		position: relative;
		width: 1000px;
		height: 30px;
		display: block;
		}		
		
			#title_cell_padding
			{
			text-align: left;			
			padding-left: 35px;
			padding-top: 0px;
			padding-right: 0px;
			padding-bottom: 0px;				
			}			
		
		
		#content_container, #content_container_with_nav
		{				
		border: 0px solid #000000;
		width: 1000px;		
		min-height: 200px;
		background-image: url(i/creative_02_repeating.jpg); 
		background-repeat: repeat-y; 
		}
		
			#left_column
			{
			border: 0px solid #000000;
			text-align: left;
			float: left;
			width: 180px;	
			/*background-image: url(i/menu_divider_repeating.jpg); 
			background-repeat: repeat-y; */
			}
			
				#left_column_padding
				{
				text-align: left;
				border: 0px solid #000000;
				padding-left: 30px;
				padding-top: 43px;
				padding-right: 10px;
				padding-bottom: 0px;				
				}								
				
				
			#main_content
			{
			position: relative;
			left: 20px;
			float: left;
			width: 960px;
			border: 0px solid #000000;			
			}
			
			#main_content_with_nav
			{
			position: relative;
			float: left;
			width: 800px;
			border: 0px solid #000000;
			}
			
				#main_content_padding
				{
				padding-left: 15px;
				padding-top: 10px;
				padding-right: 15px;
				padding-bottom: 20px;
				}			
		
		
		
		#footer *
		{
		display: inline;
		}
				
		#footer
		{
		position: relative;
		text-align: center;
		height: 194px;
		width: 1000px;
		background-image: url(i/creative_03.jpg); 
		background-repeat: no-repeat; 		
		border: 0px solid #000000;
		}
		
			#footer_padding
			{			
			position: relative;
			top: 8px;			
			}	
		
		
		#footer table
		{
		margin: 0 auto;
		}

				
/* Module and page specific items */

.chameleon_staff_advanced img, .staff_advanced img
{
margin: 10px 10px 0px 0px;
}

.chameleon_photos img
{
margin: 0px 10px 10px 0px;
}