/*------------------------------
  BODY
------------------------------*/
body#home {
	background: url(../images/clerc/site/bg_header_home.png) no-repeat top center #eceae0;
}
body#standard {
	background: url(../images/clerc/site/bg_header_standard.png) no-repeat top center #eceae0;
}
/* this is to fix MSIE (quirks) */
* html body { text-align: center; }
* html .container { text-align: left; }

/*------------------------------
  BAR
------------------------------*/
/* the running gray bar that lines up in front of everything along with the body background */
#bar {
	background:#c0bfbf;
	display: block;
	height: 3px;
	width: 100%;
	position: absolute;
}
body#home #bar {
	/*top: 514px;*/ /* 400 px high banner */
	top: 464px;  /* 350 px high banner */
}
body#standard #bar {
	z-index: -1;
	top: 180px;
}
/* this is to fix MSIE (quirks) */
* html #bar {
	background: none;
	height: 1px;
	width: 100%;
	position: absolute;
	left: 0px;
	border-bottom: #c0bfbf 3px solid;
}
* html body#home #bar {
	/*top: 500px;*/  /* 400 px high banner */
	top: 450px;  /* 350 px high banner */
}
* html body#standard #bar {
	top: 162px;
}

/*------------------------------
  HEADER
------------------------------*/
#header {
	height: 116px;
	background: url(../images/clerc/site/bg_header_mid.png) no-repeat top left;
	background-color: transparent;
	/* background-color: #003673; */
}
/* logo */
#header #logo {
	margin: 20px 0 0 0;
	padding: 0;
}
#header #logo_button {
	background: transparent url(../images/clerc/site/cc_name.png) no-repeat;
	margin: 0;
	padding: 0;
	width: 479px;
	height: 45px;
	display: block;
	cursor: pointer; /* hand-shaped cursor */
}
/* quick access */
#headerquickaccesslogo {
	vertical-align: middle;
	margin: 10px 0 0 0;
	padding: 0;
	color: #646464;
}
#headerquickaccess {
	vertical-align: middle;
	margin: 28px 10px 0 0;
	padding: 0;
	color: #646464;
}
#headerquickaccess a {
	color:#979797;
	font-size: 1.1em;
	padding: 0 3px 0 3px;
	border: none;
	text-decoration: none;
}
#headerquickaccess a:hover {
	color: #1594ff;
}
#headerquickaccess img {
	vertical-align: middle;
}
/* search */
#header #search {
	vertical-align: middle;
	margin: 28px 0 0 0;
	padding: 0;
	color:#646464;
}
#header #search form.search {
	width: 150px; /* total width of left cap, box, and search button */
	height: 20px;
	margin: 0;
	padding: 0;
	border: none;
}
#header #search div.search_left {
	float: left;
	background: transparent url(../images/clerc/site/search_left.png) no-repeat;
	width: 5px;
	height: 20px;
	margin: 0;
	padding: 0;
	border: none;
}
#header #search div.search_box, #header #search div.search_box input {
	float: left;
	background-color: #fff;
	color: #5d5b59;
	width: 125px;
	height: 20px;
	margin: 0;
	padding: 0;
	border: none;
}
#header #search div.search_right input {
	float: left;
	background: transparent url(../images/clerc/site/search_right.png) no-repeat;
	cursor: pointer; /* hand-shaped cursor */
	width: 20px;
	height: 20px;
	margin: 0;
	padding: 0;
	border: none;
}
/* header menu */
#header #topnavbar {
	margin-top: 25px;
	/*color: #001e3b;*/
	color: #03396c;
}
#header #topnavbar ul#topnav {
	margin: 0; padding: 0;
	list-style: none;
	line-height: normal;
}
#header #topnavbar ul#topnav li {
	float: left;
	margin: 0; padding: 0;
	position: relative; /* important */
}
#header #topnavbar ul#topnav li {
	background: transparent url(../images/clerc/site/bg_menu.png) top right repeat-x;
	float: left;
	/*color: #001e3b;*/
	color: #03396c;
	padding: 7px 25px 11px 10px;
	font-size: 1.2em;
	font-weight: bold;
}
#header #topnavbar ul#topnav li:hover {
	background: #fff url(../images/clerc/site/bg_menu_dropdown_top.png) top right repeat-x;
	/*color: #001e3b;*/
	color: #03396c;
	font-size: 1.2em;
	font-weight: bold;
}
#header #topnavbar ul#topnav li a, #header #topnavbar ul#topnav li a:visited {
	text-decoration: none;
	/*color: #001e3b;*/
	color: #03396c;
}
#header #topnavbar ul#topnav li:hover a, #header #topnavbar ul#topnav li:hover a:visited {
	text-decoration: none;
	/*color: #001e3b;*/
	color: #03396c;
}
#header #topnavbar ul#topnav li:hover a:hover {
	text-decoration: none;
	color: #3e82e4;
}
/* no dropdown for a single link - remove arrow */
#header #topnavbar ul#topnav li.nosub {
	background: none !important;
	float: left;
	/*color: #001e3b;*/
	color: #03396c;
	font-size: 1.2em;
	font-weight: bold;
	/*text-decoration: none;*/
	/*padding: 7px 10px 7px !important;*/
}
#header #topnavbar ul#topnav li.nosub:hover {
	background: #fff url(../images/clerc/site/bg_menu_dropdown_top.png) !important;
	/*color: #001e3b;*/
	color: #03396c;
	font-size: 1.2em;
	font-weight: bold;
}
/* dropdown */
#header #topnavbar ul#topnav li ul.sub {
	position: absolute; /* important */
	top: 30px; left: 0;
	width: 185px;
	background: url(../images/clerc/site/bg_menu_dropdown_bottom.png) bottom repeat-x #fff; /* background gradient */
	margin: 0;
	padding: 5px 20px 10px 10px;
	/*padding: 10px 20px 10px;*/
	/*float: right;*/
	/* bottom right rounded corner */
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-bottom: 3px;
	display: none; /* hidden for those with js turned off */
	list-style: none;
	font-size: 1em;
	font-weight: normal;
}
#header #topnavbar ul#topnav li ul.sub li {
	background: transparent;
	width: 100%; /* override parent list item */
	margin: 0;
	padding: 5px 0 0 0;
	font-size: 1em;
	font-weight: normal;
}
#header #topnavbar ul#topnav li ul.sub li a {
	color: #001e3b;
	font-size: 1em;
	font-weight: normal;
}
#header #topnavbar ul#topnav li ul.sub li a:hover {
	color: #3e82e4;
	font-size: 1em;
	font-weight: normal;
}

