/* ===== General Styles ===== */
body
{
	font-family:Arial, Helvetica, Verdana, Sans-Serif;
	font-size:12px;
	color:#333333;
	margin:0px;
	padding:0px;
	width:1000px;
}

a
{
	color: #7C0049;
	font-weight: normal;
	text-decoration: none;
}

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

.tx11
{
	font-family:Arial, Helvetica, Verdana, Sans-Serif;
	font-size:11px;
}

.tx12
{
	font-family:Arial, Helvetica, Verdana, Sans-Serif;
	font-size:12px;
}

.hdg_01
{
	font-size: 20px;
	font-weight: bold;
	color: #FF8300;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	text-decoration: none;
}

#header, #content, #footer
{
	float:left;
}

/* ===== Ad Containers ===== */
#ad_lb_container
{
	height:90px;
	text-align:center;
	padding:5px 0px 5px 0px;
	background-color:#f2f2f2;
	border:solid 1px #e3e3e3;
}

#ad_lb_container #ad_leaderboard
{
	position:absolute;
	left:150px;
	width:728px;
	height:90px;
}

#ad_lb_container #ad_leaderboard #ad_leaderboard_inner
{
	position:absolute;
	left:0px;
	width:728px;
	height:90px;
	overflow:hidden;
}

#ad_rect300_container
{width:300px;}

#ad_rect300_container, 
#ad_skyscraper_container
{
	text-align:center;
	vertical-align:middle;
	padding:5px 0px 5px 0px;
	background-color:#f2f2f2;
	border:solid 1px #e3e3e3;
}

/* >>>>> BEGIN Large Rectangular <<<<< */
#ad_rect300_container #ad_medium_rectangular 
{
	float:none;
	display: block;
	position:relative;
	width: 300px;
	height:250px;
	margin: 0px auto;
	padding: 0px;
}

#ad_rect300_container #ad_medium_rectangular #ad_medium_rectangular_inner
{
	float:none;
	position:absolute;
	width: 300px;
	height:250px;
	top:0px;
	right:0px;
	overflow:hidden;
}

#ad_rect300_container #ad_medium_rectangular #ad_medium_rectangular_inner *
{
	float:none;
	position:absolute;
	top:0px;
	right:0px;
}
/* >>>>> END Large Rectangular <<<<< */

/* >>>>> BEGIN Skyscraper <<<<< */
#ad_skyscraper_container #ad_skyscraper
{
	display: block;
	position:relative;
	width: 120px;
	height:600px;
	margin: 0px 20px;
	padding: 0px;
}

#ad_skyscraper_container #ad_skyscraper #ad_skyscraper_inner
{
	position:absolute;
	width: 120px;
	height:600px;
	top:0px;
	right:0px;
	overflow:hidden;
}

#ad_skyscraper_container #ad_skyscraper #ad_skyscraper_inner *
{
	position:absolute;
	top:0px;
	right:0px;
}
/* >>>>> END Skyscraper <<<<< */

#ad_tile_container
{
	text-align:center;
	vertical-align:middle;
}

#ad_tile_container ul, #ad_tile_container li
{
	list-style:none;
	margin:0px;
	padding:0px;
	float:left;
}

#ad_tile_container ul
{
	padding-top:5px;
	border:solid 1px #e3e3e3;
	background-color:#f2f2f2;
}

#ad_tile_container li
{
	padding:0px 5px 5px 5px;
}

