@import 'fonts.css';
@import 'features.css';


html, body, p, div, table, tbody, tfoot, tr, td, th, 
form, fieldset, label, legend, q, a, pre, blockquote, 
caption, h1, h2, h3, h4, h5, h6, ol, ul, dl 
	{
	background: transparent;
	border: 0;
	color: #444444;
	font-family: arial, helvetica, sans-serif;
	font-size: 100%;
	margin: 0;
	padding: 0;
	vertical-align: baseline;
	}

html	{
	background: #967738 url(../../images/theme/bghomepage.jpg);
	background-repeat: repeat-x;
	}
	
body	{
	background-image: url(../../images/theme/badge_home_xsm.jpg)!important;
	background-position: 2% 0%;
	background-repeat: no-repeat!important;
	font-size: 75%;
	line-height: 1.3em;
	text-align: center; 			/* for IE 5 - container set left */
	word-spacing: .1em;
	}

a:hover { text-decoration: none; }

hr	{
	background-color: #cfbf99;
	border:0;
	clear: left;	
	color: #cfbf99;
	height: 1px;
	margin: 0 0 .6em 0;
	}
	
hrshort	{
	background-color: #cfbf99;
	border:0;
	clear: left;	
	color: #cfbf99;
	height: 1px;
	width: 50%;
	margin: 0 0 .6em 0;
	}	
	
img	{ border: none; }

ol	{
	list-style: decimal;
	margin-left: 2em;
	margin-bottom: 1.5em;
	}

p	{ padding-bottom: 1em; }

table 	{
	border-collapse: collapse; 
	border-spacing: 0; 
	}
	
td .txtright { text-align: right; }

td	{ vertical-align: top; }

ul, dl, blockquote {
	margin-left: 1.5em;
	}
	
ul 	{ 
	list-style: none; 
	margin-bottom: 1em; 
	}

/* ------------------- Custom Styles for WSP Search Page ------------------- */

#search {
	background: transparent;
	float: right;
	margin: 0;
	padding: 1em 4em 0 0;
	text-align: right;
	}
	
#search input { 
	border: 1px solid #b9a66f;
	color: #3333cc;
	font-family: verdana, tahoma;
	font-size: 110%;
	}

/* --------------------------- Home Page Tabs ---------------------------- */

#tabs {
	background: #000044;
	border-bottom: 4px solid #b9a66f;
	height: 2em;
	margin: 0;
	Padding: 0;
	width: 100%;
	}

#tabs ul {
	list-style: none;
	margin: 0;	                                 /* was 0, also had width 100 percent */
	padding: 0 0 0 1em;	   			             /* was 2em on left padding 04-12-12 */
	}

#tabs ul li {
	display: inline;
	float: left;
	font-size: .81em;
	font-weight: bold;
	line-height: 1em;
	list-style: none;
	margin: 0;
	padding: 0 .4em .4em .4em;    	   			/* was .5em on r-b-l sides 04-12-12 */
	}

#tabs ul li a {
	color: #ffffff!important;
	display: block;
	margin: 0;
	padding: .6em .4em .4em .3em;       	   	/* was .5em on all 04-12-12 */
	position: relative;
	text-align: center;
	text-decoration: none;
	}

#tabs ul li a:hover {
	background: #a0afc6;
	color: #ffffff;
	text-decoration: underline;
	}

#tabs ul li #active {
	background-color: #303055!important;
	color: #a6c6f0!important;
	}

#tabs ul li a span { display:block; }



/* ------------------------ Top Navigation Links ------------------------- */

#topnav {
	clear:both;
	background: #000044;
	font-size: 80.01%;
	padding-bottom: 6px;
	width: 100%;
	}

#topnav ul {
	list-style: none;			/* removes bullets from list */
	margin: 0;
	padding: 0 0 0 6em;
	text-align: left;
	}

#topnav ul li {
	color: #ffffff; 
	display: inline;			/* displays list items on one line */
	margin-right: 1.5em;
	margin-left: 1.5em;
	}

#topnav ul li a {
	color: #ffffff; 
	text-decoration: none!important; 
	}

#topnav ul li a:visited { 
	color: #ffffff; 
	}

#topnav ul li a:hover { 
	color: #cfbf99; 
	text-decoration: underline!important; 
	}

/* --------------------------- End Home Page Tabs ---------------------------- */


#date	{
	color: #506090;
	font-weight: 100;
	font-size: 100.01%;
	line-height: .25em;
	margin: 0;
	padding: 0;
	}

#wrapper {		
	/* border: 1px solid #9900cc; */
	margin: 0;
	margin-right: auto;
	margin-left: auto;			/* could use 20em */
	padding-left: 6em;
	text-align: left; 			/* see note in body at the top */	
	width: 65em; 				/* could use 780px */
	} /* removed overflow hidden - caused banner crop and white gap below footer when using bookmarks */

