/* CSS Document */
body {
	background:  #FEF8D8 url(../Images/bggrade.jpg) repeat-x;
	font-family: Myriad, Arial, Helvetica, sans-serif;
	color: #0A51A1;
	margin: 3px;
	font-size:small;
	}
h1 {
	font-size: 130%;
	margin: 15px;
	color:#5A5D63;
}
h2 {
	font-size: 120%;
	border-bottom:2px solid #FFEFB7;
}
h3 {
	font-size: 110%;
	}
h4 {
	font-size: 100%;
	}
h5{
	font-size: 90%;
	}
	
a{
	color:#5A5D63;
}
div{
	font-size:90%;
}
#main {
	background: #72777D;
	border: 1px solid #0A51A1;
	}
#header{
	text-align:center;
	background-color:#0A51A1;
}

.menubox {
	background-image: url(../Images/spinebg.gif);
	background-repeat: no-repeat;
	background-position: 9px top;
	text-align:right;
	width: 170px;
	padding:5px;
}
.menubox a{
	text-decoration: none;
	font-weight: bold;
	color: #FFEFB7;
	padding: 2px 19px 2px 0;
	}
.menubox a:hover{
	color: #FFF154;
	background: url(../Images/yellowdot.gif) no-repeat right;
}
.menubox #highlight{
	color: #FFF154;
	background: url(../Images/bluedot.gif) no-repeat right;
}
.largerbox {
	background-color: #FFFFFF;
	border: 5px solid #0A51A1;
	padding: 0 15px;
	margin:5px 0 0 5px;
}

.leftbox{
	background-color: #FFFFFF;
	border: 5px solid #FFEFB7;
	padding: 5px;
	margin:5px 0 0 5px;
	text-align:center;
	font-size:70%;
}
.leftbox #left{
	text-align:left;
}
.smallerbox {
	background-color: #FFFFFF;
	background-image: url(../Images/backgr.jpg);
	background-repeat: no-repeat;
	background-position: bottom;
	border: 5px solid #0A51A1;
	padding: 0 10px;
	margin:5px 5px 0 5px;
	font-size:80%;
}
#footer{
	background-color:#FFEFB7;
	line-height:120%;
	font-size:70%;
	font-weight:bold;
	color:#72777D;
	padding: 0 10px 0 10px;
}
.largerbox img {
	border: thin solid #CCCCCC;
	}
.smallerbox img {
	border: thin solid #CCCCCC;
	}
#line_height{
	line-height:5px;
}

/* fixes it so the HD logo doesn't have a border around it */

img.noborder {
	border: 0;
}

#webdevelopment {
	padding-top: 2px;
	text-align: right;
	width: 800px;
}