body {
	background: #333 url(../media/background.jpg) repeat-x 0 350px;
	margin: 0;
	padding: 0;
	color: #fff;
	voice-family: "\"}\"";
	voice-family: inherit;
	font: 12px/1.5em Verdana, sans-serif;
}

#header {
	background: #c80606 url(../media/header.jpg) no-repeat;
	width: 100%;
	height: 261px;
}

#flash_header {
	width: 100%;
	height: 264px;
	background-color: #c80606;
}

h1 {
	color: #93ce91;
	text-align: left;
	font: 30px/40px Arial, Helvetica, Geneva, sans-serif;
	letter-spacing: 2px;
}

h2 {
	color: #93ce91;
	text-align: left;
	font: 18px/28px Arial, Helvetica, Geneva, sans-serif;
}

h3 {
	color: #93ce91;
	text-align: left;
	font: 14px/20px Arial, Helvetica, Geneva, sans-serif;
}

a {
	color: #fbe018;
	text-decoration: none;
}

a:visited {
	color: #fbe018;
	text-decoration: none;
}

a:hover {
	color: #fbe018;
	text-decoration: underline;
}

.drop {
	margin-top: 45px;
}

/* @group Tabs */

#tabBar {
	width: 100%;
	display: block;
	height: 55px;
	background: white url(../media/greenBar.jpg) repeat-x 0 top;
}

#tabContainer {
	min-width: 825px;
	max-width: 900px;
	display: block;
	height: 45px;
}

#tabs {
	float: left;
	width: 100%;
	font: normal 13px/normal Helvetica, Arial, sans-serif;
}

#tabs ul {
	margin: 0;
	list-style: none;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 0;
	height: 45px;
}

#tabs li {
	background: url(../media/tab_left.jpg) no-repeat left top;
	margin: 0;
	padding: 0 0 0 9px;
	position: relative;
	white-space: nowrap;
	list-style-type: none;
}

#tabs a {
	float: left;
	display: block;
	width: .1em;
	background: url(../media/tab_right.jpg) no-repeat right top;
	text-decoration: none;
	color: #fff;
	height: 20px;
	padding-top: 25px;
	padding-left: 6px;
	padding-right: 18px;
}

#tabs > ul a {
	width: auto;
}

/* Commented Backslash Hack hides rule from IE5-Mac \*/

#tabs a {
	float: none;
}

/* End IE5-Mac hack */

#tabs a:hover {
	color: #ffff86;
}

#nav-home {
	float: left;
}

#nav-news, #nav-catalog, #nav-camps, #nav-care, #nav-train, #nav-articles {
	float: right;
}

#home #nav-home, #news #nav-news,
    #catalog #nav-catalog, #camps #nav-camps,
    #train #nav-train, #care #nav-care, #articles #nav-articles {
	background: url(../media/tab_left_active.jpg) no-repeat left top;
	margin: 0;
	padding: 0 0 0 9px;
	position: relative;
}

#home #nav-home a, #news #nav-news a,
    #catalog #nav-catalog a, #camps #nav-camps a,
    #train #nav-train a, #care #nav-care a, #articles #nav-articles a {
	background: url(../media/tab_right_active.jpg) no-repeat right top;
	text-decoration: none;
	color: black;
	height: 20px;
	padding-top: 25px;
	padding-left: 6px;
	padding-right: 18px;
}

#tabs li:hover, #tabs li:hover a {
	background-position: 0% -45px;
	color: white;
}

#tabs li:hover a {
	background-position: 100% -45px;
}

/* @end */

/* @group SubTabs */

#subTabBar {
	width: 100%;
	display: block;
	height: 45px;
	background: url(../media/grey_bar.jpg) repeat-x 0 top;
}

#subTabContainer {
	width: 700px;
	display: block;
	height: 45px;
}

#subTabs {
	float: left;
	width: 100%;
	font: 13px/normal Helvetica, Arial, sans-serif;
}

