body {
	margin:0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#666666;
	background:#FFFFFF;
}

/* ===================== */
/* MENU STRUCTURE STYLES */
/* ===================== */

div.navMain {
	width:100%;
	height:33px;
	position:absolute;
	left:0px;
	top:236px;
	background:url(../images/bg_navbar.gif) no-repeat center top;
	z-index:100;
}
/* Should Be 766 but needed to flop over for navigation text changes which makes text larger and ruins IE6 */
ul.navMain {
	width:786px;
	height:69px;
	position:absolute;
	left:50%;
	top:13px;
	margin:0px 0px 0px -383px;
	padding:0px 0px 0px 0px;
	z-index:900;
}

ul.navMain li {
	display:block;
	height:69px;
	position:relative;
	float:left;
	
	text-align:center;
	color:#616161;
	font-weight:bold;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}

ul.navMain li span {
	display:block;
	height:69px;
	color:#616161;
	text-decoration:none;
}

ul.navMain li a {
	display:block;
	height:55px;
	color:#dddddd;
	font-weight:normal;
	text-decoration:none;
	padding:14px 0px 0px 0px;
	text-align:center;
	font-size:11px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	background:url(../images/bg_navmain.gif) no-repeat left top;
}

ul.navMain li a.singleLine {
	height:50px;
	padding:19px 0px 0px 0px;
}

ul.navMain li a.link:hover {
	text-decoration:none;
	color:#FFFFFF;
	background:#4c4c4c;
}

ul.navMain li ul.flyOut {
	display:none;
}

ul.navMain li:hover ul.flyOut,
ul.navMain li.over ul.flyOut {
	display:block;
	width:161px;
	position:absolute;
	left:0px;
	top:69px;
	margin:0px !important;
	padding:0px !important;
	z-index:100;
	background:#ffffff;
}

ul.navMain li ul.flyOut li {
	display:block;
	width:161px;
	height:20px;
	margin:0px 0px 0px -1px;
	padding:0px 0px 0px 0px;
	float:none;
	line-height:20px;
	text-align:left;
	text-transform:capitalize;
	font-weight:normal;
	font-size:10px;
	color:#FF0000;
	list-style:none;
	border-left:solid #E0E0DA 1px;
	border-right:solid #E0E0DA 1px;
	border-bottom:solid #E0E0DA 1px;
}

ul.navMain li ul.flyOut li a {
	display:block;
	width:154px;
	height:20px;
	color:#64655A;
	padding:0px 0px 0px 7px;
	position:relative;	
	text-decoration:none;
	background:#ffffff;
	margin:0px;
	line-height:20px;
}

ul.navMain li ul.flyOut li a:hover {
	color:#ffffff;
	background:#AEAFA5;
}


/* Moves 2ndary page lower nav +30 */
div.navDesign {
	z-index:100;
	width:766px;
	height:37px;
	position:absolute;
	left:50%;
	top:260px;
	margin-left:-383px;
	background:url(../images/bg_navdesign.gif) repeat-y center top;
}

div.navDesign span {
	display:block;
	width:5px;
	height:5px;
	background:#FFFFFF;
	overflow:hidden;
	float:right;
	margin:16px 0px 0px 0px;
}

div.navDesign a {
	display:block;
	float:right;
	height:23px;
	line-height:20px;
	text-align:center;
	text-decoration:none;
	font-size:11px;
	font-family:Verdana;
	color:#FFFFFF;	
	padding:0px 15px 0px 15px;
	margin:7px 0px 0px 0px;
}

div.navDesign a:hover {
	text-decoration:none;
	color:#ffc23d;	
}

div.preload {
	position:absolute;
	top:-500px;
	left:0px;
}

/* ===================== */
/* PAGE STRUCTURE STYLES */
/* ===================== */

div.master {
	margin-top:82px;
	background:url(../images/bg_master.gif) repeat-y center top;
}



/* Moves 2ndary page entire content below 2nd nav +30px */
div.masterDesign {
	margin-top:296px;
}

div.servant {
	width:766px;
	position:relative;
	top:0px;
	left:50%;
	margin-left:-383px;
}