/*------------------------------
  SUBHEADER
------------------------------*/
body#home #subheader {
/*	background: url(../images/clerc/site/bg_home_subheader.png) right; */
	background-color: #bfe4fd;
	height: 350px;
}
body#standard #subheader {
	height: 64px;
	border-bottom: 3px #c0bfbf solid;
	/*background: url(../images/clerc/site/bg_standard_subheader.png) right no-repeat #e0eeff;*/ /*--background gradient--*/
	background: url(../images/clerc/site/bg_standard_subheader.png) right no-repeat #F7F7F7; /*--background gradient--*/
	color: #333;
	padding: 0;
	margin: 0;
}
body#standard #subheader div.title {
	padding: 8px 16px;
	font-size: 2.5em;
	color: #000;
}
body#standard #subheader div.title a {
	color: #000;
	text-decoration: none;
}
body#standard #subheader div.title a:hover {
	color: #3e82e4;
}

/* audience */
#audience.home {
	color: #2569c4;
	margin-left: 8px;
}
#audience.home ul {
	margin: 0;
	/*padding-left: 25px;*/
}
#audience.home ul li {
	font-size: 1.75em;
	border-top: 1px solid #b9b9b9;
	padding: 5px 0px 5px 15px;
	list-style: none;
	background: transparent url(../images/clerc/site/bullet_audience.png) no-repeat;
}
#audience.home ul li a, #subheader.main ul li a:visited, #subheader.main ul li a:active {
	background-color: transparent;
	color: #2569c4;
	text-decoration: none;
}
#audience.home ul li a:hover {
	color:#f0bc00;
}
#audience.home ul li.firstrow {
	border: none;
}
#audience.home ul li.lastrow {
}
#audience.home ul li ul.sub li {
	background: none;
	margin-left: -30px;
	border: none;
	font-size: 0.8em;
	line-height: 1em;
}
#audience.home ul li ul.sub li.last {
	background: none;
	margin-left: -30px;
	/*padding-bottom: 10px;*/
	border: none;
	font-size: 0.8em;
	line-height: 1em;
}


