
#pano:after,
#bottomFeatures:after,
.inlineImageLeft:after,
.inlineImageRight:after,
#centerColumn:after,
#centerColumn .container:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}

form,
input
margin: 0;
padding: 0;
}

.field {
border-color: #e9e3c3;
border-width: 1px;
border-style: solid;
margin-bottom: 6px;
padding: 2px 4px 0 0;
}

h1, h2, h3, h4, h5, h6, h7 {
margin: 0;
padding: 0;
font-size: 125%;
font-weight: bold;
font-family: "Century Gothic", arial, verdana, helvetica, sans-serif;
}

a {
color: #ac0303;
text-decoration: underline;
font-weight: bold;
}

a:hover,
li a:hover {
text-decoration: none;
color: #000;
}

a:visited,
li a:visited {
text-decoration: underline;
color: #5a0404;
}

a img {
border: 0;
}

.leftImage {
float: left;
}

.rightImage {
float: right;
}

.right {
text-align: right;
}

.emphasis {
font-style: italic;
font-weight: bold;
color: #ff0000;
}

.addBagButton {
cursor: pointer;
}

.dottedBorder {
border-width: 1px;
border-style: dotted;
border-color: #bfbfbf;
background: #fff;
}

.button {
background: #b10707;
color: #fff;
padding: 2px;
width: auto;
height: auto;
text-align: center;
font-family: "Century Gothic", arial, verdana, helvetica, sans-serif;
border: 1px solid #fff;
font-size: 135%;
font-weight: bold;
}

html,
body {
	margin:0;
	padding:0;
	height:100%; /* 100 % height */
}



/* =============================================================================

GENERAL STRUCTURE

============================================================================= */

body {  
  font-size: x-small;
  font-family: verdanda, helvetica, sans-serif;
  color: #4e4e4e;
  background: #fff url('/atf/cf/{2101903E-A11A-4532-A64D-9D823368A605}/page_bg.jpg') 0 0 repeat-x;
  }
  
#wrapper {
width: 980px;
margin: 0 auto;
padding: 0 0 9px 0;
}

#subWrapper {
	/*padding: 0 30px;*/
	margin-bottom: 9px;
	font-size: 120%;
	line-height: 150%;
	position: relative;
}

#subWrapper .column {
	position: absolute;
}

/* =============================================================================

HEADER

============================================================================= */


#headerWrapper {
	position: relative;
}

#headerRow1 {
	padding: 14px 0 0 25px;
}

#headerRow1 #logo {
	display: block;
}

#topSearch {
	float: right;
	padding: 0 13px 0 0;
}

#topSearch form {
	padding-top: 11px;
}

#searchField {
	width:114px;
}

#pano {
	width: 980px;
	height: 232px;
	background: url('/atf/cf/{2101903E-A11A-4532-A64D-9D823368A605}/child_banner_bg.jpg') 0 0 no-repeat;
	position: relative;
}

#home #pano {
	background: url('/atf/cf/{2101903E-A11A-4532-A64D-9D823368A605}/pano_test.jpg') 0 0 no-repeat;
}

#pano #leftNav {
	width: 185px;
	/*background: #999;*/
	float: left;
	padding: 59px 0 0 32px;
}

#pano #leftNav a {
	font-size: 140%;
	display: block;
	padding: 4px 0 4px 13px;
	margin: 0;
	font-weight: bold;
	color: #aa0919;
	font-family: "Century Gothic", arial, verdana, helvetica, sans-serif;
	text-decoration: none;
}

#pano #leftNav a:hover {
	background: url('/atf/cf/{2101903E-A11A-4532-A64D-9D823368A605}/left_nav_bullet.gif') 0 50% no-repeat;
}

#rightColumnTitle {
	position: absolute;
	bottom: 0px; 
	right: 43px;
	background: #000;
	padding: 7px 14px 6px 14px;
	width: 200px;
}

