@charset "UTF-8";
body {
	font: 80% Verdana, Arial, Helvetica, sans-serif;
	background: #EBF6FC;
	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 */
	color: #000;}

a:link {color:#006;}
a:visited {color: #09f;}
a:hover {color: #c63;}
a:active {color: #ccc;}

h1 {font-size:18px;}
h2 {font-size:16px;}

#contentcontainer {
	background: #fff;
	width:950px;
	margin:auto;}

#header{
	position: relative;
	width: 100%;
	height: 125px;
	background-image: url(/images/sdabanner.png);
	background-size: 100% 125px;
	background-repeat: no-repeat;
	background-position: center;
	margin: 0 auto;}
	
#nav {
	width: 100%;
	margin: 0 auto;}
	
#mainContent {
	position: relative;
	width: 900px;
	margin: 0 auto;}

#footer {
	position: relative;
	width: 900px;
	height: 50px;
	margin: 0 auto;}
#footer td {
	text-align:center;}

/*INDEX PAGE*//*INDEX PAGE*//*INDEX PAGE*//*INDEX PAGE*//*INDEX PAGE*//*INDEX PAGE*/
/*INDEX PAGE*//*INDEX PAGE*//*INDEX PAGE*//*INDEX PAGE*//*INDEX PAGE*//*INDEX PAGE*/
.indextable {
	border:2pt #000;}
.indextable td {
	text-align:center;
	vertical-align:top;}
.tabletopper {
	height:30px;
	text-align:center;
	vertical-align:middle;
	background-image: url(/images/boxtop.png);
	background-size:100% 35px;
	background-repeat: no-repeat;
	background-position: center 8px;}
.tablefooter {
	text-align: -left;
	vertical-align:top;
	background-image: url(/images/boxfoot.png);
	background-size: 100% 100%;
	background-repeat: no-repeat;
	background-position: 0px top;
	padding:15px 17px 15px 15px;}
	
.floatleft {
	float:left;
	width:33%;}
.floatcenter {
	float:left;
	width:33%;}
.floatright {
	float:left;
	width:33%;}

/* MISC *//* MISC *//* MISC *//* MISC *//* MISC *//* MISC *//* MISC *//* MISC */
/* MISC *//* MISC *//* MISC *//* MISC *//* MISC *//* MISC *//* MISC *//* MISC */