html, body{
	margin: 0;
	padding: 0;
}

body{
	background: #061621 url('/images/main-bkg.gif');
	font: 11px/25px Verdana, Arial, Helvetica, sans-serif;
	color: #444444;
}

h1{
	color: #333333;
	font: 19px Geneva, Arial, Helvetica, sans-serif;
}

a{
	color: #4987a5;
}

img{
	border: 0;
}

a:hover{
	color: #73b3d0;
}

a:visited{
	color: #327097;
}

#header{
	border-bottom: 3px solid white;
}

#body{
	min-height: 330px;
	background: #c7c7c7 url('/images/body-gradient.jpg') no-repeat top center;
	border-top: 3px solid white;
}

#body #content{
	width: 980px;
	margin-left: auto; 
	margin-right: auto;
	padding-top: 45px;
	padding-bottom: 45px;
}

#footer{
	height: 34px;
	background: url('/images/footer-bkg.gif') repeat-x;
	margin-bottom: 55px;
}

#footer #left{
	background: url('/images/footer-shadow.gif') no-repeat;
	float: left;
	width: 723px;
}

#footer #left #nav{
	display: inline;
}

#footer #left #nav li{
	display: inline;
	list-style: none;
	margin-left: 10px;
	font-size: 9px;
	line-height: 34px;
}

#footer #left #nav li a{
	color: #999999;
	text-decoration: none;
}

#footer #right{
	float: right;
}


/* page specific stuff */


.homeLeft, .contentLeft{
	float: left;
	width: 509px;
}

.homeRight, .contentRight{
	float: right;
	width: 409px;
}

.homeRight{
	background: url('/images/home-vert-div.jpg') no-repeat;
}

.contentRight{
	background: #bdbdbd url('/images/content-rightcol-bkg.jpg') no-repeat top left;
}
.contentRight .addPadding{
	padding-top: 58px;
	padding-bottom: 58px;
	padding-left: 42px;
	padding-right: 38px;
}

.blue{
	color: #368cc1;
}

.outlined{
	border: 4px solid #cdcdcd;
}

/*
.callout{
	background: #bebebe url('../images/callout-bkg.jpg') no-repeat top left;
	padding: 20px;
}
*/

.contentRight ul, .contentRight li, ul.arrowList, ul.arrowList li{
	margin: 0;
	padding: 0;
	list-style: none;
}

.contentRight li, ul.arrowList li{
	padding-top: 3px;
	padding-bottom: 3px;
	padding-left: 19px;
	border-bottom: 1px solid #cecece;
	background: url('/images/li-arrow.gif') no-repeat 0 10px;
}

.callout{
	clear: both;
	width: 507px;
	line-height: 20px;
}

.callout .top, .callout .bottom{
	background: url('/images/callout-top.gif') no-repeat;
	margin: 0;
	height: 20px;
}

.callout .bottom{
	background: url('/images/callout-bottom.gif') no-repeat;
}

.callout .middle{
	background: url('/images/callout-middle.gif') repeat-y;
	margin: 0;
	padding-left: 20px;
	padding-right: 20px;
}

.inlineLeft{
	width: 200px;
	height: 150px;
	float: left;
	margin-right: 25px;
	margin-bottom: 25px;
}