#rightColumnTitle h2,
#rightColumnFeatureTitle h2 {
	color: #fff;
	font-size: 170%;
}

#panoContent {
	margin: 0 0 0 217px;
	height: 205px;
	width: 708px;
	padding: 9px 0 0 18px;
	/*overflow: hidden;*/
	text-align: left;
}

#panoContent img {
	display: block;
	margin: 0;
	padding: 0;
}

iframe {
	overflow-y: auto;
	overflow-x: scroll; 
}
	


/* =======================================================================================================================
	TOP NAVIGATION
======================================================================================================================= */
 
	
	#menubar {
		padding: 8px 3px 0 0;
		/* margin:0 0 0 275px; - TO ACCOMMODATE RIGHT COLUMN */
		margin:0;
		float: right;
	
	}



	#menubar a {
	display: block;
	float: left;
margin: 6px 5px 6px 0;
font-size: 140%;
padding: 0 0 0 11px;
font-weight: bold;
color: #aa0919;
font-family: "Century Gothic", arial, verdana, helvetica, sans-serif;
background: url('/atf/cf/{2101903E-A11A-4532-A64D-9D823368A605}/menu_separator.gif') 0 75% no-repeat;
text-decoration: none;
	}

	
#menubar a.first {
background: none;
}	
	
#menubar a.last {
border-right: 0;
}


#menubar a.search {
	color: #4e4e4e;
}


#menubar a:hover.search {
	color: #4e4e4e;
	text-decoration: none;
	cursor: default;
}

		
 

/* =============================================================================

LEFT COLUMN

============================================================================= */

#child2 #leftColumn {
	position: absolute;
	right: 768px;
	top: 0px;
	border: 1px solid #E2EAED;
	background: url('/atf/cf/{2101903E-A11A-4532-A64D-9D823368A605}/child2_left_column_bg.jpg') bottom left repeat-x;
	padding: 0 8px;
	margin: 0;
	width: 163px;
}

#child2 #leftColumn p {
	color: #47638a;
}


#leftColumn h2 {
	margin-top: 8px;
	font-size: 170%;
	margin-bottom: 6px;
}

#leftColumn h3 {
	font-size: 115%;
	margin-bottom: .5em;
	color: #47638a;
}


/* =============================================================================

RIGHT COLUMN

============================================================================= */

#rightColumn {
position: absolute;
right: 30px;
top: 0px;
border: 1px solid #E2EAED;
background: url('/atf/cf/{2101903E-A11A-4532-A64D-9D823368A605}/child_right_column_bg.jpg') bottom left repeat-x;
}

#home #rightColumn {
border: 0;
width: 228px;
padding: 0;
background: #fff;
right: 43px;
}

#child1 #rightColumn {
width: 234px;             /* RC width */
}

#child2 #rightColumn {
	padding: 0;
	margin: 0;
	width: 183px;
}

#rightColumn h2 {
	font-size: 170%;
	margin-bottom: 6px;
}


#signIn {
	border-width: 1px;
	border-color: #d6dadd;
	border-style: solid;
	margin-bottom: 7px;
}

#homeNews {
	border: 1px solid #d1dce3;
	background: #f1f1f1 url('/atf/cf/{2101903E-A11A-4532-A64D-9D823368A605}/home_news_bg.jpg') top left repeat-x;
	padding: 11px 18px 13px 18px;
}

#homeNews h2 {
	font-size: 160%;
	margin-bottom: .5em;
}

.newsItem {
	line-height: 115%;
}

.newsDate {
	color: #999;
	font-weight: bold;
}

#homeNews a {
font-weight: bold;
}

.rightItem {
	margin: 0 0 16px 0;
	padding: 7px;
}

.last {
	margin: 0;
}

#rightColumnFeature {
	background: #F3F3F3;
	border: 1px solid #E2EAED;
}

#rightColumnFeatureTitle {
	background: #000;
	padding: 7px 14px 6px 14px;
}



