@charset "UTF-8";

body {
    background-color: #a4c6e3;
    font-family: "trebuchet ms";
}
li {
        list-style-type: circle;
}
#header {
    height: 190px;
    width: 660px;
    background-image:url(../images/sparkleheader.gif);
    background-repeat: no-repeat;
    margin-left: 275px;
    margin-bottom: -8%;
}

#header span {
    margin-left:-999em;
}

#left {
    height: 290px;
    width: 200px;
    background-image:url(../images/sparklefairy.png);
    background-repeat: no-repeat;
    margin-top: -50px;
}
#content {
    width: 71%;
    margin-left: 23%;
    text-align: left;
    margin-top: -8%;
}
#nav {
    display:inline;
    text-align:center;
    width:100%;
    margin-left: 23%;
    float: right;
    margin-top: 4%;
}
#nav ul {

    margin-left: 200px;
    margin-top: -225px;
}
.link1, .link2, .link3, .link4, .link5, .link6 {
    position:relative;
    width:125px;
    height:50px;
    font-size:12px;
    float:left;
    border: solid #000000 1px;
}
.link1 span, .link2 span, .link3 span, .link4 span, .link5 span, .link6 span {
    position:absolute;
    top:0;
    width:125px;
    height:50px;
    left:0;
}
.link1 span.l1 {
	background-image:url(../images/homelink.gif);
	}
.link2 span.l2 {
	background-image:url(../images/aboutmarylink.gif);
	}
.link3 span.l3 {
	background-image:url(../images/aboutclasslink.gif);
	}
.link4 span.l4 {
	background-image:url(../images/gallerylink.gif);
	}
.link5 span.l5 {
        background-image:url(../images/announcementslink.gif);
}
.link6 span.l6 {
        background-image:url(../images/contactlink.gif);
}

.link1 span.l1:hover {
	background-image:url(../images/homelink_h.gif);
	}
.link2 span.l2:hover {
	background-image:url(../images/aboutmarylink_h.gif);
	}
.link3 span.l3:hover {
	background-image:url(../images/aboutclasslink_h.gif);
	}
.link4 span.l4:hover {
	background-image:url(../images/gallerylink_h.gif);
	}
.link5 span.l5:hover {
        background-image:url(../images/announcementslink_h.gif);
}
.link6 span.l6:hover {
        background-image:url(../images/contactlink_h.gif);
}

#content h1, h2, h3, h4 {
    text-align: center;
}
#gallerycontent {
    margin-left: 100px;
    padding-top: 70px;
    padding-bottom: 80px;
    text-align: center;
    
}
#pic1, #pic2, #pic3 {
    text-align: center;
    background-color: #ffffff;
    padding: 10px;
    border-style: solid;
    border-color: #9c9fa1;
    border-width: 1px;
}
#pic1 {
    margin-left: 130px;
    margin-right: 100px;
}
#pic2 {
    margin-left: 220px;
    margin-right: 250px;
}
#pic3 {
    margin-left: 190px;
    margin-right: 200px;
}
#leftpics {
    position:left;
    float: left;
    margin-top: 5px;
    background-color: #ffffff;
    padding: 10px;
    border-style: solid;
    border-color: #9c9fa1;
    border-width: 1px;
    margin-right: 10px;
}
#rightpics {
    float: right;
    position:right;
    background-color: #ffffff;
    padding: 10px;
    border-style: solid;
    border-color: #9c9fa1;
    border-width: 1px;
    margin-left: 10px;
}
#map {
    text-align: center;
    background-color: #ffffff;
    padding: 10px;
    border-style: solid;
    border-color: #9c9fa1;
    border-width: 1px;
    margin-left:  130px;
    margin-right: 150px;
}
#contact {
    margin-right: 200px;
    margin-top:100px;
}
.highslide-gallery {
    position: center;
}
#movies {
	text-align: center;
}
#footer{
    height: 100px;
    clear: both;
    background-image: url(../images/footer.gif);
    background-repeat: no-repeat;
    background-position: center;
    padding-bottom: 30px;
    text-align:center;
    color: #9c9fa1;
}
#footnav {
    text-align:center;
    font-size: 12px;

    margin-right: 45px;
    padding-top: 50px;
}
#footnav1 {
    text-align:center;
    font-size: 12px;

    margin-right: 45px;
    padding-top: 40px;
}
#footnav1 a{
    color: #9c9fa1;
}
#footnav1 a:hover{
    color: #ffffff;
}
li {
    display: inline;
}
#footnav a{
    color: #9c9fa1;
}
#footnav a:hover{
    color: #ffffff;
}
#counter {
	margin-left: -999em;
}
#container {
    width: 1050px;
    margin-left:0;
}