body {
	margin:0;
	padding:0;
  /*background:#ffffff url(/images/bg-striped.gif) repeat scroll 0 0;*/
	background-color:#E6EBCE;
}
body.homepage, body.homepage #content-outer {background-color:#d9dfae !important;}


a img {	border:none;}
img.framed {	border:1px solid #ccc;	padding:3px;}
img.apply {	margin:10px;}
img.banner {margin-top:8px;}
img.icon {float:left;padding-right:10px;margin-top:-7px;}

#header-outer, #navbar-outer, #content-outer,#footer-outer {
	width:100%;
	float:left;
}

#header-outer {
	background:#ffffff url(/images/bg-header.jpg) repeat-x scroll 0 0;
}
#header, #navbar, #content-wrapper, #footer {
/*center the page contents in the browser window*/
	width:960px;
	margin: 0 auto;
	z-index:1;
	top:0;
}

/*--- BEGIN HEADER, NAVIGATION & SEARCHBAR LAYOUT -------*/
/*accessibility features for screenreaders*/
#skip {
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	position:absolute;
	text-indent:-9999px;
	height:0px;
	width:0px;
}
* + html #skip {
	height:0;
	position:static;
}
#header {
	height:86px;
	padding:0;
}
#header p{
	position:absolute;
	text-indent:-9999px;
	height:0px;
}
#header-logo {
	position:relative;
	top:20px;
	left:0px;	
	width:407px;
}
#header-quicklinks {
	float:right;
	margin:0;
	padding:0;
}
#navbar-outer {
	clear:both;	
	margin-top:0px;
	padding:0;
	width:100%;
	height:36px;
	clear:both;
	float:left;
	background-color:#cccccc;
}
#navbar {
}
#nav {
	margin:3px 5px 0 5px;
	float:left;
	/*
		position:relative;
		margin:0px;
		padding:0px;
		clear:both;
		float:left;
		background-color:#cccccc;
 */
 background-image:url(/images/nav/bg-navbar.jpg);
 width:608px;
 height:29px;
} 

#subnav {
	float:right;
	margin-top:18px;
	padding:0;
}
* html #subnav {/*IE6*/
	margin-top:16px;
}
.subnav-label {
	float:left;
}
.subnav-tab {
	float:left;
}
.subnav-tableft {
	float:left;
	width:16px;
	height:21px;
	background-image:url(/images/bg-subnav-tableft.jpg);
	background-repeat:no-repeat;
} 
.subnav-tabright {
	float:left;
	height:18px;
	padding:3px 10px 0 0;
	background-image:url(/images/bg-subnav-tabright.jpg);	
	display:inline;
} 
#searchbar {
	float:right;
	width:315px;
	margin:7px 0 0 0;
	text-align:right;
	margin-right:3px;
}
* html #searchbar { /*IE6*/
	margin:4px 0 0 0;
	padding:0;
}
* html #searchbar form { /*IE6*/
	margin:0;
	padding:0;
}
#announcement {
	clear:both;
	float:left;
	width:100%;
	margin-top:5px;
	padding:6px 0 0 0;	
}
#breadcrumb {
	clear:both;
	float:left;
	width:100%;
	min-height:20px;
	margin:5px;
}
/*--- END HEADER, NAVIGATION & SEARCHBAR LAYOUT ----*/

/*--- BEGIN SIDEMENU LAYOUT -------*/
#sidemenu-wrapper {
	float:left;
	width:210px;
	margin:0 0 0 0;
	/*border:1px solid #ddd;*/
}
.main-page #sidemenu-wrapper {
	margin-top:9px;
}
#sidemenu-image {
	float:left;
	margin:0 0 0 0;
	width:200px;
}
#sidemenu-image img {
	padding:2px;
	border:1px solid #ddd;
}
#sidemenu-header {
	width:100%;
	margin:0;
	padding:0;
	clear:both;
	float:left;
	text-align:center;
}
#sidemenu {
	float:left;
	clear:both;
	margin:5px 0 0 0;
	padding:5px 0 30px 0;
	width:205px;
	background-color:#edf2da;
}
#content-inner.newprogram #sidemenu {
	background-color:#f1f1f1;
	border-top:1px solid #ddd;
	border-left:1px solid #eaeaea;
}
#sidemenu-top {
	float:left;
	margin:0 0 10px 0;
	width:100%;
	height:20px;
}
/*--------- END SIDEMENU LAYOUT ---------*/