/* =============================================================================

CENTER COLUMN

============================================================================= */

#centerColumn {
padding: 0 8px;       /* CC padding */
/* margin: 0 180px 0 277px; - TO ACCOMMODATE RIGHT COLUMN */
border: 1px solid #E2EAED;
line-height: 150%;
position: relative;
}

#home #centerColumn {
border: 0;
margin: 0 277px 0 30px;
}

#child1 #centerColumn {
	margin: 0 272px 0 30px;
}

#child2 #centerColumn {
	margin: 0 221px 0 217px;
}

#child3 #centerColumn {
	width: 902px;
	margin: 0 0 0 30px;
}

#tertiaryLinks {
	font-family: "Century Gothic", arial, verdana, helvetica, sans-serif;
	font-weight: bold;
	padding: 8px 0;;
	font-size: 95%;
	text-align: center;
}

#tertiaryLinks a {
	padding: 0 12px 4px 12px;
}

#centerColumn p {
	margin-top: 0px;
}

#centerColumn .container ul li {
	margin: 0 0 0 2em;
	padding: 0;
	list-style-image: url('/atf/cf/{2101903E-A11A-4532-A64D-9D823368A605}/list_bullet.gif')
}

#centerColumn .container {
	padding: 0 0 16px 8px;
}

#centerColumn .blueGradient {
	background: #F0F5F9 url('/atf/cf/{2101903E-A11A-4532-A64D-9D823368A605}/blue_gradient_bg.jpg') top left repeat-x;
}

#centerColumn h2 {
	display: block;
	padding: 16px 0 12px 0;
	font-size: 150%;
}

#home #centerColumn h2 {
	padding: 0;
}

.inlineImageLeft {
	float: left;
	display: block;
	border: 2px solid #C5D3DC;
	margin: 0 1em 1em 0;
}

.inlineImageRight {
	float: right;
	display: block;
	border: 2px solid #C5D3DC;
	margin: 0 0 1em 1em;
}

.SN {
	float: left;
	display: block;
	border: 0;
	margin: 0 1em 0 0;
}

.SNL {
	float: left;
	display: block;
	border: 0;
	margin: 0;
}

#aboutMission {
	padding: 6px 14px;
	line-height: 140%;
	margin-bottom: 5px;
}

#aboutMission h2 {
	margin-bottom: .5em;
}

#registerClasses {
	background: #ecf2f7 url('/atf/cf/{2101903E-A11A-4532-A64D-9D823368A605}/register_classes.jpg') top left no-repeat;
	border: 1px solid #c7d7e1;
	padding: 11px 14px;
	margin-bottom: 8px;
	min-height: 83px;
}

#registerClasses h2 {
	font-size: 165%;
	font-weight: bold;
}

#registerClasses img {
	border: 1px solid #999;
	float: left;
	margin-right: 14px;
}

#topProgramsWrapper {
	background: #f0f5fb;
	border: 1px solid #e8edf1;
	padding: 2px 2px 8px 2px;
}

#topProgramsWrapper .title {
	background: #fff url('/atf/cf/{2101903E-A11A-4532-A64D-9D823368A605}/top_programs_header_bg.jpg') top left repeat-y;
	padding: 7px 9px;
}

#topProgramsWrapper .title h2 {
	font-size: 185%;
}

#topPrograms {
	font-size: 120%;
	background: #f0f5fb url('/atf/cf/{2101903E-A11A-4532-A64D-9D823368A605}/top_programs_bg.jpg') bottom left repeat-x;
}

#topProgramsInner  {
	padding: 8px 0;
}

.topProgram {
	border-right: 1px solid #ccdbe4;
	padding: 0 20px;
	color: #ac0707;
}

.topProgram h3 {
	font-size: 110%;
	margin-bottom: .25em;
	font-weight: bold;
	color: #343434;
}

.topProgram ul {
	margin-left: 1.25em;
	padding: 0;
}

