/* CSS Document 
dull purple: #685267
light blue: B5C3DE
plum: 65106E
charcoal: 4F4B4C
*/

body {
	background: #685267;
	font-family: Arial, Helvetica, sans-serif;
	margin: 0;
	}
table {
	border-top: 1px solid #7E7371;
	border-right: 2px solid #7E7371;
	border-bottom: 2px solid #7E7371;
	border-left: 1px solid #7E7371;
	}
.menu {
	background: #B5C3DE url(../Images/menu-grade.gif) repeat-x;
	border: 1px solid #7A1C8A;
	color: #65106E;
	font-size: 80%;
	line-height: 24px;
	text-align: right;
	}
.menu a {
	color: #65106E;
	font-weight: bold;
	padding: 0 10px 0 10px;
	text-decoration: none;
	}
.menu a:hover {
	color: #685267;
	}
	

/*outer purple border*/
.content {
	background: #4F4B4C;
	border: thick solid #65106E;
	color: #E5E1E2;
	font-size: 75%;
	text-align: left;
	}
.content a {
	color:#B5C3DE;
	text-decoration: none;

}
.content a:hover {
	text-decoration: underline;
	}

/*inner silver border*/
.innercontent {
	border: 1px solid #BEC5E1;
	margin: 0px;
	padding: 10px;
	text-align: left;
	}
.innercontent ul {
	margin: 0;
	margin-left: 20px;
	padding: 0;
}
h1 {
	display: inline;
	font-size: 22px;
	font-weight: normal;
	}
h2 {
	display: inline;
	font-size: 16px;
	font-weight: normal;
	}
/* image and caption box */
.imagebox {
	clear: right;
	float: right;
	margin: 10px;
	width: 323px;
	text-align: center;
	}
.imagebox img {
	border: 1px solid #65106E;
	}
.caption {
	background: #B4C2DD url(../Images/caption-grade.gif) repeat-x;
	color: #7A1C8A;
	font-weight: bold;
	font-size: 90%;
	margin: 5px 0 0 0;
	padding: 5px;
	text-align:center;
	width: 312px;
	}
	.bottomcaption {
	background: #B4C2DD url(../Images/caption-grade.gif) repeat-x;
	color: #7A1C8A;
	font-weight: bold;
	font-size: 90%;
	margin: 5px 50px 0 0;
	padding: 5px;
	text-align:center;
	width: 213px;
	float:right;
	}
.footer {
	color: #B5C3DE;
	font-size: 70%;
	margin: 0;
	padding: 2px 0 5px 0;
	text-align: right;
	width: 780px;
	}
.footer a {
	color: #B5C3DE;
	font-weight: bold;
	}
.footer a:hover {
	color: white;
	}
	
/* fixes it so the HD logo doesn't have a border around it */

img.noborder {
	border: 0;
}

#webdevelopment {
	border: 0;
	margin: 0;
	padding: 0;
}
#webdevelopment a,
#adminlinks a {
	color: #B5C3DE;
	text-decoration: none;
}
.bottomimgs img{
}