﻿body 
{
    background-color: #2C2036;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    font-family: Arial;
    font-size: 12px;
    color: #FFFFFF
}

#container 
{
    margin: 0 auto 0 auto;
    padding: 0 0 0 0;
    width: 770px;
    background-color: Transparent;
}

#container #header
{
    margin: 0 0 10px 0;
    padding: 0 0 0 0;
    width: 770px;
    background-color: Transparent;
    
}

#container #header #logo
{
    margin: 0 0 10px 0;
    padding: 0 0 0 0;
    width: 293px;
    height: 65px;
    background-color: Transparent;
    float: left;
}

#container #header #strap
{
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    width: 270px;
    height: 80px;
    background-color: Transparent;
    text-align: right;
    float: right;
}

#container #header #mainNav
{
    margin: 0 0 0 0;
    padding: 7px 0 0 0;
    width: 770px;
    height: 24px;
    background-color: Transparent;
    border-top: 1px solid #FFFFFF;
    border-bottom: 1px solid #FFFFFF;
    clear: both;
}

#container #crumbslinks
{
    margin: 0 0 10px 0;
    padding: 0 0 0 0;
    width: 770px;
    height: 24px;
    background-color: Transparent;
}

#container #crumbslinks #crumbs
{
    margin: 3px 0 0 0;
    padding: 0 0 0 0;
    background-color: Transparent;
    color: #9A85AD;
    float: left;
    font-weight: bold;
    width: 520px;
}

#container #crumbslinks #links
{
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    width: 230px;
    background-color: Transparent;
    color: #82679A;
    float: right;
    font-weight: bold;
    text-align: right;
}

.linkform
{
    float: left;
    padding: 0 0 0 0;
    margin: 0 0 0 0;
    
}

.linkform select
{
    float: left;   
    padding: 0 0 0 0;
    margin: 1px 0 0 0;
    width: 200px;
    
}

.linkform label
{
    float: left;
    padding: 0 0 0 0;
    margin: 4px 10px 0 0;
}

.linkform .button
{
    float: left;
    padding: 0 0 0 0;
    margin: 0 0 0 0;
    width: 30px;
}


#container #leftcol
{
    margin: 5px 0 30px 0;
    padding: 0 0 0 0;
    width: 290px;
    background-color: Transparent;
    float:left;
}

#container #leftcol h1
{
    font-family: Gill Sans, Arial;
    font-size: 16px;
    padding: 0 0 10px 0;
    margin: 0 0 0 0;
    color: #9A85AD
}

#container #leftcol h2
{
    font-family: Gill Sans, Arial;
    font-weight: bold;
    padding: 0 0 10px 0;
    margin: 0 0 0 0;
    font-size: 12px;
}

#container #leftcol p
{
    font-family: Gill Sans, Arial;
    font-weight: bold;
    padding: 0 0 10px 0;
    margin: 0 0 0 0;
    width: 300px;
    clear: both;
}

#container #leftcol .box
{
    width: 270px;
    height: 75px;
    margin: 10px 0 0 0;
    padding: 10px 10px 10px 10px;
    border: solid 1px #FFFFFF;    
}

#container #leftcol .box .image
{
    width: 72px;
    height: 72px;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    float: left;
}

#container #leftcol .box .text
{
    width: 165px;
    margin: 0 0 0 0;
    padding: 0 0 2px 7px;
    float: left;    
}

#container #leftcol .box .text h1
{
    margin: 0 0 0 0;
    padding: 0 0 0 0; 
    font-size: 12px;
    font-weight: bold;
    color:#9A85AD;
}

#container #leftcol .box .text p
{
    margin: 0 0 0 0;
    padding: 0 0 4px 0;
    width: 190px;
}

#container #leftcol .left_image
{
    margin: 0 0 10px 0;
    padding: 0 0 0 0; 
    border: solid 1px #FFFFFF;
    width: 290px;
}

#container #leftcol .box-links
{
    width: 270px;
    margin: 10px 0 0 0;
    padding: 10px 10px 10px 10px;
    background-color: #201726;   
}

#container #leftcol .box-links p
{
    width: 250px;
    margin: 0 0 0 0;
    padding: 0 0 10px 0;
    background-color: #201726;   
}

#container #leftcol .box-links ul
{
    width: 250px;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    list-style-type: none;
}

#container #leftcol .box-links ul li
{
    width: 267px;
    margin: 0 0 5px 0;
    padding: 0 0 7px 0; 
    border-bottom: dashed 1px #FFFFFF; 
}

#container #leftcol .box-links ul li.lastline
{
    width: 267px;
    margin: 0 0 5px 0;
    padding: 0 0 7px 0; 
}

#container #leftcol .thumbnail
{
    width: 72px;
    height: 72px;
    margin: 0 10px 10px 0;
    padding: 0 0 0 0;
    float: left;
    border: solid 1px #FFFFFF;
    overflow: hidden;
}