.googlelinkunit
{border-bottom:solid 1px #f0f0f0;}

.googlelinkunit h1#link_header
{
	font-size:12px;
	padding:2px 0px 2px 5px;
	background:#e3dcd2;
	color:#666;
	text-transform:uppercase;
}

.googlelinkunit ul, 
.googlelinkunit li
{
	margin:0px;
	padding:0px;
}

.googlelinkunit ul
{padding:5px 10px;}

.googlelinkunit li
{
	background:url(/images/2007/bullet_graypink.gif) no-repeat 0px 3px;
	padding-left:9px;
	list-style:none;
}

.googlelinkunit li a
{
	color:#cc3366;
	font-weight:bold;
	font-size:11px;
}

/* ===== Header ===== */
#header
{
	border-top:solid 1px #a42d5c;
	background:url(/images/2007/topshadow.gif) repeat-x top;
	position:relative;
	width:1000px;
}

#header #clovetwo_logo
{
	padding-top:6px;
	border:none;
}

#header #section_title
{
	padding:0px 0px 0px 5px;
	margin:0px 0px 15px 0px;
	border-left: solid 1px #ccc;
	font-family:Arial, Helvetica, Verdana, Sans-Serif;
	font-size:36px;
	color:#b86fa0;
}

/* ===== Top Menu : About Us, Site Map ===== */
#header #topmenu
{
	position:absolute;
	top:0px;
	right:5px;
}

#header #topmenu ul
{
	margin:0px;
	padding:0px;
}

#header #topmenu li
{
	/* 
		This stupid border is to draw the purple border
		otherwise this button will float on top of the
		header's purple border and hide it.

		Oh yea, this thing only happens for IE6 because
		the border is rendered "outside" the element
		IE 7, FFox 2.0, Safari, Opera are OK.
	*/
	margin-top:-1px;
	list-style:none;
	float:left;
}

/*
	Now... IE 6 doesn't understand the > symbol
	so we can use this rule to remove the border in
	IE 7, FFox 2.0, Safari, Opera  ;)
*/
#header #topmenu ul>li
{
	margin-top:0px;
}

#header #topmenu li a
{
	display:block;
	width:65px;
	height:17px;
	background-image:url(/images/2007/topmenu/topmenu.gif);
	background-repeat:no-repeat;
	color:#8d3d4d;
	font-size:10px;
	text-align:center;
	padding-top:2px;
	text-decoration:none;
}

#header #topmenu li a:hover
{text-decoration:underline;}

/* ===== Search Box ===== */
#header form.search_box
{
	position:absolute;
	float:left;
	right:5px;
	top:33px;
	color: #003399;
	border: none;
	padding: 0px;
	margin: 0px;
}

#header form.search_box div.form_fields
{float:left;}

#header form.search_box div.form_buttons
{float:left;}

#header form.search_box div.form_fields input
{
	width:160px;
	padding:1px;
	border: 1px solid #d8d1c9;
	margin:0px;
	color: #636363;
	font-family: Tahoma;
	font-size:10px;
}

#header form.search_box div.form_fields p 
{
	padding: 0px 0px 0px 0px;
	margin: 0px;
	font-family: Tahoma;
	font-size: 10px;
	color: #806c6e;
}

#header form.search_box div.form_fields p img 
{
	padding: 0px;
	border: none;
	margin: 0px;
	vertical-align: middle;
}

#header form.search_box div.form_buttons button 
{
	border: none;
	width: 36px;
	height: 28px;
	padding: 0px;
	margin: 8px 2px 2px 2px;
	background: none;
}

/* ===== Content ===== */
#content
{
	background:url(/images/2007/navi_shadow.gif) repeat-x top;
	padding:15px 0px 10px 0px;
	width:1000px;
}

#content h1, h2, h3, h4, h5, p
{	
	padding:0px 0px 10px 0px;
	margin:0px;
}

#content #breadcrumb
{
	font-family:Verdana, Helvetica, Arial, Sans-Serif;
	font-weight:bold;
	font-size:10px;
	color:#c274ac;
	padding:0px 10px 3px 10px;
	width:980px;
	border-bottom:solid 1px #e2caa9;
}

#content #breadcrumb a
{
	font-weight:bold;
	color:#c274ac;
	text-decoration:none;
	padding:0px 0px;
}

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

#content #container
{
	padding:10px 0px;
}

#content div
{
	float:left;
	width:100%;
}
/* ===== Item Container Definitions ===== */
#content .item
{
	padding-bottom:7px;
	border-bottom:solid 1px #f0f0f0;
	margin-bottom:7px;
}

#content .no_border
{
	border:none;
}

#content .item .col
{
	width:159px !important;
	width:157px;
}

#content .item div.left
{
	clear:left;
	border-right:solid 1px #f0f0f0;
	padding-right:5px;
}

#content .item div.right
{
	border-left:solid 1px #f0f0f0;
	padding-left:5px;
	margin-left:-1px;
}

/* ===== Paging Styles ===== */
#content #paging
{
	float:none;
	margin:0px;
	padding:0px;
	padding-bottom:20px;
}

#content #paging dt, 
#content #paging dd,
#content #paging ul,
#content #paging li
{
	font-size:11px;
	margin:0px;
	padding:0px;
	list-style:none;
	float:right;
}

#content #paging dt
{padding:4px;}

#content #paging dt .page
{font-weight:bold;}

#content #paging dd
{
	clear:right;
	float:none;
}

#content #paging li
{
	border-left:solid 1px #333;
	border-right:solid 1px #333;
	margin-left:-1px;
	margin-bottom:6px;
	float:left;
}

#content #paging .no_border
{border:none;}

#content #paging a
{
	margin:0px 4px;
	float:left;
	padding:4px;
	font-size:11px;
	font-weight:bold;
	color:#333;
}

#content #paging .active, 
#content #paging a:hover
{
	margin:0px 4px;
	float:left;
	padding:4px;
	font-size:11px;
	font-weight:bold;
	color:#FFF;
	background:#dd0000;
	text-decoration:none;
}

/* ===== Footer ===== */
#footer
{
	text-decoration:none;
	border-top:solid 1px #e2caa9;
	text-align:center;
	padding-top:10px;
	width:1000px;
}

#footer dl, #footer dd
{
	margin:0px;
	padding:0px;
}

#footer dl
{
	padding:2px 0px;
}

#footer dd
{
	display:inline;
	padding-right:5px;
	font-family:Verdana, Arial, Helvetica, Sans-Serif;
	font-size:10px;
}

#footer a img
{border:none;}

#footer a
{
	padding:2px 3px 2px 3px;
	color:#666666;
	text-decoration:none;
}

#footer span.footer_link_head a
{
	font-weight:bold;	
	font-size:10px;
	text-transform:uppercase;
}

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

#footer dl#help_links
{
	margin-top:15px;
}

#footer #statement
{
	width:990px;
	text-align:left;
	margin-top:10px;
	padding:10px 5px 5px 5px;
	color:#988787;
	background:url(/images/2007/navi_shadow.gif) repeat-x top;
	position:relative;
}

#footer #statement #logo
{
	vertical-align:middle;
	position:absolute;
	right:5px
}