/* CSS Document */
div
{
z-index: 0;
}
body{
margin:0;
background: url(/images/ryla_bg.jpg) repeat-x;
background-color: #b4beb5;
padding: 0px;
height: 100%;
}
#container
{
text-align: left;
width: 1100px;
margin-left: auto;
margin-right: auto;
padding-right: 1px;
}
#blockContainer
{
position:relative;
width:1100px;
padding:0;
height: 100%;
}


/*//////////////////////////
TOP HEADER AREA
/////////////////////////*/
#spaceleft
{
position: absolute;
left: 0;
background: url(/images/topleftec.jpg);
background-position: top left;
height: 125px;
width:99px;
}
#headerleft
{
margin-left: 99px;
position: absolute;
background-position: top left;
height: 125px;
width: 230px;
}
#headerright
{
margin-left: 329px;
position: absolute;
background: url(/images/headerright.jpg);
background-position: top left;
height: 125px;
width: 672px;
padding: 0px;
}
#headerevent
{
position: relative;
display: block;
text-align: center;
padding: 5px 0 0 0;
margin: 0;
width: 250px;
top: 40px;
left: 392px;
}
#headerevent p
{
font-size: 1.2em;
line-height: 0.3em;
font-weight: lighter;
color: #666666;
margin-bottom: 10px;
font-family: Helvetica, Tahoma, Arial, sans-serif;
}
#spaceright
{
margin-left: 1001px;
position: absolute;
background:url(/images/toprightec.jpg);
background-position: top left;
height: 125px;
width:99px;
padding: 0px;
}

/*//////////////////////////
MAIN MENU AREA (menu content styling separate style sheet)
/////////////////////////*/
#menuholder
{
margin-left: auto;
margin-right: auto;
position:absolute;
top: 125px;
width:1100px;
padding:0;
height: 40px;
z-index: 20;
}
#menuleft
{
position: absolute;
left: 0px;
background: url(/images/menuleft.jpg);
background-position: top left;
height: 40px;
width: 99px;
padding:0;
}
#menuleftborder
{
position: absolute;
margin-left: 99px;
background: url(/images/menuleftborder.jpg);
background-position: top left;
height: 40px;
width: 4px;
padding:0;
}
#menubar
{
position: absolute;
margin-left: 103px;
background: url(/images/menuslide.jpg) 0 0 no-repeat;
background-position: top left;
height: 40px;
width: 894px;
padding:0;
}
#menurightborder
{
position: absolute;
margin-left: 997px;
background: url(/images/menurightborder.jpg);
background-position: top left;
height: 40px;
width: 4px;
padding:0;
}
#menuright
{
position: absolute;
margin-left: 1001px;
background: url(/images/menuright.jpg);
background-position: top left;
height: 40px;
width: 99px;
padding:0;
}

