html{
    height:100%;              /*force scrollbar*/
    margin:0 0 1px 0;        /*force scrollbar*/
    padding:0;
}

body{
    margin:0;
    color:#330133;
    font-family:arial, sans-serif;
    font-size:75%;
    padding:0;
    background:transparent;
    height:100%;
}

#purple{                   /* standard body id differentiates between snippetmaster background color and the background around site */
    background:url("images/background.png") repeat-x #330133;
    padding:24px 0 0 0;
}

#purplebody{                   /* standard body id differentiates between snippetmaster background color and the background around site */
    background:url("images/main-background.png") repeat-x #330133;
}

#wrapper{
    width:100%;
    height:100%;
    background:url("images/main-background.png") repeat-x #330133;
}

h1{      /* hidden heading improves seo*/
    margin:0;
    padding:0;
    display:none;
    color:#fff;
    font-size:0%;
}

h2{
    margin:0;
    padding:0 11px 0 11px;
    font-size:1.35em;
    font-weight:bold;
    font-family:"trebuchet ms", Helvetica, sans-serif;
}
h2.sub{
    margin:0;
    padding:0 11px 0 11px;
    font-size:1.35em;
    font-weight:normal;
    font-family:"trebuchet ms", Helvetica, sans-serif;
}

h3{
    padding:0 11px 0 11px;
    margin:0;
    font-size:1.35em;
    font-weight:bold;
    font-family:"trebuchet ms", Helvetica, sans-serif;
}

a,
a:active,
a:visited{
    color:#3E0930;
    text-decoration:underline;
}

a:hover{
    color:#a9ddbb;
    text-decoration:underline;
}


a img{
  border:0;
}

p{
   margin:10px 0 10px 0;
   padding:0 11px 0 11px;
}

img{
    border:0;
}

div.imagecenter{
    text-align:center;
}

div.imagecenter img{
           margin:20px 0 0 0;
}


/*Layout Styles*/

#wrap{                 /*wrapping table*/
    margin:auto;
    width:750px;
    border-collapse:collapse;
    padding:0;
}

#wrap td{     /*standard cell*/
      border:0px;
      margin:0;
      vertical-align:top;
      text-align:left;
}

/*no content just borders and layout*/

#leftborder{
    width:36px;
    background:url("images/border-left.png") transparent right repeat-y;
    padding:0;
}

#rightborder{
    width:36px;
    background:url("images/border-right-bg.png") transparent left repeat-y;
    padding:0;
}

#cornerleft{
    background:url("images/border-bottom-bg.png") transparent top repeat-x;
      padding:0;
}

#cornerright{
      padding:0;
}

#bottom{
    width:678px;
    background:url("images/border-bottom.png") transparent top repeat-x;
    padding:0px;
}


#header{   /*header comtainer (table cell)*/
    width:678px;
    background-color:#fff;
    padding:0 0 10px 0;
}

#content{      /*main content goes here (table cell)*/
    width:350px;
    background-color:#fff;
    padding:5px 0 0 0;
    vertical-align:top;
}

#content p{
     line-height: 1.3em;
}

#content ul{
         list-style-type:disc;
         margin:10px 0 5px 50px;
         padding:0 10px 0 0;
}

#photo{     /*the photo with caption goes here (table cell)*/
    width:200px;
    background-color:#fff;
    padding:0;
    vertical-align:top;
}

p.staffcaption{
    margin:0 0 10px 0;
    font-size:0.9em;
    padding:0;
    font-style:italic;
    text-align:center;
    font-family:arial, sans-serif;
}


p.caption{
    margin:5px 0 0 0;
    font-size:1.2em;
    padding:0;
    font-style:italic;
    text-align:center;
    font-family:georgia, serif;
}

#photo img{
       margin:0 0 5px 0;
}


#menu{        /*menu div goes here (table cell)*/
    width:128px;
    background-color:#fff;
    padding:0;
    vertical-align:top;
}

#nav{    /*navigation div container*/
    width:128px;
    background-color:#A9DDBB;
    height:337px;
    padding:4px 0 0 0;
}