#bannerbg {
	background-color: #67738b;
	}

#banner {
	background-image: url(../../images/theme/wsp_home_banner.png)!important;
	clear: right;
	height: 124px;
	overflow: hidden;
	padding: 0;
	background-repeat: no-repeat!important;
	width: 100%;  				/* could use 780px */
	}

#nameplate {
	color: #94a0b7;
	text-align: center;
	display: none;
	}
	
#titlebar  { background-color: #000044; }

#main {
	background: transparent;
	border-top: 2px solid #ffffff;
	border-right: 2px solid #ffffff;
	border-bottom: 3px solid #b9a66f;
	border-left: 2px solid #ffffff;
	margin: 0;
	padding: 0;
	width: 100%;
	}
	
#main td, th { vertical-align: top!important; }

#main a { color: #0033a3; }

#main a:visited { color: #9933aa; }

#main a:hover { color: #0033ff; }

#rightrail {
	background-color: #f4f0e7;					/* was #efe9df */
	border-right: 2px solid #ffffff;
	border-left: 1px solid #ddd6cc;
	font-size: 92%; 
	padding: 0;
	}

#rightrail .colhead {
	color: #000055;
	background-color: #c7cdd9;
	border-right: 1px solid #94a1b2;
	border-bottom: 1px solid #94a1b2;
	font-weight: bold;
	margin: .5em 0 .5em 0; 
	padding: 0 5px 0 .8em;
	text-align: center;
	}

#rightrail ul { 
	list-style-image: url(../../images/theme/bluedot.gif)!important; 
	margin: 0 0 1em 2em;
	}

#rightrail p { margin: 0 .5em 0 1em; }

	
#rightrail .shade {
	background-color: #efecdc;
	margin: 0; 
	padding: 1.25em 0 1em 0;
	text-align: center;
	}
	
#rightrail .txtcenter {
	margin: 0; 
	padding: 1em 0 1em 0;
	text-align: center;
	}

#news {
	padding-right: 10px;
	}

#content {
	background-color: #ffffff;
	min-height: 400px; 			/* not supported by IE browsers */
	margin: 0;
	padding: .75em 1.5em 1.5em 3em; 	/* max content width is 38ems - size data tables if under 300px */
	width: 75%;
	}
	
#content .imgcent {
	border: 1px solid #7f7666;
	clear: none;
	margin: .8em 0 2em 0;
	padding: 3px;
	position: relative;
	}
	
#content .imgleft {
	border: 1px solid #7f7666;
	clear: left;
	float: left;
	margin: 4px 18px 10px 0;
	padding: 3px;
	}

#content .imgright {
	border: 1px solid #7f7666;
	clear: right;
	float: right;
	margin: 4px 0 10px 12px;
	padding: 3px;
	}

#content .imgleft_noborder {
	clear: left;
	float: left;
	margin: 4px 18px 10px 0;
	padding: 3px;
	}

#content .imgright_noborder {
	clear: right;
	float: right;
	margin: 4px 0 10px 12px;
	padding: 3px;
	}

#content .arrowleft {
	float: left;
	margin: 2px 6px 0 0;
	padding: 0;
	}

#content ul { list-style-image: url(../../images/theme/goldbullet.gif); }

#content ul ul { list-style-image: url(../../images/theme/bluedot.gif); }

#content li { line-height:1.5em; }

#content .smallcont { font-size: 92%; }



/* ----------------------- Default Footer Styles ----------------------- */

#footer {
	background-color: #000044;
	height: 3em;				/* was 46px - changed to ems for text sizing */
 	padding: .5em 0 .5em 0;
	text-align: center;
	}

#footer a, a:visited { color: #b9a06f; }

#footer a:hover {
	background-color: #3c3c5f;
	color: #ffffff;
	text-decoration: none;
	}

#footer p {
	color:#b9a66f;
	font-size: .8em;
	}

#footer .left {
	border: solid 1px #ffffff;
	clear: none;
	float: left;
	margin: .25em .5em 0 1em;
	padding: 0;
	}

#footer .right {
	border: solid 1px #ffffff;
	clear: none;
	float: right;
	margin: .25em 1em 0 .5em;
	padding: 0;
	}

.bluebar { 
	background: #506090;
	font-size: 100%;
	margin-right: -2em;
	padding: .25em .5em .25em 1em; 
	}

.empty {
	background-color: #ffffff;
	border-top: 1px solid #ddd6cc;
	font-size: 92%; 
	padding: 0;
	}
	
.whitecell {
	background-color: #ffffff;
	border-left: 1px solid #ddd6cc;
	font-size: 92%; 
	padding: 0;
	}

.1pxborder { border: 1px solid #b9a06f; }

.2pxwhtborder { border: 2px solid #ffffff; }