.topProgram li {
	margin: 0;
	padding: 0;
}





#bottomFeatures {
	background: #eeeded url('/atf/cf/{2101903E-A11A-4532-A64D-9D823368A605}/bottom_links_bg.jpg') top left repeat-x;
	padding: 20px 0;
	border: 1px solid #e8edf1;
	margin: 0 30px;
	position: relative;
}

.bottomFeature {
	font-size: 120%;
	width: 254px;
	padding: 0 25px 0 26px;
	border-right: 1px solid #ccdbe4;
	float: left;
}

#bottomFeatures .last {
	border-right: 0;
}

.bottomFeature h2 {
	font-size: 150%;
	margin-bottom: .5em;
}

.bottomFeature .thumb {
	margin: 0 11px 0 0;
	float: left;
}

.bottomFeature p {
	line-height: 125%;
}

.bottomFeature a {
	font-weight: bold;
}

/* =======================================================================================================================
	TABBED INTERFACE
======================================================================================================================= */

#tabbedInterfaceTabs {
	margin: 0;  
}  

#tabbedInterfaceTabs ul {
	margin: 0;
	padding: 0;
}

#tabbedInterfaceTabs li {
	list-style : none; 
	display : inline; 
	margin: 0;
	padding: 0;
}

#tabbedInterfaceTabs a {
	float: left;
	margin: 0 0 0 1px;
	text-decoration : none; 
	padding: 4px 10px 1px 10px;
	cursor: pointer;
	font-weight: bold;
	color: #a8332c;

}
#tabbedInterfaceTabs a:hover {
	cursor: pointer;
	color: #333;
}

.tabbedInterfaceTabsActive {
	background-color: #ededed;
	background-position: top left;
	background-repeat: no-repeat;
}

#tabbedInterfaceTabs a.tabbedInterfaceTabsActive {
	color: #a8332c;
}

.tabbedInterfaceTabsInactive {
	color: #dddddd;
	background-color: #d2d2d2;
	background-position: top left;
	background-repeat: no-repeat;
}

#tabbedInterfaceContent {
	clear: left;
	padding: 0 10px;
	margin: 0 0 8px 0; 
	background-color: #ededed;
	background-position: top left;
	background-repeat: no-repeat; 
}


/* =============================================================================

FOOTER

============================================================================= */

#footer {
	background: #e7eef2;
	padding: 21px 12px;
	text-align: center;
	font-family: verdana, arial, helvetica, sans-serif;
}

#bottomLinks {
	font-family: "Century Gothic", arial, verdana, helvetica, sans-serif;
	font-weight: bold;
	font-size: 125%;
}

#bottomLinks a {
	padding: 0 12px 4px 12px;
}

#bottomLinks img {
	margin: 0 4px 0 8px;
}

/* =============================================================================

DONATION DROPDOWN

============================================================================= */

.donatemenu select {
	width: 270px;
	font-size: 80%;
	border-color: #e9e3c3;
	border-width: 1px;
	border-style: solid;
	margin-bottom: 6px;
	padding: 2px 0 0 2px;
}
	
	.donatemenu option {
	padding: 2px 0 0 0;
}

/* =============================================================================

FACILITIES ICONS

============================================================================= */

.amenitiesIcon {
	float: left;
	border: 2px solid #C5D3DC;
	margin: 0 1em 1em 0;
	padding: 1em 1em 1em 1em;
}

/* =============================================================================

SOCCER

============================================================================= */

.soccer {
background: #F0F5F9 url('/atf/cf/{2101903E-A11A-4532-A64D-9D823368A605}/blue_gradient_bg.jpg') top left repeat-x;
border: 1px solid #c7d7e1;
padding: 11px 14px;
width: 500px;
margin-right: 8px;
min-height: 83px;
}

.soccer h2 {
font-size: 165%;
font-weight: bold;
color: #ac0303;
}