div.servantDesign {
	width:764px;
	position:relative;
	top:0px;
	left:50%;
	margin-left:-383px;
	border:solid #d6d6d6 1px;
}

td.leftCol {
	height:650px;
	width:259px;
	vertical-align:top;
}

td.rightCol {
	width:507px;
	vertical-align:top;
}

td.singleCol {
	height:200px;
	width:766px;
	vertical-align:top;
}

div.content {
	padding:20px;
	width:724px;
}




div.footer {
	width:100%;
	height:71px;
	position:relative;
	left:0px;
	top:0px;
	background:url(../images/bg_footer.gif) no-repeat center top;
	margin-bottom:25px;
	font-size:11px;
	color:#bfbfbf;
}

div.align, div.alignDesign {
	width:751px;
	height:52px;
	position:absolute;
	left:50%;
	top:0px;
	margin-left:-383px;
	padding:19px 15px 0px 0px;
	text-align:right;
}

div.alignDesign {
	background:#505050;
}


div.calendar {
	width:703px;
	padding:0px 0px 0px 21px;
}






/* ===================== */
/* Secondary Page (design.php) BANNER  LOGO and MENU  STYLES */
/* ===================== */



/* NEW MEMBERSHIP NOTIFIER SECTION ABOVE SLIDES and LOGO */
.memBanner
{
position:absolute;
top:82px;
left:50%;
margin-left:-385px;
width:770px;
height:44px;
background:url(../images/memNavBG.gif) top left no-repeat ;
color:green;
}






/* Moves 2ndary page green logo  */
div.logo, div.logoDesign {
	width:259px;
	height:289px;
	position:absolute;
	left:50%;
	top:82px;
	margin-left:-383px;
}

div.logoDesign {
	height:178px;
}


/* Moves 2ndary AND Primary page slideshow on right  */
div.banner, div.bannerDesign, div.rotator {
	width:507px;
	height:338px;
	position:absolute;
	left:50%;
	top:82px;
	margin-left:-124px;
}

div.bannerDesign {
	height:178px;
}

div.rotator {
	z-index:101;
}

div.menu {
	width:766px;
	height:82px;
	position:absolute;
	left:50%;
	top:0px;
	margin-left:-383px;
}






/* ===================== */
/* SECONDARY PAGE (design.php) STYLES */
/* ===================== */


/* right content column on most pages */
div.Dcontent {
	position: relative;
	right:0px;
	top:0px;
	width:467px;
	float:right;
}

div.Dcontent h3, div.Dcontent .h3 {
	background:url(../images/bg_content_head.gif) no-repeat left top;
	width:454px;
	height:26px;
	padding:7px 0px 0px 13px;
	margin:0px;
	font-size:17px;
	color:#83a302;
}

div.Dcontent h2 {
	color:#666666;
	width:451px;
	height:23px;
	background:url(../images/bg_content_patt.gif) repeat-x left top;
	padding:11px 0px 0px 14px;
	font-size:12px;
	text-transform:uppercase;
	border-top:solid 3px #F0F0F0;
	border-left:solid 1px #F0F0F0;
	border-right:solid 1px #F0F0F0;
	margin-top:-2px;
	margin-bottom:0px;
	margin-left:-1px;
}

div.Dcontent p {
	width:300px;
	padding:0px 13px 0px 13px;
	margin-top:0px;
	display:block;
}

div.Dcontent ul, .news {
	margin:0px 0px 20px 13px;
	padding:7px 0px 0px 0px;
	padding-left: 12px;
}

div.Dcontent li, .news li {
	list-style:none;
	margin:0px 13px 7px 0px;
	border:solid #F0F0F0 1px;
	padding:0px 0px 1px 0px;
	margin-left: 12px;
	list-style-image: url(../images/bg_bullet.gif);
	list-style-position: outside;
	
}

div.Dcontent li strong, .news li strong {
	background:#8FA633;
	color:#FFFFFF;
	padding:1px 5px 2px 5px;
	font-weight:normal;
}

div.dContentWrap {
	width:465px;
	border:solid #F0F0F0 1px;
	margin-bottom:15px;
}

/* left column content links for secondary pages etc */
div.DcontentLeft {
	position:relative;
	left:0px;
	top:0px;
	width:221px;
	float:left;
}