#nav a,
#nav a:active,
#nav a:visited{
     text-decoration:none;
}
#nav a:hover{
     text-decoration:underline;
    color:#3E0930;
}

#nav p{
     font-size:1em;
     margin:5px 0 5px 8px;
     padding:0;
}

#nav strong{
     font-size:1.2em;
}

#nav img{
     margin:0 7px 0 0;
}

.main{     /*main menu, unordered list*/
    list-style-type:none;
    margin:0;
    padding:0;
    display:block;
    font-size:1.1em;
    font-family:tahoma, sans-serif;
}
.main li{
     width:122px;
}
.main li.here{
     background-color:#D6EFD5;
     padding:3px 0 3px 6px;
}
.main li a,
.main li a:active,
.main li a:visited{
     text-decoration:none;
     color:#3E0930;
     width:122px;
     display:block;
     padding:3px 0 3px 6px;
}
.main li a:hover{
     text-decoration:none;
     color:#3E0930;
     background-color:#D6EFD5;
     width:122px;
     display:block;
     padding:3px 0 3px 6px;
}

#nav li a:hover{  /*strangely required? look into later*/
     text-decoration:none;
}


#mainsub{     /*main menu, sub menu, unordered list*/
    list-style-type:none;
    margin:0;
    padding:0;
    background-color:#c6e8d2;
    display:block;
    font-size:0.9em;
    font-family:tahoma, sans-serif;
}
#mainsub li{
     width:112px;
}
#mainsub li.on{
     background-color:#D6EFD5;
     padding:3px 0 3px 16px;
}
#mainsub li a,
#mainsub li a:active,
#mainsub li a:visited{
     text-decoration:none;
     color:#3E0930;
     width:112px;
     display:block;
     padding:3px 0 3px 16px;
}
#mainsub li a:hover{
     text-decoration:none;
     color:#3E0930;
     width:112px;
     display:block;
     padding:3px 0 3px 16px;
}



#footer{    /*footer goes here (table cell)*/
    background-color:#fff;
    width:678px;
      padding:0;
}

#footer img{
    margin:10px 0 5px 0;
}

#footer ul{     /*footer menu unordered list*/
        display:inline;
        list-style-type:none;
        margin:0 0 0 6px;
        padding:0px;
        font-size:0.95em;
}

#footer li{
        display:inline;
}

#footer li a,
#footer li a:active,
#footer li a:visited{
    text-decoration:none;
    color:#3E0930;
}

#footer li a:hover{
    text-decoration:underline;
}

#links{
    width:320px;
    border-collapse:collapse;
    padding:0;
    margin:10px auto 0 auto;
}

#links td{
       padding:0 5px 10px 5px;
       vertical-align:top;
}

#links h3{
    padding:0;
    margin:10px 0 8px 0;
}

#links strong{
    font-size:1.1em;
}

#contact{
    width:320px;
    border-collapse:collapse;
    padding:0;
    margin:10px auto 40px auto;
}



#contact form{
         margin:10px 0 20px 0;
}

input.textfield{
         border:1px solid #330133;
         width:180px;
         margin:3px 0 3px 0;
         color:#330133;
         font-family:arial, sans-serif;
         font-size: 0.95em;
         padding: 1px 1px 1px 1px;
}

#contact label{
         margin:3px 0 3px 0;
}

input.button{
         border:1px solid #330133;
         width:50px;
		 padding:0px;
}

#contact textarea{
         border:1px solid #330133;
         width:180px;
         margin:3px 0 3px 0;
         color:#330133;
         font-family:arial, sans-serif;
         font-size: 0.95em;
         padding: 1px 1px 1px 1px;
}

p.contact{
         margin:15px 0 0 0;
         padding:0;
}

#contact .checkbox{
margin:4px 0 0 4px;
padding:0;
}



/*more links*/

#morelinks{      /*main content goes here (table cell)*/
    background-color:#fff;

    padding:5px 0 0 0;
    vertical-align:top;
}

#morelinks p{
     line-height: 1.3em;
}

#morelinks h2{
  margin-bottom:15px;
}