.soccer img {
border: 1px solid #999;
}

/* =============================================================================

ADDITIONAL ITEMS

============================================================================= */

.leftVid {
	width: 300px;
	float: left;
	display: inline;
	margin: 0 12px 8px 0;
}

.rightVid {
	width: 560px;
	float: right;
	display: inline;
	margin: 0 0 8px 12px;
}

.neutralRight {
background: #F0F5F9 url('/atf/cf/{2101903E-A11A-4532-A64D-9D823368A605}/blue_gradient_bg.jpg') top left repeat-x;
border: 1px solid #c7d7e1;
padding: 11px 14px;
width: 250px;
margin: 0 8px 8px 8px;
min-height: 83px;
float: right;
}

.neutralRight h2 {
font-size: 165%;
font-weight: bold;
color: #ac0303;
}

.box1 {
margin: 0;
padding: 0;
width: 30%;
float: left;
border-right: 1px dotted gray;
display: inline;
}
.box2 {
margin: 0 0 0 8px;
padding: 0;
width: 30%;
float: left;
border-right: 1px dotted gray;
display: inline;
}
.box3 {
margin: 0 0 0 8px;
padding: 0;
width: 30%;
float: left;
display: inline;
}

#campLinks {
	font-family: "Century Gothic", arial, verdana, helvetica, sans-serif;
	font-weight: bold;
	margin-top: 8px;
	margin-right: 8px;
	padding: 0;
	font-size: 110%;
	color: #FFF;
	text-align: center;
	background-color: #B20707;
	border: 2px solid #B20707;
}

#campLinks a {
	padding: 0 12px 0 12px;
	color: #FFF;
	text-decoration: none;
}

#campLinks a:hover {
	cursor: pointer;
	color: #FFF;
	text-decoration: underline;
}
.redLinks {
	font-family: "Century Gothic", arial, verdana, helvetica, sans-serif;
	font-weight: bold;
	margin-top: 8px;
	margin-right: 8px;
	padding: 0;
	font-size: 110%;
	color: #FFF;
	text-align: center;
	background-color: #B20707;
	border: 2px solid #B20707;
}

.redLinks a {
	padding: 0 12px 0 12px;
	color: #FFF;
	text-decoration: none;
}

.redLinks a:hover {
	cursor: pointer;
	color: #FFF;
	text-decoration: underline;
}

.slideshow {
	width: 400px;
	float: left;
	display: inline;
	margin: 0 12px 8px 0;
}

.slideshowRight {
	width: 400px;
	float: right;
	display: inline;
	margin: 0 12px 8px 12px;
}

.campRight {
background-color: #F0F5F9;
border: 1px solid #c7d7e1;
width: 224px;
padding: 11px 14px 0 14px;
margin: 0 8px 8px 8px;
float: right;
}

.campRight h2 {
font-size: 165%;
font-weight: bold;
color: #ac0303;
}

.campRight img {margin-bottom: 11px}


.DcampRight {
background-color: #F0F5F9;
border: 1px solid #c7d7e1;
width: 324px;
padding: 11px 14px 0 14px;
margin: 0 8px 8px 8px;
float: right;
}

.DcampRight h2 {
font-size: 165%;
font-weight: bold;
color: #ac0303;
}

#centerColumn .sessions h2 {
	display: block;
	padding: 8px 0 8px 0;
	font-size: 130%;
} 

#centerColumn .sessions h3 {
	display: block;
	padding: 0 0 4px 16px;
	font-size: 100%;
}

#centerColumn .sessions p {
	display: block;
	padding: 0 0 4px 16px;
	font-size: 100%;
} 
#centerColumn .sessions hr {
	text-align: left;
	height: 1px;
	width: 500px;
	color: #C5D3DC;
}

#centerColumn .containerF {
	padding: 0 0 0 8px;
}

.wesave img {
	margin: 10px;
}


/* =======================================================================================================================

======================================================================================================================= */


