body {
	font-family: "Times New Roman", Times, serif;
	font-size: 14px;
	background-color: #aaa; /*#2A00AA; #DCE1FC; #F4F5F0; #E3EEF0*/
}
p,form,h1,h2,h3,h4,h5,h6,ul,ol,dl {
	margin: 0px;
	padding: 0 0 1em 0;
 /* list-style-type: none; */
}
h1 { font-size: 32px; }
h2 { font-size: 24px; }
h3 { font-size: 18px; }
.h3 { font-size: 18px; }
h4 { font-size: 14px; }
.h4 { font-size: 14px; }
h5 { font-size: 10px; font-family:Arial, Helvetica, sans-serif; }
blockquote { margin: 0 0 0 2em;}
hr { color: #A6CAF0; }
img { border-color:#2A00AA; }

#container {
 background-color:#fff;
	/* margin: 0px -2px 0px -2px; */
	margin-left: auto;
	margin-right: auto;
	width:950px;
}
#header, #footer, #nav {
 color:#999;
	position:relative;
	z-index:13;
	width:950px;
}

/* standard column dividers */
div.col1 {
	width: 47%;
	float: left;
}
div.col2 {
	width: 47%;
	float: right;
}

#header { 
 height:136px; 
}
#footer {
 background-color: #1b2956; 
	font-family:Tahoma,Verdana,sans-serif;
	font-size:10px; 
	padding: 0 10px 0 10px;
	width:930px;
}
#footer div.col1 {
	width: 63%;
}
#footer div.wrapper {
 padding: 10px 0 10px 0;
}
#footer div.col1 div.col1 {
	width: 33%;
}
#footer div.col2 {
	width: 340px;
}
#footer div.col2 div.col1 {
 width: 275px;
	padding: 10px 0 10px 0;
}
#footer div.col2 div.col1 a#sps {font-weight:bold; text-transform:uppercase; }
#footer div.col2 div.col2 {
 width: 50px;
	padding: 2px 0 2px 0;
}
#footer div.col2 div.col2 a,
#footer div.col2 div.col2 img {border:0;}
#footer a, #footer a:visited {
 color:#999;
	text-decoration:none;
	border-bottom: 1px dotted #999;
}

.headerSectionLeft { left: 0px; }
.headerSectionCenter h1, h2 { color:#33375A; margin:0; white-space:nowrap; }
.headerSectionCenter h1 { padding: 28px 0 10px 0; }
.headerSectionCenter h2 {font-style:italic; }

.message { 
 font-size: 10px;
	text-align:center;
	font-family: Arial, Helvetica, sans-serif;
	border-top: 1px solid #6963DE;
	padding-top: 10px;
	margin-top: 15px;
}
#nav {
 position:relative;
	height: 28px;
}
#navLeft, #navRight, #navCenter { 
	position:absolute;
	top:0px;
	height: 20px;
}
#navLeft, #navRight { 
 background-color: #1b2956;
	padding: 5px 10px 3px 10px;
}
#navLeft {text-align:left; left:0px; width:590px;}
#navRight {text-align: right; left:590px; width:340px;}
#navLeft ul, #navRight ul { padding: 0px; list-style-type: none;}
#navLeft li, #navRight li {
	display: inline;
}
#navLeft span, #navLeft a, #navRight a {
	color: #999;
	text-decoration: none;
	font-family: Tahoma, Verdana, sans-serif;
	font-size: 14px;
	font-weight: bold;
}
#navVertical a, #navVertical a:visited {
	color: #33375A;
	text-decoration: none;
	font-family: Tahoma, Verdana, sans-serif;
	font-size: 12px;
}
#navVertical ul { 
 border-bottom: 1px solid #777; 
	padding: .5em 0 .5em .5em;
	list-style-type: none;
}
#navLeft a, #navRight a {
	padding-right: 15px;
	padding-left: 15px;
}
#navLeft a:hover, #navRight a:hover, #navVertical a:hover { 
	background-color: #999;
	color: #1b2956;
}

#page {
 position:relative;
	margin-top: 0px;
	width:602px;
 background-color: #ddd; 
	border-right: 348px solid #ccc; /* #D5D9F6; */
}
#section {
 margin: 0;
	width:100%;
}
#content, #info {
 position:relative;
	float:left;
 color:#33375A;
}
#info div#sps_logo {
	width:138px;
	margin: 20px auto 10px auto;
}
#content {
 margin: 0;
	padding:10px;
	z-index:auto;
	width:582px;
	font-size:17px;
	min-height:350px;
	background-color: #ddd;
}
#content ul, ol { padding-left: 2em; }
#content h2, #content h3, #content h4 { font-family: Arial, Helvetica, sans-serif; }
#content th, #content td, #content table a, #content table a:visited, tt { 
 font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#060066;
}
#content p, #content a { color:#33375A; }
#content td, #content th { padding: 0px 5px 0px 5px; }
.contentBackground { background-color: #D5D9F6; }

/* image buttons */
div#content a.rss_feed {
	display: block;
	border-bottom: none !important;
	background-color: transparent !important;
}
div#content a.rss_feed span {
	display: block;
	position: absolute;
	left: -9001px;
}
div#content a.rss_feed:hover {
	background-position: 0 -16px;	
}
	div#content a.rss_feed {
		background-image: url(../_img/buttons/rss_feed.gif);
		width: 44px;
		height: 16px;
	}


