/* ------------------------------- Import other CSS files ------------------------------- */
@import url("csssycMenusSelected.css");

/* ------------------------------------------------------------------------ */
body {
	text-align:center;
	min-width:900px;
	margin:5px auto;
	background-color:#e6e6e6;
	font:normal normal normal 10pt/1.4em "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#666;
	}
#wrapper {
	position:relative;
	width:900px;
	margin:10px auto;
	text-align:left;
	background-color:#fff;
	}
/* ------------------------------- INDEX LOGIN ------------------------------- */
#index, #publicoverview, #publicsailing  {
	background-color:#525c7a;
	}
#indexBlock {
	position:absolute;
	top:200px;
	left:670px;
	z-index:10;
	width:270px;
	}
#loginLayer {
	float:left;
	border:1px solid #ccc;
	padding:2px;
	}
#generalInfo {
	float:left;
	border:1px solid #ccc;
	padding:2px;
	margin-top:12px;
	}
#loginLayer form {
	padding-left:20px;
	font:normal normal bold 9pt/1.4em "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#fff;
	}
input { font:normal normal bold 10pt/1.4em "Trebuchet MS", Arial, Helvetica, sans-serif; color:#CC0000; }

/* ------------------------------- TOP AREA ------------------------------- */
#topArea {
	position:relative;
	width:900px; height:194px;
	}
/* ----------- MAIN MENU ----------- */
#mainMenu {
	position:absolute;
	z-index:15;
	left:260px; top:0;
	width:635px; height:128px;
	line-height:44px;
	/*background-color:#666;*/
	}
#mainMenu ul { float:left; margin:0; padding:0; list-style:none; }
#mainMenu ul li { float:left; }
#mainMenu ul a {
	padding:0 .75em;
	text-decoration:none;
	font:normal normal bold 10pt "Trebuchet MS", Arial, sans-serif;
	}
#mainMenu a, #mainMenu a:link, #mainMenu a:visited {color:#F0F0F0; text-decoration:none; }
#mainMenu a:hover {
	color:#ffc;
	background:url(../images/topBarPlug.jpg) repeat-x left top;
	display:block;
	height:44px;
	line-height:44px;
	}
/* IE KLUDGE - need to define any value for width */
* html #mainMenu a:hover {
	display:block;
	width:1em;
	}
/* used as an invisible block hyperlink over the logo rather than an invisible pixel */
#logoLink, #logoLink a, #logoLink a:link { 
position:absolute; top:0; left:0; z-index:20;
display:block; width:235px; height:44px;
}

#topBar {
	width:inherit;
	height:44px;
	background:url(../images/topBar.jpg) no-repeat top left;
	}
#topBarDark {
	width:inherit;
	height:44px;
	background:url(../images/topBarDark.jpg) no-repeat top left;
	}
#photo {
	width:inherit;
	height:150px;
	/* background-color:#FF66FF; */
	}
#photoHome {
	width:inherit;
	height:600px;
	background-color:#525c7A;
	}

/* ------------------------------- MAIN AREA ------------------------------- */
#mainAreaWrapper {
	width:inherit;
	/* background-color:#993300; */
	}
	
#contentAreaWrapper {
	float:right;
	width:640px;
	/* background-color:#FFFFCC; */
	margin:30px 0 15px 0;
	}
/* variations based on body id */
#twoCol #contentAreaMain {
	float:left;
	width:450px;
	/* background-color:#FFCC99; */
	}
	
#calendar #contentAreaWrapper, #calendar #twoCol #contentAreaMain {
	width:100%;
	}
	
#twoCol #sidebar, #twoCol #extraColumn {
	display:none;
	}

#threeCol #contentAreaMain {
	float:left;
	width:450px;
	/* background-color:#ccc; */
	}

#threeCol #sidebar {
	float:left;
	width:160px;
	margin:30px 5px 10px 15px;
	/* background-color:#EBEBEB; */
	background:url(../images/sboxmid.jpg) repeat-y;
	}

#sidebar h4 { 
	background:url(../images/sboxtop.jpg) no-repeat right top; 
	margin-top:-10px; 
	font:normal normal bold 16px/1.4em Arial, "Trebuchet MS", Helvetica, sans-serif;
	color:#006633;
	padding:15px 5px 0 15px;
	}
#sidebar p { 
	padding:0px 15px 0 15px;
	margin-top:-5px;
	font:normal normal bold 12px/1.3em "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#DF4800;
	}