/*------------------------------
  CONTENT for home page
------------------------------*/
#content.home {
	background: #ffffff url(../images/site/bg_home_content.png) repeat-x;
	overflow: hidden;
	color: #404040;
}
#content.home .titlebar {
	height: 60px;
}
#content.home .title {
	height: 30px;
	color: #1774d7;
	margin: 10px 0 0 0;
	padding: 0;
	font-size: 1.8em;
	font-weight: bold;
}
#content.home .title a {
	text-decoration: none;
}
#content.home .links {
	height: 30px;
	margin: 15px 0 0 0;
	padding: 0;
}
#content.home .links .more {
	float: left;
	background-color: #ffffff;
	color: #666;
	margin: 0;
	padding: 1px 3px;
	border: 1px #999 solid;
	font-size: 0.9em;
	text-decoration: none;
}
#content.home .links .alerts {
	float: left;
	background: #c50f01 url(../images/site/bg_alert.png) no-repeat left;
	color: #fff;
	margin: 0 10px 0 0;
	padding: 1px 10px 1px 30px;
	border: 1px yellow solid;
	font-size: 0.9em;
	font-weight: bold;
	text-decoration: none;
}
#content.home .links .rss {
	float: left;
	margin: 0 0 0 10px; /* orange rss icon */
	/*margin: 2px 0 0 10px;*/ /* regular rss icon */
	padding: 0;
	border: none;
}
#content.home .links .rss img {
	border: none;
}
#content.home .events div.section_date_icon {
	background-color:#c6c6c6;
	width:48px;
	height:52px;
	margin: 0;
	padding: 0;
}
#content.home .events .section_date_icon div.icon_month {
	width:48px;
	height: 20px;
}
#content.home .events .section_date_icon div.icon_date {
	width:48px;
	height: 32px;
}
#content.home .events .section_date_icon div.icon_month img, #content.home .events .section_date_icon div.icon_date img {
	border: none;
}
#content.home .events .section_date {
	color: #666;
	padding: 4px 0;
	font-size: 0.9em;
	font-style: italic;
}
#content.home .events .section_title, #content.home .ourschools .section_title {
	color: #333;
	font-size: 1.1em;
	font-weight: bold;
}
#content.home .ourschools .section_title {
	padding-bottom: 4px;
}
#content.home .events .section_title a, #content.home .ourschools .section_title a {
	color: #333;
	text-decoration: none;
}
#content.home .events .section_title a:hover, #content.home .ourschools .section_title a:hover {
	color: #3e82e4;
	text-decoration: none;
}
#content.home .events .section_abstract, #content.home .ourschools .section_abstract {
	font-size: 1em;
}
#content.home .ourschools .section_date {
	color: #666;
	margin-top: 5px;
	font-size: 0.9em;
	font-style: italic;
}
#content.home .ourschools .photo img {
	width: 120px;
	height: 88px;
	padding: 0;
	border: none;
}


/*------------------------------
  CONTENT for standard page
------------------------------*/
#content.standard {
	background-color: #ffffff;
	color: #000000;
	font-size: 1.1em;
}
#content.standard h1 {
	margin: 0;
	padding: 0.75em 0;
	color: #15559c;
	font-size: 1.9em;
}
#content.standard h2 {
	margin: 0;
	padding: 0.5em 0;
	font-size: 1.6em;
}
#content.standard h3, #content.standard h4, #content.standard h5 {
	margin: 0;
	padding: 0.5em 0;
	font-size: 1.3em;
}
#content.standard p {
	margin: 1em 0;
}
#content.standard #banner {
	background-color: transparent;
	margin: 0px;
	padding: 0px;
	border: none;
}
#content.standard #breadcrumb {
	color: #797979;
	padding-bottom: 0.9em;
	font-size: 0.9em;
	font-style: italic;
}
#content.standard #breadcrumb a {
	color: #989898;
}
#content.standard #breadcrumb a:hover {
	color: #688fbb;
}
#content table.blank tbody tr:nth-child(even) td, #content table.blank tbody tr.even td {
	background: transparent;
}

#content.standard #contentimages {
	float:right;
	margin-left:1em;
}
#content.standard #contentimages .contentimage {
	width:250px;
	margin-bottom:2em;
}
#content.standard #contentimages .caption {
	padding-top:1em;
	color:#666;
	font-style:italic;
}

/*------------------------------
   SCROLLABLE (home page)
------------------------------*/
#myScroll_events .scrollEl {
	display: none;
	overflow: hidden;
	margin: 0;
	padding: 0;
	height: 100%;
}
#controls_events .disabled{
	color: #666;
}
#controls_events .pageIndex {
	padding-left: 10px;
}
#controls_events .prev {
	background: url(../images/site/arrow_up.png) no-repeat;
	width: 20px;
	height: 12px;
}
#controls_events .next {
	background: url(../images/site/arrow_down.png) no-repeat;
	width: 20px;
	height: 12px;
}
#controls_events .prev.disabled {
	background: url(../images/site/arrow_up_disabled.png) no-repeat;
	width: 20px;
	height: 12px;
}
#controls_events .next.disabled {
	background: url(../images/site/arrow_down_disabled.png) no-repeat;
	width: 20px;
	height: 12px;
}