#subTabs ul {
	margin: 0;
	list-style: none;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 0;
	height: 45px;
	list-style-type: none;
}

#subTabs li {
	background: url(../media/sub_tab_left.jpg) no-repeat left top;
	margin: 0;
	padding: 0 0 0 9px;
	position: relative;
	float: left;
	white-space: nowrap;
	list-style-type: none;
}

#subTabs a {
	float: left;
	display: block;
	width: .1em;
	background: url(../media/sub_tab_right.jpg) no-repeat right top;
	text-decoration: none;
	color: #fff;
	height: 25px;
	padding-top: 8px;
	padding-left: 6px;
	padding-right: 18px;
}

#subTabs > ul a {
	width: auto;
}

/* Commented Backslash Hack hides rule from IE5-Mac \*/

#subTabs a {
	float: none;
}

/* End IE5-Mac hack */

#subTabs li.active {
	background: url(../media/sub_tab_left_active.jpg) no-repeat left top;
}

#subTabs li.active a {
	background: url(../media/sub_tab_right_active.jpg) no-repeat right top;
	text-decoration: none;
	color: #c80606;
}

#subTabs li:hover, #subTabs li:hover a {
	background-position: 0% -35px;
	color: white;
}

#subTabs li:hover a {
	background-position: 100% -35px;
}

#subTabs li.active:hover, #subTabs li.active:hover a {
	background-position: 0% 0px;
	color: black;
}

#subTabs li.active:hover a {
	background-position: 100% 0px;
}

/* @end */

/* @group Main Content */

#container {
	display: block;
	width: 950px;
}

#splash {
	float: left;
	width: 450px;
	padding-top: 50px;
	padding-bottom: 20px;
}

#splashImage {
	margin-top: 75px;
	margin-left: 10px;
	padding: 10px;
	background-color: white;
}

#icon {
	clear: left;
	margin-top: 15px;
}

#content {
	float: left;
	width: 475px;
}

/*#content img {
	float: right;
	border: 1px solid silver;
	margin-left: 12px;
}*/

#story {
	margin-left: 50px;
	text-align: left;
	margin-top: 25px;
	margin-bottom: 15px;
}

#story ul {
	margin-left: 8px;
	padding-left: 8px;
}

/* @end */

/* @group Home Page */

.homeImage {
	width: 386px;
	height: 289px;
	background: url(../media/home_splash.jpg) no-repeat 10px 10px;
}

/* @end */

/* @group Staff Page */

.staffImage {
	width: 390px;
	height: 220px;
	background: url(../media/staff_splash.jpg) no-repeat 10px 10px;
}

.bio {
	margin-bottom: 10px;
}

.bioName {
	color: #93ce91;
	text-align: left;
	font: 14px/20px Arial, Helvetica, Geneva, sans-serif;
	background: url(../media/arrow-closed.png) no-repeat;
	text-indent: 20px;
}

.bioNameOpen {
	color: #93ce91;
	text-align: left;
	font: 14px/20px Arial, Helvetica, Geneva, sans-serif;
	background: url(../media/arrow-open.png) no-repeat;
	text-indent: 20px;
}

.bioContent {
	padding-bottom: 15px;
	padding-left: 30px;
}

.forcedHover, .bioName:hover {
	color: #bbf6b9;
	cursor: pointer;
}

/* @end */

/* @group Contact Us Page */

.contactUsImage {
	width: 390px;
	height: 260px;
	background: url(../media/contact_splash.jpg) no-repeat 10px 10px;
}

/* @end */

/* @group Mail List Page */

.mailingListImage {
	width: 390px;
	height: 260px;
	background: url(../media/mailing_list_splash.jpg) no-repeat 10px 10px;
}

/* @end */

/* @group News Section */

.newsImage {
	width: 389px;
	height: 259px;
	background: url(../media/news_splash.jpg) no-repeat 10px 10px;
}

.newsClip {
	padding-bottom: 10px;
}

/* @end */

/* @group Train on the Edge Section */