/*//////////////////////////
CONTENT LEFT SIDE
/////////////////////////*/
#contentbodyHolder
{
position: relative;
left: 99px;
top: 165px;
width: 902px;
padding: 0px;
z-index: 0;
_margin-bottom: 165px;
}
#leftcontentwrapper
{
z-index: 10;
margin: 0;
padding: 0 0 3px 0;
width: 602px;
float: left;
position: relative;
overflow: hidden;
display: block;
background: url(/images/mainpanelbase.png) bottom left no-repeat;
}
#rightbodyHolder
{
width: 305px;
float: right;
position: relative;
overflow: hidden;
z-index: 5;
margin-left: -5px;
}
#mainpanelHolder
{
width: 602px;
position: relative;
z-index: 10;
height: auto;
}
#mainspace
{
display: block;
position: relative;
background: url(/images/mainspace.jpg);
background-position: top left;
height: 8px;
width: 602px;
z-index: 10;
}
#mainpanel
{
display: block;
position: relative;
float: left;
background: url(/images/leftboxbg.jpg) repeat-y;
background-position: top left;
width: 602px;
z-index: 10;
height: auto;
}
#mainpanel ul
{
padding-bottom: 1.5em;
}
#mainpanel ul li
{
list-style-position: outside;
list-style-type: disc;
margin-left: 30px;
padding-right: 50px;
}
#mainpanel ol
{
padding-bottom: 1.5em;
}
#mainpanel ol li
{
list-style-position: outside;
list-style-type: decimal;
margin-left: 30px;
padding-right: 48px;
}
#mainpanel ol ul li
{
	list-style-type: disc;
}
#mainpanel li
{
padding-bottom: 4px;
}
.underline
{
	text-decoration: underline;
}
#mainpanelbase
{
/*position: relative;
width: 602px;
height: 3px;
float: left;
background: url(/images/mainpanelbase.png) top left no-repeat;
z-index: 10;
padding: 0px;	*/
visibility: hidden;
display: none;
}
#standardpagecontent
{
padding: 0px 10px 0px 10px;
text-align: justify;
z-index: 10;
}
#studentregformcontent
{
padding: 0px 4px 0px 4px;
text-align: justify;
z-index: 10;
}
span.ans{
display: block;
width: 7px;
padding: 2px 7px;
border: 1px solid #caca80;
line-height: 1em;
margin: 0 8px 0px 0px; 
float: left;
font-size: 11px;
background: #ffffcc;
color: #000;
font-weight: bold;
}
span.que{
display: block;
width: 7px;
padding: 2px 7px;
border: 1px solid #063a06;
line-height: 1em;
margin: 0 8px 0px 0px; 
float: left;
font-size: 11px;
background: #075607;
color: #fff;
}
#map
{
width: 580px;
height: 400px;
border: 1px solid #666;
}
div.download_wrapper
{
position: relative;
display: block;
height: 35px;
width: 400px;
overflow: hidden;
margin: 10px auto 10px auto;
}
div.download_wrapper a
{
position: relative;
display: block;
height: 31px;
width: 396px;
border: 2px solid #060;
background: #eaf4ea;
cursor: pointer;
text-decoration: none!important;
overflow: hidden;
}
div.download_wrapper a:hover
{
border: 2px solid #040;
background: #f9fff9;
}
div.download_wrapper img
{
position: relative;
float: left;
height: 16px;
width: 16px;
margin: 7px 5px 0 5px;
}
div.download_wrapper span
{
position: relative;
float: left;
height: 20px;
width: 360px;
margin: 6px 5px 0 5px;
padding: 0;
text-decoration: none;
}
/*//////////////////////////
LEFT SIDE PAGE HEADERS
/////////////////////////*/
#studentregheader,
#headingCellPhoneUsePolicies,
#headingGlossaryOfTerms,
#headingTimetable,
#headingAlternateRegistration,
#gettingstartedheader,
#headingAlternates,
#behaviorcodeheader,
#district5240rylaheader,
#formchecklistheader,
#bringornotheader,
#expectationsheader,
#whyattendheader,
#parentformsheader,
#headingReceipt,
#headingCancel
{
margin-left: auto;
margin-right: auto;
width: 550px;
height: 60px;
padding: 0;
}
#headingCancel
{
	background: url(../i/headingCancel.png) no-repeat;
}
#headingReceipt
{
	background: url(../i/headingReceipt.png) no-repeat;
}
#headingAlternates
{
	background: url(../i/headingAlternates.png) no-repeat;
}
#studentregheader
{
	background: url(/images/studentregformheader.gif) no-repeat;
}
#headingCellPhoneUsePolicies
{
	background: url(../i/headingCellPhoneUsePolicies.png) no-repeat;
}
#headingGlossaryOfTerms
{
	background: url(../i/headingGlossaryOfTerms.png) no-repeat;
}
#headingTimetable
{
	background: url(../i/headingTimetable.png) no-repeat;
}
#headingAlternateRegistration
{
	background: url(../i/headingAlternateRegistration.png) no-repeat;
}
#gettingstartedheader
{
background: url(/images/gettingstartedheader.gif) no-repeat;
}
#behaviorcodeheader
{
background: url(/images/behaviorcodehead.gif) no-repeat;
}
#district5240rylaheader
{
background: url(/images/district5240rylahead.gif) no-repeat;
}
#formchecklistheader
{
background: url(/images/formchecklisthead.gif) no-repeat;
}
#bringornotheader
{
background: url(/images/bringornothead.gif) no-repeat;
}
#expectationsheader
{
background: url(/images/expectationshead.gif) no-repeat;
}
#whyattendheader
{
background: url(/images/whyattendhead.gif) no-repeat;
}
#parentformsheader
{
background: url(/images/parentforms.gif) no-repeat;
}
#formsforstudentshead
{
background: url(/images/formsforstudentshead.gif) no-repeat;
}