#fullbanner-hdr {
	float:left;width:960px;margin:0 0 2px 0;clear:both;
	border-top:2px solid #eee;
	border-bottom:3px solid #eee;
}
#banner-hdr {
	 width:740px;
	 float:left;
	 margin-left:10px;
}
#banner-hdr img {
	border:0;
}
#content-outer {background-color:#fff;padding-bottom:20px;}
#content-inner {
	/*background:transparent url(/images/bg-content.gif) no-repeat scroll 0px 37px;*/
	background-color:#fff !important;
	float:left;
	width:100%;
}
body.main-page #content-inner{
	background:none;
}
.banner {
	float:left;
	margin:10px 0 0 30px;
	padding:0;
	width:720px;
}
#content-bg { /*homepage*/
	float:left;
	width:100%;
	/*background:#e6e9c5 url(/images/bg-homepage2.jpg) no-repeat center 0;*/
	z-index:-99;
}
#content {
	float:left;
	margin:10px 30px 30px 30px;
	width:480px;
}
body.main-page #content {
	width:100%;
	margin:0px 0 0 0px;
}
#content #banner img {
	padding:3px;
	/*border:1px solid #ccc;*/
}
#leftcontent {
	float:left;
	width:300px;
	margin:0 0 0 0px;
}
#midcontent {
	float:left;
	width:480px;
	margin:0 0 0 30px;
}
#rightcontent {
	float:right;
	width:210px;
	margin:20px 0 0 0;
}
#content.widecolumn {
	width:720px;
	margin-right:0;
}
#content.medcolumn {
	width:620px;
}
.singlecolumn {
	width:480px !important; 
}
.leftcolumn {
	
}
.rightcolumn {
	
}
#rightsidebar {
	float:right;
	width:180px;
	margin:30px 0 0 0;
	
}
#apply-btn {
	width:100%;
	text-align:center;
	margin:0 0 0 0;
}

.clear {float:left;clear:both}
.center {text-align:center;}
.left {float:left;width:100%;}
.right {float:right;width:100%;}
.full {width:100%;}
.nomargin {margin:0;}
.nopadding {padding:0;}
.dottedline {
	clear:both;
	float:left;
	width:100%;
	height:21px;
	background-image:url(/images/dottedline-gray.gif);
	background-repeat:repeat-x;
	margin:5px 0 15px 0;
}
.dottedline+table 
	{float:left;}
.sidebar {
	float:left;
	clear:both;
	width:100%;
	margin:0 0 20px 0;
	/*background:transparent url(/images/bg-gradient.jpg) repeat-x scroll;*/
}
.sidebar-content{
	float:left;
	width:100%;
	background-color:#edf2da;
	margin:0;
}

/* rounded edges */
div.rounded, blockquote.rounded {
}
.rounded:before {
  background: transparent url(/images/rounded-top-right.png) scroll no-repeat top right;
  margin-bottom: -20px;
  height: 30px;
  display: block;
  border: none;
  content: url(/images/rounded-top-left.png);
  padding: 0;
  line-height: 0.1;
  font-size: 1px;
}

.rounded:after {
  display: block;
  line-height: 0.1;
  font-size: 1px;
  content:  url(/images/rounded-bottom-left.png);
  margin: -10px 0 0 0;
  height: 30px;
  background: transparent url(/images/rounded-bottom-right.png) scroll no-repeat bottom right;
  padding: 0;
}  

.rounded-2:before {
  background: transparent url(/images/rounded-top-right.png) scroll no-repeat top right;
  margin-bottom: -20px;
  height: 30px;
  display: block;
  border: none;
  content: url(/images/rounded-top-left.png);
  padding: 0;
  line-height: 0.1;
  font-size: 1px;
}

.rounded-2:after {
  display: block;
  line-height: 0.1;
  font-size: 1px;
  content: url(/images/rounded-bottom-left.png);
  margin: 15px 0 0 0;
  height: 30px;
  background: transparent url(/images/rounded-bottom-right.png) scroll no-repeat bottom right;
  padding:0px;
} 
/*End Rounded Edges*/

