@charset "utf-8";

/* ============  sitewide ============ */
html {
     overflow: -moz-scrollbars-vertical;
}
body  {
	margin: 0;
	padding: 0;
	text-align: center;
	color: #00365E;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	background-color: #9BCAF5;
	background-image: url(../images/bg.gif);
	background-repeat: repeat-x;
}
img {
	border: none;
	}
h1,h2,h3,h4,h5,h6 {
	font-weight: bold;
}
h1 {
	font-size: 14px;
	color: #E1803F;
	text-align: left;
}
h2 {
	font-size: 12px;
	color: #2777B5;
	text-align: left;
	padding-top: 10px;
}
h3 {
	font-size: 12px;
	color: #000000;
	text-align: center;
	padding: 5px 3px 1px 3px;
	margin: 3px;
}
a:link {
	color: #E1803F;
	font-weight: bold;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #E1803F;
	font-weight: bold;
}
a:hover {
	text-decoration: none;
	color: #2777B5;
}
a:active {
	text-decoration: none;
	color: #E1803F;
}

/* ============  Container ============ */
#container {
	width: 780px;
	text-align: left;
	margin-top: 20px;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}

/* ============  Header ============ */
#header {
	padding: 0 10px 0 0px;
	height: 129px;
} 
#header p {
	padding-top: 102px;
	color: #FFFFFF;
} 

/* ============  Main Menu ============ */
 #navigation {
	position: relative;
	height: 259px;
	background-color: #FFFFFF;
	top: 0px;
	}
 #mainmenu {
	padding: 10px 0 10px 10px;
	color: #FFFFFF;
	font-weight:bold;
	font-variant: small-caps;
	font-size: 14px;
	background-image: url(../images/img_fp.jpg);
	background-repeat: no-repeat;
	background-position: 220px;
	}		
#menu {
	width: 205px;
	height: 240px;
	margin: 0;
	padding: 0;
	position: relative;
	background-image: url(../images/menu.gif);
	background-repeat:no-repeat;
}
#menu ul {
    margin: 0; 
	padding: 0; 
	list-style: none;
	}
#menu li {
	margin: 0;
	padding: 0;
	list-style: none;
	position: relative;
	top: 0px;
	left: 3px;
}
#menu li, #menu a {
	height: 30px;
	display: block;
}

#home {top: 0px; width: 202px;}
#news {top: -30px; width: 202px;}
#community {top: -60px; width: 202px;}
#programs {top: -90px; width: 202px;}
#hall {top: -120px; width: 202px;}
#membership {top: -150px; width: 202px;}
#links {top: -180px; width: 202px;}
#contact {top: -210px; width: 202px;}

#home a:hover {
    background: transparent url(../images/menu.gif)
    -205px 0px no-repeat;}
#news a:hover {
    background: transparent url(../images/menu.gif)
    -205px -30px no-repeat;}
#community a:hover {
    background: transparent url(../images/menu.gif)
    -205px -60px no-repeat;}
#programs a:hover {
    background: transparent url(../images/menu.gif)
    -205px -90px no-repeat;}
#hall a:hover {
    background: transparent url(../images/menu.gif)
    -205px -120px no-repeat;}	
#membership a:hover {
    background: transparent url(../images/menu.gif)
    -205px -150px no-repeat;}
#links a:hover {
    background: transparent url(../images/menu.gif)
    -205px -180px no-repeat;}
#contact a:hover {
    background: transparent url(../images/menu.gif)
    -205px -210px no-repeat;}	


/* ============  Main Content Block Home Page ============ */
 #contentBlock {
	margin-top: 12px;
	position: relative;
	padding: 10px 10px 10px 5px;
	background-image: url(../images/bg_contenthm.gif);
	background-repeat: repeat-y;
	}
 #contentBlock2 {
	margin-top: 12px;
	position: relative;
	padding: 10px 10px 10px 5px;
	background-image: url(../images/bg_contenthm.gif);
	background-repeat: repeat-y;
	height: 250px;
	}
/* ==  Right Column Home Page == */	
 #sidebar1 {
	float: right;
	width: 233px;
	padding: 0 0 10px 10px;
}
 #sidebar1 ul {
	list-style: none;
	padding-left: 0px;
	}
 #sidebar1 li {
	padding-bottom: 10px;
	padding-left: 5px;
}

