/* 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;
}
#leftcontentwrapper /* need this to make sure left side fully displayed in event it is longer than right side */
{
position: relative;
height: 100%;
display: block;
z-index: 10;
margin: 0;
padding: 0;
}
#mainpanelHolder
{
top: 8px;
width: 602px;
position: absolute;
z-index: 10;
height: auto;
}
#mainspace
{
display: block;
position: absolute;
background: url(/images/mainspace.jpg);
background-position: top;
height: 8px;
width: 902px;
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: 50px;
}
#mainpanel li
{
padding-bottom: 4px;
}
#mainpanelbase
{
position: relative;
width: 602px;
height: 3px;
float: left;
background: url(/images/mainpanelbase.png) top left no-repeat;
z-index: 10;
padding: 0px;	
}
#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
{
margin-left: auto;
margin-right: auto;
width: 550px;
height: 60px;
background: url(/images/studentregformheader.gif) no-repeat;
padding: 0;
}
#gettingstartedheader
{
margin-left: auto;
margin-right: auto;
width: 550px;
height: 60px;
background: url(/images/gettingstartedheader.gif) no-repeat;
padding: 0;
}
#behaviorcodeheader
{
margin-left: auto;
margin-right: auto;
width: 550px;
height: 60px;
background: url(/images/behaviorcodehead.gif) no-repeat;
padding: 0;
}
#district5240rylaheader
{
margin-left: auto;
margin-right: auto;
width: 550px;
height: 60px;
background: url(/images/district5240rylahead.gif) no-repeat;
padding: 0;
}
#formchecklistheader
{
margin-left: auto;
margin-right: auto;
width: 550px;
height: 60px;
background: url(/images/formchecklisthead.gif) no-repeat;
padding: 0;
}
#bringornotheader
{
margin-left: auto;
margin-right: auto;
width: 550px;
height: 60px;
background: url(/images/bringornothead.gif) no-repeat;
padding: 0;
}
#expectationsheader
{
margin-left: auto;
margin-right: auto;
width: 550px;
height: 60px;
background: url(/images/expectationshead.gif) no-repeat;
padding: 0;
}
#whyattendheader
{
margin-left: auto;
margin-right: auto;
width: 550px;
height: 60px;
background: url(/images/whyattendhead.gif) no-repeat;
padding: 0;
}
#parentformsheader
{
margin-left: auto;
margin-right: auto;
width: 550px;
height: 90px;
background: url(/images/parentforms.gif) no-repeat;
padding: 0;
}
#formsforstudentshead
{
margin-left: 0px;
width: 300px;
height: 35px;
background: url(/images/formsforstudentshead.gif) no-repeat;
padding: 0;
}
#formsforparentshead
{
margin-left: 0px;
width: 300px;
height: 35px;
background: url(/images/formsforparentshead.gif) no-repeat;
padding: 0;
}
#formsforvolunteershead
{
margin-left: 0px;
width: 300px;
height: 35px;
background: url(/images/formsforvolunteershead.gif) no-repeat;
padding: 0;
}
#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;
}
#arrasmithheader
{
margin-left: 0px;
width: 300px;
height: 35px;
background: url(/images/arrasmith_sub.gif) no-repeat;
padding: 0;
}
#dotsonheader
{
margin-left: 0px;
width: 300px;
height: 35px;
background: url(/images/dotson_sub.gif) no-repeat;
padding: 0;
}
#mckarneyheader
{
margin-left: 0px;
width: 300px;
height: 35px;
background: url(/images/mckarney_sub.gif) no-repeat;
padding: 0;
}
#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;
}
#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
/////////////////////////*/
#rightbodyHolder
{
width: 305px;
position: relative;
float: right;
height: 100%;
_margin-bottom: 200px;/*//// fix positioning bugs in IE6 ////*/
}
#sidebox
{
display: block;
position: relative;
width: 305px;
float: right;
background: url(/images/sideboxbg.jpg) repeat-y;
z-index: 5;
padding: 0px;
}
#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;
}
#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-top: -45px;/*//// fix positioning bugs in IE6 ////*/
margin-left: 25px;
_margin-left: 15px;/*//// fix positioning bugs in IE6 ////*/
}
#photoarchive
{
position: relative;
width: 305px;
height: 75px;
margin-top: -40px;
_margin-top: -50px;/*//// fix positioning bugs in IE6 ////*/
_margin-bottom: -30px;/*//// fix positioning bugs in IE6 ////*/
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;
_margin-top: 30px;/*//// fix positioning bugs in IE6 ////*/
_margin-bottom: -20px;/*//// fix positioning bugs in IE6 ////*/
}

/*//////////////////////////
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 #aaa;
}
#ttbl2 td
{
padding: 5px;
border: 1px solid #aaa;
}
#srf td
{
padding: 5px;
border: 1px solid #aaa;
}
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;
}
body.clubrespage div.form
{
height: 600px!important;
}
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 input.tarea, textarea.tarea
{
width: 540px;
height: 100px;
border: 1px solid #060;
background-color: #eee;
}
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;
}

/*//////////////////////////
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;
}

/*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;
}
/*/////////
//*/