/*###color scheme#######*/

/*colors white-like: f7f7f6

		yellow (for links over): deac00

		green: #638770

		very light background:#f8f6f6*/

/*################################GENERAL RULES#############################*/

body {

	background:url(../images/bkg.jpg) top left no-repeat;

	background-color:white;

}



.float-left {

	float:left;	

	padding:5px;

}



.float-right {

	float:right;

	padding:5px;	

}



.clear {

	clear:both;

}



a {

	color : #666666;

}



a:hover {

	color:#638770;

}



/*################################END GENERAL RULES#############################*/



/*################################TOP OF THE PAGE#############################*/

      

#container {

	position:relative;

	height:100%;

	width:960px;

	margin:0 auto;

	font-family : "Lucida Sans Unicode", sans-serif;

	font-size: 90%;

	line-height: 1.4em;

}



#header {

	height:200px;

	margin-top:10px;

}



#logo h1 {

	text-indent:-9990px;

	background:url(../images/CBClogo.jpg) no-repeat;

	width:350px;

	height:154px;

}



#logo h2 {

	text-indent:-9990px;

	background: url(../images/cross-header.jpg) no-repeat;

	width:328px;

	height:154px;

	margin-top:-160px;

	margin-left:450px;

}



/*#logo #flashcontent {

	float:right;

	width:600px;

	height:154px;

	margin-top:-200px;

}

*/



#header #login {

	position:relative;

	float:right;

	margin-top:-20px;

	z-index: 5;

	display:none; /*delete this line when you are ready to display the login link*/

}



#header #login a {

	color: #f1f1f1;

	font-weight: bolder;

	text-decoration:underline;

	padding:5px;

	font-size:13px

}



#header #header-image img {

	/*margin-top:-5px;*/

	margin-top:-100px;

	z-index:1;

}



#tagline {

	position:absolute;

	top:200px;

	left:10px;

}



/*################################END TOP OF THE PAGE#############################*/



/*##################NAVIGATION#####################*/



#main-nav {

	width:970px;

	margin-left:-5px;

	margin-right:auto;

	margin-top:-5px;

	z-index:100;

	position:relative;

	background:url(../images/menu-bkg.png) no-repeat;

	min-height:175px;	

}



#main-nav a {

	border-bottom: none;

}



.smoothmenu, .smoothmenu #topMenuContainer {

    overflow : visible;

    white-space : nowrap;

    margin : 0;

    padding : 0;

    display: block;

    position : relative;

    /*background:#b6e5e9;*/

}



.smoothmenu #subMenuContainer {

    background : #f7f7f6;

    overflow : hidden;

    position : relative;

}



.smoothmenu #topMenuContainer div {

    display : none;

}



.smoothmenu #subMenuContainer div {

    overflow : hidden;

    position : absolute;

    display : none;

}



.smoothmenu a {

    text-decoration : none;

    font-family : "Lucida Sans Unicode", sans-serif;

}



.smoothmenu #topMenuContainer a {

    padding : 6px 14px;

    line-height: 1.8em;

}



.smoothmenuTopMenuItem {

    background-image : url(../images/bg1.jpg);

    background-repeat: repeat-x;

    background-position: 0px 40px;

    font-size : 16px;

    color : #666666;

}



.smoothmenuTopMenuItemMouseOver {

    background-image : url(../images/bg1.jpg);

    background-repeat: repeat-x;

    background-position : 0px 0px;

    font-size : 16px;

    color : #000000;

}



.smoothmenu #subMenuContainer a {

    padding   : 2px 10px;

    line-height: 1.6em;

}



.smoothmenuSubMenuItem {

    font-size : 13px;

   /* color     : #000;

    background-color : #f7f7f6;*/

}



.smoothmenuSubMenuItemMouseOver {

    font-size : 13px;

    /*color : #000;

    background-color : #CEC6C2;*/

}



/*################################END NAVIGATION#############################*/



/*###########################BULLETIN PAGE################################*/



ul.bulletin {

	font-family : "Lucida Sans Unicode", sans-serif;

	font-size: medium;

	text-align:center;

}



ul.bulletin li {

	padding: 7px 0;

}



ul.bulletin a {

	text-decoration:underline;

}



/*###########################END BULLETIN PAGE################################*/



/*#########################MAIN COLUMN##############################/*

/*used for one column pages, for example ''News and Events'*/



#content #main-col {

	width: 850px;

	margin: 0 auto;

}



#content #main-col h2.news {

	text-indent:-9990px;

	background: url(../images/news-header.png) no-repeat;

	width:290px;

	height:55px;

}

#content #main-col h2.sharing-news {
	background: url(../images/sharing-news-header.png) no-repeat;
}

#content #main-col ul.news {
	margin-left:100px;
}	

#content #main-col h2.recent-events {
	background: url(../images/recent-events-header.png) no-repeat;
}	



#content #main-col h2.gallery {

	text-indent:-9990px;

	background: url(../images/gallery-header.png) no-repeat;

	width:290px;

	height:55px;

}



#content #main-col div.top { /*do not change*/

	background: url(../images/main-col-bkg-top.png) no-repeat;

	width:850px;

	height:35px;

}



#content #main-col div.bottom { /*do not change*/

	background: url(../images/main-col-bkg-bottom.png) no-repeat;

	width:850px;

	height:55px;

}



#content #main-col div.news {

background: url(../images/main-col-bkg-body.png) repeat-y;

	width:850px;

}



#content #main-col div.news h3 {

	color:#638770;

	font-weight:  bolder;

	font-size: larger;

	padding: 5px 25px 5px 45px;

}



#content #main-col div.news p {

	padding: 5px 25px 5px 45px;

}



#content #main-col img.divider {

	width:350px;

	height:25px;

	margin-left:225px; /*this centeres the divider*/

	padding:15px 0;

}



/*#########################END MAIN COLUMN##############################/*



/*################################FOOTER#############################*/

#footer {

	margin-top:-20px;

	background: url(../images/footer-bkg.png) no-repeat;

	width:970px;

	height:72px;

}



#footer p {

	padding:47px 5px 0 15px;

	color: #4d6857;

}



#footer p.homerun {

	float:right;

	padding-right:15px;

	margin-top:-65px;

}



#footer p.homerun a {

	color:#f1f1f1;

}



#footer p a {

	text-decoration:underline;

	color: #4d6857;

}



#footer p a:hover {

	color:#00923f;

}

p.footer-address {
	text-align:center;
	padding: 5px 0 0 0;
	letter-spacing: 2px;
}



/*################################END FOOTER#############################*/