/* ==  Main Content Home Page == */
 #mainContent {
	margin: 0 255px 0 0;
	padding: 0 10px 0 8px;
}  
#mainContent ul {
    margin: 0; 
	padding-left: 10px; 
	list-style: none;
	}
#mainContent li {
	margin-left: 20px;
	padding-left: 10px;
	list-style: disc;
	position: relative;
	top: 0px;
	left: 3px;
}
 #mainContent li.desc {
	background: url(../images/bullet.gif) left no-repeat;
	padding-left: 30px;
	list-style-type: none;
	font-weight: bold;
	line-height: 30px;
} 	
 #mainContent li a {
	color: #333A59;
	font-weight: bold;
	} 
 #mainContent .up {
	top: -10px;
	padding-top: -10px;
	padding-left: 30px;
	margin-top: -5px;
	}
 #container #mainContent td {
	margin: 0px 5px 10px 5px;
	padding: 0px 5px 10px 5px;
}
 #container #mainContent td p {
	text-align: justify;
}

/* ============  Main Content Block Sub Pages ============ */	
#contentFull {
	margin-top: 12px;
	position: relative;
	padding: 10px 10px 10px 12px;
	background-color: #FFFFFF;
	}	
#contentSub {
	margin-top: 12px;
	position: relative;
	padding: 10px 10px 10px 5px;
	background-image: url(../images/bg_content.gif);
	background-repeat: repeat-y;
	}	
/* ==  Right Column Sub Pages == */	

#submenu {
	float: right;
	width: 200px;
	padding: 0 0 10px 5px;
}

#subnews {
	width: 205px;
	height: 240px;
	margin: 0;
	padding: 0;
	position: relative;
	background-image: url(../images/sub_news.gif);
	background-repeat:no-repeat;
}
#subcommunity {
	width: 205px;
	height: 270px;
	margin: 0;
	padding: 0;
	position: relative;
	background-image: url(../images/sub_community.gif);
	background-repeat:no-repeat;
}
#subprograms {
	width: 205px;
	height: 270px;
	margin: 0;
	padding: 0;
	position: relative;
	background-image: url(../images/sub_programs.gif);
	background-repeat:no-repeat;
}
#subhall {
	width: 205px;
	height: 240px;
	margin: 0;
	padding: 0;
	position: relative;
	background-image: url(../images/sub_hall.gif);
	background-repeat:no-repeat;
}
#submembership {
	width: 205px;
	height: 240px;
	margin: 0;
	padding: 0;
	position: relative;
	background-image: url(../images/sub_membership.gif);
	background-repeat:no-repeat;
}
#sublinks {
	width: 205px;
	height: 240px;
	margin: 0;
	padding: 0;
	position: relative;
	background-image: url(../images/sub_links.gif);
	background-repeat:no-repeat;
}

#submenu ul {
    margin: 0; 
	padding: 0; 
	list-style: none;
	}
#submenu li {
	margin: 0;
	padding: 0;
	list-style: none;
	position: relative;
	top: 0px;
	left: 3px;
	height: 30px;
}
#submenu li, #submenu a {
	height: 30px;
	display: block;
}

/* ==  News Submenu == */	
#submenu1 {top: 0px; width: 202px;}
#submenu2 {top: -30px; width: 202px;}
#submenu3 {top: -60px; width: 202px;}
#submenu4 {top: -90px; width: 202px;}
#submenu5 {top: -120px; width: 202px;}
#submenu6 {top: -150px; width: 202px;}
#submenu7 {top: -180px; width: 202px;}
#submenu8 {top: -210px; width: 202px;}

#submenu1 a:hover {
    background: transparent url(../images/sub_news.gif)
    -205px 0px no-repeat;}
#submenu2 a:hover {
    background: transparent url(../images/sub_news.gif)
    -205px -30px no-repeat;}
#submenu3 a:hover {
    background: transparent url(../images/sub_news.gif)
    -205px -60px no-repeat;}
#submenu4 a:hover {
    background: transparent url(../images/sub_news.gif)
    -205px -90px no-repeat;}
