@charset "utf-8";
/* CSS Document */
body,html {
padding: 0;
background-image:url(/images/background.jpg);
background-repeat:repeat-x;
font-family: Verdana, Geneva, sans-serif;
font-size: 11px;
color: #000;
width:100%;
line-height:140%;
margin:auto;
}
h1, h2, h3, h4 {margin:0; padding:0px 0px 10px 0px; line-height:120%;}
h1 {
color:#C9C; font-size:18px; font-weight:bolder;
}
h2 {
color:#F90; font-size:14px; font-weight:bolder;
}
h3 {
color:#999; font-size:12px; font-weight:bolder;
}
ul{display:block;margin:0;padding-left:20px;}
td.align_right{text-align:right;}
/*************** FORMS & FORM ELEMENTS ****************************/
form {
margin:0;
padding:0;
}
label {
font-weight:bold;
width:110px;
float:left;
display:block;
clear:right;
margin-left:15px;
margin-bottom:5px;
}
input.formfield {
float:left;
clear:right;
margin-right:25px;
margin-bottom:5px;
}
input.submit {
margin-left:15px;
}
/*************** LINKS STYLES ****************************/
a:link {
font-size: 11px;
color:#35919e;
text-decoration:none;
}
a:visited {
font-size: 11px;
color:#35919e;
text-decoration:none;
}
a:active {
font-size: 11px;
color:#35919e;
text-decoration:none;
}
/*************** SELECTIVE TEXT STYLES ****************************/
.title {
font-weight:bold;
color:#fc8448;
}
.readmore {
font-size: 11px;
color:#35919e;
}
.bold {
font-weight:bold;
}
.orange {
color:#fc8448;
}
.white {
color:#fff;
font-size:11px;margin:0;padding:0;
}
.orange11 {
font-size:11px;
color:#fc8448;margin:0;padding:0;
}
.warning {
color:#35919e;
}
.message_bad {
color:red; padding:5px;
}
.message_good {
color:green;padding:5px;
}
/*************** LAYOUT ELEMENT STYLES ****************************/
.dividerside {
display:block;height:1px; border-bottom:1px dotted #fff; padding:0; margin:0px 0px 1px 0px; width:150px; overflow:hidden;
}
.divider {
display:block; height:1px; margin:0;padding:0;border-bottom:1px dotted #34909D; margin-bottom:1px;
}
#page {
position: relative;
width: 800px;
margin: 0 auto;
padding: 0;
margin-top:38px;
background:#613a6c;
height:auto;
}
#datepanel{
position:absolute;
width:400px;
text-align:right;
color:#EAE5EC;
font-weight:bolder;
font-size:12px;
left: 355px;
top: -26px;
overflow: visible;
z-index: 999;
}
.purple {
background-color:#613a6c;
width: 800px;
height:auto;
padding-top:220px;
}
.bl {background: url(/images/bl.png) 1px 100% no-repeat; width: 800px; height:100%;}
.br {background: url(/images/br.png) 100% 100% no-repeat; height:100%;}
.tl {background: url(/images/tl.png) 0 0 no-repeat; height:100%;}
.tr {background: url(/images/tr.png) 100% 0 no-repeat; height:100%;}
#logo {
z-index:100%;
position:absolute;
left: -79px;
top: -24px;
}
#whitebox {
background-color:#FFF;
width: 580px;
margin-left:10px;
/*z-index:100%;
position:relative;
left: 11px;
top: 220px;*/
}
#purplebox {
position: absolute;
background-image:url(/images/purplebox.jpg);
background-repeat:no-repeat;
width: 170px;
height:345px;
left: 595px;
top: 425px;
padding-top:15px; padding-left:20px;
}
#purplebox a, #purplebox a:visited {
color:#E2ABC0;
}
#purplebox a:hover, #purplebox a:active {
color:#fff; text-decoration:underline;
}
#flowers {
position:absolute;
left: 601px;
top: -43px;
}
#flash {
position:absolute;
left: 600px;
top: -44px;
width: 321px;
height: 215px;
}
#flash2 {
position:absolute;
top: 49px;
left: 220px;
width:375px;
}
#openquote {
position:absolute;
left: 39px;
top: 412px;
}
#closequote {
position:absolute;
left: 194px;
top: 370px;
}
/*Contact*/
#contact {
position:absolute;
left: 33px;
top: 358px;
line-height: 17px;
}
#flower {
position:absolute;
left: 353px;
top: 300px;
width: 208px;
height: 222px;
}
#photoframe{
width:315px; float:right; text-align:center; padding-bottom:10px; border-bottom:solid 1px #ccc; margin-left:10px;
}
/*jazzercise*/
#jazz {
position:absolute;
left: 271px;
top: 510px;
}
#footer {
width: 800px;
margin: 0 auto;
padding:0px 0px 20px 35px;
}