/*------------------------------
SIDEBARS
------------------------------*/
#right_content, #left_content {
	padding:0 20px;
}
#right_content li, #left_content li {
	list-style-type: square;
}
#right_content h1, #left_content h1 {
	color: #15559c;
	font-size: 1.4em;
}
#right_content h2, #left_content h2 {
	font-size: 1.2em;
}
#right_content h3, #left_content h3, #right_content h4, #left_content h4, #right_content h5, #left_content h5 {
	font-size: 1em;
}
#right_content p, #left_content p {
	margin: 4px 0 4px 0;
}
#right_content ol, #left_content ul {
	margin: 4px 0 4px 0;
}
#right_content .sidebox, #left_content .sidebox {
	background: url(../images/site/bg_sidebox.png) no-repeat;
	/*border: 1px #8d8d8d solid;*/
	border: 1px #989898 solid;
	margin-top: 1em;
	padding: 0.8em;
}
div.menu_title {
	font-weight: bold;
	font-size: 1.1em;
}
div.menu_title a {
	color: #15559c;
	text-decoration: none;
}
div.menu_title a:hover {
	color: #3e82e4;
}
div.menu {
	margin:0;
	padding: 6px 0;
	/*margin-left:-20px;*/
	color: #676767;
}
div.menu ul {
}
div.menu ul li {
	color: #00457C;
	font-weight: bold;
/*	color: #b0b0b0; */
	border-bottom: 1px #ccc solid;
	list-style-type: square;
	/*list-style-position: inside;*/
	padding: 2px 0;
}
div.menu ul li ul {
}
div.menu ul li ul li {
	color: #676767;
	font-weight: normal;
	/*color: #b0b0b0; */
	border: none;
	list-style-type: square;
	/*list-style-position: inside;*/
	padding: 2px 0;
}
div.menu ul li.menu_first {
	border-top: 1px #ccc solid;
	border-bottom: 1px #ccc solid;
}
div.menu ul li.menu_firstlast {
	border-top: 1px #ccc solid;
	border-bottom: none;
}
div.menu ul li.menu_last {
	border: none;
}
div.menu ul p.menu_line {
	height: 0px;
	line-height: 0px;
	padding: 0.8em;
	margin: 0px;
	border-bottom: 1px #ccc solid;
}
div.menu ul li a {
	color: #00457C;
	font-weight: bold;
	text-decoration: none;
}
div.menu ul li a:hover {
	color: #3e82e4;
	font-weight: bold;
}
div.menu ul li ul li a {
	color: #676767;
	font-weight: normal;
	text-decoration: none;
}
div.menu ul li ul li a:hover {
	color: #3e82e4;
	font-weight: normal;
}
#relatedlinks {
	background-color: #dfdfdf;
	margin-top: 1em;
	margin-bottom: 1em;
	padding: 0.8em;
}
#relatedlinks .title {
	font-weight: bold;
}
#relatedlinks .content {
	font-size: 0.9em;
}
#contactinfo {
	background-color: #e0eeff;
	color:#00457C;
	margin-top: 1em;
	margin-bottom: 1em;
	padding: 0.8em;
}
#contactinfo .title {
	font-weight: bold;
}
#contactinfo .content {
	font-size: 0.9em;
}


