*
{
	margin		: 0;
	padding		: 0;
}
html, body
{
	margin		: 0;
	padding		: 0;
	background	: #8da6a3;
	font		: 12px Arial, Helvetica, sans-serif;
}
table, table td, a, a img { border: 0; }

/* ------------------------------ General HTML Elements */
a { }
a:hover { text-decoration: none; }

div.clear { clear: both; }

h1 
{ 
	color			: #e2e8d7;
	font			: normal 22px Tahoma, Arial, sans-serif;
	letter-spacing	: 1px;
}

p { margin: 15px 0; }

input.text { }
input.button { }

#pageHead
{
	height			: 120px;
	background		: #849b4f url(images/pageHead_bg.jpg) bottom left repeat-x;
	border-bottom	: #eef0ee 2px solid;
	position		: relative;
	color			: #e2e8d7;
}
#pageHead h1
{
	position	: absolute;
	top			: 16px;
	left		: 20px;
}

a#logo
{
	display		: block;
	width		: 251px;
	height		: 57px;
	background	: url(images/cal-sdan_logo.jpg) top left no-repeat; 
	text-indent	: -9999px;
	position	: absolute;
	left		: 10px;
	bottom		: 10px;
}

#pageHead blockquote
{
	display			: block;
	padding			: 0 60px 0 30px;
	text-align		: center;
	border			: #fff 2px solid;
	border-top		: 0;
	border-bottom	: 0;
	font			: 17px/20px 'Century Gothic', Arial, Tahoma, sans-serif;
	position		: absolute;
	left			: 600px;
	top				: 10px;
	background		: url(images/pageHead_blockquote_bg.gif) 155px 4px no-repeat;
}

/* ------------------------------ mainNav */
#mainNav 
{
	list-style	: none;
	position	: absolute;
	bottom		: 16px;
	left		: 270px;
	width		: 588px; /* IE6 doesn't support min-width */
}
#mainNav li { display: inline; }
#mainNav li a
{
	display				: block;
	float				: left;
	height				: 45px;
	line-height			: 45px;
	color				: #985553;
	text-decoration		: none;
	font				: 22px 'Century Gothic', Arial, sans-serif;
	letter-spacing		: -1px;
	text-indent			: -9999px;
	background-position	: bottom left;
	background-repeat	: no-repeat;
}
#mainNav li a:hover { background-position: top left; }

#mainNav #classified
{
	width				: 122px;
	background-image	: url(images/mainNav_classified.jpg);
}
#mainNav #display
{
	width				: 98px;
	background-image	: url(images/mainNav_display.jpg);
}
#mainNav #order
{
	width				: 85px;
	background-image	: url(Images/mainNav_order.jpg);
}
#mainNav #ads
{
	width				: 63px;
	background-image	: url(images/mainNav_ads.jpg);
}
#mainNav #about
{
	width				: 89px;
	background-image	: url(images/mainNav_about.jpg);
}
#mainNav #contact
{
	width				: 119px;
	background-image	: url(images/mainNav_contact.jpg);
}

#mainNav li.divider
{
	display		: block;
	float		: left;
	height		: 45px;
	width		: 2px;
	background	: url(images/mainNav_divider.gif) center center no-repeat;
}



#media
{
	height			: 233px;
	background		: #62a7ac url(images/media_bg.jpg) bottom left repeat-x;
	position		: relative;
	border-bottom	: #685c55 4px solid;
	z-index			: 612;
}
#media #newspaper
{
	position	: absolute;
	left		: 231px;
	top			: 32px;
	width		: 487px;
	height		: 212px;
	background	: url(images/newspaper.png) top left no-repeat;
}


/* ------------------------------ panel */
#panel
{
	position		: absolute;
	z-index			: 2008;
	width			: 230px;
	left			: 40px;
	top				: 18px;
	font-family		: 'Century Gothic', Arial, sans-serif;
	padding-bottom	: 10px;
}
#panel h1#head
{
	width		: 230px;
	height		: 79px;
	background	: url(images/panel_head.gif) top left no-repeat;
}
#panel .content
{
	float		: left;
	padding		: 5px 10px;
	background	: url(images/panel_content_bg.gif) top left repeat-y;
}