#subheadingSelectingAnAlternate,
#formsforparentshead,
#formsforvolunteershead,
#formsforstudentshead
{
margin-left: 0px;
width: 300px;
height: 35px;
padding: 0;
}
#subheadingSelectingAnAlternate
{
background: url(../i/subheadingSelectingAnAlternate.png) no-repeat;
}
#formsforparentshead
{
background: url(/images/formsforparentshead.gif) no-repeat;
}
#formsforvolunteershead
{
background: url(/images/formsforvolunteershead.gif) no-repeat;
}
#gettingstartedsubheader
{
margin-left: auto;
margin-right: auto;
width: 500px;
height: 50px;
background: url(/images/gettingstartedsubheader.gif) no-repeat;
padding: 0;
}
#importantcontactsheader
{
margin-left: auto;
margin-right: auto;
width: 550px;
height: 60px;
background: url(/images/importantcontactshead.gif) no-repeat;
padding: 0;
}
#keynotespeakersheader
{
margin-left: auto;
margin-right: auto;
width: 550px;
height: 60px;
background: url(/images/keynotespeakershead.gif) no-repeat;
padding: 0;
}
/* subheadings images/*_sub.gif */
#mckarneyheader,
#dotsonheader,
#arrasmithheader,
#EmmanuelGentinetta_sub,
#JimBrogan_sub,
#JimmyWheldon_sub,
#subheadingParents
{
margin-left: 0px;
text-indent: -9999em;
width: 300px;
height: 35px;
background: url(/images/EmmanuelGentinetta_sub.gif) no-repeat;
padding: 0;
}
#JimBrogan_sub
{
background: url(/images/JimBrogan_sub.gif) no-repeat;
}
#subheadingParents
{
background: url(../i/subheadingParents.png) no-repeat;
}
#JimmyWheldon_sub
{
background: url(/images/JimmyWheldon_sub.gif) no-repeat;
}
#arrasmithheader
{
background: url(/images/arrasmith_sub.gif) no-repeat;
}
#dotsonheader
{
background: url(/images/dotson_sub.gif) no-repeat;
}
#mckarneyheader
{
background: url(/images/mckarney_sub.gif) no-repeat;
}
#faqheader
{
margin-left: auto;
margin-right: auto;
width: 550px;
height: 60px;
background: url(/images/faqhead.gif) no-repeat;
padding: 0;
}
#volunteerguideheader
{
margin-left: auto;
margin-right: auto;
width: 550px;
height: 60px;
/*background: url(/images/volunteerguidehead.gif) no-repeat;*/
background: url(/images/safetypolicy.gif) no-repeat;
padding: 0;
}
#studentselection_header
{
margin-left: auto;
margin-right: auto;
width: 550px;
height: 60px;
background: url(/images/studentselection_header.gif) no-repeat;
padding: 0;
}
#identifyapplicants_head
{
margin-left: 7px;
width: 300px;
height: 35px;
background: url(/images/identifyapplicants_head.gif) no-repeat;
padding: 0;
}
#publicizingapplication_head
{
margin-left: 7px;
width: 300px;
height: 35px;
background: url(/images/publicizingapplication_head.gif) no-repeat;
padding: 0;
}
#applying_head
{
margin-left: 7px;
width: 300px;
height: 35px;
background: url(/images/applying_head.gif) no-repeat;
padding: 0;
}
#whatwherewhen_head
{
margin-left: 7px;
width: 300px;
height: 35px;
background: url(/images/whatwherewhen_head.gif) no-repeat;
padding: 0;
}
#appreview_head
{
margin-left: 7px;
width: 300px;
height: 35px;
background: url(/images/appreview_head.gif) no-repeat;
padding: 0;
}
#samplequestions_head
{
margin-left: 7px;
width: 300px;
height: 35px;
background: url(/images/samplequestions_head.gif) no-repeat;
padding: 0;
}
#compromisinghead
{
margin-left: 0px;
width: 300px;
height: 35px;
background: url(/images/compromisinghead.gif) no-repeat;
padding: 0;
}
#cabinruleshead
{
margin-left: 0px;
width: 300px;
height: 35px;
background: url(/images/cabinruleshead.gif) no-repeat;
padding: 0;
}
#firstaidhead
{
margin-left: 0px;
width: 300px;
height: 35px;
background: url(/images/firstaidhead.gif) no-repeat;
padding: 0;
}
#bloodhead
{
margin-left: 0px;
width: 300px;
height: 35px;
background: url(/images/bloodhead.gif) no-repeat;
padding: 0;
}
#injuryhead
{
margin-left: 0px;
width: 300px;
height: 35px;
background: url(/images/injuryhead.gif) no-repeat;
padding: 0;
}

#curriculumhead
{
margin-left: 0px;
width: 300px;
height: 35px;
background: url(/images/curriculumhead.gif) no-repeat;
padding: 0;
}
#accommodationshead
{
margin-left: 0px;
width: 300px;
height: 35px;
background: url(/images/accommodationshead.gif) no-repeat;
padding: 0;
}
#classroomsactivitieshead
{
margin-left: 0px;
width: 300px;
height: 35px;
background: url(/images/classroomsactivitieshead.gif) no-repeat;
padding: 0;
}
#emergencieshead
{
margin-left: 0px;
width: 300px;
height: 35px;
background: url(/images/emergencieshead.gif) no-repeat;
padding: 0;
}
#focusonrylahead
{
margin-left: 0px;
width: 300px;
height: 35px;
background: url(/images/focusonrylahead.gif) no-repeat;
padding: 0;
}
#innerbehaviorhead
{
margin-left: 0px;
width: 300px;
height: 35px;
background: url(/images/innerbehaviorhead.gif) no-repeat;
padding: 0;
}
#medicationhead
{
margin-left: 0px;
width: 300px;
height: 35px;
background: url(/images/medicationhead.gif) no-repeat;
padding: 0;
}
#safetypolicyhead
{
margin-left: 0px;
width: 300px;
height: 35px;
background: url(/images/safetypolicyhead.gif) no-repeat;
padding: 0;
}