/*------------------ FIND A PROGRAM --------------------*/
#findprogram {
	clear:both;
	float:right;
	width:282px;
	height:107px;
	margin:10px 0 0 0;
	background:transparent url(/images/bg-findprogram3.jpg) no-repeat;
}

#findprogram-options {
	float:left;
	width:100%;
}
#findprogram-dropdown {
	clear:left;
	float:left;
	text-align:left;
	vertical-align:top;
	margin:14px 0 0 13px;
}
* html #findprogram-dropdown {
	margin:14px 0 0 5px;
}
#findprogram-submit {
	float:left;
	width:23px;
	margin:12px 0 0 10px;
}
#findprogram #loader {
	float:right;
}
#findprogram select{
	width:225px;
}   



/***************************** CUSTOMIZATION FOR MAIN SECTIONS **************************************/


/*------------------- Homepage layout ----------------------*/
#homepage #flashbanner {
	float:left;
	width:610px;
	height:375px;
	margin:15px 0 0 0px;
	padding:0;
	background-image:url(/images/bg-postcard-large.png);
	background-repeat:no-repeat;
}
#flashcontent {
	float:left;
	margin:22px 0 0 26px;
	display:inline;
	background-color:#000;
}

#homepage #rightcolumn {
	float:right;
	width:310px;
	margin:0 2px 0 0;
	/*background-color:#f6f8ea;*/
}

#homepage #discoverchatham {
	float:right;
	width:100%;
	margin-top:20px;
	padding-top:0;
	/*background-color:#f6f8ea;*/
}

#homepage #findprogram-buttons {
	float:left;
	width:443px;
}
#homepage #findprogram-options {
	float:left;
	width:100%;
	margin:0;
	padding:0;
}
#homepage #findprogram-options {
	float:left;
	width:350px;
	margin:15px 0 0 0;
}
#homepage #findprogram-dropdown {
	float:left;
	text-align:left;
	vertical-align:top;
	margin:4px 0 0 0;
}
* html #findprogram-dropdown {
	margin:0 0 0 5px;
}
#homepage #findprogram-submit {
	float:left;
	width:50px;
	margin:0 0 0 7px;
}
#homepage #findprogram #loader {
	float:right;
}
#homepage #findprogram select{
	width:225px;
}  

#homepage .column {
	float:left;
	width:100%;
	margin:0 0 0 0px;
}
#homepage .column .content {
	padding:15px 20px;
}
#homepage #lowercontent {
	float:left;
	width:100%;
}
#homepage #findinformation {
	float:left;
	width:412px;
	margin-left:5px;
}
#homepage #findinformation .content {	
	background:transparent url(/images/bg-gradient.jpg) repeat-x scroll;
}
#homepage .findinfo-box {
	margin-bottom:10px;
	padding:5px;
	border:1px solid #d2daac;
}
* html #homepage #findinformation {/*IE6*/
	width:385px;
}
#homepage #apply {
	float:left;
	width:228px;
}
#homepage #apply img#apply-button {
	margin:0 0 20px 0;
}
#homepage #spotlight {	
	float:left;
	width:310px;
}
#homepage #spotlight .content {
	float:left;
	width:295px;
	border-left:1px solid #eee ;
}
#homepage #spotlight #callouts {
	width:275px;
	text-align:left;
}
#homepage #spotlight #newseventsbox {
	position:relative;
	height:280px;
	top:40px;
	width:100%;
}
#homepage #spotlight #news {
	position:absolute;
	top:0;
	left:0;
	z-index:1;
}
#homepage #spotlight #events {
	position:absolute;
	top:0;
	left:0;
}
/*------------------- End: Homepage layout ----------------------*/


/*------------------- About Chatham layout ----------------------*/
body.main-page #content.about {
	width:480px !important;
	margin:20px 0 0 25px;
}

.about #midcontent {
	margin:10px 0 0 5px;
	width:95%;
}

/*------------------- End: About Chatham layout -----------------*/

/*------------------- Admissions layout -------------------------*/
#content.admissions {
		float:left;
		width:100%;
}
.admissions #sidemenu {
	padding-top:10px;
}
.admissions #midcontent {
	margin:20px 0 0 30px;
	width:455px;
}
.admissions #mainlinks {
	margin:0 0 0 30px;
}

/*------------------- End: Admissions layout --------------------*/