#info {
	font-family: Tahoma, Verdana, sans-serif;
	font-size: 12px;
	z-index:20;
	margin-right: -346px;
	margin-left: 0px;
	padding: 10px 5px 5px 10px;
	width:326px;
}
#info h2, #info img { text-align:center; margin-top: 10px;}
#info img { border: 2px solid #2A00AA; }
#info p { font-size:12px; padding: 1em;}
#info a, #info a:visited {
	font-weight:bold;
	text-decoration: none;
}

/* message box */
.boxTop, .boxBottom, .boxContent {
 position:relative;
	width:164px;
 border: 1px solid #2A00AA;
	margin: 0 -4px 0 3px; 
}
.boxTop {
	height:10px;
 margin-top:10px;
	border-bottom:0;
}
.boxBottom {
	height:10px;
	border-top:0;
}
.boxContent {
 width:154px;
	border-top:0;
	border-bottom:0;
	padding: 0 5px 0 5px; 
}

#stdTable table { background-color: #aaa; }
#stdTable th, #stdTable td { padding: 0 5px 0 5px; margin: 1px;}
#stdTable th { color:#33375A; background-color: #999; }
#stdTable td { background-color:#ccc;  text-align:left;}
#stdTable a, #stdTable a:visited { text-decoration:none; }
#stdTable a:hover { text-decoration:underline; }
#stdTable img {border:none; }

#simpleTable th, #stdTable td { padding: 0 5px 0 5px; margin: 1px;}
#simpleTable th { background-color:#aaa; }
#simpleTable td { background-color: #bbb; }
#simpleTable a, #stdTable a:visited { text-decoration:none; }
#simpleTable a:hover { text-decoration:underline; }
#stdTable td.action { text-align:center; }

.smallButton { font-size:10px; }
.tinyText { font-size:10px; }
.mediumText { font-size:12px; }
div#content .error,
div#info .error { color:#FF0000; }
.alert { color:#FF0000; }
.required { color:#FF0000; }
.error { color:#FF0000; }
div#content .ok { color:#009900; }
/* error message box used by admin pages */
#errorBox ul { margin-left:25px; }
#errorBox table { background-color:#eae2d2; border: 2px solid #f00; margin-bottom: 20px; }
#errorBox table tr td { padding: 8px; color: #000;}

/* error messages are in red using normal list style types */
#error p , #error li, #error a, #error a:visited { color:#FF0000;}
#error li { padding-left:0px; margin-left: 20px; list-style-type: disc;}
.pic img { border: 2px solid #2A00AA; }

.clear { clear:both; }
#page > #section { border-bottom: 1px solid transparent; }

div#key_box {
 margin-top:20px;
	width:203px; 
	margin-left:auto; 
	margin-right:auto;
	font-family:"Times New Roman", Times, serif;
	font-size:12px;
}
div#key_box img {border:none;}
div#key_box div.key_top {
 background-image:url(../_img/key/KeyTop.jpg); 
	background-repeat:no-repeat;
	width:203px; 
	height:22px;
}
div#key_box div.key_middle {
 background-image:url(../_img/key/KeyMiddle.jpg); 
	background-repeat:repeat-y;
	width:203px; 
	padding:5px;
}
div#key_box div.key_bottom {
 background-image:url(../_img/key/KeyBottom.jpg); 
	background-repeat:no-repeat;
	width:203px; 
	height:14px;
}

/* horizonaal lines */
div#content div.hr {
	border-top: 1px solid #999;
	border-bottom: 1px solid #777;
	height: 1px;
	margin-bottom: .5em;
}
div#content div.main div.hr2 {
	border-top: 1px solid #999;
	border-bottom: 1px solid #777;
	height: 1px;
	margin-bottom: 1em;
}

/* information box for right column */
#info_box {
 border: 1px solid #999; 
	margin: 20px auto 0 auto;
	padding: 10px; 
	width: 80%;
	text-align:center;
}
#info_box a {
 color: #33375a;
	font-weight:normal;
}
div#info div#instructions {border: 1px solid #33375a; margin-top:12px; }
div#info div#instructions ul {margin-left:25px;}
div#info div#instructions h3 {text-align:center; margin:6px; padding:0px;}