@charset "utf-8";
/* CSS Document */

body {
	margin: 0 0 10px 0;
	padding: 0;
	font-size: 12px;
	background: #EEEEEE;
	/* background pattern for the outer edge of the webpage? */
	font-family: Arial, Helvetica, sans-serif;
	color: #3C4254;
	text-align: center;
	}

#container {
	width: 770px;
	margin: 0px auto; /* right and left margin widths set to "auto" which will center page in firefox */
	text-align: left; /* counters the IE hack above for text */
	background: #FFF;
	/* background pattern, probably plain or white */
	}

#header {
	/* background image for just the header section */
	height: 435px; /* height allocated to header section */
	padding: 0 4px;
	}

body h1 {
	float: right;
	height: 50px;
	}
	
body h3 {
	float: right;
	height: 40px;
	}
	
#menu_bar {
	float: right;
	height: 25px;
	margin: 0;
	}

#menu_bar a {
	line-height: 1.6;  /* 1.6em = 25px? */
	color: #06c;
	}

#menu_bar a:hover {
	color: #FFFFFF;
	background-color:#06c;
	}

#logo {
	background: url(../images/RCEB-Banner.gif) no-repeat 0 center;
	height: 95px; /* height of actual logo */
	margin-top: 25px; /* shift logo down 25px to make room for menu bar */
	}

#logo a { /* makes logo a large clickable link */
	display: block;
	width: 760px;
	height: 95px;
	margin-left: 0px;
	text-decoration: none;
	text-indent: -9999px;
	background: none;
	}

#content {
	background: #EBF4FD;
	margin: -310px 5px 0 5px;
	padding: 10px;
	}

#main {
	width:500px;
	float: right;
	}

#main p {
	line-height: 1.6;
	}

.centerdiv{ /*IE method of centering a relative div*/
text-align: center;
}

.centerdiv>div{ /*Proper way to center a relative div*/
margin: 0 auto;
}

#rceb_description {
	float: left;
	margin: 0 0 5px 0;
	/* height: 50px; */
}

#announcement_clear {
	float: left;
	width: 700px;
	margin: 0 0 5px 0;
	/*
	height: 50px;
	*/
	}

#announcement {
	float: left;
	height: 50px;
	width: 700px;
	background: #fff;
}



.alpha-shadow {
	width: 540px;
	float: right;
	background: url(images/shadow1.gif) no-repeat bottom right;
	/* margin: 10px 0 0 0px !important;
		margin: 10px 0 0 0px; */
		margin-bottom: 10px;
	}

.alpha-shadow div {
	background: url(images/shadow2.png) no-repeat left top !important;
	background: url(images/shadow2.gif) no-repeat left top;
	padding: 0px 2px 3px 0px;
	}

.alpha-shadow img {
	background-color: #fff;
	border: 1px solid #A4ACC8;
	padding: 5px;
	}

h2 {
	color: #34407B;
	font-size: 1em;
	}

h3 {
	color: #000000;
	font-size: 26px;
	}
	
#calendar {
	background: #fff;
	border: 1px solid #D0D3E0;
	padding: 5px 10px;
	width: 130px;
	margin: 5px 0;
	}

#calendar span {
	display: block;
	padding: 8px 25px;
	font-weight: bold;
	border-bottom: 1px solid #ddd;
	}

#calendar a {
	margin: 5px 0;
	display: block;
	text-decoration: none;
	}

#calendar a:hover {
	margin: 5px 0;
	display: block;
	text-decoration: none;
	color: #FFFFFF;
	background-color:#06c;
	}

.box {
	float: right;
	background: #fff;
	border: 1px solid #D0D3E0;
	margin: 5px 0;
	padding: 5px;
	width: 100%;
	width: 560px;
	}

.box a{
	text-decoration: none;
	}

.box a:hover {
	text-decoration: none;
	color: #FFFFFF;
	background-color:#06c;
	}

.indent {
	margin: 0 0 0 38px;
	}

.clear_box {
	float: right;
/*	background: #fff;
	border: 1px solid #D0D3E0; */
	margin: 5px 0;
	padding: 5px;
	width: 100%;
	width: 560px;
	color: 000066;
/*	color: #3C4254; */
	}

.clear_box a{
	text-decoration: none;
	}

.clear_box a:hover {
	text-decoration: none;
	color: #FFFFFF;
	background-color:#06c;
	}

/*
.clear_box a:hover {
	border: 1px solid #757EAC;
	color: #000;
	} */

.columns_two {
	float: left;
	text-align: left;
	width: 280px;
	}

.columns_two ul {
	list-style: none;
	font-weight: bold;
	margin: 0 0px 0 0px;
	}

.columns_two li {
	font-weight: normal;
	}

.columns_two ul ul{
	margin: 0px 0px 0px 20px;
	}

.no_list_style ul {
	list-style: none;
	margin: 0;
	}

/* ul.thumbs {
	padding: 0;
	margin: 20px 0 0 0;
	text-align: center;
	}

.thumbs li {
	display: inline;
	padding: 33px;
	} */

.thumbs img {
	padding: 5px;
	background: #fff;
	}

.thumbs a:link img, .thumbs a:visited img {
	border: 1px solid #A4ACC8;
	}
/*
.thumbs a:hover img, .thumbs a:active img {
	border: 1px solid #757EAC;
	background: none;
	}

.thumbs a:hover, .thumbs a:active {
	background: none;
	}

.thumbs a:hover img, .thumbs a:active img {
	background: #fff;
	}
*/
.thumbs {
	margin: 3px;
	height: auto;
	float: right;
	text-align: center;
	padding: 20px 20px 0 20px;
	}

.thumbs img {
	display: inline;
	margin: 5px;
	border: 1px solid #A0ACC0;
	}

.photocattitle {
	text-align: center;
	font-weight: bold;
	}

.phototitle {
	text-align: center;
	font-weight: normal;
	width: 240px;
	margin: 0 3px 3px 3px;
	}

#main .phototitle {
	padding-left: 10px;
	}

.phototitle a:link, .phototitle a:visited {
	color: #3C638C;
	text-decoration: none;
	font-weight: normal;
	}

.phototitle a:hover, .phototitle a:active {
	color: #202B5F;
	font-weight: normal;
	}

#footer {
	color: #fff;
	background: url(images/footer.gif) no-repeat bottom;
	font-size: .9em;
	padding: 0 0 6px 0;
	}

#footer p {
	padding: 10px;
	background: #7B83AD url(images/bg_top.gif);
	margin: 0 14px 10px 14px;
	}

#footer a:link, #footer a:visited {
	color: #fff;
	}

.credit {
	float: right;
	width: 720px;
	}

#right {
	float: right;
	width: 215px;
	}

#left {
	float: left;
	width: 150px;
	}

.clearfix:after {
	content: ".";
		display: block;
		height: 0;
		clear: both;
		visibility: hidden;
	}

/* Hides from IE-mac \*/
* html .clearfix {
	height: 1%;
	}

/* End hide from IE-mac */

br.clear {
	clear: both;
	}