@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: 30px;
	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: 285px;
	float: right;
	margin: 0px;
	padding: 0px 25px 0px 0px;
	height: 60px;
}
#mainContent #topnav {
	margin: 0px;
	padding: 20px 0px 0px 15px;
	height: 56px;
	width: 250px;
	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;
}
/* **************************************************************** */
/* FLASH CONTENT */
#mainContent #flashcontent {
	margin: 15px 0px 0px;
	padding: 0px;
	height: 200px;
	width: 800px;
	background-image:url(/images/banners/about_us_banner.jpg);
	background-repeat:no-repeat;
}

#mainContent #flashcontent #block{
	margin: 0px;
	padding: 0px;
	float: left;
	height: 200px;
	width: 200px;
	font: 11px Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	text-align: left;
	position: relative;
}
#mainContent #flashcontent #block .links {
	position: absolute;
	bottom: 10px;
	padding-left: 5px;
	width: 190px;
}
#mainContent #flashcontent #block .links ul{
	margin: 0px;
	padding: 0px;
	list-style: none;
}	
#mainContent #flashcontent #block .links li{
	list-style: none;
}	
#mainContent #flashcontent #block .links li:before{
	content: "\002B \0020";
}


#mainContent #flashcontent #block .links a {
	font: 11px Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	text-decoration: none;
}

/* **************************************************************** */
/* SUB-NAV GROUP */
#mainContent #subnavGroup {
	color: #569bbd;
	margin: 0px;
	padding: 0px;
	width: 200px;
	float: left;
}
#mainContent #subnavGroup .title {
	font: bold 12px Arial, Helvetica, sans-serif;
	padding-top: 30px;
	padding-left: 13px;
	padding-bottom: 2px;
	margin-right: 10px;
}

#mainContent #subnavGroup #subnav ul {
	list-style: none;
	margin: 15px 0px 0px 30px;
	padding: 0px;
	text-indent: -0.6em;
}

#mainContent #subnavGroup #subnav li:before{
	content: "\002B \0020";
	margin:0;
	padding:0;
}
#mainContent #subnavGroup #subnav li, #mainContent #subnavGroup #subnav li a {
	font: 11px/14px Arial, Helvetica, sans-serif;
	color: #555555;
	text-decoration:none;
	
}
#mainContent #subnavGroup #subnav li a:hover {
	color: #a0a0a0;
}
#mainContent #subnavGroup #subnav ul ul {
	list-style: none;
	margin: 2px 0px 0px 10px;
	padding: 0px;
	text-indent: -0.6em;
}
#mainContent #subnavGroup #subnav ul ul li, #mainContent #subnavGroup #subnav ul ul li a {
	font: 11px Arial, Helvetica, sans-serif;
	color: #a0a0a0;
	text-decoration:none;
}
#mainContent #subnavGroup #subnav ul ul li a:hover {
	color: #555555;
}
#mainContent #subnavGroup #subnav ul ul li:before{
	content: "\002D \0020";
	margin:0;
	padding:0;
}


/* **************************************************************** */
/* BODY GROUP */
#mainContent #bodyGroup {
	margin: 0;
	padding: 0px 0px 0px 15px;
	float: left;
	width: 585px;
}

#mainContent #bodyGroup .titleimage{
	margin: 0px;
	padding: 0px;
}
#mainContent #bodyGroup .bluetitle{
	margin: 0px;
	padding: 15px 0px 0px;
	font: bold 14px Arial, Helvetica, sans-serif;
	color: #569bbd;
}
#mainContent #bodyGroup p {
	font: normal 12px/18px Arial, Helvetica, sans-serif;
	color: #454545;
	padding-right: 40px;
}