.trainImage {
	width: 390px;
	height: 260px;
	background: url(../media/train_splash.jpg) no-repeat 10px 10px;
}

.curriculumImage {
	width: 390px;
	height: 334px;
	background: url(../media/curriculum_splash.jpg) no-repeat 10px 10px;
}

.trainingProgramsImage {
	width: 390px;
	height: 293px;
	background: url(../media/training_programs_splash.jpg) no-repeat 10px 10px;
}

.professionalEquipmentImage {
	width: 390px;
	height: 316px;
	background: url(../media/equipment_splash.jpg) no-repeat 10px 10px;
}

/* @end */

/* @group Camps Section */

.campTitle {
	font-size: 1.2em;
	font-weight: bold;
}

.age {
	color: #93ce91;
}

.campsImage {
	width: 390px;
	height: 293px;
	background: url(../media/camps_splash.jpg) no-repeat 10px 10px;
}

.campsSpringImage {
	width: 390px;
	height: 293px;
	background: url(../media/camps_spring_splash.jpg) no-repeat 10px 10px;
}

.campsSummerImage {
	width: 390px;
	height: 279px;
	background: url(../media/camps_summer_splash.jpg) no-repeat 10px 10px;
}

.campsFallImage {
	width: 390px;
	height: 276px;
	background: url(../media/camps_fall_splash.jpg) no-repeat 10px 10px;
}

.campsWinterImage {
	width: 390px;
	height: 285px;
	background: url(../media/camps_winter_splash.jpg) no-repeat 10px 10px;
}

.camp {
	margin-bottom: 15px;
	border-bottom: 1px solid #93ce91;
}

/* @group Forms */

.formArea {
}

/*.camp .formArea td img {
	float: left;
}*/

.formArea table {
	margin-bottom: 25px;
	width: 398px;
}

.formArea fieldset {
	width: 400px;
	margin-bottom: 25px;
	border: 1px solid #3f3f3f;
}

.formArea legend {
	color: #91cf90;
}

.formArea label {
	display: block;
	width: 145px;
	float: left;
	text-align: left;
	padding-right: 15px;
}

.formArea ul {
	list-style-type: none;
}

.formArea ul li {
	padding-top: 4px;
	padding-bottom: 10px;
	border-bottom: 1px solid #3f3f3f;
}


/* @end */

/* @end */

/* @group Articles Section */

.articlesImage {
	width: 390px;
	height: 184px;
	background: url(../media/articles_splash.jpg) no-repeat 10px 10px;
}

.anglePlayImage {
	width: 390px;
	height: 261px;
	background: url(../media/angle_play_splash.jpg) no-repeat 10px 10px;
}

/* @end */

/* @group Catalog Page */

.catalogImage {
	width: 390px;
	height: 292px;
	background: url(../media/catalog_splash.jpg) no-repeat 10px 10px;
}

/* @end */

/* @group KeeperEdge Cares Page */

.KeeperEdgeCaresImage {
	width: 390px;
	height: 281px;
	background: url(../media/KeeperEdge_cares_splash.jpg) no-repeat 10px 10px;
}

.KeeperEdgeForCureImage {
	width: 245px;
	height: 238px;
	background: url(../media/keeper_for_cure.jpg) no-repeat 10px 10px;
}

/* @end */

/* @group Paginations */

.pagination {
	width: 97%;
	float: right;
	height: 40px;
}

.pagination ul {
	clear: both;
	float: right;
	clear: both;
	padding-right: 15px;
}

.pagination ul li {
	display: inline;
	padding: 3px 5px;
	list-style-type: none;
}

.currentPage {
	padding: 3px 5px;
	border: 1px solid #22cd48;
	background-color: #93ce91;
	color: #000;
}

/* @end */

/* @group Gallery */

#gallery {
	
}

#galleryIntro {
	width: 300px;
	position: relative;
	left: 175px;
	padding-bottom: 50px;
}

#images {
	padding: 25px;
}
#images img {
	border: 1px solid gray;
	margin: 5px;
};



/* @end */
