/*Camp Fitch 2008, written by Christopher Anthony        */
/*and James DeRosa, Keynote Media Group 2008             */
/*For more info on Chris, Jim or Keynote Media,          */
/*check out KeynoteMediaGroup.com                        */
/*This code developed especially for The YMCA's          */
/*Camp Fitch On Lake Erie: A Great Camp On A Great Lake! */

/*BEGIN WIREFRAME OPTIONS*/
body {
	margin: 0 0 0 0;
	text-align:center;
	background:#eadcc1;
}

#eighttwentywrapper {
	width:820px;
	margin:0 auto;
}

#dropshadow {
	width:820px;
	background:url(images/dropshadow_side.png) repeat-y #FFFFFF;
}

#dropshadowbottom {
	width:820px;
	height:14px;
	background:url(images/dropshadow_bottom.png) no-repeat #FFFFFF;
	margin:0 0 0 0;
}

#wrapper {
	width:800px;
	margin: 0 auto;
}

#head {
	width:800px;
	height:280px;
	background:url(images/header_rotate/rotate.php) no-repeat;
	margin:0 0 0 0;
}

.headlogo {
	float:left;
	width:140px;
	margin-top:10px;
	margin-left:10px;
}

.headtag {
	float:right;
	width:299px;
	margin-top:10px;
	margin-right:0px;
}

.menuwrapper {
	width:800px;
	height:26px;
	margin-top:254px;
	background:#ffca55;
}

#pagewrapper {
	width:800px;
	margin:0 0 0 0;
}

#breadcrumb {
	width:800px;
	float:left;
	margin:0 0 0 0;
	text-align:left;
}

#content {
	float:left;
	width:390px; /*combine with #pagebar's width parameter must = 800px or less*/
	margin:0 0 0 2px;
	color:#0033FF;
}

#pagebar {
	float:right;
	width: 390px; /*combine with #content's width parameter must = 800px or less*/
	color:#000099;
	margin: 0 2px 0 0;
}

#foot {
	width:800px;
	margin:auto 0 0 0;
	clear:both;
}
/*END WIREFRAME OPTIONS*/

/*BEGIN MENU HANDLERS*/

.menu {
	float:left;
	font-family: verdana, arial, sans-serif;
	width:800px;
	font-size:11px;
	padding-top:104px;
	margin:0px auto;
}

.menu ul li a, .menu ul li a:visited {
	display:block;
	text-decoration:none;
	width:auto;
	height:26px;
	text-align:center;
	color:#000;
	padding:0 10px 0 10px;
	border:1px solid #0ab6eb;
	border-width:0px 1px 1px 1px;
	background:#ffca55;
	line-height:26px;
	font-size:12px;
}

.menu ul {
	padding:0;
	margin:0;
	list-style-type: none;
}

.menu ul li {
	float:left;
	position:relative;
}

.menu ul li ul {
	visibility:hidden;
	position:absolute;
}

.menu table {
	border-collapse:collapse;
	margin:0;
	padding:0;
	font-size:1em;
	margin:-1px;
}

.menu ul li:hover a, .menu ul li a:hover {
	color:#000;
	background:#f68e3d;
}

.menu ul li:hover ul, .menu ul li a:hover ul {
	visibility:visible;
	bottom:26px;
	left:0;
}

.menu ul li:hover ul li a.sub, .menu ul li a:hover ul li a.sub {
	background:#f68e3d;
	color:#000;
}

.menu ul li:hover ul li, .menu ul li a:hover ul li {
	display:block;
	background:#fff;
	color:#000;
	width:199px;
	clear:both;
}

.menu ul li:hover ul li:hover a.sub, .menu ul li a:hover ul li a:hover.sub {
	background:#ffca55;
	color:#000;
}

.menu ul li:hover ul li ul, .menu ul li a:hover ul li a ul {
	visibility:hidden;
	position:absolute;
}

.menu ul li:hover ul li a, .menu ul li a:hover ul li a {
	display:block;
	background:#ffca55;
	color:#000;
	width:100%;
	padding-left:10px;
}