/*------------------------------
  FOOTER
------------------------------*/
#footer {
	color: #666;
	font-size: 1em;
}
#footer .logo {
	padding-bottom: 0.5em;
}
#footer .contactus {
	text-align:left;
}
#footer .contactus .myButton {
	-moz-box-shadow:inset 0px 1px 3px 0px #bbdaf7;
	-webkit-box-shadow:inset 0px 1px 3px 0px #bbdaf7;
	box-shadow:inset 0px 1px 3px 0px #bbdaf7;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #aac3dc), color-stop(1, #77a7d8));
	background:-moz-linear-gradient(top, #aac3dc 5%, #77a7d8 100%);
	background:-webkit-linear-gradient(top, #aac3dc 5%, #77a7d8 100%);
	background:-o-linear-gradient(top, #aac3dc 5%, #77a7d8 100%);
	background:-ms-linear-gradient(top, #aac3dc 5%, #77a7d8 100%);
	background:linear-gradient(to bottom, #aac3dc 5%, #77a7d8 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#aac3dc', endColorstr='#77a7d8',GradientType=0);
	background-color:#aac3dc;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	border:1px solid #84bbf3;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:arial;
	font-size:20px;
	font-weight:bold;
	padding:11px 23px;
	text-decoration:none;
	text-shadow:0px -1px 0px #528ecc;
}
#footer .contactus .myButton:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #77a7d8), color-stop(1, #aac3dc));
	background:-moz-linear-gradient(top, #77a7d8 5%, #aac3dc 100%);
	background:-webkit-linear-gradient(top, #77a7d8 5%, #aac3dc 100%);
	background:-o-linear-gradient(top, #77a7d8 5%, #aac3dc 100%);
	background:-ms-linear-gradient(top, #77a7d8 5%, #aac3dc 100%);
	background:linear-gradient(to bottom, #77a7d8 5%, #aac3dc 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#77a7d8', endColorstr='#aac3dc',GradientType=0);
	background-color:#77a7d8;
}
#footer .contactus .myButton:active {
	position:relative;
	top:1px;
}
#footer a {
	color: #666;
	text-decoration: none;
}
#footer .head {
	color: #dd9d35;
	font-size: 1.1em;
	font-weight: bold;
}
#footer .head a {
	color: #dd9d35;
	text-decoration: none;
}
#footer .head a:hover, #footer a:hover {
	color: #3e82e4;
}

/*------------------------------
  SUB-FOOTER
------------------------------*/
#subfooter {
	border-top: #fff solid 1px;
	padding-top: 5px;
}
/* logo */
#subfooter .logo {
	margin-top: 0;
}
/* copyright information */
#subfooter .copyright_info {
	color: #666;
	margin-left: 10px;
}
#subfooter .copyright_info a {
	color: #666;
	text-decoration: none;
}
#subfooter .copyright_info a:hover {
	text-decoration: underline;
}
/* quick access */
#subfooterquickaccess {
	color: #666;
	margin: 0;
	padding: 0;
}
#subfooterquickaccess a {
	color: #666;
	font-size: 1.1em;
	padding: 0 4px 0 4px;
	border: none;
	text-decoration: none;
}
#subfooterquickaccess a:hover {
	text-decoration: underline;
}
#subfooterquickaccess img {
	vertical-align: middle;
	border: none;
}
/* disclaimer */
#disclaimer {
	border-top: #fff solid 1px;
	color: #999;
	font-size: 0.75em;
	font-style: italic;
	text-align: center;
}
#disclaimer p {
	margin: 1em 0;
}

/*------------------------------
  POPUP BOX
------------------------------*/
#popupbox {
	display:none;
	border:5px solid #666;
	border:5px solid rgba(82, 82, 82, 0.698);
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
}
#popupbox div {
	padding:4px;
	/*border:1px solid #3B5998;*/
	/*background-color:#fff;*/
}
/* this is to fix MSIE (quirks) */
* html #popupbox {
	background:transparent;
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#333333,endColorstr=#333333);
	zoom: 1;
}
#popupbox.white {
	background-color:#fff;
	color:#000;
}
#popupbox.black {
	background-color:#000;
	color:#fff;
}
#popupbox.googleformlightblue {
	background-color:#e8eef7;
	color:#666;
}

/*------------------------------
  SPECIAL CLASSES
------------------------------*/
.dropshadow {
	-moz-box-shadow: 0px 1px 6px #b6b5ab;
	-webkit-box-shadow: 0px 1px 6px #b6b5ab;
	box-shadow: 0px 0px 6px #b6b5ab;
	/* For IE 8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#b6b5ab')";
	/* For IE 5.5 - 7 */
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#b6b5ab');
}
.dropshadow.black {
	-moz-box-shadow: #888888;
	-webkit-box-shadow: #888888;
	box-shadow: #888888;
	/* For IE 8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#888888')";
	/* For IE 5.5 - 7 */
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#888888');
}
.rounded_box {
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	border-top-right-radius: 5px;
	border-top-left-radius: 5px;
	-moz-border-radius-bottomleft: 5px;
	-moz-border-radius-bottomright: 5px;
	border-bottom-right-radius: 5px;
	border-bottom-left-radius: 5px;
}
.curved_top {
	-moz-border-radius-topleft: 5px;
	border-top-left-radius: 5px;
	-moz-border-radius-topright: 5px;
	border-top-right-radius: 5px;
}
.curved_bottom {
	-moz-border-radius-bottomleft: 5px;
	border-bottom-left-radius: 5px;
	-moz-border-radius-bottomright: 5px;
	border-bottom-right-radius: 5px;
}