#container #leftcol .thumbnail .imageThumb
{
    margin: 0 0 0 0;
    border: none;
}




#container #rightcol
{
    margin: 0 0 30px 0;
    padding: 0 0 0 0;
    width: 450px;
    background-color: Transparent;
    float:right;
}

#rightcol ul li
{
    margin: 0 0 0 0;
    padding: 0 0 10px 0;
}

#container #rightcol .homeimage
{
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    width: 450px;
    height: 338px;
    float: right;
    }

#container #rightcol #imageholder
{
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    width: 450px;
    background-color: Transparent;
    float:right;
    border: solid 1px #FFFFFF;
    text-align: center;
}

#container #rightcol #imageholder .image
{
    margin: 0 auto 0 auto;
    padding: 0 0 0 0;  
}

#container #rightcol #imagetext
{
    margin: 10px 0 0 0;
    padding: 10px 10px 10px 10px;
    width: 430px;
    background-color: #9A85AD;
    float: right;
}

#container #rightcol #imagetext h1
{
    margin: 0 0 0 0;
    padding: 0 0 5px 0;
    font-size: 16px;
    background-color: Transparent;
    color: #FFFFFF;
}

#container #rightcol #imagetext h2
{
    margin: 0 0 0 0;
    padding: 0 0 5px 0;
    font-size: 14px;
    background-color: Transparent;
    color: #FFFFFF;
}

#container #rightcol #imagetext p 
{
    padding: 0 0 10px 0;
    margin: 0 0 0 0;
    color: #FFFFFF;    
}

#container #rightcol h1
{
    margin: 5px 0 0 0;
    padding: 0 0 0 0;
    font-size: 14px;
    font-weight: bold;
    color:#9A85AD;
}

#container #rightcol p
{
    margin: 10px 0 0 0;
    padding: 0 0 0 0;
    font-size: 12px;
    color:#FFFFFF;
}

#container #rightcol .articleimage
{
    margin: 15px 0 5px 5px;
    padding: 0 0 0 0;
    color:#FFFFFF;
    width: 200px;
    float: right;
    border: solid 1px #FFFFFF;
    
}



#container #rightcol .box
{
    width: 445px;
    height: 75px;
    margin: 15px 0 0 0;
    padding: 0 0 0 0;  
}



#container #rightcol .box .image
{
    width: 72px;
    height: 72px;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    float: left;
    border: solid 1px #FFFFFF;    
}

#container #rightcol .box .text
{
    width: 310px;
    height: 72px;
    margin: 0 0 0 0;
    padding: 0 0 0 7px;
    float: left;    
    background-color: Transparent;
}

#container #rightcol .box .text h1
{
    margin: 0 0 0 0;
    padding: 0 0 0 0; 
    font-size: 12px;
    font-weight: bold;
    color:#9A85AD;
}

#container #rightcol .box .text p
{
    margin: 5px 0 0 0;
    padding: 0 0 0 0;  
    font-size: 12px;
    color:#FFFFFF;
}

#container #rightcol .resourcebox
{
    width: 210px;
    height: 90px;
    margin: 15px 10px 0 0;
    padding: 0 0 0 0; 
    float: left;
}



#container #rightcol .resourcebox .image
{
    width: 72px;
    height: 72px;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    float: left;
    border: solid 1px #FFFFFF;    
}

#container #rightcol .resourcebox .text
{
    width: 125px;
    height: 72px;
    margin: 0 0 0 0;
    padding: 0 0 0 7px;
    float: left;    
    background-color: Transparent;
}

#container #rightcol .resourcebox .text h1
{
    margin: 0 0 0 0;
    padding: 0 0 0 0; 
    font-size: 12px;
    font-weight: bold;
    color:#9A85AD;
}

#container #rightcol .resourcebox .text p
{
    margin: 5px 0 0 0;
    padding: 0 0 0 0;  
    font-size: 12px;
    color:#FFFFFF;
}

#container #rightcol .formleft
{
    margin: 0 10px 0 0;
    padding: 0 0 0 0;
    float: left;    
    width: 120px;
    
    
}

#container #rightcol .formright
{
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    float: left;
    width: 320px;
    
}

#container #rightcol .formfull
{
    margin: 0 0 0 0;
    padding: 0 0 5px 0;
    float: left;
    width: 450px;
        
}




#container #footer
{
    margin: 0 0 20px 0;
    padding: 0 0 0 0;
    width: 770px;
    height: 85px;
    background-color: #201726;
    clear: both;
}

#container #footer #leftfooter
{
    margin: 0 0 0 0;
    padding: 0 0 0 10px;
    width: 420px;
    height: 85px;
    float: left;
}

#container #footer #leftfooter #top
{
    margin: 0 auto 0 auto;
    padding: 0 0 0 0;
    width: 420px;
    height: 55px;
    background-color: #201726;
}