#reservationheader
{
margin-left: auto;
margin-right: auto;
width: 550px;
height: 60px;
background: url(/images/reservationhead.gif) no-repeat;
padding: 0;
}
#reservationthanksheader
{
margin-left: auto;
margin-right: auto;
width: 550px;
height: 60px;
background: url(/images/reservationthankshead.gif) no-repeat;
padding: 0;
}
#volsignupheader
{
margin-left: auto;
margin-right: auto;
width: 550px;
height: 60px;
background: url(/images/volsignuphead.gif) no-repeat;
padding: 0;
}
#regsuccessheader
{
margin-left: auto;
margin-right: auto;
width: 550px;
height: 60px;
background: url(/images/sturegheader.gif) no-repeat;
padding: 0;
}
#photoarchiveheader
{
margin-left: auto;
margin-right: auto;
width: 550px;
height: 60px;
background: url(/images/photoarchiveheader.gif) no-repeat;
padding: 0;
}
#whereheader
{
margin-left: auto;
margin-right: auto;
width: 550px;
height: 60px;
background: url(/images/whereheader.gif) no-repeat;
padding: 0;
}
#waitinglistheader
{
margin-left: auto;
margin-right: auto;
width: 550px;
height: 60px;
background: url(/images/waitinglist_head.gif) no-repeat;
padding: 0;
}
#clubsreservedheader
{
margin-left: auto;
margin-right: auto;
width: 550px;
height: 60px;
background: url(/images/clubsreserved_head.gif) no-repeat;
padding: 0;
}
#registeredstudentsheader
{
margin-left: auto;
margin-right: auto;
width: 550px;
height: 60px;
background: url(/images/registeredstudentshead.gif) no-repeat;
padding: 0;
}
#transportheader
{
margin-left: auto;
margin-right: auto;
width: 550px;
height: 60px;
background: url(/images/transporthead.gif) no-repeat;
padding: 0;
}
#headVideos
{
margin-left: auto;
margin-right: auto;
width: 550px;
height: 60px;
background: url(/images/headVideos.png) no-repeat;
padding: 0;	
}
#paymentsHead
{
margin-left: auto;
margin-right: auto;
width: 550px;
height: 90px;
background: url(/images/headPayment.png) no-repeat;
padding: 0;
}
#parentsconcernshead
{
margin-left: auto;
margin-right: auto;
width: 550px;
height: 60px;
background: url(/images/parentsconcernshead.gif) no-repeat;
padding: 0;
}
#gallerywrapper
{
position: relative;
display: block;
left: 0px;
height: 70px;
width: 550px;
padding: 0;
margin: 0;
}
div.galleryhead
{
position: relative;
float: left;
display: block;
width: 453px;
height: 70px;
padding: 0;
margin: 0;
}
div.gal2008
{
background: url(/images/galleryhead2008.jpg) top left no-repeat;
}
div.viewgallerylink
{
position: relative;
float: right;
display: block;
width: 91px;
height: 70px;
padding: 0;
margin: 0;
}
div.gallerylinkfix
{
position: relative;
display: block;
width: 91px;
height: 27px;
top: 23px;
background: url(/images/btnviewoff.jpg) top left no-repeat;
}
a.gallerylink
{
position: relative;
display: block;
width: 91px;
height: 27px;
background: url(/images/btnviewoff.jpg) top left no-repeat;
cursor: pointer;
}
a.gallerylink:hover
{
background: url(/images/btnviewon.jpg) top left no-repeat;
}
h4.extraspace
{
margin-bottom: 10px;
}

/*//////////////////////////
CONTENT RIGHT SIDE
/////////////////////////*/

#sidebox
{
display: block;
position: relative;
width: 305px;
float: right;
background: url(/images/sideboxbg.jpg) repeat-y;
z-index: 5;
padding: 0px;
}
#sidebox hr
{
	background: #B6BDB5;
	color: #B6BDB5;
	border: 0;
	height: 1px;
}
#sidebox p
{
margin-left: 10px;
margin-right: 2px;
}
#sidebox ul li
{
list-style-position: outside;
list-style-type: disc;
margin-left: 40px;
padding-right: 10px;
}
#sidebox .btnReservations
{
display: block;
height: 40px;
width: 272px;
margin: 10px 0 6px 18px!important;
padding: 0!important;
overflow: hidden;
text-indent: -9999em;
background: url(../images/btnReservations.gif) 0px 0px no-repeat;	
}
#sidebox .btnReservations:hover
{
background: url(../images/btnReservations.gif) 0px -40px no-repeat;	
}
#sideboxbase
{
position: relative;
width: 305px;
height: 3px;
float: right;
background: url(/images/sideboxbase.png) top left no-repeat;
z-index: 5;
padding: 0px;
}
#photoarchiveoverlay
{
display: block;
position: relative;
float: left;
width: 131px;
height: 92px;
background: url(/images/photoarchiveoverlay.png);
z-index: 25;
margin-top: -30px;
margin-left: 25px;
_margin-top: -45px;	
_margin-left: 15px;
}
#photoarchive
{
position: relative;
width: 305px;
height: 75px;
margin-top: -40px;
_margin-top: -50px;
_margin-bottom: -20px;
float: right;
z-index: 5;
padding: 0px;
display: block;
}
#footer
{
position: relative;
float: right;
width: 300px;
height: 2.0em;
line-height: 2.0em;
z-index: 5;
text-align: center;
padding-top: 10px;/*
_margin-top: 0px;
_margin-bottom: -20px;*/
}