#sidebar p.sboxend { background:url(../images/sboxbot.jpg) no-repeat right bottom; margin-bottom:-10px;padding:10px; }
/* IE KLUDGE for top and bottom of sidebar box artwork */
* html #sidebar h4 { margin-top:0; }
* html #sidebar p.sboxend { margin-bottom:0; }

/* ----------- HOME PAGE SPECIAL EVENT SIDEBAR ----------- */
#specialEventBox { 	
	width:210px;
	background:url(../images/spEvent_mid.jpg) repeat-y center; 
	margin:20px 0px 0px 20px;
	} 
#specialEvent h4 {
	text-align:center;
	background:url(../images/spEvent_top.jpg) no-repeat center top;
	margin:0px 0px 5px 0px;
		font:normal normal normal 24px/1.1em Arial, "Trebuchet MS", Helvetica, sans-serif;
		color:#CC3300;
	padding:70px 15px 0px 15px;
	}	
#specialEvent p { 
	text-align:left;
	background:url(../images/spEvent_mid.jpg) repeat-y center;
	margin:0px 0px 0px 0px; 
		font:normal normal bold 12px/1.3em "Trebuchet MS", Arial, Helvetica, sans-serif;
		color:#333366;
	padding:0px 20px 10px 27px;
	}
#specialEvent p.specialEventEnd { 
	background:url(../images/spEvent_bot.jpg) no-repeat center bottom; 
	margin-bottom:0px;
	padding:15px; 
	}
#specialEvent p.btnDetails { text-align:center; margin:0px; padding:0; }
/* ------------------------------------------------------ */

#home #threeCol #contentAreaMain {
	float:left;
	width: 380px;
	/* background-color:#ccc; */
	}		
#home #threeCol #extraColumn {
	float:right;
	width:230px;
	margin:10px 15px 10px 15px; /* changed first margin from 50px */
	background:url(../images/grid1row.gif) repeat-y left top;
	}
#extraColumnContent {
	float:right;
	width:200px;
	margin:-25px 0px 0px 20px !important; 
	margin:0px 0px 0px 20px; /* IE KLUDGE kind of, Firefox needs a negative margin of -35px for alignment , IE doesn't */
	font:normal normal bold 12px/1.4em "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#666666;
	}

#extraColumnContent p { 
	margin:0px; /* IE KLUDGE kind of, Firefox needs a negative margin of -15px for alignment , IE doesn't  */
	margin:-5px 0px 0px 0px !important; 
	}
	h6 {
	font:normal normal bold 14px Georgia, "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#006666;
	}

/* ----------- MENU SECTION PG ----------- */
#channel {
	float:left;
	width:200px;
	height:200px;
	text-align:left;
	/* background-color:#F7F7F7; */
	margin:40px 0 10px 30px;
	}
/* IE KLUDGE for double margins */
* html #channel { margin:40px 0 10px 15px; }
#sectionMenu {
	float:left;
	width:230px;
	/* background-color:#F7F7F7; */
	margin:10px 0 10px 0px;
	}
#sectionMenu ul { margin:0; padding:0; list-style:none; }
#sectionMenu ul a, #sectionMenu ul a:link {
	display:block;
	width:inherit;
		height:20px; 
		line-height:20px;
		padding: 7px 0;
		text-indent:18px;
	font:normal normal bold 10pt "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#939B80;
	text-decoration:none;
	background:url(../images/gridGray.gif) no-repeat left bottom;
	border-bottom: 1px solid #ccc;
	}
/* #sectionMenu ul a:visited {	color:#B8BDAC;} */
#sectionMenu ul a:hover, #sectionMenu ul a:active {
	color:#fff;
	text-decoration:none;
	background:#E88B00 url(../images/gridGray.gif) no-repeat left bottom;
	}
#sectionMenu ul li.first  { border-top: 1px solid #ccc; }

/* ----------- SUB SUB MENU ----------- */

#subsubmenu ul a,
#subsubmenu ul a:link { 
	text-indent:40px;
	font:normal normal normal 10pt "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#003366;
	border-bottom:none;
	background:#fff url(../images/gridArrowSub.gif) no-repeat 11px bottom;
	}
/* #sectionMenu #subsubmenu ul a:visited { background-color:#C9BAA5; } */
#subsubmenu ul a:hover, #subsubmenu ul a:active {
	color:#003366;
	border-bottom:none;
	background:#fff url(../images/gridArrowSub.gif) no-repeat 11px bottom; 
	background-color:#BDAB91;
	text-decoration:none; }