#container #footer #leftfooter #top #info
{
    margin: 0 0 0 0;
    padding: 12px 0 0 0;
    width: 420px;
    height: 45px;
    background-color: transparent;
    float: left;
    
}

#container #footer #leftfooter #footerlinks
{
    margin: 0 auto 0 auto;
    padding: 5px 0 0 0;
    width: 420px;
    height: 25px;
    background-color: transparent;
    clear: both;
}

#container #footer #rightfooter
{
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    width: 335px;
    height: 85px;
    float: right;
}

#container #footer #rightfooter #images
{
    margin: 0 0 0 0;
    padding: 5px 0 0 20px;
    width: 310px;
    height: 80px;
    background-color: transparent;
    float: right;
    
}



/*****Standard Classes******/
.lightpurple
{
    color:#9A85AD;
}

.darkpurple
{
    color: #201726;
}

a.lightpurplelink:link, a.lightpurplelink:active, a.lightpurplelink:visited
{
    color: #9A85AD;
    text-decoration: none;
}

a.lightpurplelink:hover
{
    color: #9A85AD;
    text-decoration: underline;
}


a.purplelink:link, a.purplelink:active, a.purplelink:visited
{
    color: #82679A;
    text-decoration: none;
}

a.purplelink:hover
{
    color: #82679A;
    text-decoration: underline;
}

.footerimg
{
    float: left;
    margin: 0 15px 0 0;
    padding: 0 0 0 0;
    border: none;
}

.imagenoborder
{
   border: none;
}

a.more:link, a.more:active, a.more:visited
{
    padding: 2px 0 0 20px;
    margin: 0 0 0 0;
    height: 20px;
    background-image: url(more.gif);
    background-repeat: no-repeat;
    color: #9A85AD;
    text-decoration: none;
    
}
a.more:hover
{
     background-image: url(more_over.gif);
     color: #FFFFFF;
     text-decoration: none;
}

/** Main Nav Classes **/

a.about:link, a.about:active, a.about:visited
{
    padding: 0 0 0 0;
    margin: 0 12px 0 0;
    width: 122px;
    height: 20px;
    background-image: url(about_over.gif);
    float: left;
}
a.about:hover
{
     background-image: url(about.gif);
}

a.heritage:link, a.heritage:active, a.heritage:visited
{
    padding: 0 0 0 0;
    margin: 0 12px 0 0;
    width: 140px;
    height: 20px;
    background-image: url(heritage_over.gif);
    float: left;
}
a.heritage:hover
{
     background-image: url(heritage.gif);
}

a.winners:link, a.winners:active, a.winners:visited
{
    padding: 0 0 0 0;
    margin: 0 12px 0 0;
    width: 81px;
    height: 20px;
    background-image: url(winners_over.gif);
    float: left;
}
a.winners:hover
{
     background-image: url(winners.gif);
}

a.galleries:link, a.galleries:active, a.galleries:visited
{
    padding: 0 0 0 0;
    margin: 0 12px 0 0;
    width: 61px;
    height: 20px;
    background-image: url(galleries_over.gif);
    float: left;
}
a.galleries:hover
{
     background-image: url(galleries.gif);
}

a.news:link, a.news:active, a.news:visited
{
    padding: 0 0 0 0;
    margin: 0 12px 0 0;
    width: 35px;
    height: 20px;
    background-image: url(news_over.gif);
    float: left;
}
a.news:hover
{
     background-image: url(news.gif);
}

a.teachers:link, a.teachers:active, a.teachers:visited
{
    padding: 0 0 0 0;
    margin: 0 12px 0 0;
    width: 94px;
    height: 20px;
    background-image: url(teachers_over.gif);
    float: left;
}
a.teachers:hover
{
     background-image: url(teachers.gif);
}

a.resources:link, a.resources:active, a.resources:visited
{
    padding: 0 0 0 0;
    margin: 0 12px 0 0;
    width: 67px;
    height: 20px;
    background-image: url(resources_over.gif);
    float: left;
}
a.resources:hover
{
     background-image: url(resources.gif);
}

a.contact:link, a.contact:active, a.contact:visited
{
    padding: 0 0 0 0;
    margin: 0 0 0 0;
    width: 76px;
    height: 20px;
    background-image: url(contact_over.gif);
    float: left;
}
a.contact:hover
{
     background-image: url(contact.gif);
}

hr.dottedhr
{
    border: dashed 1px #FFFFFF;
}

.uploadthumbnail
{
    margin: 0 20px 0 0;
    padding: 0 0 0 0;
    border: solid 1px #FFFFFF;
}

.formleftbox
{
    width: 305px;
}

a:link, a:active, a:visited
{
    color: #9A85AD;
    text-decoration: none;
}

a:hover
{
    color: #9A85AD;
    text-decoration: underline;
}



    


    
    
    
    


