/*--------------------------------------------------------------------------------------------------------
				HTML General classes
--------------------------------------------------------------------------------------------------------*/

h1 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:20px;
	color:#7399c6;
	font-weight:300;
	margin-top:20px;
}

h2 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	color:#729ec7;
	font-weight:600;
}


#background {

	width:800px;
	background-color:#003a63;
}

img {
	border:0px;
}

a {
font-family:Arial, Helvetica, sans-serif;
color:#00539a;
}

body {
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#003a63;
	background-color: #003a63;
	background-image: url(../images/repeat.jpg);
	background-repeat: repeat-x;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
}

.oneColFixCtrHdr #container {
	width: 792px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	background: #7399c6;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	text-align: left; /* this overrides the text-align: center on the body element. */
}

.oneColFixCtrHdr #header {
	width:800px;
	background: #ebe6df; 
	padding: 0 0px 0 0px;  /* this padding matches the left alignment of the elements in the divs that appear beneath it. If an image is used in the #header instead of text, you may want to remove the padding. */
}

.oneColFixCtrHdr #header h1 {
	margin: 0; /* zeroing the margin of the last element in the #header div will avoid margin collapse - an unexplainable space between divs. If the div has a border around it, this is not necessary as that also avoids the margin collapse */
	padding: 10px 0; /* using padding instead of margin will allow you to keep the element away from the edges of the div */
}

.oneColFixCtrHdr #mainContent {
	border-left: 4px solid #7399c6;
	border-right: 4px solid #7399c6;
	width:800px;
	background: #ebe6df;
}

#content {
	width:508px;
	padding-left:34px;
	padding-right:34px;
	padding-top:10px;
	padding-bottom:20px;
	background: #ebe6df;

}

#headimage {
	border-left: 4px solid #7399c6;
	border-right: 4px solid #7399c6;
	text-align:left;
	width:800px;
	height:201px;
	background: #ebe6df;
}


/*--------------------------------------------------------------------------------------------------------
				Document/Formatting classes
--------------------------------------------------------------------------------------------------------*/

#rightpanel {
	width:187px;
	height:250px;
	margin-right:17px;
	margin-top:25px;
	float:right;
}

.ctalinks {
	color:#FFFFFF;
	text-decoration:none;
}
#cta {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#FFFFFF;
	padding-top:5px;
	text-align:center;
	width:187px;
	height:70px;
	background-image:url(../images/CTAbox.gif);
}

#ctanumber {
font-size:16px;
font-weight:600;

}

#servicesbox {
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#FFFFFF;
	width:157px;
	height:137px;
	background-image:url(../images/Salesbox.gif);
	margin-top:29px;
	padding-top:5px;
	padding-left:30px;

}

#servicehead {
	font-size:18px;
	font-weight:300;
}


/*--------------------------------------------------------------------------------------------------------
				Footer classes
--------------------------------------------------------------------------------------------------------*/

.oneColFixCtrHdr #footer {
	padding-top:5px;
	padding-bottom:5px;
	font-size:11px;
	color:#FFFFFF;
	text-align:center;
	border-left: 4px solid #7399c6;
	border-right: 4px solid #7399c6;
	width:800px;
	height:16px;
	background:#7399c6;
}

#subfooter {
	text-align:center;
	font-size:11px;
	padding-top:20px;
	padding-bottom:20px;
}

#footerlinks {
color:#ffffff;
text-decoration:underline;
}

#copyright {
	width:800px;
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	font-size:10px;
	padding:5px 0px 5px 0px;
	text-align:center;
}

#author {
	width:800px;
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	font-size:10px;
	padding:5px 0px 5px 0px;
	text-align:center;
}

#authorlink {
	color:#FFFFFF;
	text-decoration:underline;
}
/*--------------------------------------------------------------------------------------------------------
				Controls for drop down menu
--------------------------------------------------------------------------------------------------------*/
/* main container for the menu bar */
div.menuBar {
	padding: 0px 0px 0px 0px;
	text-align: left;
}


/* Off state for the links in the main menu bar */
div.menuBar a.menuButton {
	color: #000000;
	cursor: default;
	left: 0px;
	margin: 1px;
	padding: 0px 0px 0px 0px;
	position: relative;
	text-decoration: none;
	top: 0px;
	z-index: 100;
	}
	
	
/* On state for the links in the main menu bar */
div.menuBar a.menuButtonActive, div.menuBar a.menuButtonActive:hover, div.menuBar a.menuButton:hover {
	text-decoration: underline;
	}

	
/* container for the drop down menu */
div.menu {
	filter: alpha(opacity=80); -moz-opacity: 0.8; opacity: 0.8;
	background-color: #7399c6;
	border:1px solid #003a63;
	left: 0px;
	padding: 0px 0px 0px 0px;
	position: absolute;
	top: -5px;
	visibility: hidden;
	z-index: 101;
	text-align:left;
	cursor:pointer;
	margin-top:-3px;
	margin-left:20px;
	}
	
	
	
/* menu items for the drop down menu */
div.menu a.menuItem {
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color: #ffffff;
	cursor: default;
	display: block;
	padding: 2px 10px 2px 10px;
	margin:0px 0px 0px 0px;
	text-decoration: none;
	white-space: nowrap;
	}
	
	
/* menu items for the drop down menu (hover state) */
div.menu a.menuItem:hover {
	background-color:#003a63;
	cursor:pointer;
	}
	
	
/* menu item seperators */
div.menu div.menuItemSep {
	border-top: 1px solid #003a63;
	margin: 0px 0px 0px 0px;
	}