/* html tags */

body {
	margin: 0px;
	padding: 0px;
	background-color: #70624b;
	background-image: url(../images/header_texture.png);
	background-repeat: repeat-x;
	background-position: 2px 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
}
a {
	color: #996600;
}
a:hover {
	color: #CC6600;
}
a:visited {
	color: #666666;
}

/* ID's  */


#wrapper {
	width: 1024px;
	margin-right: auto;
	margin-left: auto;
}
#mainMenu{ 
	width:1027px; 
	overflow:hidden;}

#mainMenu #mainMenuBorderLeft {
	background-image: url(../images/main_menu_border_left.png);
	float: left;
	height: 48px;
	width: 15px;
}
#mainMenu #listBox {
	float: left;
}
#mainMenu  #borderRight {
	height: 48px; 
	width: 209px; 
	background-image: url(../images/main_menu_border_right.png); 
	float: left;
}
#mainMenu #mainMenuBottomSpacer {
	height: 10px;
	width: 800px;
	background-color: #FFFFFF;
}
#mainMenu ul {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	background-color: #FFFFFF;
}
#mainMenu li {
	float: left;
	height: 48px;
	background-color: #FFFFFF;
}
#mainMenu ul li span {
	display: none;
}

#mainMenu ul li a.home {background-image: url(../images/main_menu_sprite.png); background-position: 0px 0px; height: 38px; width: 70px; display: block;}
#mainMenu ul li a.home:hover {background-position: 0px -38px;}
#mainMenu ul li a.home:_down {background-position: 0px -76px;}

#mainMenu ul li a.services { background-image: url(../images/main_menu_sprite.png); background-position: -70px 0px; height: 38px; width: 77px; display: block}
#mainMenu ul li a.services:hover {background-position: -70px -38px;}
#mainMenu ul li a.services:_down {background-position: -70px -76px;}

#mainMenu ul li a.aboutUs {background-image: url(../images/main_menu_sprite.png); background-position: -147px 0px; height: 38px; width: 80px; display: block;}
#mainMenu ul li a.aboutUs:hover {background-position: -147px -38px;}
#mainMenu ul li a.aboutUs:_down {background-position: -147px -76px;}
	
#mainMenu ul li a.newsEvents {background-image: url(../images/main_menu_sprite.png); background-position: -227px 0px; height: 38px; width: 118px; display: block;}
#mainMenu ul li a.newsEvents:hover {background-position: -227px -38px;}
#mainMenu ul li a.newsEvents:_down {background-position: -227px -76px;}

#mainMenu ul li a.ministries {background-image: url(../images/main_menu_sprite.png); background-position: -345px 0px; height: 38px; width: 89px; display: block;}
#mainMenu ul li a.ministries:hover {background-position: -345px -38px;}
#mainMenu ul li a.ministries:_down {background-position: -345px -76px;}

#mainMenu ul li a.photoGallery {background-image: url(../images/main_menu_sprite.png); background-position: -434px 0px; height: 38px; width: 112px; display: block;}
#mainMenu ul li a.photoGallery:hover {background-position: -434px -38px;}
#mainMenu ul li a.photoGallery:_down {background-position: -434px -76px;}
	
#mainMenu ul li a.serviceMedia {background-image: url(../images/main_menu_sprite.png); background-position: -546px 0px; height: 38px; width: 113px; display: block;}
#mainMenu ul li a.serviceMedia:hover {background-position: -546px -38px;}
#mainMenu ul li a.serviceMedia:_down {background-position: -546px -76px;}
	
#mainMenu ul li a.memberConnect {background-image: url(../images/main_menu_sprite.png); background-position: -659px 0px; height: 38px; width: 141px; display: block;}
#mainMenu ul li a.memberConnect:hover {background-position: -659px -38px;}
#mainMenu ul li a.memberConnect:_down {background-position: -659px -76px;}
#bodyBox {
	background-image: url(../images/bg_stretch1.png);
	background-repeat: repeat-y;
	clear: both;
	width: 1024px;
	
}
#bodyBox #leftGutter {
	height: 339px;
	width: 15px;
	float: left;
	background-image: url(../images/left_gutter.png);
}
#bodyBox #mainContent {
	width: 800px;
	float: left;
}
#rightMenuBox {
	height: 401px;
	width: 209px;
	float: left;
}
#sidebarBox {
	background-image: url(../images/sidebar_stretch.png);
	background-repeat: repeat-y;
	height: 380px;
	width: 179px;
	float: left;
	overflow: hidden;
}
#sidebarBox ul {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}
#sidebarBox li a {
	height: 80px;
	width: 140px;
	display: block;
	margin-top: 12px;
	margin-right: 0px;
	margin-bottom: 12px;
	margin-left: 20px;
}
#sidebarBox ul li span {
	display: none;
}

#sidebarBox ul li a.side_directions {background-image: url(../images/sidebar_sprite.png); background-position: 0px 0px;}
#sidebarBox ul li a.side_directions:hover {background-position: -140px 0px;}

#sidebarBox ul li a.sideEvents { background-position: 0px -80px; background-image: url(../images/sidebar_sprite.png);}
#sidebarBox ul li a.sideEvents:hover { background-position: -140px -80px;}

#sidebarBox ul li a.sideServiceMedia { background-image: url(../images/sidebar_sprite.png); background-position: 0px -160px; }
#sidebarBox ul li a.sideServiceMedia:hover {background-position: -140px -160px; }