#subsubmenu ul li.last { border-bottom:1px solid #c67000; }


/* ------------------------------- BOTTOM AREA ------------------------------- */
#botArea {
	clear:both;
	position:relative;
	width:inherit;
	}
#botBar {
	position:relative;
	width:inherit;
	height:29px;
	background:url(../images/botBar.jpg) no-repeat top left;
	}
#index #botBar, #publicoverview #botBar, #publicsailing #botBar {
	position:relative;
	width:inherit;
	height:29px;
	background:url(../images/botBarIndex.jpg) no-repeat top left;
	}
#toTop  {
	position:absolute;
	right:10px;
	top:5px;
	width:auto;
	height:15px;
	/* background-color:#CC9966; */
	font: normal normal bold 8pt "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#fff;
	}
#footer {
	text-align:center;
	font:normal normal normal 8pt "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#666;
	background-color:#e6e6e6;
	}
#footerDark {
	text-align:center;
	font:normal normal normal 8pt "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#e6e6e6;
	background-color:#525c7a;
	}
.credit {
	text-align:center;
	font:normal normal normal 8pt "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#999999;
	}

	
/* HHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHH STYLES HHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHH */
a, a:link {color:#CC3300; text-decoration:none;}
a:visited {color:#AE0000; text-decoration:none;}
#footerDark a:link {color:#FFF; text-decoration:none;}
#footerDark a:visited {color:#CCC; text-decoration:none;}
a:hover, a:active, #footerDark a:hover, #footerDark a:active {text-decoration:underline;}


.pgTitle {
	font:normal normal bold 20pt "Trebuchet MS", Helvetica, Arial, sans-serif;
	color:#E88B00;
	}
.pgIntro {
	font:normal normal normal 11pt/1.5 Georgia, "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#000;
	padding-bottom:2px;
	}
	
/* h2 is the "in-page section separator"; burgeeBullet is the lead graphic */
h2 {
	font:normal normal bold 13pt/1.2em  Arial, Georgia, "Trebuchet MS", Helvetica, sans-serif;
	color:#fff;
	background: url(../images/burgeeBullet.jpg) no-repeat left top;
	padding:0 0 0 40px;
	margin:20px 0;
	line-height:1.5em;
	border-right: 3px double #ccc;
	background-color: #CC0000;
	}
	
/* h5 is the "leadin" style; redPipe.gif with padding is for the trailing graphic separator */
h5 { 
	display:inline;
	font:normal normal bold 10pt/1.4em Georgia, "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#333366;
	background: url(../images/redPipe.gif) no-repeat right top;
	padding: 0 .5em 0 0;
	}

#contentAreaMain ul { color:#0066CC; font:normal normal normal 10pt/15pt "Trebuchet MS", Arial, Helvetica, sans-serif;}

#toTop a, #toTop a:link, #toTop a:visited {color:#fff; text-decoration:none;}
#toTop a:hover, #toTop a:active {color:#ffc; text-decoration:underline;} 

.directionsHd { 
	font:normal normal bold 9pt/1.2em Georgia, "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#333366; 
	letter-spacing:2px;
	border-bottom:5px double #ccc;
	display:block;
	height:15px;
	background-color:#E8E8D0;
	padding-top:3px;
	}
	
.directoryLetters {
	font:normal normal bold 13pt/1.2em "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#C00;
	border-bottom:5px double #036;
	display:block;
	margin:-10px 0px 10px 0px;
	padding-bottom:10px;
	}

#directoryText {
	color:#000033;
	}
.directoryLabelSum {
	font:normal normal bold 8pt/1.2em "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#FF6600;
	padding-top:10px;
	}
.directoryLabelWin {
	font:normal normal bold 8pt/1.2em "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#3399CC;
	padding-top:10px;
	}
.memLastname {
	font:normal normal bold 10pt/1.1em "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#000033;
	}
.kids {
	font:italic normal normal 10pt/1.1em "Trebuchet MS", Arial, Helvetica, sans-serif;
	}
/* scrap colors etc.. 

#95AECE; light blue 
#EFEFDE; light beige

*/

#syccal { margin:0; }

#syccalContacts { color:#000; }
#syccalContacts .ttl { color:#CC0000; font-weight:bold; }

/* ------------------------------- LOGOUT ------------------------------- */
#logout {
	text-align:right;
	min-width:900px;
	margin:0;
	paddin:0;
	background-color:#e6e6e6;
	font:normal normal normal 9pt/1.4em "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#666;
	}