/*   
Global Stylesheet
Built my Mark Boosey
http://www.mboosey.com
*/


/*
Global Framework
*/

	HTML, BODY {
		font-size: 14px;
		font-family: "Trebuchet MS", Verdana, Arial, Helvetica, Sans-Serif;
		height: 100%;
		margin: 0px;
	}
	
/*
Link Styles
*/

	a {  
		color: #0000FF;
		text-decoration: underline;
	}
	
	a:hover {  
		color: #FF0000;
		text-decoration: none;
	}
	
	a.menu-major {  
		color: #0000FF;
		font-size: 14px;
		font-weight: bold;
		text-decoration: none;
	}
	
	a.menu-clicked {  
		color: #000000;
		font-size: 14px;
		font-weight: bold;
		text-decoration: none;
	}
	
	a.menu-minor {  
		color: #FF00CC;
		font-size: 11px;
		text-decoration: none;
	}
	
	a.small-text {
		font-size:11px;
		text-decoration: none;
	}
	
	a.big-link {  
		color: #990066;
		font-size: 16px;
		font-weight: bold;
		text-decoration: underline;
	}
	

/*
Page Layout
*/

	.main-table {
		width: 100%;
		margin: 0px;
		padding: 0px;
		border-collapse: collapse;
		border: 0px none;
	}
	
	.td-menu {
		width: 15%;
		vertical-align:top;
		margin: 0px;
		padding: 2px 0px 0px;
	}
	
	.td-menu-bottom {
		width: 15%;
		vertical-align: bottom;
		margin: 0px;
		padding: 2px 0px 0px;
	}
	
	.td-content {
		vertical-align:top;
		padding: 2px 5px 5px 8px;
		width: 85%;
	}
	
/*
Page Layout
*/

	.menu-option {
		width: 100%;
		margin: 2px 0px;
		border-collapse: collapse;
		border: 2px groove #CCCCCC;
		padding: 0px;
	}
	
	.menu-option TD {
		padding: 5px;		
	}
	
	.menu-option-on {
		width: 100%;
		margin: 2px 0px;
		border-collapse: collapse;
		padding: 0px;
	}
	
	.menu-option-on TD {
		padding: 5px;
	}
	
	.navi-box {
		border: 1px dotted #666666;
	}
	
	.navi-box TD {
		padding: 5px;
	}

/*
Page Elements
*/

.page-title {
	font-size: 20px;
	font-weight: bold;
	color: #FFFF33;
	background-color: #0066CC;
	text-align: center;
	margin: 5px;
	padding: 4px;
	border: 1px solid #000000;
}

.small-text {
	font-size:11px;
}

.item-desc {
	font-size:11px;
}

.dotted-box-1 {
	margin: 5px;
	padding: 5px;
	border: 1px dotted #999999;
	background-color: #FFCCFF;
}

.dotted-box-2 {
	margin: 5px;
	padding: 5px;
	border: 1px dotted #999999;
	background-color: #CCCCFF;
}

.hr-blue {
	height:2px;
	width:100%;
	color: #0066CC;
}

hr {
	height:1px;
	width:100%;
	color:#000000;
}

h2 {
	font-size: 22px;
	color: #0066CC;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #0066CC;
}

h3 {
	font-size: 14px;
	background-color: #0066CC;
	padding: 3px;
	color: #FFFFFF;
}

.inline-photo {
	border: 1px solid #000000;
	margin-top: 0px;
	margin-right: 6px;
	margin-left: 6px;
	margin-bottom: 2px;
}

.navi-box-on {
	font-weight: bold;
	color: #666666;
}

.unit-summary-table {
	font-size: 12px;
	background-color: #FFFFCC;
	border: 1px solid #000000;
	margin-right: 6px;
	margin-bottom: 1px;
	margin-left: 3px;
}

.unit-summary-table TD {
	padding: 6px;
}

.join-summary-table {
	background-color: #FFFFCC;
	border: 1px dotted #000000;
	margin-right: 6px;
	margin-bottom: 1px;
	margin-left: 3px;
}

.join-summary-table TD {
	padding: 6px;
}

.middle-spacer-blue {
	border-left-width: 2px;
	border-left-style: solid;
	border-left-color: #0066CC;
}


.middle-spacer-black {
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #000000;
}

.quote {
	font-family: Sylfaen, Verdana, Arial;
	font-size: 14px;
	padding-top: 4px;
	padding-left: 4px;
	margin-left:10px;
}

/*
Website Section Backgrounds
*/

#section-home {
	background-color: #CCFFFF;	
}

#section-about {
	background-color: #FFFFD7;	
}

#section-sections {
	background-color: #FFFFFF;	
}

#section-events {
	background-color: #F4DCFE;	
}

#section-camps {
	background-color: #D9F3FF;
}

#section-join {
	background-color: #D2FFC4;	
}

#section-useful-info {
	background-color: #EEEEEE;	
}

#section-leader-resources {
	background-color: #FFE6B5;	
}

#section-halls {
	background-color: #EFE7CF;	
}

#section-links {
	background-color: #D8F0F8;	
}

#section-contact {
	background-color: #FFC8C8;	
}