#submenu5 a:hover {
    background: transparent url(../images/sub_news.gif)
    -205px -120px no-repeat;}	
#submenu6 a:hover {
    background: transparent url(../images/sub_news.gif)
    -205px -150px no-repeat;}
#submenu7 a:hover {
    background: transparent url(../images/sub_news.gif)
    -205px -180px no-repeat;}
#submenu8 a:hover {
    background: transparent url(../images/sub_community.gif)
    -205px -210px no-repeat;}


/* ==  Community Submenu == */	
#submenu11 {top: 0px; width: 202px;}
#submenu12 {top: -30px; width: 202px;}
#submenu13 {top: -60px; width: 202px;}
#submenu14 {top: -90px; width: 202px;}
#submenu15 {top: -120px; width: 202px;}
#submenu16 {top: -150px; width: 202px;}
#submenu17 {top: -180px; width: 202px;}
#submenu18 {top: -210px; width: 202px;}
#submenu19 {top: -240px; width: 202px;}

#submenu11 a:hover {
    background: transparent url(../images/sub_community.gif)
    -205px 0px no-repeat;}
#submenu12 a:hover {
    background: transparent url(../images/sub_community.gif)
    -205px -30px no-repeat;}
#submenu13 a:hover {
    background: transparent url(../images/sub_community.gif)
    -205px -60px no-repeat;}
#submenu14 a:hover {
    background: transparent url(../images/sub_community.gif)
    -205px -90px no-repeat;}
#submenu15 a:hover {
    background: transparent url(../images/sub_community.gif)
    -205px -120px no-repeat;}	
#submenu16 a:hover {
    background: transparent url(../images/sub_community.gif)
    -205px -150px no-repeat;}
#submenu17 a:hover {
    background: transparent url(../images/sub_community.gif)
    -205px -180px no-repeat;}
#submenu18 a:hover {
    background: transparent url(../images/sub_community.gif)
    -205px -210px no-repeat;}
#submenu19 a:hover {
    background: transparent url(../images/sub_community.gif)
    -205px -240px no-repeat;}


/* ==  Programs Submenu == */	
#submenu21 {top: 0px; width: 202px;}
#submenu22 {top: -30px; width: 202px;}
#submenu23 {top: -60px; width: 202px;}
#submenu24 {top: -90px; width: 202px;}
#submenu25 {top: -120px; width: 202px;}
#submenu26 {top: -150px; width: 202px;}
#submenu27 {top: -180px; width: 202px;}
#submenu28 {top: -210px; width: 202px;}
#submenu29 {top: -240px; width: 202px;}

#submenu21 a:hover {
    background: transparent url(../images/sub_programs.gif)
    -205px 0px no-repeat;}
#submenu22 a:hover {
    background: transparent url(../images/sub_programs.gif)
    -205px -30px no-repeat;}
#submenu23 a:hover {
    background: transparent url(../images/sub_programs.gif)
    -205px -60px no-repeat;}
#submenu24 a:hover {
    background: transparent url(../images/sub_programs.gif)
    -205px -90px no-repeat;}
#submenu25 a:hover {
    background: transparent url(../images/sub_programs.gif)
    -205px -120px no-repeat;}	
#submenu26 a:hover {
    background: transparent url(../images/sub_programs.gif)
    -205px -150px no-repeat;}
#submenu27 a:hover {
    background: transparent url(../images/sub_programs.gif)
    -205px -180px no-repeat;}	
#submenu28 a:hover {
    background: transparent url(../images/sub_programs.gif)
    -205px -210px no-repeat;}	
#submenu29 a:hover {
    background: transparent url(../images/sub_programs.gif)
    -205px -240px no-repeat;}	


/* ==  Hall Submenu == */	
#submenu31 {top: 0px; width: 202px;}
#submenu32 {top: -30px; width: 202px;}
#submenu33 {top: -60px; width: 202px;}
#submenu34 {top: -90px; width: 202px;}
#submenu35 {top: -120px; width: 202px;}

#submenu31 a:hover {
    background: transparent url(../images/sub_hall.gif)
    -205px 0px no-repeat;}
