/************* GENERAL CSS ************/
html,body {
height:100%;
width:100%;
}
body {
text-align: center;
font-family: Lucida Grande, Verdana, Arial, Helvetica, sans-serif;
color: #666666;
}
a.pdf {
color: #666666;
text-decoration: none;
}
a.pdf:hover {
text-decoration: none;
color: #666666;
}
.style2 {
padding-right: 250px;
}
h1 {
font-family: Times New Roman, Times, Serif;
font-size: 250%;}
h3 {
font-family: Lucida Grande, Verdana, Arial, Helvetica, sans-serif;
color: #666666;
font-size: 120%;
line-height: 120%; }
a {
text-decoration: none;
color: #3366CC}
a:hover {
text-decoration: underline;
color: #FF6600;
}
#container {
width: 910px;
height: auto;
margin: 0 auto;
min-height: 600px;
}
.link {
color: #FF6600;
}
/************* HEADER STUFF ************/
#header {
width: 910px;
height: 60px;
margin: 0px;
}
/************* ROLLOVER MENU ************/
#menuContainer {
width: 865px;
height: auto;
position: relative;
top: 28px;
text-align:center;
left: 30px;
}
#nav, #nav ul { /* all lists */
padding: 1px 0px 0px 0px;
margin: 0;
height: auto;
list-style: none;
line-height: 1.8;
text-align:center; /*border: 1px solid red;*/
}
#nav a {
font-family: Lucida Grande, Verdana, Arial, Helvetica, sans-serif;
font-size: 14px;
color: #666666;
text-decoration: none;
padding: 0px 10px 0px 10px;
border-right:1px dotted #666666;
}
#nav a#toppadding {
border-right: 0px dotted #ffffff !important;
}
#nav a.last {border-right:0px;}
#nav li a#current {
color: #FF6600;
}
#nav a:hover {
color: #FF6600;
}
#nav li { /* all list items */
/* float: left; J took this out to center the submenu under the menu*/
width: 8em; /* width needed or else Opera goes nuts */
display:inline;
}
#subnav {
/*position:relative;
top:-5px;
clear:both;*/
/*left:0px;
align:center;*/
height: auto;
text-align:center;
padding-top: 0px;
margin-top: 0px;
}
#subnav a {
font-family: Lucida Grande, Verdana, Arial, Helvetica, sans-serif;
font-size: 13px;
color: #666666;
text-decoration: none;
padding: 0px 10px 0px 10px;
border-right:1px dotted #666666;
}
#subnav a.last {border-right:0px;}
#subnav li a#current {
color: #FF6600;
}
#subnav a:hover {
color: #FF6600;
}
#subnav li {
width: 8em; /* width needed or else Opera goes nuts */
display:inline;
}
/*#navline {
width: 820px;
position:relative;
top: -12px;
left: 50px;
z-index: 1;
} */
/************* Zoe's rollover SUBNAV ************/
/*#nav li ul {
position: absolute;
width: 865px;
left: -999em;
text-align:center;
}*/
/*#nav li ul li {
width:8em;
}
#nav li ul li a {
font-size:13px;
border-right:0px dotted #666666;
}
#nav li:hover ul, #nav li.sfhover ul { lists nested under hovered list items
left: auto;
}
*/
/************* CONTENT ************/
#content {
width: 910px;
height: auto;
margin: 0 auto;
padding: 0;
background-color:#FFF;
background-image: url(media/box.gif);
background-repeat: no-repeat;
background-position: 0px 0px;
border: 1px solid white;
}
#contentnobox {
width: 910px;
height: 100%;
margin: 0 auto;
padding: 0;
padding-bottom:26px;
background-color:#FFFFFF;
background-image: url(media/paintbrush.gif);
background-repeat: no-repeat;
height:auto !important;
min-height: 800px;
}
/*There is a bug in the Windows IE browser: if you specify a relative width (like "width:50%") then the width will be based on the parent element instead of on the positioning element.
*/
#circlegraphic {
height: 156px;
width: 180px;
position: relative;
left: 290px;
top: 60px;
padding-top:0px;
clear:both;
}
#uppergraphic {
width: 308px;
height: 278px;
position: relative;
top: -136px;
right: -580px;
/*border:1px solid red;*/
padding-top:0px;
}
#uppergraphic2 {
width: 395px;
height: 278px;
position: relative;
top: -126px;
right: -490px;
/*border:1px solid red;*/
padding-top:0px;
margin-right:500px;
}
#lowergraphic {
width: 289px;
height: 315px;
position: relative;
left: 22px;
top: -235px; /*border:1px solid blue;*/
}
#lowergraphic2 {
width: 289px;
height: 315px;
position: relative;
left: 22px;
top: -235px; /*border:1px solid blue;*/
}
#fix {
clear:left;
left:0px;
align:left;
text-align:left;
}
#lowergraphicbottom {
width: 289px;
height: 315px;
position: relative;
left: 22px;
top: -200px; /*border:1px solid blue;*/
}
#lowergraphicmap {
width: 289px;
height: 315px;
position: relative;
left: 26px;
top: -160px;
padding-left:20px;
}
#maintext {
width: 500px;
padding: 0px;
color: #666666;
font-size: 90%;
height:auto !important;
/*min-height: 400px;8/
/*margin: 0px 0px 0px 0px;*/
top: -510px;
position: relative;
left: 330px;
/*letter-spacing: 120%;*/
line-height: 150%;
text-align: left;
}
#maintextsmalltext {
width: 500px;
padding: 0px;
color: #666666;
font-size: 80%;
height:auto !important;
/*min-height: 400px;8/
/*margin: 0px 0px 0px 0px;*/
top: -510px;
position: relative;
left: 330px;
/*letter-spacing: 120%;*/
line-height: 150%;
text-align: left;
}
#soloheader {
width: 300px;
position: relative;
left: 50px;
top: 30px;
padding-top:0px;
padding-bottom: 10px;
text-align: left;
font-size: 14px;
}
#soloheader1 {
width: 820px;
position: relative;
left: 50px;
top: 30px;
padding-top:0px;
text-align: left;
font-size: 14px;
}
#soloheaderphotos {
width: 200px;
position: relative;
left: 50px;
top: 30px;
padding-top:0px;
text-align: left;
height: 74px;
font-size: 14px;
}
#galleryspace {
height: 100px;
width: 895px;
position: relative;
left: 5px;
top: 62px;
padding-top:0px;
}
#googlecalendar {
height: 800px;
width: 895px;
position: relative;
left: 30px;
top: 45px;
padding-top:0px;
}
#photos {
height: 600px;
width: 600px;
position: relative;
left: 155px;
top: 30px;
padding-top:0px;
text-align: left;
}
#teachergallery{
height: 300px;
width: 700px;
position: relative;
left: 35px;
top: 62px;
padding-top:0px;
}
#teacherframe {
height: 240px;
width: 160px;
background-color: #E2E2E2;
padding: 15px;
margin: 15px;
text-align:center;
line-height:100%;
font-size:90%
}
#teacherbios {
width: 600px;
padding: 0px;
color: #666666;
font-size: 80%;
height:auto !important;
position: relative;
left: 15px;
line-height: 150%;
margin-top: 10px;
text-align: left;
}
span.caption {line-height: 100%;
}
/************* FOOTER ************/
#footer {
width: 500px;
font-size: 9px;
padding-left: 100px;
padding-top:300px;
text-align: center;
}
#footer a {
color:#666666;
}
#footer a:hover {
color: #FF6600;
}
.schedule {
text-align:center !important;
padding-top: 14px;
}