/* mac hide\*/
html, body {height:100%}
/* end hide */
html,body {
padding:0;
margin:0;
}
body{
min-width:766px;/* for mozilla*/
background-color: #FFFFFF;
color: #000000;
font-family: helvetica, arial, verdana, sans serif;
background: url(../images/leftside_bg.gif) repeat-y;
}
input {margin-top: 5px; margin-bottom: 10px;}
textarea {margin-top: 5px; margin-bottom: 10px;}
select {margin-top: 5px;}
/*-----------------------LINK----------------------------*/
a { font-family: helvetica, arial, verdana, sans serif; color: #cc00cc; text-decoration: none;}
a:hover {text-decoration:underline;}
a.red { font-family: helvetica, arial, verdana, sans serif; color: #cc0000; text-decoration: none;}
a.red:hover {text-decoration:underline;}
a.top {font-size: 9px; color:#777777;}
.navclass {display: inline; border: none; position: relative; overflow: visible;}
.navclass a {font-size: 12px; font-weight: bold; color: #FFFFFF; text-decoration: none; padding-right: 10px; padding-left: 12px; padding-top: 10px; padding-bottom: 7px;}
.navclass a:hover {background-repeat: no-repeat; background-image: url(../images/classesOver.gif); background-position: top left;}
html>body .navclass a{padding-right: 10px; padding-left: 11px;} /*for mozilla */
.navclasshere {font-family: helvetica, arial, verdana, sans serif;font-size: 12px; font-weight: bold; color: #FFFFFF; text-decoration: none; padding-right: 10px; padding-left: 12px; padding-top: 10px; padding-bottom: 7px; background-repeat: no-repeat; background-image: url(../images/classesOver.gif); background-position: top left;}
html>body .navclasshere{padding-right: 10px; padding-left: 11px;}
.navresource {display: inline; border: none; position: relative; overflow: visible;}
.navresource a {font-size: 12px; font-weight: bold; color: #FFFFFF; text-decoration: none; padding-right: 11px; padding-left: 13px; padding-top: 10px; padding-bottom: 7px;}
.navresource a:hover {background-repeat: no-repeat; background-image: url(../images/resourcesOver.gif); background-position: top left;}
html>body .navresource a{padding-right: 10px; padding-left: 11px;} /*for mozilla */
.navresourcehere {font-family: helvetica, arial, verdana, sans serif;font-size: 12px; font-weight: bold; color: #FFFFFF; text-decoration: none; padding-right: 11px; padding-left: 13px; padding-top: 10px; padding-bottom: 7px; background-repeat: no-repeat; background-image: url(../images/resourcesOver.gif); background-position: top left;}
html>body .navresourcehere{padding-right: 10px; padding-left: 11px;}
.navarticle {display: inline; position: relative; overflow: visible;}
.navarticle a {font-size: 12px; font-weight: bold; color: #FFFFFF; text-decoration: none; padding-right: 14px; padding-left: 10px; padding-top: 10px; padding-bottom: 7px;}
.navarticle a:hover {background-repeat: no-repeat; background-image: url(../images/articlesOver.gif); background-position: top left;}
html>body .navarticle a{padding-right: 12px; padding-left: 9px;} /*for mozilla */
.navarticlehere {font-family: helvetica, arial, verdana, sans serif;font-size: 12px; font-weight: bold; color: #FFFFFF; text-decoration: none; padding-right: 14px; padding-left: 10px; padding-top: 10px; padding-bottom: 7px; background-repeat: no-repeat; background-image: url(../images/articlesOver.gif); background-position: top left;}
html>body .navarticlehere{padding-right: 12px; padding-left: 9px;}
.navcal {display: inline; position: relative; overflow: visible;}
.navcal a {font-size: 12px; font-weight: bold; color: #FFFFFF; text-decoration: none; padding-right: 14px; padding-left: 13px; padding-top: 10px; padding-bottom: 7px;}
.navcal a:hover {background-repeat: no-repeat; background-image: url(../images/calendarOver.gif); background-position: top left;}
html>body .navcal a{padding-right: 12px; padding-left: 12px;} /*for mozilla */
.navcalhere {font-family: helvetica, arial, verdana, sans serif;font-size: 12px; font-weight: bold; color: #FFFFFF; text-decoration: none; padding-right: 14px; padding-left: 13px; padding-top: 10px; padding-bottom: 7px; background-repeat: no-repeat; background-image: url(../images/calendarOver.gif); background-position: top left;}
html>body .navcalhere{padding-right: 12px; padding-left: 12px;}
.navstory {display: inline; position: relative; overflow: visible;}
.navstory a {font-size: 12px; font-weight: bold; color: #FFFFFF; text-decoration: none; padding-right: 12px; padding-left: 12px; padding-top: 10px; padding-bottom: 7px;}
.navstory a:hover {background-repeat: no-repeat; background-image: url(../images/bstoriesOver.gif); background-position: top left;}
html>body .navstory a{padding-right: 11px; padding-left: 10px;} /*for mozilla */
*:first-child+html .navstory {padding-right: 12px; padding-left: 11px;}/*for IE7 */
.navstoryhere {font-family: helvetica, arial, verdana, sans serif;font-size: 12px; font-weight: bold; color: #FFFFFF; text-decoration: none; padding-right: 12px; padding-left: 12px; padding-top: 10px; padding-bottom: 7px; background-repeat: no-repeat; background-image: url(../images/bstoriesOver.gif); background-position: top left;}
html>body .navstoryhere{padding-right: 11px; padding-left: 11px;}
*:first-child+html .navstoryhere {padding-right: 12px; padding-left: 11px;}/*for IE7 */
.navgallery {display: inline; position: relative; overflow: visible;}
.navgallery a {font-size: 12px; font-weight: bold; color: #FFFFFF; text-decoration: none; padding-right: 11px; padding-left: 14px; padding-top: 10px; padding-bottom: 7px;}
.navgallery a:hover {background-repeat: no-repeat; background-image: url(../images/pgalleryOver.gif); background-position: top left;}
html>body .navgallery a{padding-right: 11px; padding-left: 12px;} /*for mozilla */
.navgalleryhere {font-family: helvetica, arial, verdana, sans serif;font-size: 12px; font-weight: bold; color: #FFFFFF; text-decoration: none; padding-right: 11px; padding-left: 14px; padding-top: 10px; padding-bottom: 7px; background-repeat: no-repeat; background-image: url(../images/pgalleryOver.gif); background-position: top left;}
html>body .navgalleryhere{padding-right: 11px; padding-left: 12px;}
.navcontact {display: inline; position: relative; overflow: visible;}
.navcontact a {font-size: 12px; font-weight: bold; color: #FFFFFF; text-decoration: none; padding-right: 11px; padding-left: 13px; padding-top: 10px; padding-bottom: 7px;}
.navcontact a:hover {background-repeat: no-repeat; background-image: url(../images/contactOver.gif); background-position: top left;}
html>body .navcontact a{padding-right: 11px; padding-left: 11px;} /*for mozilla */
.navcontacthere {font-family: helvetica, arial, verdana, sans serif; font-size: 12px; font-weight: bold; color: #FFFFFF; text-decoration: none; padding-right: 11px; padding-left: 13px; padding-top: 10px; padding-bottom: 7px; background-repeat: no-repeat; background-image: url(../images/contactOver.gif); background-position: top left;}
html>body .navcontacthere{padding-right: 11px; padding-left: 11px;}
/* ------------------------ID--------------------------- */
#address {
margin-top: 40px;
line-height: 130%;
}
#ad {
position: absolute;
left: 174px;
top: 10px;
width: 585px;
border: none;
text-align: right;
}
#ad a {font-size: 12px; font-weight: bold; color: #FFFFFF; text-decoration: none; margin: 0 10px 0 10px;}
#ad a:hover {text-decoration: underline;}
#centercontent {
background-color: #FFFFFF;
float: left;
width:631px;
border: none;
padding-top:91px;/*make room for header*/
}
* html #centercontent p {margin-left: 3px;}
#clearfooter {width:100%;height:52px;clear:both} /* to clear footer */
#donationbox {
width: 235px;
padding: 10px 10px 25px 10px;
background: url(../images/donation_bg.gif) no-repeat;
}
#donationbox p {padding: 0;}
*:first-child+html #donationbox p {margin-bottom: 13px;}
* html #donationbox p {margin-bottom: 13px;}
#header{
position:absolute;
top:0;
left:-1px;
width: 100%;
height: 91px;
background: url(../images/top_bg.gif) repeat-x;
border: none;
overflow: hidden;
color: #FFFFFF;
z-index: 100;
}
#left {
position:relative;/*ie needs this to show float */
width:135px;
float:left;
padding-top:91px;/*needed to make room for header*/
color: #FFFFFF;
font-family: helvetica, arial, verdana, sans serif;
font-size: 12px;
border: none;
}
#left p {padding-left:5px;padding-right:2px}
#logo {
float:left;
position: relative;
width: 174px;
}
#navigation {
position: relative;
float: left;
margin-left: 15px;
margin-top: 65px;
width: 610px;
border: none;
height: 26px;
display: inline;
overflow: visible;
padding-top: 10px;
}
html>body #navigation{margin-top: 75px;padding-top: 0px;} /*for mozilla */
#navigation a {font-size: 12px; font-weight: bold; color: #FFFFFF; text-decoration: none;}
#outer{
height:99.9%;
min-height:100%;
width: 100%;
color: #666666;
margin: 0px;
position:relative;
position:relative;
}
#photosright {float: right; width: 300px; text-align: center; margin-top: 10px; border: none;}
#photosright img{border: solid 8px #996699; margin-bottom: 25px;}
#photosleft {float: left; width: 300px; text-align: center; margin-top: 10px; margin-left: 5px; border: none;}
#photosleft img{border: solid 8px #996699; margin-bottom: 25px;}
#picnicbox {
width: 235px;
padding: 10px 10px 25px 10px;
background: url(../images/picnic_bg.gif) no-repeat;
}
#picnicbox p {padding: 0;}
#signup {
width: 106px;
margin: 20px 0 15px 12px;
}
#signup-content {
width: 98px;
background: #FFFF99;
border-left: 1px solid white;
border-right: 1px solid white;
font-size: 9px;
line-height: 12px;
color: #000000;
padding: 0px 3px 40px 3px;
}
*:first-child+html #signup-content {padding: 0 3px 0px 3px; margin: 0 0 -7px 0;}
* html #signup-content {padding: 0 3px 0px 3px; margin: 0 0 -7px 0;}
html>body #outer{height:auto;} /*for mozilla as IE treats height as min-height anyway*/
div,p {margin-top:0}/*clear top margin for mozilla*/
html>body #minHeight{float:left;width:0px;height:100%;margin-bottom:-52px;} /*safari wrapper */
/*-------------------------CLASSES-------------------------------------*/
.adbox {
background: #F5E9FE;
color: black;
width: 600px;
border: 1px solid #996699;
padding: 20px;
margin-top:15px;
margin-bottom: 15px;
}
.article {
color: #996699;
font-family: helvetica, arial, verdana, sans serif;
font-size: 14px;
border: none;
line-height: 110%;
margin-top: 200px;
}
.bio {
text-align: left;
width: 95%;
margin-left: 5px;
margin-top: 25px;
color: #996699;
font-family: helvetica, arial, verdana, sans serif;
font-size: 12px;
border: none;
line-height: 110%;}
.bio img{padding:10px; margin-top:15px;}
.bold {font-weight: bold; padding-right: 7px;}
.classtable {
color: #663366;
font-family: helvetica, arial, verdana, sans serif;
font-size: 12px;
border: none;
line-height: 110%;
}
.class {background-color: #663399; padding-top: 5px; padding-bottom: 5px; margin-bottom: 10px;}
.classheader {margin-left: 5px; font-family: helvetica, arial, verdana, sans serif; color: #FFFFFF;font-size: 14px; font-weight: bold;}
.classtable p {padding-top: 7px; padding-bottom:15px;}
.clearer { clear: both; height:1px; overflow:hidden;margin-top:-1px }
.fineprint {font-size: 11px; lineheight: 9px;}
.free {color: #660099;font-weight: bold;}
.general {width: 500px; color: #663366; padding-top: 34px; line-height: 110%; margin-left:15px;font-family: helvetica, arial, verdana, sans serif;font-size: 12px;}
.general2 {width: 100%; color: #663366; padding-top: 34px; line-height: 110%; margin-left:15px;font-family: helvetica, arial, verdana, sans serif;font-size: 12px;}
.header { font-family: helvetica, arial, verdana, sans serif; color: #663366;font-size: 14px; font-weight: bold;}
.headerwhite { font-family: helvetica, arial, verdana, sans serif; color: #ffffff;font-size: 14px; font-weight: bold;}
.hidden { display: none; }
.instruct {
width: 280px;
margin-left:5px;
padding-top: 34px;/*needed to make room for header*/
color: #996699;
font-family: helvetica, arial, verdana, sans serif;
font-size: 12px;
border: none;
line-height: 110%;
}
.italic {color: #660099; font-weight: bold;}
.leftHeader { font-weight:Bold; font-size: 14px;}
.mainphoto {margin-left: 17px; padding-top: 34px; margin-bottom: 25px;}
html>body .mainphoto {margin-top: 34px; border: none; padding-top: 0px;}
.new {color:#cc0000;}
.outtext { margin-left:12px; color: #996699; font-size: 12px; margin-top:10px; margin-bottom: -10px;}
.price { font-weight: bold; font-size: 14px; color: #3333cc;}
.registration {
width: 200px;
margin: 15px;
font-family: helvetica, arial, verdana, sans serif;
color: #ffffff;
font-size: 12px;
background: #996699;
padding: 10px;
border: 1px solid white;
}
.rightcol {
position:relative;/*ie needs this to show float */
width: 280px;
float: right;
padding-top: 34px;/*needed to make room for header*/
color: #663366;
font-family: helvetica, arial, verdana, sans serif;
font-size: 12px;
border: none;
}
.rightcol p {padding-top: 7px; margin-left: -2px; padding-bottom:15px; line-height: 110%;}
.sub {font-size: 11px;color: #663366;}
.schedule {border: 1px solid #CCCCCC; background-color: #f8f8f8; padding: 5px; width: 80%; margin-bottom: 15px;}
.Section1 {page:Section1;}
.services {
margin: 20px 0 0 0;
width: 280px;
color: #663366;
font-family: helvetica, arial, verdana, sans serif;
font-size: 12px;
border: none;
line-height: 110%;
}
.services p {padding-top: 7px; margin-left: -2px; padding-bottom:15px;}
.sponsorlevels {
margin: 10px 35px 30px 35px;
padding: 20px;
background: #f5eff5;
border: 1px solid #996699;
}
.services_bg {
padding: 5px;
background: #e3d5f2;
}
.servicesindextable {margin: -10px 0 10px 0;}
* html .servicesindextable {margin: 10px 0 0px 0;}
*:first-child+html .servicesindextable {margin: 10px 0 0px 0;}
.servicesindextable a:link, .servicesindextable a:visited {color: #cc0000;}
.servicesindextable a:hover {text-decoration: underline;}
.serviceswhitebox {background: #fff; margin: 0 0 5px 0; padding: 0 0 15px 0;}
.serviceswhitebox p {margin-left: 5px; margin-right: 5px; }
.servicesrightnav {float: right; position: relative; width: 45%; font-weight: bold;line-height: 170%;margin: 0px 0 15px 10px;}
.servicesleftnav {width:45%; font-weight: bold;line-height: 170%;margin: 0px 0 10px 10px;}
* html .serviceswhitebox {}
*:first-child+html .serviceswhitebox {}
.signup-head {font-size: 12px; font-weight: bold; color: #330066;}
.topbuttons {
width: 260px;
border: none;
margin-top: 10px;
}
* html .topbuttons {\margin-top: 0px; mar\gin-top: 0px;}
.lighttext {color: #cc9fc2; margin: 5px 0 5px 0; padding: 0; margin: 0;}
.topbuttons a:link, .topbuttons a:visited {
font-size: 11px;
color: #cc00cc;
text-decoration: none;
font-weight: bold;
padding: 5px;
border: 1px solid #DCDDDD;
margin-right: 15px;
}
.topbuttons a:hover {color: #cc00cc; text-decoration: none; background: #ffe7f0; border: 1px solid #660099;}
.toprow td {border-bottom: 1px solid #666666;}
.MsoNormalTable {
display: inline;
float: left;
position: relative;
font-size: 11px;
font-family: Helvetica, arial, sans serif, verdana;
width: 621px;
border-collapse: collapse;
margin-left: 5px;
margin-right: 5px;
margin-top: 300px;
}
.MsoNormalTable td {padding: 5 px; border: 1.0pt solid #999999;}
ul.list {color: #663366;}
ul.list li {padding-bottom:15px;}
ol.list {color: #663366;}
ol.list li {padding-bottom:15px;}
/* ********************** TABS STYLES ************** */
#event-tabs {
margin: 5px 0px 0 0px;
width: 100%;
border: none;
background: url(../images/event_tab_bg.jpg) repeat-x #996699;
}
* html #event-tabs {}
#event-tabs ul.subsection_tabs {
list-style: none;
margin: 0;
padding: 6px 4px 0 4px;
clear:both;
border-bottom: none;
height: 32px;
clear:both;
}
* html #event-tabs ul.subsection_tabs {margin-left: 4px;}/*IE6 and below rule*/
#event-tabs ul.subsection_tabs li {
float:left;
margin-right:4px;
text-align:center;
background: url(../images/tab_corner_left.gif) no-repeat #ffffff;
}
* html #event-tabs ul.subsection_tabs li {line-height: 26px;}/*IE6 and below rule*/
#event-tabs ul.subsection_tabs li a {
float: left;
display:block;
margin: 0 0 0 0px;
height:21px;
padding:7px 20px 0px 10px;
color: #999999;
border-bottom: 4px solid #996699;
background: url(../images/tab_corner_right.gif) no-repeat top right;
}
* html #event-tabs ul.subsection_tabs li a {padding: 7px 20px 0px 10px;}/* IE 6 rule*/
#event-tabs ul.subsection_tabs li a:hover {
background: url(../images/tab_corner_right.gif) no-repeat top right;
color: #CC00CC;
text-decoration: none;
padding:7px 20px 0px 10px;
border-bottom: 4px solid #996699;
}
* html #event-tabs ul.subsection_tabs li a:hover {padding: 7px 20px 0px 10px; border: none; }/* IE 6 rule*/
#event-tabs ul.subsection_tabs li a.active {
background: url(../images/tab_corner_right.gif) no-repeat top right;
color: #663366;
border-left: none;
padding:7px 20px 0px 10px;
border-bottom: 4px solid #ffffff;
}
* html #event-tabs ul.subsection_tabs li a.active {padding: 7px 20px 0px 10px;}/* IE 6 rule*/
#event-tabs ul.subsection_tabs li a.active:hover {
background: url(../images/tab_corner_right.gif) no-repeat top right;
color: #663366;
border-left: none;
padding:7px 20px 0 10px;
border-bottom: 4px solid #ffffff;
}
* html #event-tabs ul.subsection_tabs li a.active:hover {padding: 7px 20px 0px 10px;}/* IE 6 rule*/
.event-content {padding-top: 20px;border: none;}
* html .case-content {padding-top: 0;}