/* CSS Document */
html {overflow-x: hidden;}
body {	background: #3a2a33;	overflow-x: hidden; margin: 0px; padding: 0px;	}
#topbar {position: relative; background: #4d3844; height: 90px; width: 100%; margin: 0px;}
#toplogo {position: relative; left: 23px; top: 13px;}
#toplogo img {border: none; text-decoration: none;}
#topbarheading {position: relative; height: 90px; background: url(http://www.cliftonclarke.org/uploads/images/siteimages/header-back.jpg) no-repeat; margin: 0px;}
#topbarheadingtitle {position: relative; float: right; height: 35px; background: url(http://www.cliftonclarke.org/uploads/images/siteimages/header-title-back.jpg) repeat-x; font: bold 10px Verdana, Arial, Helvetica, sans-serif; color: #FFFFFF; text-transform: uppercase; letter-spacing: 3px; padding: 10px 15px; margin: 0px 23px 0px 0px;}
#container {position: absolute; left: 50%; width: 848px;}
#subcontainer {position: relative; left: -50%;}	

#contents {  position: relative; top: 0px; 	padding: 19px 0px 0px 0px; font: 12px Verdana, Arial, Helvetica, sans-serif; color: #727375;
	min-height: 500px; background: url(http://www.cliftonclarke.org/uploads/images/siteimages/container-back.gif) repeat-y; margin: 0px;}
	
#breadcrumbs {position: relative; padding: 10px 5px; font: 11px Verdana, Arial, Helvetica, sans-serif; color:#b3b3b3;	}
#breadcrumbs a {color: #b6c041;}

#rightbar {
	position: absolute;
	right: 50px;
	width: 190px;
	min-height: 350px;}
#leftbar {	position: relative; width: 574px; background: #FFFFFF; margin: 0px 0px 0px 23px; 	}
#image-container {position: relative; left: -10px; background: url(http://www.cliftonclarke.org/uploads/images/siteimages/image-container-back.gif) no-repeat; width: 565px; height: 304px; padding: 0px 0px 0px 0px;}
#video-container {position: relative; left: -10px; background: url(http://www.cliftonclarke.org/uploads/images/siteimages/navigation-back.gif); width: 565px; padding: 0px 0px 0px 0px;}

#text {	font: 12px Verdana, Arial, Helvetica, sans-serif; color: #727375;	padding: 0px 44px 30px 44px; line-height: 200%;}
H1 { font: bold 14px Verdana, Arial, Helvetica, sans-serif; color:#e68229;  }
#text h2 {font: bold 12px Verdana, Arial, Helvetica, sans-serif; color: #4d3844;}
.page-description {position: relative; font: normal 14px Verdana, Arial, Helvetica, sans-serif; color: #8c8d8e; line-height: 25px; border-bottom: 1px solid #e4e4e4;   left: -44px; padding: 0px 0px 33px 44px; margin: 0px;}
#text a {font: 12px Verdana, Arial, Helvetica, sans-serif; color:#b6c041; text-decoration: underline;}
#text a:hover { color: #4d3844; }
#rightimage { position: relative; float: right; left: 220px;}


#footer {position: relative; clear: both; margin: 0px; padding: 15px 0px 30px 28px;	}
#footertext {position: relative; clear: both; top: 0px; font: 10px Verdana, Arial, Helvetica, sans-serif; color: #8b667b; }
#footertext a {text-decoration: underline; color:  #8b667b; }
#footertext A:Hover {color: #ac7b97;}
#search{position: relative: width: 190px; float: right;padding: 0px 20px; font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 10px;}

#menu {background: url(http://www.cliftonclarke.org/uploads/images/siteimages/navigation-back.gif); padding: 10px 14px;}


/*  CONTACT FORM */
.contactform fieldset {margin: 20px 0px 0px 0px; padding: 1em; }
.contactform fieldset legend {font-weight: bold;}
.contactform div {width: 100%; padding: 0.25em 0 0.25em 0;}
.contactform div label {display: block; width: 10em; }
.contactform div.required {font-weight: bold;}
.contactform input {border: 1px solid #999999;}
.contactform textarea {width: 400px; border: 1px solid #999999; font-family: Verdana, Arial, Helvetica, sans-serif;}
.contactform input[type="submit"] { margin: 10px 0px 0px 0px; color: #e68229; cursor: pointer; background-color:#EEEEEE;}



/*  NEWS - ------------------*/

div#news {color:#b3b3b3; padding: 4px 5px; font: 11px Verdana, Arial, Helvetica, sans-serif; background: url(http://www.cliftonclarke.org/uploads/images/siteimages/news-back.gif); margin: 10px 0px 0px 0px;}

div#news-sub {background-color: #ffffff;}
div #news-sub a {color: #b6c041;}


div#news h2 {
   line-height: 2em;
   background: #fff;
}

.NewsSummary {
    padding: 10px 0.5em 5px; /* padding for the news article summary */
    margin: 0 0.5em 1em 0.5em; /* margin to the bottom of the news article summary */
}

.NewsSummaryPostdate {
 color: #e68229; }

.NewsSummaryLink {    font-weight: bold; padding: 4px 0px;}
.NewsSummaryLink a { /* color:#b3b3b3;*/ text-decoration: none;}

.NewsSummaryCategory {
  font-style: italic;
  margin: 5px 0;
 }

.NewsSummaryAuthor {
  font-style: italic;
  padding-bottom: 0.5em;
}

.NewsSummarySummary, .NewsSummaryContent {
  line-height: 140%;
 }

.NewsSummaryMoreLink {  padding: 10px 0px 20px 0px; text-decoration: none;}
.newssummarymorelink a {text-decoration: underline; }


#NewsPostDetailDate {
  font-size: 90%;
  margin-bottom: 5px;
  font-weight: bold;
  }

#NewsPostDetailSummary {
   line-height: 150%;
   }

#NewsPostDetailCategory {
  font-style: italic;
  border-top: 1px solid #ccc;
  margin-top: 0.5em;
  padding: 0.2em 0;
}

#NewsPostDetailContent {
  margin-bottom: 15px;
  line-height: 150%;
  }

#NewsPostDetailAuthor {

  padding-bottom: 1.5em;
  font-style: italic;
}


/* to add specific style to the below divs, uncomment them. */

/* 
#NewsPostDetailTitle {}
#NewsPostDetailHorizRule {}
#NewsPostDetailPrintLink {}
#NewsPostDetailReturnLink {}
*/