/* CSS Document */
/* colors
#5C7FB6  - light blue
#970F00 - red
#072F6E - dark blue
#FCFCFE - bottom blue
#CFDAEA - box color
*/
a {
	color: #970F00;
	text-decoration: none;
	font-weight: bold;
	
	}
body {
	background-color: #F2F5FA;
	background-image: url(../images/grade_08.jpg);
	background-repeat: repeat-x;
	color: #072F6E;
	margin: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;	
}
table{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
}
h1 {
	font-size: 135%;
	color: #970F00;
	margin: 10px 5px;
	}
h2 {
	font-size: 125%;
	color: #970F00;
	margin: 10px 5px;
	}
.container {
 	border: 2px solid #072f6E;
}
#darkblue {
	background-color: #072F6E;
	color: #ffffff;
	font-size: 125%
	}
#lblue {
	background-color: #5C7FB6;
	color: #ffffff;
	font-size:110%;
	}
#bblue {
	background-color: #7894C3;
	}



/*boxes*/

div.maintext {
	width: 750px;
	background-image: url(../images/boxbg.jpg);
	background-color: #CFDAEA;
	margin: 10px;
	border-top: 10px solid #970F00;
	border-right: 2px solid #970F00;
	border-bottom: 2px solid #970F00;
	border-left: 2px solid #970F00;
	background-repeat: repeat-x;
	padding: 10px;
	overflow:auto;
	}
div.maintext img {
	border: thin solid #CFDAEA;
	margin: 5px;
	}


div.blbox {
	clear:both;
	width: 40%;
	background-image: url(../images/boxbg.jpg);
	background-color: #CFDAEA;
	margin: 10px;
	float: left;
	border-top: 10px solid #970F00;
	border-right: 2px solid #970F00;
	border-bottom: 2px solid #970F00;
	border-left: 2px solid #970F00;
	background-repeat: repeat-x;
	padding: 10px;
	}
div.blbox img {
	float: left;
	border: thin solid #CFDAEA;
	margin: 5px;
	}

div.brbox {
	width: 25% !important;
	width: 30%;
	background-image: url(../images/boxbg.jpg);
	background-color: #CFDAEA;
	margin: 10px;
	float: left;
	border-top: 10px solid #970F00;
	border-right: 2px solid #970F00;
	border-bottom: 2px solid #970F00;
	border-left: 2px solid #970F00;
	background-repeat: repeat-x;
	padding: 10px;
	}
div.brbox img {
	border: thin solid #CFDAEA;
	}

	
div.bfrbox {
	width: 18% !important;
	width: 19% ;
	background-image: url(../images/boxbg.jpg);
	background-color: #CFDAEA;
	margin: 10px;
	border-top: 10px solid #970F00;
	border-right: 2px solid #970F00;
	border-bottom: 2px solid #970F00;
	border-left: 2px solid #970F00;
	background-repeat: repeat-x;
	padding: 10px;
	float: right;
	}
div.bfrbox img {
	border: thin solid #CFDAEA;
	}

/* Navigation */

div.navbar{
	font-weight: bold;
	font-size: 90%;
}
div.navbar a {
	text-decoration: none;
	color: #ffffff;
	background-image: url(../images/contactus.jpg);
	background-repeat: no-repeat;
	background-position: left;
	background-color: #082F70;
	text-align: right;
	padding: 0 2px 0 10px;
	}
div.navbar a:hover{
	text-decoration: none;
	color: #072F6E;
	background-image: url(../images/contactus_2.jpg);
	background-repeat: no-repeat;
	background-position: left;
	background-color: #5c7fb6;
	text-align: right;
	padding: 0 2px 0 10px;
	}
div.navbar a#highlight {
	color: #072F6E;
	background-image: url(../images/contactus_2.jpg);
	background-repeat: no-repeat;
	background-position: left;
	background-color: #5c7fb6;
	}
div.navbar a:hover #highlight{
	color: #ffffff;
	background-image: url(../images/contactus.jpg);
	background-repeat: no-repeat;
	background-position: left;
	background-color: #082F70;
	text-decoration: none;
	text-align: right;
	}




/* bottom */
.btmmenu {
	color: #970F00;
	text-align: center;
	height: 25px;
	clear: both;
	width: 100%;
	}
.btmmenu a:hover {
	color: #072F6E;
	}
	
.webdevelopment {
	color: #5C7FB6;
	text-align: right;
	height: 25px;
	margin-top: -20px;
	width: 780px;
	}
div.bluestrip {
	background-color: #072F6E;
	width: 100%;
	text-align: center;
	color: #ffffff;
	float: left;
	height: 20px;
	}
div.bluestrip a {
	color: #ffffff;
	}
div.bluestrip a:hover {
	color:#CFDAEA;
	}

/*bubbles */

.bubblebg1 {
	background-image: url(../images/bubblebg1.gif);
	background-repeat: no-repeat;
	background-position: right bottom;
	height: 180px;
	}
.bubblebg {
	background-image: url(../images/bubblebg1.gif);
	background-repeat: no-repeat;
	background-position: right bottom;
	}
	
/* fixes it so the HD logo doesn't have a border around it */

img.noborder {
	border: 0;
}