/*------------------- Academics layout --------------------------*/
.academics #midcontent{
	width:400px;
	margin-top:20px;
}
.academics #rightcontent {
	width:260px;
}
.academics .sidebar {
	margin:10px 0;
}
.academics #rightcontent #mission-initiatives {
	clear:both;
	float:left;
	width:100%;
}
#content.programs {
}

/*------------------- End: Academics layout ---------------------*/


/*------------------- Campus Life layout ------------------------*/
.campuslife #leftcontent {
	float:left;
	width:710px;
}
.campuslife #rightcontent {
	margin-top:15px;
}
.campuslife-section {
	clear:both;
	float:left;
	width:100%;
	margin:5px 0 10px 0;
}
/*------------------- End: Campus Life layout -------------------*/


/*------------------- Athletics layout --------------------------*/
/*see /css/athletics.css*/

/*------------------- End: Athletics layout ---------------------*/



/*------------------- News & Events layout ----------------------*/
#content.events {
}

/*------------------- End: News & Events layout -----------------*/



/*------------------- Outreach layout ---------------------------*/

/*------------------- End: Outreach layout ----------------------*/


/*********************************** MISC LAYOUT ********************************************/

/*---photogallery styles---*/
#featured-photo-wrapper {
	float:left;
	width:100%;
	text-align:left;
	background:none;
}
#featured-photo {
	float:left;
}
#featured-photo img {
	border: 1px solid #ccc;
	padding:3px;
}
#featured-photo-caption {
	float:left;
	margin:0;
	padding:0 0 0 15px;
}
#previous-photos {
	float:left;
	clear:both;
	width:640px;
	text-align:center;
}
#previous-photos img {
}

/* photogallery sidebar*/
#photogallery.sidebar p {
	margin:5px 0 10px 0;
	padding:0;
}
#photogallery.sidebar img {
	margin:0 0 0 2px;
	padding:0;
}
#photogallery.autothumb ul {margin:5px 0 20px 0;padding:0;width:210px;float:left;clear:both;background:none;}
#photogallery.autothumb li {
	display:block;
	float:left;
	height:65px;
	margin:0 10px 10px 0;
	overflow:hidden;
	width:65px;
}
#rightcontent #photogallery.autothumb ul { margin-left:2px;}
#rightcontent #photogallery.autothumb li {
	margin:0 5px 5px 0;
}
#photogallery.autothumb img {
	display:block;
	height:65px;
	margin-left:-13.5px;
	width:auto;
}


/* Curriculum table layout */
table.curriculum {background-color:#E3DFD3;margin:10px 0 20px 0;}
table.curriculum tr {background-color:#ffffff;}
table.curriculum tr.hdr { background-color:#e9eada}
table.curriculum tr.subhdr { background-color:#eee}
table.curriculum th {text-align:left;}
table.curriculum th, td {vertical-align:top;}
table.curriculum td ul {margin:0px 0 3px 15px;list-style:none;}

/*main table layout*/
table.main {background-color:#ccc;margin:10px 0 20px 0;} /*set the cellspacing to 1 for the border to appear*/
table.main tr {background-color:#ffffff;}
table.main tr.hdr, table.main thead tr { background-color:#e9eada}
table.main tr.subhdr { background-color:#eee}
table.main th {text-align:left;background-color:#e9eada;}
table.main th, td {vertical-align:top;padding:3px;}
table.main td ul {margin:0px 0 3px 15px;list-style:none;}


/************************************** MISC LAYOUT ********************************************/

/************************************* FOOTER LAYOUT ******************************************/
#footer-outer {
	width:100%;
	height:230px;
	margin:0;
	background:#e6ebce url(/images/bg-footer.jpg) repeat-x scroll 0px 100px;
	border-top:5px solid #d2daac;
}
#footer-outer.homepage {
	margin-top:10px;
}
#footer {
	padding:15px;
	text-align:center;
}
#footer .callout {
	margin:5px 5px 0 5px;
	float:left;
}
#footer-text {
	width:100%;
	text-align:center;
	margin-top:5px;
	clear:both;
	float:left;
}
/* google translator style */
#google_translate_element {margin:10px 0 20px 0;}
#google_translate_element .goog-te-gadget-simple {background-color:transparent;border:none;font-size:105%;}
/*************************************END: FOOTER LAYOUT ***************************************/