/*//////////////////////////
RIGHT LUNCH BOX
/////////////////////////*/
.clasp {
display: block;
margin-left: 0px;
width: 305px;
height: 35px;
text-align: left;
}
.lunchbox {
display:none;
margin-left: 20px;
width: 285px;
text-align: left;
}
a.boxclose1
{
display: block;
height: 35px;
width: 305px;
background: url(/images/julyclose.gif) top no-repeat;
cursor: pointer;
}
a.boxopen1
{
display: block;
height: 35px;
width: 305px;
background: url(/images/julyopen.gif) top no-repeat;	
cursor: pointer;
}
a.boxclose2
{
display: block;
height: 35px;
width: 305px;
background: url(/images/augustclose.gif) top no-repeat;
cursor: pointer;
}
a.boxopen2
{
display: block;
height: 35px;
width: 305px;
background: url(/images/augustopen.gif) top no-repeat;	
cursor: pointer;
}
a.boxclose3
{
display: block;
height: 35px;
width: 305px;
background: url(/images/septemberclose.gif) top no-repeat;
cursor: pointer;
}
a.boxopen3
{
display: block;
height: 35px;
width: 305px;
background: url(/images/septemberopen.gif) top no-repeat;	
cursor: pointer;
}
a.boxclose4
{
display: block;
height: 35px;
width: 305px;
background: url(/images/octoberclose.gif) top no-repeat;
cursor: pointer;
}
a.boxopen4
{
display: block;
height: 35px;
width: 305px;
background: url(/images/octoberopen.gif) top no-repeat;	
cursor: pointer;
}
a.boxclose5
{
display: block;
height: 35px;
width: 305px;
background: url(/images/novemberclose.gif) top no-repeat;
cursor: pointer;
}
a.boxopen5
{
display: block;
height: 35px;
width: 305px;
background: url(/images/novemberopen.gif) top no-repeat;	
cursor: pointer;
}
a.boxclose6
{
display: block;
height: 35px;
width: 305px;
background: url(/images/januaryclose.gif) top no-repeat;
cursor: pointer;
}
a.boxopen6
{
display: block;
height: 35px;
width: 305px;
background: url(/images/januaryopen.gif) top no-repeat;	
cursor: pointer;
}
a.boxclose7
{
display: block;
height: 35px;
width: 305px;
background: url(/images/februaryclose.gif) top no-repeat;
cursor: pointer;
}
a.boxopen7
{
display: block;
height: 35px;
width: 305px;
background: url(/images/februaryopen.gif) top no-repeat;	
cursor: pointer;
}
a.boxclose8
{
display: block;
height: 35px;
width: 305px;
background: url(/images/marchclose.gif) top no-repeat;
cursor: pointer;
}
a.boxopen8
{
display: block;
height: 35px;
width: 305px;
background: url(/images/marchopen.gif) top no-repeat;	
cursor: pointer;
}
a.boxclose9
{
display: block;
height: 35px;
width: 305px;
background: url(/images/aprilclose.gif) top no-repeat;
cursor: pointer;
}
a.boxopen9
{
display: block;
height: 35px;
width: 305px;
background: url(/images/aprilopen.gif) top no-repeat;	
cursor: pointer;
}

/*//////////////////////////
RIGHT SIDE PAGE HEADERS
/////////////////////////*/
h3.what
{
height: 35px;
width: 305px;
padding: 0;
background: url(/images/rylatitle.jpg) top no-repeat;	
}
h3.stu_reg
{
height: 35px;
width: 305px;
padding: 0;
background: url(/images/studentreg_righttitle.gif) top no-repeat;
}
h3.quick_links
{
height: 35px;
width: 305px;
padding: 0;
background: url(/images/quicklinks.gif) top no-repeat;
}
h3.timetable
{
height: 35px;
width: 305px;
padding: 0;
background: url(/images/timetable_righthead.gif) top no-repeat;
}
h3.waitinglist
{
height: 35px;
width: 305px;
padding: 0;
background: url(/images/waitinglist_righthead.gif) top no-repeat;
}
h3.registeredstudentsright
{
height: 35px;
width: 305px;
padding: 0;
background: url(/images/registeredstudentsrighthead.gif) top no-repeat;
}
h3.latereg
{
height: 35px;
width: 305px;
padding: 0;
background: url(/images/latereg_righthead.gif) top no-repeat;
}
h3.transportright
{
height: 35px;
width: 305px;
padding: 0;
background: url(/images/transport_righthead.gif) top no-repeat;
}
h3.gallery2008right
{
height: 35px;
width: 305px;
padding: 0;
background: url(/images/gallery2008right.gif) top no-repeat;
}
h3.clubresright
{
height: 35px;
width: 305px;
padding: 0;
background: url(/images/clubresright.gif) top no-repeat;
}
h3.studentselection_right
{
height: 35px;
width: 305px;
padding: 0;
background: url(/images/studentselection_right.gif) top no-repeat;
}
h3.volunteertrainingday_right
{
height: 35px;
width: 305px;
padding: 0;
background: url(/images/volunteertrainingday_right.gif) top no-repeat;
}

