@charset "UTF-8";
html, body {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	background: #eeeeee url(/images/clements_bg.gif) repeat-y center;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	height:100%;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #000000;
}
.oneColElsCtr #container {
	width: 800px;
	background: #FFFFFF;
	margin: 0px auto;
	text-align: left;
	padding: 0px;
	height:100%;
}

/* **************************************************************** */
/* FOOTER */
#footerGroup {
	width: 800px;
	padding-top: 10px;
	padding-bottom: 20px;
	padding-left: 0px;
}
#footerGroup .copyright{
	padding-right:15px;
	font: 11px Arial, Helvetica, sans-serif;
	color: #959595;
	text-align: right;
}

/* **************************************************************** */
/* MAIN CONTENT */
.oneColElsCtr #mainContent {
	padding: 0; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	margin: 0px;
	width: 800px;
	min-height:100%;
	background: #FFFFFF;
	float:left;
	position:relative;
}



/* **************************************************************** */
/* BEGIN CLEMENTS CSS */


/* HEADER */
#mainContent #logo {
	width: 265px;
	float: right;
	margin: 0px;
	padding: 0px 25px 0px 0px;
	height: 61px;
}
#mainContent #topnav {
	margin: 0px;
	padding: 20px 0px 0px 15px;
	height: 56px;
	width: 300px;
	float: left;
}
#mainContent #topnav ul {
	list-style: none;
	margin: 0px;
	padding: 0px;
}
#mainContent #topnav li {
	display: inline;
	font: 10px Arial, Helvetica, sans-serif;
	color: #959595;
	margin: 0px;
	padding: 0px 5px 0px 0px;
}
#mainContent #topnav li a {
	font: 10px Arial, Helvetica, sans-serif;
	color: #959595;
	text-decoration:none;
	margin: 0px;
	padding: 0px;
}
#mainContent #topnav li a:hover {
	text-decoration:underline;
}
#mainContent #topnav .but_concierge {
	margin: 0px;
	padding: 20px 0px 0px;
}
#mainContent #searchGroup {
	margin: 0px;
	padding: 15px 0px 0px;
	width:180px;
	height: 46px;
	float: left;
}
#mainContent #searchGroup #mySearch {
	margin: 0px;
	padding: 0px;
}
#mainContent #searchGroup #search {
	font: 10px Arial, Helvetica, sans-serif;
	color: #959595;
	width: 120px;
	border: 1px solid #DEDCDE;
	padding: 2px;
}
#mainContent #searchGroup #submit {
	padding: 2px;
	width: 30px;
	background: #FFFFFF;
	font: 10px Arial, Helvetica, sans-serif;
	color: #959595;
	border-top: 1px solid #DEDCDE;
	border-right: 1px solid #DEDCDE;
	border-bottom: 1px solid #DEDCDE;
	border-left: 1px solid #DEDCDE;
	cursor:pointer;
}	
	#mainContent #bodyGroup .sectioncallout {
	font: bold 12px/18px Arial, Helvetica, sans-serif;
	align: left;
	color: #555555;
	margin: 0px 8px 8px 0px;
	padding: 0px 0px 0px 0px;
	float: left;
	min-height: 130px;
	width: 190px;
	border-style:solid;
	border-width:0px;
	border-color:#CCCCCC;
	}
	
#mainContent #bodyGroup .sectioncallout p {
	font: 12px/16px Geneva, Arial, Helvetica, sans-serif;
	text-align: left;  
	color: #323232;
	margin: 0px 0px 0px 0px;
	padding: 0px 8px 0px 0px;
}
#mainContent #bodyGroup .sectioncallout .image {
	margin: 0px 0px 8px 0px;
	padding: 0px 0px 0px;
	}
	#mainContent #bodyGroup .sectioncallout .links { /* controls spacing of links */
	margin: 7px 0px 0px 0px;
	padding: 0px 0px 0px;
	font: 10px/16px Geneva, Arial, Helvetica, sans-serif;
	}
	#mainContent #bodyGroup .sectioncallout .read { /* controls spacing of "read more" button */
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 70px;
	}