#sidebarBox ul li a.sideMemberConnect { background-image: url(../images/sidebar_sprite.png); background-position: 0px -240px; }
#sidebarBox ul li a.sideMemberConnect:hover { background-position: -140px -240px; }

#sidebarBorderRight {
	float: left;
	height: 380px;
	width: 30px;
	background-image: url(../images/sidebar_border_right.png);
}
#sidebarBorderBottom {
	background-image: url(../images/sidebar_border_bottom.png);
	height: 20px;
	width: 209px;
	clear: both;
}


#bottomBorder {
	background-image: url(../images/border_bottom.png);
	background-repeat: no-repeat;
	clear: both;
	height: 18px;
	width: 825px;
}
#footerBox {
	height: 40px;
	width: 810px;
	text-align: right;
}
#copyrightBox {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #362C23;
}
#footerBox #ceTagBox {
	float: left;
	margin-left: 35px;
}
#footerBox #ceTagBox span {
	display: none;
}
#footerBox #ceTagBox a {
	display: block;
	height: 23px;
	width: 231px;
	background-image: url(../images/ce_sprite.png);
	background-position: 0px 0px;
}
#footerBox #ceTagBox a:hover {
	background-image: url(../images/ce_sprite.png);
	background-position: 0px -23px;
	display: block;
}

#header {
	background-image: url(../images/header.png);
	position:relative;
	height: 127px;
	width: 1024px;
}

/* These styles are specific to the homepage */


#homePageLayout #portalsBox ul {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}
#homePageLayout #portalsBox {
	clear: both;
	height: 110px;
	width: auto;
	margin: 0px;
}
#homePageLayout #portalsBox  LI{
	display:inline;
	margin: 0px;
}
#homePageLayout  #portalsBox  ul li a  {
	float: left;
	height: 80px;
	width: 250px;
	display: block;
	margin-top: 15px;
	margin-bottom: 15px;
	margin-right: 0px;
	margin-left: 12px;
}
#homePageLayout #portalsBox ul li a span {display: none;}

#homePageLayout #portalsBox ul li a.portalGuests {background-image: url(../images/portals_sprite.png);background-position: 0px 0px;}
#homePageLayout #portalsBox ul li a.portalGuests:hover {background-position: 0px -80px;}


#homePageLayout #portalsBox ul li a.portalMembers {background-image: url(../images/portals_sprite.png);background-position: -250px 0px;}
#homePageLayout #portalsBox ul li a.portalMembers:hover {background-position: -250px -80px;}


#homePageLayout #portalsBox ul li a.portalAboutUs {background-image: url(../images/portals_sprite.png);background-position: -500px 0px;}
#homePageLayout #portalsBox ul li a.portalAboutUs:hover {background-position: -500px -80px;}
#headerHangLeftOne {
	background-image: url(../images/header_hang_left.png);
	height: 190px;
	width: 120px;
	position: absolute;
	left: -120px;
}
#homePageLayout #bannerLeft {
	background-image: url(../images/banner_register.jpg);
	float: left;
	height: 181px;
	width: 375px;
	margin-top: 15px;
	margin-right: 0px;
	margin-bottom: 15px;
	margin-left: 13px;
	position:relative;
}
#homePageLayout #bannerLeft span {
	display: none;
}
#homePageLayout #divider {
	float: left;
	height: 200px;
	width: 1px;
	background-color: #999999;
	margin: 10px;
}
#homePageLayout #bannerRight {
	background-image: url(../images/banner_listen_online.jpg);
	float: left;
	height: 181px;
	width: 375px;
	margin-top: 15px;
	margin-right: 10px;
	margin-bottom: 15px;
	margin-left: 0px;
}
#homePageLayout #bannerRight span {
	display: none;
}

/* These styles are specific to the three-column layout */


#threeColumnLayout #leftColumn {
	width: 165px;
	float: left;
	padding-top: 100px;
	padding-left: 10px;
}

#threeColumnLayout #centerColumn h1 span, #twoColumnLayout #centerColumn h1 span, #oneColumnLayout #centerColumn h1 span  {
	display: none;
}
#threeColumnLayout #leftColumn ul {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	text-align: center;
}
#threeColumnLayout #leftColumn ul li a {
	display: block;
	height: 20px;
	width: 150px;
	margin-bottom: 10px;
}
#threeColumnLayout #leftColumn ul li a span {
	display: none;
}
#oneColumnLayout #centerColumn {
	float: left;
	width: 760px;
	padding-right: 15px;
	padding-left: 15px;
	
}
#twoColumnLayout #centerColumn {
	float: left;
	width: 565px;
	padding-right: 15px;
	padding-left: 15px;
	
}
#threeColumnLayout #centerColumn {
	float: left;
	width: 400px;
	padding-right: 15px;
	padding-left: 15px;
	
}
#rightColumn {
	float: left;
	width: 195px;
	text-align: center;
	padding-top: 100px;
}
 #centerColumn #breadcrumbs {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #999999;
	height: 20px;
	width: 400px;
}
 #centerColumn #breadcrumbs a:link {color: #999999;}
 #centerColumn #breadcrumbs a:visited {color: #999999;}
 #centerColumn #breadcrumbs a:hover {color: #CC6600;}

/* classes */

.clearfloat{ clear:both;}