/*//////////////////////////
LEFT SIDE TABLES
/////////////////////////*/

table#srf
{
margin-left: auto;
margin-right: auto;
width: 580px;
border-collapse: collapse;
}
table#ttbl
{
margin-left: auto;
margin-right: auto;
width: 580px;
border-collapse: collapse;
}
table#ttbl2
{
margin-left: auto;
margin-right: auto;
width: 400px;
border-collapse: collapse;
}
#ttbl td
{
padding: 5px;
border: 1px solid #eee;
}
#ttbl2 td
{
padding: 5px;
border: 1px solid #eee;
}
#srf td
{
padding: 5px;
border: 1px solid #eee;
}
td.cellhead
{
font-size: 1.05em;
font-weight: bold;
text-align: center;
}
td.centerhead1
{
text-align: center;
font-size: 1.6em;
font-weight: bold;
}
td.centerhead2
{
text-align: center;
font-size: 1.4em;
font-weight: bold;
}
td.centerhead3
{
text-align: center;
font-size: 1.2em;
font-weight: bold;
}
td.centerrows
{
text-align: center;
}
td.right
{
text-align: right;
}
td.vaMiddle
{
vertical-align: middle!important;
}
td.centerbtn
{
text-align: center;
background-color: #ccc;
}
td.greenbg
{
background-color: #b7ddb6;
color: #900;
font-weight: bold;
font-size: 1.1em;
}
td.greenbgcenter
{
background-color: #b7ddb6;
color: #900;
font-weight: bold;
font-size: 1.1em;
text-align: center;
}
td.center
{
text-align: center;
}
td.centerbold
{
text-align: center;
font-weight: bold;
}
td.centerred
{
text-align: center;
color: #900;
}
td.centerredbold
{
text-align: center;
color: #900;
font-weight: bold;
}
div.yarp
{
display: block;
width: 195px;
height: 63px;
background: url(/images/yarp.jpg) center no-repeat;
}
div.narp
{
display: block;
width: 195px;
height: 63px;
background: url(/images/narp.jpg) center no-repeat;
}


/*//////////////////////////
LEFT SIDE FORMS
/////////////////////////*/
div.form
{
_text-align: center;/*//// fix positioning bugs in IE6 ////*/
display: block;
}
form.srform select
{
width: 250px;
border: 1px solid #060;
background-color: #eee;
}
form.srform input.std
{
width: 250px;
border: 1px solid #060;
background-color: #eee;
}
form.srform input.vshort
{
width: 20px;
border: 1px solid #060;
background-color: #eee;
}
form.srform input.radio
{
width: auto;
border: 1px solid #060;
background-color: #eee;
}
form.srform input.long
{
width: 540px;
border: 1px solid #060;
background-color: #eee;
}
form.srform select.short
{
width: 100px;
}
form.srform select.shorter
{
width: 50px;
}
form.srform input.tarea, textarea.tarea
{
width: 540px;
height: 130px;
border: 1px solid #060;
background-color: #eee;
resize: none;
}
form.srform input.btn
{
width: auto;
height: auto;
border: 0;
border-top: 2 px solid #ddd;
border-right: 2px solid #999;
border-bottom: 2px solid #999;
border-left: 2px solid #ddd;
background-color: #bbb;
font-color: #030;
}
form.srform input.green
{
border: 1px solid #060;
background-color: #eee;
}
.align_fix {
	text-align: center;
}

/*//////////////////////////
GLOBAL MISC 
/////////////////////////*/
span.hidden
{
visibility: hidden;
display: none;
}
span.display
{
display: block;
}
span.bold
{
font-weight: bold;
}
span.largebold
{
font-weight: bold;
font-size: 1.2em;
}
p.hidden
{
visibility: hidden;
display: none;
}
p.red
{
color: #900;
}
.red
{
color: #900;
}
.center
{
text-align: center;
}
em
{
font-style: italic;
}
strong
{
font-weight: bold;
}

/*//////////////////////////
NAVIGATION
/////////////////////////*/