.menu ul li:hover ul li a:hover, .menu ul li a:hover ul li a:hover {
	background:#f68e3d;
	color:#000;
}

.menu ul li:hover ul li:hover ul, .menu ul li a:hover ul li a:hover ul {
	visibility:visible;
	left:175px;
	bottom:0;
}

.menu ul li:hover ul li:hover ul li a, .menu ul li a:hover ul li a:hover ul li a {
	background:#ffca55;
	color:#000;
}

.menu ul li:hover ul li:hover ul li a:hover, .menu ul li a:hover ul li a:hover ul li a:hover {
	background:#f68e3d;
	color:#000;
}

.menu ul li:hover ul.left, .menu ul li a:hover ul.left {
	left:-105px;
}

.menu ul li:hover ul li:hover ul.left, .menu ul li a:hover ul li a:hover ul.left {
	left:-210px;
	width:209px;
}

/*END MENU HANDLERS*/


/*BEGIN TYPE HANDLERS*/

#breadcrumb p {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#333333;
	margin:4px;
}

#breadcrumb a {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#333333;
	text-decoration:underline;
}

#breadcrumb a:hover {
	color:#FF9900;
}

#breadcrumb a:visited {
	color:#333333;
}

#foot p {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#333333;
	margin:0 4px 0 4px;
	padding-bottom:4px;
}

#foot a {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#333333;
	text-decoration:underline;
}

#foot a:hover {
	color:#FF9900;
}

#foot a:visited {
	color:#333333;
}

/*END TYPE HANDLERS*/


/*BEGIN CONTENT HANDLERS*/

#bunkone {
	width:354px;
	height:146px;
	background:url(images/bunk1.png) no-repeat;
	text-align:center;
	margin:0 auto;
}

.bunkeonelink {
	width:354px;
	padding-top:40px;
	margin:0 auto;
}

#event {
	width:354px;
	height:360px;
	background:url(images/openhouse.png) no-repeat;
	text-align:center;
	margin:0 auto;
}

.eventinfo {
	width:354px;
	padding-top:180px;
	margin:0 auto;
}

.eventinfo p {
	padding:0 36px 0 28px;
	font:Arial, Helvetica, sans-serif;
	color:#333333;
	font-size:0.8em;
	line-height:1.1em;
}

#onlineregistrationlink {
	width:354px;
	height:137px;
	text-align:center;
	margin:0 auto;
}

.youtubevideo {
	width:354px;
	padding-top:126px;
	margin:0 auto;
}

#youtube {
	width:354px;
	height:426px;
	background:url(images/fitch_tv.png) no-repeat;
	text-align:center;
	margin:0 auto;
}

/*END CONTENT HANDLERS*/

/*ADDITIONAL HANDLERS ADDED 09/2009 */
.bigtextlink {
	font-family:Arial, Helvetica, sans-serif;
	font-size:22px;
	color:#FF9900;
	text-decoration:underline;
}

.bigtextlink:hover {
	color:#333333;
}

/*ADDITIONAL HANDLERS ADDED 02/2010 */
#breakingnews {
	width:354px;
	height:360px;
	background:url(images/breakingnews.png) no-repeat;
	text-align:center;
	margin:0 auto;
}

.breakingnewsinfo {
	width:354px;
	padding-top:100px;
	margin:0 auto;
}

.breakingnewsinfo p {
	padding:0 36px 0 28px;
	font:Arial, Helvetica, sans-serif;
	color:#333333;
	font-size:0.8em;
	line-height:1.1em;
}

/*ADDITIONAL HANDLERS ADDED 06/2010 */
#orderoftheoar {
	width:354px;
	height:360px;
	background:url(images/oar_corner.png) no-repeat;
	text-align:center;
	margin:0 auto;
}

.orderoftheoarinfo {
	width:354px;
	padding-top:100px;
	margin:0 auto;
}

.orderoftheoarinfo p {
	padding:0 36px 0 28px;
	font:Arial, Helvetica, sans-serif;
	color:#333333;
	font-size:0.8em;
	line-height:1.1em;
}