a {
    color:#000000;
    font-weight: bold;
    text-decoration: none;
}
a:hover {
    color:#E6B81F;
    text-decoration: underline;
}

body {
  	font-family: Verdana, Geneva, Arial, helvetica, sans-serif;
  	background-color:#CCFFCC;
    background-position: right top;
    background-repeat: repeat-y;
    font-size:12px;
}
#content {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	background-color: white;
	border:#FF8000 4px solid;
	padding: 1em;
	margin-left:310px;
	margin-right:190px;
	position:relative;
}

#content table {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	background-color: white;
	padding: 1em;
	display:block;
}

#content a{
  color: blue;
}

#exampleImage{
	left: 500px;
}

#footer{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:blue;
	
	bottom: 10px;
	margin-bottom:0;
}

h1 {
    font-family: Comic Sans MS, Verdana, Arial, sans-serif;
    color: blue;
    font-weight: bold;
    font-size: 48px;
    font-variant: small-caps;
    text-align: center;
    margin-right: 5px;
    margin-top: 0;
}

h3{
    font-family: Comic Sans MS, Verdana, Arial, sans serif;
    font-weight: normal;
    font-variant: small-caps;
    text-align: center;
    margin-right: 5px;
    margin-top: 0;
}

h4{
    font-family: Comic Sans MS, Verdana, Arial, sans serif;
    font-weight: normal;
    text-align: center;
    margin-right: 5px;
    margin-top: 0;
}

h5{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:normal;
	text-align:right;
}

h6{
    font-family: Comic Sans MS, Verdana, Arial, sans serif;
    font-size: 16px;
    font-weight: bold;
    text-align: left;
    margin-top: 15px;
    margin-bottom: 15px;
}

#heading{
	background-image:url(pencilhome.gif);
	background-position:0 -40px;
	display:block;
	height:38px;
	width:250px;
	margin:5px 150px 20px;
	background-repeat:no-repeat;
	text-indent:-250px;
}

#heading1{
	background-image:url(pencilabout.gif);
	background-position:0 -40px;
	display:block;
	height:38px;
	width:250px;
	margin:5px 150px 20px;
	background-repeat:no-repeat;
	text-indent:-550px;
}

#heading2{
	background-image:url(pencilstaff.gif);
	background-position:0 -40px;
	display:block;
	height:38px;
	width:250px;
	margin:5px 150px 20px;
	background-repeat:no-repeat;
	text-indent:-250px;
}

#heading3{
	background-image:url(pencil3.gif);
	background-position:0 -40px;
	display:block;
	height:38px;
	width:250px;
	margin:5px 150px 20px;
	background-repeat:no-repeat;
	text-indent:-550px;
}

#heading4{
	background-image:url(pencil4.gif);
	background-position:0 -40px;
	display:block;
	height:38px;
	width:250px;
	margin:5px 150px 20px;
	background-repeat:no-repeat;
	text-indent:-550px;
}

#heading5{
	background-image:url(pencilfees.gif);
	background-position:0 -40px;
	display:block;
	height:38px;
	width:250px;
	margin:5px 150px 20px;
	background-repeat:no-repeat;
	text-indent:-500px;
}

#heading6{
	background-image:url(pencilcommittee.gif);
	background-position:0 -40px;
	display:block;
	height:38px;
	width:250px;
	margin:5px 150px 20px;
	background-repeat:no-repeat;
	text-indent:-550px;
}

#heading7{
	background-image:url(pencilphoto.gif);
	background-position:0 -40px;
	display:block;
	height:38px;
	width:250px;
	margin:5px 150px 20px;
	background-repeat:no-repeat;
	text-indent:-550px;
}

#heading8{
	background-image:url(pencilcontact.gif);
	background-position:0 -40px;
	display:block;
	height:38px;
	width:250px;
	margin:5px 150px 20px;
	background-repeat:no-repeat;
	text-indent:-550px;
}

label{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	text-align:left;
	color:#800080;
}

#navigation {
    width: 200px;
    float: left;
    margin-right:50px;
}

#navigation a {
    font-variant: small-caps;
    letter-spacing: 0.3em;
	text-indent: -500px;
}

#navigation ul {
    list-style: none;
    margin: 0; padding: 0;
}

#navigation li {
    margin: 0; padding: 0 1em;
}

#navigation li.home a {
    color: black;
	  background-image:url(pencilhome.gif);
    display:block;
    height:38px;
	  width:250px;
	  padding-left:20;
	  background-repeat:no-repeat;
	  text-indent:-900px;
}  

#navigation li.about a {
    color: black;
	  background-image:url(pencilabout.gif);
    display:block;
    height:38px;
	  width:250px;
  	padding-left:20;
  	background-repeat:no-repeat;
  	text-indent:-900px;
}

#navigation a:hover{
	background-position: 0 -41px;
}

#navigation li.staff a {
    color: black;
  	background-image:url(pencilstaff.gif);
  	display:block;
  	height:38px;
  	width:250px;
  	background-repeat:no-repeat;
  	text-indent:-900px;
}

#navigation li.program3 a {
    color: black;
  	background-image:url(pencil3.gif);
  	display:block;
  	height:38px;
  	width:250px;
  	background-repeat:no-repeat;
  	text-indent:-500px;
}

#navigation li.program4 a {
    color: black;
  	background-image:url(pencil4.gif);
  	display:block;
  	height:38px;
  	width:250px;
  	padding-left:20px;
  	background-repeat:no-repeat;
  	text-indent:-500px;
}

#navigation li.committee a {
    color: black;
  	background-image:url(pencilcommittee.gif);
  	display:block;
  	height:38px;
  	width:250px;
  	padding-left:20px;
  	background-repeat:no-repeat;
  	text-indent:-500px;
}


#navigation li.fees a {
    color: black;
	background-image:url(pencilfees.gif);
	display:block;
	height:38px;
	width:250px;
	padding-left:20px;
	background-repeat:no-repeat;
	text-indent:-500px;
}

#navigation li.photographs a {
    color: black;
  	background-image:url(pencilphoto.gif);
  	display:block;
  	height:38px;
  	width:250px;
  	padding-left:20px;
  	background-repeat:no-repeat;
  	text-indent:-500px;
}

#navigation li.contact a {
    color: black;
  	background-image:url(pencilcontact.gif);
  	display:block;
  	height:38px;
  	width:250px;
  	padding-left:20px;
  	background-repeat:no-repeat;
  	text-indent:-500px;
}

p {
    margin: 1em 0;
}

#pic1{
    width: 448px;
    height: 336px;
  	float:right;
    padding-left: 0px;
}

#pic2{
    float: none;
    margin-top: 50px;
    margin-left: 100px;
}

#pic3{
	position:fixed;
	left: 450px;
	top: auto;
	right: auto;
	bottom: auto;	
}

#pic4{
	float: left;
}
  
#pic5{
	float:right;
}

#pic6{
  width: 448px;
  height: 336px;
	padding-top:5px;
	display: block;
	float:none;
}

.thumbnail {
    width:100px;
    height:66px;
    border:0;
}