a.homepage
{
display: block;
background: url(/images/logo.jpg) no-repeat;
background-position: top;
height: 125px;
width: 230px;
}
a.homepage:hover
{
display: block;
background: url(/images/logohome.jpg) no-repeat;
background-position: top;
height: 125px;
width: 230px;
}
#homepagefix
{
display: block;
background: url(/images/logohome.jpg) no-repeat;
background-position: top;
height: 125px;
width: 230px;
}
#homepage
{
display: block;
background: url(/images/logo.jpg) no-repeat;
background-position: top;
height: 125px;
width: 230px;
}
a.register
{
display: block;
background: url(/images/mainimage2.jpg) no-repeat;
background-position: top left;
height: 214px;
width: 602px;
}
#registerfix
{
display: block;
background: url(/images/mainimage2.jpg) no-repeat;
background-position: top left;
height: 214px;
width: 602px;
}
#mainimagewrapper
{
display: block;
position: relative;
float: left;
height: 221px;
width: 602px;
margin-bottom: 7px;
}
#mainpanelleft
{
position: relative;
float: left;
display: block;
height: 214px;
width: 268px;
background: url(/images/main1.jpg) top left no-repeat;
}
#mainrightwrapper
{
position: relative;
float: right;
display: block;
height: 214px;
width: 334px;
}
#mainpanelrighttop
{
position: relative;
float: left;
display: block;
height: 153px;
width: 334px;
background: url(/images/main2.jpg) top left no-repeat;
}
#mainrightbottomwrapper
{
position: relative;
float: left;
display: block;
height: 61px;
width: 334px;
}
#mainrightbottom1
{
postion: relative;
float: left;
display: block;
height: 61px;
width: 39px;
background: url(/images/main3.jpg) top left no-repeat;
}
#mainrightbottom2
{
postion: relative;
float: left;
display: block;
height: 61px;
width: 133px;
background: url(/images/main4.jpg) top left no-repeat;
}
a.registernow
{
position: relative;
display: block;
height: 61px;
width: 133px;
padding: 0px;
margin: 0px;
overflow: hidden;
background: url(/images/main4.jpg) top left no-repeat;
cursor: pointer;
zoom: 1;
}
#mainrightbottom3
{
postion: relative;
float: left;
display: block;
height: 61px;
width: 39px;
background: url(/images/main7.jpg) top left no-repeat;
}
#mainrightbottom4
{
postion: relative;
float: right;
display: block;
height: 25px;
width: 123px;
background: url(/images/main5.jpg) top left no-repeat;
}
a.whylearnmore
{
position: relative;
display: block;
height: 25px;
width: 123px;
padding: 0px;
margin: 0px;
overflow: hidden;
background: url(/images/main5.jpg) top left no-repeat;
cursor: pointer;
zoom: 1;
}
#mainrightbottom5
{
postion: relative;
float: right;
display: block;
height: 36px;
width: 123px;
background: url(/images/main6.jpg) top left no-repeat;
}

a.registerlearnmore
{
display: block;
background: url(/images/learnmorebtn.jpg) 0px 0px no-repeat;
background-position: top;
height: 26px;
width: 89px;
}
a.registerlearnmore:hover
{
background: url(/images/learnmorebtn.jpg) 0px -26px no-repeat;
}
#learnmorefix
{
display: block;
background: url(/images/learnmorebtn.jpg) 0 0 no-repeat;
background-position: top left;
margin-left: 185px;
height: 26px;
width: 89px;
}
a.forms
{
display: block;
position: relative;
background: url(/images/forms.gif) 0px 0px no-repeat;
background-position: top;
height: 145px;
width: 255px;
}
a.forms:hover
{
background: url(/images/forms.gif) 0px -145px no-repeat;
}
#formsfix
{
display: block;
position: relative;
float: left;
background: url(/images/forms.gif) 0px 0px no-repeat;
background-position: top;
height: 145px;
width: 255px;
margin-left: 5px;
}
a.camp
{
display: block;
position: relative;
background: url(/images/camp.gif) 0px 0px no-repeat;
background-position: top;
height: 145px;
width: 296px;
}
a.camp:hover
{
background: url(/images/camp.gif) 0px -146px no-repeat;
}
#campfix
{
display: block;
position: relative;
float: left;
background: url(/images/camp.gif) 0px 0px no-repeat;
background-position: top;
height: 145px;
width: 296px;
margin-left: 20px;
}
a.photo
{
display: block;
background: url(/images/photoarchive.png) 0px 0px no-repeat;
background-position: top;
height: 63px;
width: 293px;
zoom: 1;
cursor: pointer;
}
a.photo:hover
{
background: url(/images/photoarchive.png) 0px -63px no-repeat;
display: block;
height: 63px;
width: 293px;
zoom: 1;
cursor: pointer;
}
#photofix
{
display: block;
background: url(/images/photoarchive.png) 0px -63px no-repeat;
height: 63px;
width: 293px;
margin-left: 12px;
zoom: 1;
cursor: pointer;
}