#mainContent #bodyGroup p.titletext {
	padding:0;
	margin:0;
	font: bold 16px Arial, Helvetica, sans-serif;
	padding-top:30px;
}
#mainContent #bodyGroup .subtitle {
	font-size: 14px;
	font-weight: bold;
}
#mainContent #bodyGroup a {
	font: normal 12px/18px Arial, Helvetica, sans-serif;
	text-decoration:none;
	color: #8bc3dc;
}
#mainContent #bodyGroup .homecallout {
	font: 11px/18px Arial, Helvetica, sans-serif;
	color: #555555;
	margin: 15px 7px 0px 0px;
	padding: 0px;
	float: left;
	min-height: 148px;
	width: 182px;
	background: #F6F0E2;
}
#mainContent #bodyGroup .homecallout p {
	margin: 0px;
	padding: 0px 10px;
}
#mainContent #bodyGroup .homecallout .image {
	margin: 0px;
	padding: 0px 0px 10px;
}
#mainContent #bodyGroup ul {
	margin: 0px 0px 0px 40px;
	padding: 0px;
}
#mainContent #bodyGroup li {
	margin: 0px;
	padding: 0px 40px 0px 0px;
	font: normal 12px/18px Arial, Helvetica, sans-serif;
	color: #454545;
}
#mainContent #bodyGroup div.rssincl-itemdesc p {
    margin-bottom: 10px;
}

/* Newsroom boxes on overview page */
	#mainContent #bodyGroup .newsroombox {
	font: 12px/18px Arial, Helvetica, sans-serif;
	align: left;
	color: #555555;
	margin: 8px 10px 0px 0px;
	padding: 0px 0px 0px 0px;
	float: left;
	min-height: 150px;
	width: 280px;
	border-style:solid;
	border-width:1px;
	border-color:#e9e9e8;
	}
	/*This is the small title only box */
	#mainContent #bodyGroup .newsroombox2 {
	font: 12px/18px Arial, Helvetica, sans-serif;
	align: left;
	color: #555555;
	margin: 8px 10px 12px 0px;
	padding: 0px 0px 0px 0px;
	float: left;
	min-height: 30px;
	width: 280px;
	border-style:solid;
	border-width:1px;
	border-color:#e9e9e8;
	}
	
#mainContent #bodyGroup .newsroombox p.titletext {
	font: bold 12px/16px Geneva, Arial, Helvetica, sans-serif;
	text-align: left;  
	color: #555555;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 10px 0px;
}
#mainContent #bodyGroup .newsroombox a {
	font: 12px/16px Geneva, Arial, Helvetica, sans-serif;
	color: #454545;
		}
				
	#mainContent #bodyGroup a:hover {
	color:#569bbd;  /* mouse over link */
	text-decoration:underline;
	}

	#mainContent #bodyGroup .newsroombox .links { /* controls spacing of links */
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px;
	font: 10px/16px Geneva, Arial, Helvetica, sans-serif;
	text-decoration:none;
	padding: 0px 5px 0px 10px;
	margin: 5px 0px 0px 0px;
	/*below is not used */
	}
	#mainContent #bodyGroup .newsroombox .read { /* controls spacing of "read more" button */
	margin: 50px 0px 0px 0px;
	padding: 0px 0px 0px 15px;
	}
/* ARTICLE LIBRARY CSS */
	#mainContent #bodyGroup .articlebox {
	align: left;
	color: #555555;
	margin: 8px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	float: left;
	width: 585px;
	border-style:solid;
	border-width:1px;
	border-color:#e9e9e8;
	height: 550px;
	overflow: auto;
	}
	#mainContent #bodyGroup .articlebox p.titletext {
	font: bold 12px/16px Geneva, Arial, Helvetica, sans-serif;
	text-align: left;  
	color: #555555;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 10px 0px;
}
#mainContent #bodyGroup .articlebox a {
	font: 12px/16px Geneva, Arial, Helvetica, sans-serif;
	color: #8bc3dc;
		}
			
			#mainContent #bodyGroup .articlebox p.art_title {
	font: bold 12px/16px Geneva, Arial, Helvetica, sans-serif;
	text-align: left;  
	color: #555555;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 10px 10px;
			
			}
						#mainContent #bodyGroup .articlebox p.art_text {
	font: 12px/16px Geneva, Arial, Helvetica, sans-serif;
	text-align: left;  
	color: #555555;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 10px 10px;
			
			}
			
	#mainContent #bodyGroup .articlebox .links { /* controls spacing of links */
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px;
	font: 10px/16px Geneva, Arial, Helvetica, sans-serif;
	text-decoration:none;
	padding: 0px 5px 0px 10px;
	margin: 5px 0px 0px 0px;
	
		}
	#mainContent #bodyGroup .articlebox .downloadlink { /* controls spacing of "read more" button */
	margin:  0px 0px 0px 350px;
	padding: 0px 0px 0px 15px;
	
