body {
	background-color: #007bc1;
	background-image: url(./img/bg.jpg);
	background-repeat: repeat-x;
}

div#wholeSiteBox {
	width: 790px;
	background-color: White;
	margin: 5px auto 5px auto;
	padding: 6px;
}
div#footerBox {
	width: 790px;
	margin: 5px auto 5px auto;
	padding: 5px;
	color: White;
}
div#mainMenuDiv{
	width: 790px;
	background-image: url(./img/MenuBack.png);
	background-repeat: no-repeat;
	height: 25px;
	margin-bottom: 5px;
	padding: 0;
}
ul#mainMenuUl{
	padding: 0; margin: 0;
	padding-top: 5px;
	margin-left: 135px;
	border: none;
	list-style-type: none;
}
ul#mainMenuUl li{
	display: inline;
	padding: 0;
	margin: 0 12px 0 0;
	text-transform: uppercase;
	letter-spacing: -.75px;
}
ul#mainMenuUl li a{
	padding: 0; margin: 0;
	text-decoration: none;
	color: #082e45;
	font-family: Arial Black, Gadget, sans-serif;
}
div#frontHeaderDiv {
	width: 790px;
	background-image: url(./img/FrontHeader.jpg);
	background-repeat: no-repeat;
	height: 290px;
}
div#mainContentDiv{
	width: 790px;
	margin-top: 14px;
}
div.box1{
	background-color: #e5e9eb;
	border: solid 1px #b7c6d0;
	margin-bottom: 20px;
}
div.box2{
	background-color: #888;
	border: solid 1px #333;
	margin-bottom: 20px;
}

h1.boxHead{
	border: 0;
	margin: 0;
	padding: 7px 0 0 18px;
	color: White;
	background-position: top left;
	background-repeat: no-repeat;
	height: 26px;
	font-family: Arial Black, Gadget, sans-serif;
	font-weight: bold;
	text-transform: uppercase;
	font-size: 12px;
}
.box1 h1.boxHead{
	background-image:url(./img/TopLeft1.png);
}
.box2 h1.boxHead{
	background-image:url(./img/TopLeft2.png);
}
div.boxBottom{
	width: 100%;
	height: 14px;
	background-position: bottom right;
	background-repeat: no-repeat;
}
div.box1 div.boxBottom{
	background-image: url(./img/BottomRight1.png);
}
div.box2 div.boxBottom{
	background-image: url(./img/BottomRight2.png);
}

div.boxContent{
	margin: 10px 15px 10px 15px;
}
.rightPortfolioBox{
	border-left: solid 1px black;
	
}
.leftMenuBox{
	float: left;
	width: 143px;
	text-align: right;
	padding-right: 10px;
}
.leftMenuBox ul{
	text-align: right;
	list-style-type: none;
	margin: 0; border: none; padding: 0;
}
.leftMenuBox ul li{
	margin-top: 20px;
}
.leftMenuBox ul li a{
	color: Black;
	text-decoration: none;
	font-size: 160%;
}
#topHeaderBox{
	height: 90px;
	position: relative;
}
.hLogo{
	margin-top: 10px;
	margin-left: 10px;
	border: 1px transparent solid;
}
a:hover .hLogo{
	border: 1px #ccdce3 dotted;
}
#headerInfoBox{
	position: absolute;
	right: 10px;
	top: 22px;
	text-align: right;
	color: #315d78;
	font-weight: bold;
	/*font-family: Arial Black, Gadget, sans-serif;*/
	font-size: 90%;
}
#headerInfoBox big{
	letter-spacing: .75px;
}
.boxBottom a img{
	border: none;
}
.boxBottom a{
	font-size: 86%;
	background-color: Yellow;
	text-decoration: none;
}
.boxBottom a:hover{
	text-decoration: underline;
}

div.error{
	margin: 0 auto 0 auto;
	width: 90%;
	border-top: dashed red thin;
	border-bottom: dashed red thin;
	padding: 10px;
	background-color: #ccc;
}

.formBox{
	width: 250px;
}
textarea.formBox{
	width: 350px;
	height: 5em;
}
.modalBox{
	background-color: White;
	color: Black;
	border: medium inset black;
	padding: 2em;
	width: 300px;
}
.galleryRow{
	color: Black;
}
.galleryRow td{
	vertical-align: middle;
}
.galleryRow td a{
	text-decoration: none;
	font-size: 130%;
	color: Black;
	font-weight: bold;
}
.galleryRow td a:hover{
	color: #003e62;
	text-decoration: underline;
}
.galleryRow td a img{
	border: none;
}
.galleryDetMainImg{
	width: 60px;
	margin-right: 10px;
	margin-bottom: 10px;
	float: left;
}
.tableNoLine tr td, .tableNoLine tr, .tableNoLine{
	border: none;
}.tableNoLine tr td{
	padding: 3px;
	text-align: left;
	vertical-align: top;
}
.projectImage{
	padding: 0;
	margin: 2px;
	height: 80px;
	border: none;
}
.projectImageLarge{
	width: 550px;
}
.leftMenuBox a.selected{
	color: #003e62;
	text-decoration: underline overline;
	font-style: italic;
}