#submenu32 a:hover {
    background: transparent url(../images/sub_hall.gif)
    -205px -30px no-repeat;}
#submenu33 a:hover {
    background: transparent url(../images/sub_hall.gif)
    -205px -60px no-repeat;}
#submenu34 a:hover {
    background: transparent url(../images/sub_hall.gif)
    -205px -90px no-repeat;}
#submenu35 a:hover {
    background: transparent url(../images/sub_hall.gif)
    -205px -120px no-repeat;}
	
/* ==  Membership Submenu == */	
#submenu41 {top: 0px; width: 202px;}
#submenu42 {top: -30px; width: 202px;}

#submenu41 a:hover {
    background: transparent url(../images/sub_membership.gif)
    -205px 0px no-repeat;}
#submenu42 a:hover {
    background: transparent url(../images/sub_membership.gif)
    -205px -30px no-repeat;}


/* ==  Links Submenu == */	
#submenu51 {top: 0px; width: 202px;}
#submenu52 {top: -30px; width: 202px;}
#submenu53 {top: -60px; width: 202px;}

#submenu51 a:hover {
    background: transparent url(../images/sub_links.gif)
    -205px 0px no-repeat;}
#submenu52 a:hover {
    background: transparent url(../images/sub_links.gif)
    -205px -30px no-repeat;}
#submenu53 a:hover {
    background: transparent url(../images/sub_links.gif)
    -205px -60px no-repeat;}

/* ==  Contact List == */	
/* menu */	
#contactlist {
	float: right;
	width: 200px;
	padding: 0px 20px 15px 0px;
}
#contactlist ul {
	padding-left: 10px;
	list-style-type: none;
	}
#contactlist li {
	padding-left: 30px;
	padding-bottom: 10px;
	text-align: left;
	font-size: 12px;
	font-weight: bold;
	line-height: 30px;
	list-style-type: none;
}
#contactlist a {
	text-decoration:none;
	color: #2777B5;
}
#contactlist a:hover {
	font-weight: bold;
	color: #FF9F77;
}


/* ==  Main Content Sub Pages == */
#main {
	margin: 0 225px 0 0;
	padding: 0 5px 0 8px;
}  
#main ul {
	margin-left: 10px;
	}
#main li {
	list-style-type: square;
	margin-left: 10px;
	}	
#main li.desc {
	background: url(../images/bullet.gif) left no-repeat;
	padding-left: 30px;
	list-style-type: none;
	font-weight: bold;
	line-height: 30px;
} 	
#main li a {
	color: #333A59;
	font-weight: bold;
	} 



/* ============  Footer ============ */
#footer {
	padding: 0 10px 0 20px;
} 
 #footer p {
	margin: 0;
	padding: 10px 0 20px 0;
	text-align: center;
	font-size: 9px;
	color: #FFFFFF;
}
 #footer a {
	color: #FFFFFF;
	text-decoration: none;
}
#footer a:hover {
	color: #FFFFFF;
	text-decoration:underline;
}

/* ============  Formatting ============ */
.fltrt {
	float: right;
	margin-left: 8px;
	margin-bottom: 10px;
}
.fltlft {
	float: left;
	margin-right: 8px;
	margin-bottom: 10px;
}
.fltaddr {
	float: right;
	margin-bottom: 10px;
	padding-top:60px;
	color:#ffffff;
	font-weight: bold;
}
.featured {
	font-size: 14px;
	font-weight: bold;
	margin-bottom: 10px;
	color: #333A59;
	vertical-align: middle;
	}
.btnImg {
	border: none;
	}	

/* ============  Additional ============ */
.clearfloat { 
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}
.phone {
	padding-left: 100px;
	}
.caps p {
	color: #2777B5;
}
.caps a {
	font-size: 14px;
	color: #2777B5;
	text-decoration: none;
	font-variant: small-caps;
}
.caps a:hover {
	color: #2777B5;
	text-decoration:underline;
}	
.btnNewsltr {
	width: 171px;
	height: 69px;
	display: block;
	font-size: 10px;
	text-decoration: none;
	background-repeat:no-repeat;
	background-image:url(../images/btn_nwlrt.gif);
}

.btnNewsltr:hover {
	background-position: bottom right;
}