.vidList
{
padding: 40px 0;
margin-bottom: 50px;
list-style: none;
display: block;
width: 640px;
}
.vidList li
{
display: block;
float: left;
margin: 0 10px 0 10px!important;	
padding: 0!important;
position: relative;
height: 152px;
width: 270px;
}
.vidList li span
{
display: block;
position: absolute;
top: 0;
left: 0;
height: 152px;
width: 270px;
background: url(../images/btnPlay.png) no-repeat;
}
.vidList li p
{
text-align: center;
padding: 8px 0 0 0!important;	
}

/* chunky button */

div#mainpanel .btn {
    -moz-user-select: none;
    background: #3e6a2e;
	color: #fff;
    border: 0px solid transparent;
    border-radius: 0px;
    cursor: pointer;
    display: inline-block;
    font-size: 17px;
    line-height: 1.42857;
    margin-bottom: 0;
    padding: 6px 12px;
    text-align: center;
    vertical-align: middle;
	text-decoration: none;
	text-transform: uppercase;
    white-space: nowrap;
	font-weight: 100;
}
div#mainpanel .btn small
{
    font-size: 13px;
	display: block;
}
.btn:focus, 
.btn:active:focus, 
.btn.active:focus, 
.btn.focus, 
.btn.focus:active, 
.btn.active.focus {
    outline: thin dotted;
    outline-offset: -2px;
}


/* we're using some bootstrapping css here for their tooltip.js plugin */

.tooltip {
  position: absolute;
  z-index: 1070;
  display: block;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 12px;
  font-style: normal;
  font-weight: normal;
  line-height: 1.42857143;
  text-align: left;
  text-align: start;
  text-decoration: none;
  text-shadow: none;
  text-transform: none;
  letter-spacing: normal;
  word-break: normal;
  word-spacing: normal;
  word-wrap: normal;
  white-space: normal;
  filter: alpha(opacity=0);
  opacity: 0;

  line-break: auto;
}
.tooltip.in {
  filter: alpha(opacity=90);
  opacity: .9;
}
.tooltip.top {
  padding: 5px 0;
  margin-top: -3px;
}
.tooltip.right {
  padding: 0 5px;
  margin-left: 3px;
}
.tooltip.bottom {
  padding: 5px 0;
  margin-top: 3px;
}
.tooltip.left {
  padding: 0 5px;
  margin-left: -3px;
}
.tooltip-inner {
  max-width: 200px;
  padding: 3px 8px;
  color: #fff;
  text-align: center;
  background-color: #000;
  border-radius: 4px;
}
.tooltip-arrow {
  position: absolute;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
}
.tooltip.top .tooltip-arrow {
  bottom: 0;
  left: 50%;
  margin-left: -5px;
  border-width: 5px 5px 0;
  border-top-color: #000;
}
.tooltip.top-left .tooltip-arrow {
  right: 5px;
  bottom: 0;
  margin-bottom: -5px;
  border-width: 5px 5px 0;
  border-top-color: #000;
}
.tooltip.top-right .tooltip-arrow {
  bottom: 0;
  left: 5px;
  margin-bottom: -5px;
  border-width: 5px 5px 0;
  border-top-color: #000;
}
.tooltip.right .tooltip-arrow {
  top: 50%;
  left: 0;
  margin-top: -5px;
  border-width: 5px 5px 5px 0;
  border-right-color: #000;
}
.tooltip.left .tooltip-arrow {
  top: 50%;
  right: 0;
  margin-top: -5px;
  border-width: 5px 0 5px 5px;
  border-left-color: #000;
}
.tooltip.bottom .tooltip-arrow {
  top: 0;
  left: 50%;
  margin-left: -5px;
  border-width: 0 5px 5px;
  border-bottom-color: #000;
}
.tooltip.bottom-left .tooltip-arrow {
  top: 0;
  right: 5px;
  margin-top: -5px;
  border-width: 0 5px 5px;
  border-bottom-color: #000;
}
.tooltip.bottom-right .tooltip-arrow {
  top: 0;
  left: 5px;
  margin-top: -5px;
  border-width: 0 5px 5px;
  border-bottom-color: #000;
}


/*
 * css for cancellation policy page
 */
caption.text-middle, 
th.text-middle, 
td.text-middle
{
	text-align: center;
}
th.text-middle
{
	font-weight: bold;
}
#srf th
{
	padding: 5px;
}
#srf td.no-border
{
	border: 0px;
}

/*code needed for float bugs*/
/*.clearfix:after {
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}
.clearfix
{
display: inline-block;
}
* html .clearfix
{
height: 1%;
}
.clearfix
{
display: block;
}*/
.clearFloats
{
clear: both;	
}
/*/////////
//*/

option.hidden
{
	display: none;
}