body{
color:#7d849c;
background:#FFFFFF;
font-size:14px;
font-family:Arial, Helvetica, sans-serif;
text-align:center;
}
/*--eliminates dashed lines around links on Firefox---*/
a {
  outline: none;
}
/* ---Main Page Headline --- */
h1 {
margin:0px;
padding:0px;
font-variant:small-caps;
font-size:16px;
font-weight:bold;
color:#21325a;
}
/* ---Success Headline --- */
h4 {
margin:0 0 12px 0;
padding:0px;
font-size:12px;
font-weight:bold;
color:#21325a;
text-align:center;
}

h6 {
	font-size: 10px; }

a:link{
color:#000000;
}
a:visited{
color:#000000;
}
a:hover{
text-decoration:none;
color:#000000;
}
a:active{
color:#000000;
}

.wrapall{
width:788px;
background:url(../images/mainBG.jpg);
margin:0 auto;
text-align:left;
position:relative;
}
	.container{} /*needed for correct float display*/
		.nav{
		width:209px;
		float:left;
		}
			#navbar {
			height:200px;
			width:209px;
			margin:0px;
			padding:0px;
			}

			#MenuMap {
				margin:0px;
				padding:0px;
				top:0px;
				width:209px;
				height:200px;
				position:relative;
				background-image:url(../images/menu3.jpg);
				list-style:none;
				text-decoration:none;
					}

					#MenuMap li {
						margin:0px;
						padding:0px;
						position:absolute;
						height:200px;
					}

					#MenuMap a {
						display:block;
						height:25px;
					}
			
					#MenuMap a.NavLink {
						/*  Hide the text part of the links by moving it waaaayyy offscreen. */
						text-indent:-1000000em;
					}

/*  NavLink dimensioning rules - specify offset from top and (constant) width of active area. */
					#Home {left:0px; width:209px; top:0px; height:25px;}
					#Services {left:0px; width:209px; top:25px; height:25px;}
					#Quote {left:0px; width:209px; top:50px; height:25px;}
					#News {left:0px; width:209px; top:75px; height:25px;}
					#TechArtic {left:0px; width:209px; top:100px; height:25px;}
					#About {left:0px; width:209px; top:125px; height:25px;}
					#Glossary {left:0px; width:209px; top:150px; height:25px;}
					#Contact {left:0px; width:209px; top:175px; height:25px;}
					
/*  Menu hover, active, and "current page" rules, using a "sprite" imagemap, and background positioning. */

					#Home a:hover {background: transparent url(../images/menu3.jpg) -209px 0px no-repeat;}
					#Services a:hover {background: transparent url(../images/menu3.jpg) -209px -25px no-repeat;}
					#Quote a:hover {background: transparent url(../images/menu3.jpg) -209px -50px no-repeat;}
					#News a:hover {background: transparent url(../images/menu3.jpg) -209px -75px no-repeat;}
					#TechArtic a:hover {background: transparent url(../images/menu3.jpg) -209px -100px no-repeat;}
					#About a:hover {background: transparent url(../images/menu3.jpg) -209px -125px no-repeat;}
					#Glossary a:hover {background: transparent url(../images/menu3.jpg) -209px -150px no-repeat;}
					#Contact a:hover {background: transparent url(../images/menu3.jpg) -209px -175px no-repeat;}
					
					#homepage #Home a {background: transparent url(../images/menu3.jpg) -209px 0px no-repeat;}
					#servicespage #Services a {background: transparent url(../images/menu3.jpg) -209px -25px no-repeat;}
					#quotepage #Quote a {background: transparent url(../images/menu3.jpg) -209px -50px no-repeat;}
					#newspage #News a {background: transparent url(../images/menu3.jpg) -209px -75px no-repeat;}
					#techpage #TechArtic a {background: transparent url(../images/menu3.jpg) -209px -100px no-repeat;}
					#aboutpage #About a {background: transparent url(../images/menu3.jpg) -209px -125px no-repeat;}
					#glossarypage #Glossary a {background: transparent url(../images/menu3.jpg) -209px -150px no-repeat;}
					#contactpage #Contact a {background: transparent url(../images/menu3.jpg) -209px -175px no-repeat;}
					
			.navContent{
			width:125px;
			position:relative;
			left:63px;
			padding:20px 0px 20px 0px;
			text-align:left;
			font-size:12px;
			}
					
		.main{
		width:579px;
		overflow:hidden;
		float:left;
		}
			.flash{
			text-align:left;
			}
			.contactInfo{
			height:106px;
			width:560px;
			background:url(../images/contactBox.jpg);
			position:relative;
			font-size:12px;
			}
				.leftContact{
				position:absolute;
				width:160px;
				left:60px;
				top:28px;
				}
				.rightContact{
				position:absolute;
				width:150px;
				left:270px;
				top:28px;
				}
				.blend{
				background:url(../images/blend.jpg);
				width:10px;
				height:79px;
				top:0px;
				left:564px;
				position:absolute;
				}
				
		.topContent{
		width:506px;
		margin:30px 30px 0px 30px;
		}
		.colWrap{
		width:506px;
		margin:20px 30px 0px 30px;
		}
			.leftCol{
			width:240px;
			float:left;
			}
			.rightCol{
			width:250px;
			float:left;
			margin:0px 0px 0px 16px;
			}
		.clear{clear:both;}
	.footMenu {
		margin:0 25px 0 0;
		text-align:right;
	}
	.footer{
	background:url(../images/footer.jpg) #FFFFFF;
	height:85px;
	}
		.footerText{
		width:400px;
		text-align:right;
		left:300px;
		top:30px;
		position:relative;
		}
/*Text formatting divs: */
.headerBold{ /*For use in a div*/
font-variant:small-caps;
font-size:16px;
font-weight:bold;
color:#21325a;
}
.darkText{ /*for use in a span*/
color:#21325a;
}

/*End text formatting divs.*/

/*
popup div for the newsletter signup
*/
#popUp{
width:250px;
height:400px;
background:#fff;
position:absolute;
top:300px;
left:350px;
visibility:hidden;
text-align:left;
background:url(../images/popUpBG.gif);
}
	#popUpCloseBox{
	font-weight:bold;
	border:#e0e2e6 3px solid;
	color:black;
	width:10px;
	height:15px;
	position:absolute;
	top:25px;
	right:35px;
	}
	#popUpTextBox{
	width:220px;
	height:280px;
	position:absolute;
	top:70px;
	left:15px;
	font-size:12px;
	}
	#popUpButtons{
	position:absolute;
	top:355px;
	right:20px;
	}


:focus {
-moz-outline-style: none;
}

.figure {
	border: 1px solid #33559d;
	background: #dce4f1;
	margin: 10px;
}

.smallerText {
	font-size: 12px; }