/* left column header boxes */
div.DcontentLeft h2 {
	width:208px;
	height:26px;
	background:url(../images/bg_navsec2.gif) no-repeat left top;
	padding:7px 0px 0px 13px;
	font-size:17px;
	margin:0px;

}


.staff {
	width:465px;
	height:195px;
	position:relative;
	left:0px;
	top:0px;
	background:url(../images/bg_content_patt.gif) repeat-x left top;
	border-top:solid 3px #f0f0f0;
	border-left:solid 1px #f0f0f0;
	border-right:solid 1px #f0f0f0;
	border-bottom:solid 1px #f0f0f0;
	margin:-2px 0px 15px 0px;
}

.staff_left {
	width:165px;
	height:195px;
	float:left;
}

.staff_right {
	width:300px;
	height:180px;
	float:right;
	padding-top:15px;
}

.staff_right h2 {
	display:block;
	width:300px !important;
	height:20px;
	padding:0px !important;
	border-top:none !important;
	background:none !important;
	border-left:none !important;
	border-right:none !important;
}

.staff_right p {
	display:block;
	width:300px !important;
	height:20px;
	padding:0px !important;
	background:none !important;
}

.staff img {
	width:128px;
	height:163px;
	padding:1px;
	border:solid #f0f0f0 3px;
	margin:10px 0px 0px 13px;
}




/* ============= */
/* FRONT PAGE STYLES */
/* ============= */

div.leftColPic {
	width:163px;
	height:164px;
	position:absolute;
	left:2px;
	top:100%;
	margin-top:-145px;
	background:url(../images/bg_leftcol_pic.jpg) no-repeat left top;
}


/* Featured Events on Main Page.....MOVES THE WHOLE SECTION, articles and banner */
div.contentRight {
	padding:69px 20px 0px 20px;
	width:467px;
}



/* Main Page Featured Events and Programs Bar..Only Bar, leave alone till figured out weird tie in */
div.contentHeader {
	width:508px;
	height:52px;
	position:relative;
	left:-20px;
	top:109px;
	background:url(../images/featured_events.gif) no-repeat left top;
	padding-top:5px;
	padding-bottom:5px;
    text-align:center;
    font-size:15px;
    color:#5c7e00;
    z-index:1000;
}

div.contentHeader h2 {
	color:#FFFFFF;
	text-transform:uppercase;
	text-align:center;
}
div.contentHeader div.head {
	width:253px;
}




/* Left quick links whole or some left columns */
div.navSec
{
z-index:100;
width:217px;
position:absolute;
left:50%;
top:278px;
margin-left:-368px;
}

/* Left quick links real */
div.navSec a {
	display:block;
	width:217px;
	margin-left:-9px;
	color:#555555;
	text-decoration:none;
	background:url(../images/bg_bullet.gif) no-repeat 13px 10px;
	padding:5px 0px 5px 29px !important;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	border-bottom:solid 1px #f0f0f0;
	border-left:solid 1px #ffffff;
	border-right:solid 1px #ffffff;
}

div.navSec a:hover {
	color:#CC3333;
	background:url(../images/bg_bullet_hv.gif) no-repeat 13px 10px #fbfbfb;
	border-left:solid 1px #f0f0f0;
	border-right:solid 1px #f0f0f0;
}


/* Left Column under quick links plus the guys picture at the bottom ALSO CONTROLS THE FOOTER */
div.contentLeft {
	padding:570px 15px 250px 21px;
	width:223px;
}




/* For internal pages left column */
div.navSec2 a {
	display:block;
	width:190px;
	color:#555555;
	text-decoration:none;
	background:url(../images/bg_bullet.gif) no-repeat 13px 10px;
	padding:5px 0px 5px 29px !important;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	border-bottom:solid 1px #f0f0f0;
	border-left:solid 1px #ffffff;
	border-right:solid 1px #ffffff;
}

div.navSec2 a:hover {
	color:#CC3333;
	background:url(../images/bg_bullet_hv.gif) no-repeat 13px 10px #fbfbfb;
	border-left:solid 1px #f0f0f0;
	border-right:solid 1px #f0f0f0;
}