body
{
	text-align: center;
	background-color: #CC9;
	margin-top: 0px;
	padding: 0px;
	font-family: Verdana, Arial, sans-serif;
}


/*  Creating the base layout, sectioning the pages  */


#frame
{
	width: 740px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 0px;
	padding: 0px;
	text-align: left;
	background-color: #FFF;
	background-image: url(../images/left_col_bkgrd.gif);
	background-repeat: repeat-y;
}


#contentLeft
{
	width: 208px;
	height: 460px;
	margin: 0px 0px 0px 0px;
	padding: 0px;
	float: left;
}

#contentCenter, #contentCenterIndex
{
	width: 312px !important;
	width: 372px;
	width/**/:/**/312px;
	margin: 0px 0px 0px 0px;
	padding: 0px 30px 0px 30px;
	float: left;
}

#contentCenter
{
	background-color: #FFF;
	background-image: url(../images/top_header_bkgrd.gif);
	background-repeat: repeat-x;
}

#contentCenterIndex
{
	height: 520px;
	background-image: url(../images/index_center_bkgrd.jpg);
	background-repeat: no-repeat;
}




/*  Left Navigation  */

#navigation
{
	width: 192px !important;
	width: 206px;
	width/**/:/**/192px;
	height: 328px;
	margin: -3px 0px 0px 0px;
	padding: 20px 0px 0px 14px;
	background-image: url(../images/nav_graident.gif);
	background-repeat: no-repeat;
	font-size: 10px;
	line-height: 18px;
}

#navigation a:link, #navigation a:visited
{
	text-decoration: none;
	color: #660;
}

#navigation a:hover { font-weight: bold; }

.navigationContact a
{
	text-decoration: none;
	color: #660;
	padding: 3px 6px 3px 4px;
	border-color: #D1BB60;
	border-width: 1px 1px 2px 2px;
	border-style: solid;
}





/*  Breadcrumb  */


#breadcrumb
{
	margin: 20px 0px 55px 0px;
	padding: 0px;
	font-size: 10px;
	text-transform: uppercase;
	color: #630;
}

#breadcrumb a:link, #breadcrumb a:visited
{
	text-decoration: none;
	color: #660;
}

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


/*  Main content styles  */

#contentCenter p, #contentCenter td, #contentCenter li, #contentCenterIndex p, #contentCenterIndex li
{
	font-size: 11px;
	line-height: 16px;
	color: #630;
}

#contentCenter h5
{
	font-size: 11px;
	line-height: 16px;
	color: #660;
}

#contentCenter h1 
{
	font-size: 12px;
	line-height: 14px;
	color: #630;
}

#contentCenter h2 
{
	font-size: 11px;
	line-height: 16px;
	color: #660;
}

#contentCenter a:link, #contentCenter a:visited, #contentCenterIndex a:link, #contentCenterIndex a:visited
{
	text-decoration: underline;
	color: #660;
	font-size: 11px;
}

#contentCenter a:hover, #contentCenterIndex a:hover
{
	text-decoration: none;
	color: #660;
	font-size: 11px;
}

.toplink a
{
	font-size: 9px;
	text-decoration: none;
	color: #660;
}

.toplink a:hover, a:visited
{
	font-size: 9px;
	text-decoration: none;
	color: #660;
}


/*  Footer styles  */

/*  This code is shared among all the footer images */

#contentFooter1, #contentFooter2, #contentFooter3
{
	width: 720px !important;
	width: 740px;
	width/**/:/**/720px;
	padding: 5px 0px 5px 20px;
	float: left;
	background-color: #660;
	background-repeat: repeat-y;
	background-position: right;
}



/*  This is where you change out the footer backgrounds */
/*  Work in tandem with the wrapper and topRight images */

#contentFooter1 { background-image: url(../images/1_email_footer.gif); }
#contentFooter2 { background-image: url(../images/2_email_footer.gif); }
#contentFooter3 { background-image: url(../images/3_email_footer.gif); }


#footer
{
	font-size: 10px;
	line-height: 14px;
	color: #FFF;
}

#footer a:link, #footer a:visited
{
	text-decoration: none;
	color: #FFF;
}

#footer a:hover { text-decoration: underline; }

.indent { margin: 0px 0px 0px 30px; }



/*  The unique right background columns  */
/*  They work as pairs... wrapper1 (the leaf image) goes with topRight1 (the top image) */

/*  This code is shared among all the wrapper images */

#wrapperIndex, #wrapper1, #wrapper2, #wrapper3
{
	width: 740px;
	margin: 0px 0px 0px 0px;
	padding: 0px;
	background-repeat: no-repeat;
	background-position: right bottom;
}

/*  This is where you change out the wrapper backgrounds */

#wrapper1 { background-image: url(../images/1_right_col_bkgrd.gif); }
#wrapper2 { background-image: url(../images/2_right_col_bkgrd.gif); }
#wrapper3 { background-image: url(../images/3_right_col_bkgrd.gif); }



/*  This code is shared among all the bottomRight images */

#topRight1, #topRight2, #topRight3, #topRight4, #topRight5, #topRight6, #topRight7, #topRight8
{
	width: 160px;
	height: 250px;
	margin: 0px 0px 0px 0px;
	padding: 0px;
	float: left;
	background-repeat: no-repeat;
	background-position: left top;
}

#topRight1 { background-image: url(../images/1_right_col_image.jpg); }
#topRight2 { background-image: url(../images/2_right_col_image.jpg); }
#topRight3 { background-image: url(../images/3_right_col_image.jpg); }
#topRight4 { background-image: url(../images/4_right_col_image.jpg); }
#topRight5 { background-image: url(../images/5_right_col_image.jpg); }
#topRight6 { background-image: url(../images/6_right_col_image.jpg); }
#topRight7 { background-image: url(../images/7_right_col_image.jpg); }
#topRight8 { background-image: url(../images/8_right_col_image.jpg); }



/*  This code is for the Index ONLY */

#topRightIndex
{
	width: 160px;
	height: 520px;
	margin: 0px 0px 0px 0px;
	padding: 0px;
	float: left;
	background-image: url(../images/index_right_column.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
/* For the Carf Logo */

#carflogo
{
	margin: 0px 0px 0px 0px;
	padding: 0px;
	background-image: url(../images/carf.gif);
	background-repeat: no-repeat;
	background-position: left top;
}