#panel h2
{
	border-top		: #6a5e56 6px solid;
	padding			: 33px 4px 6px 4px;
	background		: #a8a88c url(images/h2_region.jpg) top center no-repeat;
	color			: #000;
	font-size		: 11px;
	font-weight		: normal;
	margin-bottom	: 6px;
	clear			: both;
	float			: right; /* IE7 */
}
#panel h2#region 	{ background-image: url(images/h2_region.jpg); }
#panel h2#statewide	{ background-image: url(images/h2_statewide.jpg); }
#panel h2#national	{ background-image: url(images/h2_national.jpg); }

#panel a.rate
{
	display			: block;
	width			: 108px;
	height			: 66px;
	background		: url(images/rate_bg.jpg) top left no-repeat;
	color			: #fff;
	font			: 28px 'Comic Sans MS', Arial, sans-serif;
	text-decoration	: none;
	line-height		: 66px;
	text-align		: center;
	float			: right;
}
#panel a#displayRates
{
	display		: block;
	width		: 181px;
	height		: 94px;
	background	: url(images/displayRates.jpg) bottom left no-repeat;
	text-indent	: -9999px;
	clear		: both;
	margin-left	: 14px;
}
#panel a:hover#displayRates { background-position: top left; }

#panel #foot
{
	width			: 230px;
	height			: 19px;
	background		: url(images/panel_foot.gif) top left no-repeat;
	clear			: both;
	margin-bottom	: 10px;
}
#bbb { margin-left: 82px; }

#main
{
	border-top	: #cdcdbb 4px solid; 
	background	: #dee1df url(images/main_bg.gif) top left repeat-x;
	padding		: 18px 0 25px 0;
	position	: relative;
	float		: left;
	width		: 100%;
}
.home #main 
{ 
	background	: #dee1df url(images/main_bg_home.gif) top left repeat-x; 
	padding-top	: 50px;
}
#main .content
{
	width		: 375px;
	padding		: 25px;
	margin-left	: 25px;
	margin-top	: 6px;
}
.home #main .content
{
	margin			: 0 0 0 510px;
	background		: #dee1df url(images/main_content_bg.gif) top left no-repeat;
	font-size		: 14px;
}
#main .content p:first-child { margin-top: 0; }

#main .content 
{ 
	background	: #cacdc4; 
	float		: left;
}

#main #texture
{
	display		: block;
	width		: 241px;
	height		: 160px;
	background	: url(images/texture_bg.jpg) top left no-repeat;
	position	: absolute;
	left		: 275px;
	top			: 105px;
	padding		: 5px 5px 5px 5px;
}
#main #deadline
{
	margin		: 0;
	width		: 223px;
	height		: 80px;
	background	: url(images/deadline_bg.gif) top left no-repeat;
	position	: absolute;
	left		: 275px;
	top			: 10px;
	color		: #dee1df;
	text-align	: center;
	padding-top	: 15px;
	font		: 12px 'Century Gothic', Arial, sans-serif;
}

#contentSide
{
	width		: 358px;
	background	: url(images/contentSide_bg.jpg) top left no-repeat;
	margin-left	: 18px;
	float		: left;
}
#contentSide2
{
	padding		: 30px;
	background	: url(images/contentSide_foot.jpg) bottom left no-repeat;
}


/* ------------------------------ footer */
#footer
{
	clear		: both;
	background	: url(images/footer_bg.gif) top left repeat-x;
	color		: #e6e8e6;
	font-size	: 12px;
	padding		: 15px 0 15px 300px;
}
#footer a { color: #e6e8e6; }
#footer a:hover { color: #fff; }

.content-editable
{
    background : #FFFFE6;
}
.content-editable-over
{
    background : #FFFF80;
    cursor     : pointer;
}

/* ---------- other buttons ----- */
a.otherbutton{
background: transparent url('images/square-blue-left.gif') no-repeat top left;
display: block;
float: left;
font: normal 12px Arial;
line-height: 15px; 
height: 23px; 
padding-left: 9px; 
text-decoration: none;
}

a:link.otherbutton, a:visited.otherbutton, a:active.otherbutton{
color: #494949; 
}

a.otherbutton span{
background: transparent url('images/square-blue-right.gif') no-repeat top right;
display: block;
padding: 4px 9px 4px 0; 
}

a.otherbutton:hover{ 
background-position: bottom left;
}

a.otherbutton:hover span{ 
background-position: bottom right;
color: black;
}

.buttonwrapper{ 
overflow: hidden; 
width: 100%;
}