*{margin: 0; padding: 0;}

:focus{
  -moz-outline-style: none;
}
 /*======================================
		PNG fix for IE6
	===================================*/
body#home #header #loginSearchWrapper #login,
#search,
#login
 { behavior: url(iepngfix.htc) }


html{
	background: #F4F4F4 url("../wsimages/htmlBg.jpg") top left repeat-x;
	text-align: center;
	
}

body{
	font-family: arial, verdana;
	text-align: left;
	color: #2B1919;
}
	

body#home #wrap{
	background: url("../wsimages/header.jpg") 0 50px no-repeat;
	width: 1100px;
	margin: 0 auto;
}

body #wrap{
	background: url("../wsimages/headerInternal.jpg") -6px 50px no-repeat;	
	width: 1146px;
	margin: 0 auto;
}


#container{
	width: 922px;
	margin: 0 auto;	
}

#menu{
	height: 50px;
	width: 100%;
}

/*===============================
	Home Page:
	Header with login and search
	============================*/
	
body#home #header{
	width: 100%;
	height: 319px;
	position: relative;
	}
	body#home #header #loginSearchWrapper{
		width: 596px;
		height: 38px;
		position: absolute;
		top: 234px;
		right: 30px;
	}
	body#home #header #loginSearchWrapper #login{
		float: left;
		background: url("../wsimages/loginBg.png") top left no-repeat;
		width: 329px;
	}
	body#home #header #loginSearchWrapper #login form input.textBg{
		border: solid 1px #3B5C8F;
		background: #030A1C;
		width: 111px;
	}
	body#home #header #loginSearchWrapper #login form a.question{
		top: 15px;
	}
	body#home #header #loginSearchWrapper #login #loggedIn p{
		text-align: center;
	}
	
	body#home #header #loginSearchWrapper #login form{
		padding: 9px 0 0 11px;
	}
	body#home #header #loginSearchWrapper #login form input{
		padding-left: 5px;
	}
	
	body#home #header #loginSearchWrapper #search{
		float: right;
	}
	body#home #header #loginSearchWrapper #login form{
		padding: 9px 0 0 11px;
	}
	body#home #header #loginSearchWrapper #login form input.login{
		top: 10px;
		right: 22px;
	}
	body#home #header #loginSearchWrapper #login form input.login{
		top: 10px;
		right: 22px;
	}
	body#home #header #loginSearchWrapper #login form input.question{
		top: 15px;
		right: 8px;
	}
	body#home #header #loginSearchWrapper #search form input.searchBg{
		left: 10px;
		border: solid 1px #3B5C8F;
		background: #030A1C;
		width: 163px;
		}
		* html body#home #header #loginSearchWrapper #search form input.searchBg{
			width: 154px;

		}
	body#home #header #loginSearchWrapper #search form input.search{
		right: 10px;
	}
	

/*===============================
	Internal Page:
	Header with login and search
	============================*/
#header{
	width: 100%;
	height: 147px;
	margin: 0 auto;
	position: relative;
	}

#loginSearchWrapper{
	width: 257px;
	height: 88px;
	position: absolute;
	top: 32px;
	right: -11px;
	}

#login{
	background: url("../wsimages/searchBg.png") top left no-repeat;
	height: 38px;
	width: 257px;
	padding-bottom: 12px;
	}
	#login form{
		position: relative;
		padding: 9px 0 0 6px;
	}
	#login form input{
		padding: 0;
		margin: 0;
		color: #B4B6B9;	
		font-size: 11px;	
	}
	#login form input.textBg{
		padding-top: 2px;
		border: solid 1px #3B5C8F;
		background: #030A1C;
		width: 78px;
		height: 16px;
		padding-left: 5px;	
		padding-right: 2px;
		}

	#login form input.textBg2{
		padding-top: 2px;
		border: solid 1px #3B5C8F;
		background: #030A1C;
		width: 78px;
		height: 16px;
		padding-left: 5px;	
		padding-right: 2px;
		position: absolute;
		left: 96px;
		top: 9px;
		}
		* html #login form input.textBg2{
			top: 10px;
			left: 90px;
			font-size: 10px;
		}
	#login form input.login{
		padding: 0;	
		padding-left: 10px;
		position: absolute;
		top: 8px;
		right: 22px;
		}
		* html #login form input.login{
			top: 9px;
			right: 22px;
		}
	
	#login form a.question{
		position: absolute;
		top: 13px;
		right: 8px;
	}
	#login form a img{
		border: none;
		padding: 0;
		margin: 0;	
	}
	#login #loggedIn{
		position: relative;
		padding: 9px 80px 0 10px;
	}
	#login #loggedIn p{
		padding-top: 3px;
		font-size: 12px;
		color: #66CCFF;
		font-weight: bold;
		text-align: left;
	}
	#login #loggedIn span.welcome{
		color: #BAC0CA;
	}
	#login #loggedIn p a{
		color: #FFF;	
	}
	#login #loggedIn img{
		border: none;
		position: absolute;
		right: 10px;
		top: 9px;
	}
#search{
	background: url("../wsimages/searchBg.png") top left no-repeat;
	height: 38px;
	width: 257px;

	}
	#search form{
		position: relative;
		padding: 9px 0 0 8px;
	}
	#search form input{
		border: none;
		padding: 0;
		margin: 0;
		color: #B4B6B9;
		font-size: 11px;	
	}
	#search form input.searchBg{
		border: solid 1px #3B5C8F;
		background: #030A1C;
		width: 168px;
		height: 16px;
		padding-left: 5px;
		padding-top: 2px;
		position: absolute;
		padding-right: 2px;
		top: 9px;
		left: 6px;
		}
		* html #search form input.searchBg{
			left: -2px;
		}
	#search form input.search{
		position: absolute;
		top: 8px;
		right: 8px;
		}
		* html #search form input.search{
			right: 8px;
		}



/*=======================
		Content
	=====================*/		

body#home #contentContainer{
	padding-top: 28px;
	}

#contentContainer{
	padding-top: 14px;
	padding-bottom: 20px;
	min-height: 450px;
	}
	* html #contentContainer{
		height: 450px;
	}

#breadcrumbs{
	font-size: 11px;
	color: #336699;
	padding-bottom: 5px;
	}
	#breadcrumbs a{
		color: #336699;
		font-size: 11px;
		text-decoration: none !important;
	}	
	#breadcrumbs a:hover{
		text-decoration: underline !important;
	}

/*=======================
		Left Column
	=====================*/			
#leftCol{
	padding-bottom: 110px;
	}
body#twoColumn #leftCol{
	float: left;
	width: 615px;
	}

/*===========================
		Main content headings
	=========================*/	
#contentContainer #leftCol h1{
	font-size: 22px;
	color: #ff0000;
	font-weight: bold;
	padding: 10px 0 5px 0;
	}
#contentContainer #leftCol h2{
	font-size: 16px;
	font-weight: bold;
	color: #ff0000;
	padding: 5px 0;
	}	
#contentContainer #leftCol h3{
	font-size: 14px;
	font-weight: bold;
	color: #003844;
	padding: 5px 0;
	}
#contentContainer #leftCol h4{
	font-size: 12px;
	font-weight: bold;
	color: #ff0000;
	padding: 5px 0;
	}	
#contentContainer #leftCol h5{
	font-family: georgia, serif;
	font-size: 18px;
	color: #1D4781;
	padding: 15px 43px 15px 43px;	
	}
#contentContainer #leftCol p{
	font-size: 12px;
	color: #2A2A2A;
	padding: 5px 0 10px 0;
	}
#contentContainer #leftCol p a{
	color: #136fbe;
	font-size: 12px;
	text-decoration: underline;
	}
	#contentContainer #leftCol p a:hover{
		text-decoration: none;
	}
#contentContainer #leftCol ul,
#contentContainer #leftCol ol{
	padding-left: 30px;
	}
#contentContainer #leftCol li{
	font-size: 12px;
	padding-bottom: 10px;
}
/*===========================
	News page heading
	overwrites heading style for
	news page
	=========================*/
#contentContainer #leftCol #date p{
	color: #1D4781;
	font-size: 14px;
	font-weight: bold;
	border-top: solid 1px #CBCBCB;
	border-bottom: solid 1px #CBCBCB;
	padding: 0;
	padding: 6px 0;
	margin: 9px 0;
	}

/*===========================
	Java Applet Teaser
	========================*/
	
#contentContainer #leftCol .teaserJavaApplet{
	background: url("/wsimages/iconPuzzle.gif") left 13px no-repeat;
	border-bottom : solid 1px #B3C3DC;
	padding: 13px 15px 21px 0;
	}
	#contentContainer #leftCol .teaserJavaApplet.first{
		border-top : solid 1px #B3C3DC;
		padding-top: 20px;
	}
		
	#contentContainer #leftCol .teaserJavaApplet h2{
		color: #1D4781;
		font-size: 18px;
		font-weight: bold;
		padding: 0;
		padding-bottom: 6px;
	}
	#contentContainer #leftCol .teaserJavaApplet h2 a{
		color: #1D4781;
		font-size: 18px;
		font-weight: bold;
		text-decoration: none;
		display: block;
		padding-bottom: 10px;
		padding-left: 51px;
	}
	#contentContainer #leftCol .teaserJavaApplet h2 a:hover{
		text-decoration: underline;
	}
	#contentContainer #leftCol .teaserJavaApplet p.date{
		color: #666666;
		font-size: 11px;
		padding: 0;
		padding: 0 0 0 51px;
		position: relative;
		top: -7px;
		
	}
	#contentContainer #leftCol .teaserJavaApplet p{
		color: #333333;
		font-size: 12px;
		padding: 0;
		padding-left: 51px;
	}
	#contentContainer #leftCol .teaserJavaApplet p a{
		color: #333333;
		font-size: 12px;
		text-decoration: none;
		padding: 0;
	}
	#contentContainer #leftCol .teaserJavaApplet p a:hover{
		text-decoration: underline;
	}

/*===========================
	News page teaser
	========================*/
/*
#contentContainer #leftCol #teaserLatestNewsWrapper {
	border-top : solid 1px #B3C3DC;
	margin: 20px 0 20px 0;
}
*/
	
#contentContainer #leftCol .teaserLatestNews{
	background: url("../wsimages/newsIcon.gif") left 13px no-repeat;
	border-bottom : solid 1px #B3C3DC;
	padding: 13px 15px 21px 0;
	}
	#contentContainer #leftCol .teaserLatestNews.first{
		border-top : solid 1px #B3C3DC;
		padding-top: 20px;
	}
		
	#contentContainer #leftCol .teaserLatestNews h2{
		color: #1D4781;
		font-size: 18px;
		font-weight: bold;
		padding: 0;
		padding-bottom: 6px;
	}
	#contentContainer #leftCol .teaserLatestNews h2 a{
		color: #1D4781;
		font-size: 18px;
		font-weight: bold;
		text-decoration: none;
		display: block;
		padding-bottom: 10px;
		padding-left: 51px;
	}
	#contentContainer #leftCol .teaserLatestNews h2 a:hover{
		text-decoration: underline;
	}
	#contentContainer #leftCol .teaserLatestNews p.date{
		color: #666666;
		font-size: 11px;
		padding: 0;
		padding: 0 0 0 51px;
		position: relative;
		top: -7px;
		
	}
	#contentContainer #leftCol .teaserLatestNews p{
		color: #333333;
		font-size: 12px;
		padding: 0;
		padding-left: 51px;
	}
	#contentContainer #leftCol .teaserLatestNews p a{
		color: #333333;
		font-size: 12px;
		text-decoration: none;
		padding: 0;
	}
	#contentContainer #leftCol .teaserLatestNews p a:hover{
		text-decoration: underline;
	}


/*=======================
		Right Column
	=====================*/	
body#twoColumn #rightCol{
	float: right;	
	width: 252px;
	padding-top: 11px;
	padding-bottom: 110px;
	}
body#twoColumn #rightCol h2{
	border-bottom: 1px solid #F6C3C3;
	padding-bottom: 2px;
	margin-bottom: 6px;
	color: #FF0000;
	font-size: 16px;
	font-weight: bold;
	}	
		
.related{
	background: url("../wsimages/relatedBG.jpg") top left no-repeat;
	width: 250px;
	height: 27px;
	color: #2A2A2A;
	font-size: 12px;	
	}
	.related a{
		padding: 5px 5px 0 21px;
		width: 225px;
		height: 21px;
		display: block;
		text-decoration: none;
		color: #2A2A2A;
		font-size: 12px;	
	}
	
.teaserBox{
	/*background: url("../wsimages/teaserBlueBg2.png") top left no-repeat;*/
	background: url("../wsimages/bookBg.jpg") top left no-repeat;
	margin: 25px 0 25px 0;
	padding: 0;
	position: relative;
	width: 251px;
	height: 111px;
	}
	.teaserBox h3{
		color: #FFF;
		font-size: 12px;
		/*background: url("../wsimages/headingBg.png") top left no-repeat;*/

	}
	.teaserBox h3 a{
		color: #FFF;
		font-size: 12px;
		text-decoration: none;
		display: block;
		height: 12px;
		width: 139px;
		padding: 3px 0 6px 14px;	
	}
	.teaserBox h3 a:hover{
		text-decoration: underline;
	}
	.teaserBox p{
		color: #003366;
		font-size: 11px;
		/*padding: 9px 3px 0 14px;*/
		
		/*height: 61px;*/
		
	}
	.teaserBox p a{
		color: #003366;
		font-size: 11px;
		text-decoration: none;	
		font-weight: bold;
		display: block;
		padding: 45px 99px 0 14px;
		width: 138px;
		height: 66px;
		
	}
	.teaserBox p a:hover{
		text-decoration: underline;
	}
	
	.teaserBox img{
		position: absolute;
		top: 13px;
		right: 12px;
		border: none;

	}

	
/* ==========================
		Home page Teaser	
	=========================*/
	
.featureCon{
		clear: both;
		width: 922px;
		overflow: hidden;
		padding-bottom: 21px;

	}

.teaserWrapperBlue{
	background: url("../wsimages/teaserBlueBg.png") top left no-repeat;
	padding-right: 14px;
	width: 420px;	
	height: 135px;
	position: relative;
	float: left;
	padding: 0 17px 0 17px;
	}
	.teaserWrapperBlue.floatRight{
		float: right;
	}	
	.teaserWrapperBlue h2{
		background: url("../wsimages/teaserLine.jpg") bottom left no-repeat;
		color: #0A3969;
		font-size: 18px;
		font-weight: bold;
		padding: 15px 0 10px 0; 
	}
	.teaserWrapperBlue h2 a{
		color: #0A3969;
		font-size: 18px;
		font-weight: bold;
		text-decoration: none;	
	}		
	.teaserWrapperBlue h2 a:hover{
		text-decoration: underline;
	}
	.teaserWrapperBlue p{
		width: 281px;
		color: #15234A;
		font-size: 12px;
		padding: 12px 0 10px 0;

	}
	.teaserWrapperBlue p a {
		width: 281px;
		color: #15234A;
		font-size: 12px;
		text-decoration: none;
	}
	.teaserWrapperBlue p a:hover{
		text-decoration: underline;
	}		
	.teaserWrapperBlue img{
		position: absolute;
		/*bottom: 65px;
		left: 308px;*/
		top: 68px;
		right: 24px;
		border: none;
	}
	.teaserWrapperBlue img.position{
		top: 20px;
		right: 22px;
	}
	
	.teaserWrapperBlue img.puzzleGraphic {
		top: 30px;
		right: 33px;
	}
	
.teaserWrapperPink{
	background: url("../wsimages/teaserPinkBg.jpg") top left no-repeat;
	height: 276px;
	width: 420px;
	float: left;
	padding: 0 17px 0 17px;
	}
	.teaserWrapperPink.floatRight{
		float: right;
	}
	.teaserWrapperPink h3{
		color: #E70000;
		font-size: 16px;
		font-weight: bold;
		padding: 17px 0 8px 0;
	}
	.teaserWrapperPink h3 a{
		color: #E70000;
		font-size: 16px;
		font-weight: bold;
		text-decoration: none;
	}
	.teaserWrapperPink h3 a:hover{
		text-decoration: underline;
	}
	.teaserWrapperPink p{
		font-size: 12px;
		color: #2B1919;	
		padding: 0 17px 11px 0;
	}
	.teaserWrapperPink p a{
		font-size: 12px;
		color: #2B1919;	
		text-decoration: none;
	}
	.teaserWrapperPink p a:hover{
		text-decoration: underline;
	}	
	
.fileWrapper{
	background: url("/wsimages/teaserLine.jpg") 44px bottom no-repeat;
	margin: 11px 0 0 0;
	width: 404px;
	height: 43px;
	}
	.fileWrapper a{
		color: #2B1919;
		font-size: 12px;
		display: block;
		padding: 0 0 13px 44px;
		background: url("/wsimages/iconPDF.gif") top left no-repeat;
		text-decoration: none;		
	}
	.fileWrapper a:hover{
		text-decoration: underline;
	}
	.fileWrapperPuzzle a {
		background: url("/wsimages/iconPuzzle.gif") top left no-repeat;		
	}

#authorNewsCon{
	height: 276px;
	width: 455px;
	float: right;	
	padding-bottom: 22px;
	margin-left: 13px;
	}

#col1{
	width: 220px;
	float: left;
}

#homeCol2{
	width: 235px;
	float: right
	}

#col2{
	width: 235px;
	float: right; 
}
#col1 h3,
#col2 h3{
	margin-left: 21px;
	margin-right: 19px;
	color: #FF0000;
	font-size: 16px;
	font-weight: bold;
	border-bottom: 1px solid #F6C3C3;
	padding-bottom: 8px;
}

#homeCol2 #col2 h2{
	margin-left: 21px;
	margin-right: 19px;
	color: #FF0000;
	font-size: 16px;
	font-weight: bold;
	border-bottom: 1px solid #F6C3C3;
	padding-bottom: 8px;
}

#col2 h3{
	margin-right: 0;
}
#col1 h3 a,
#col2 h3 a{
	color: #FF0000;
	font-size: 16px;
	font-weight: bold;
	text-decoration: none;	
}
#col1 h3 a:hover,
#col2 h3 a:hover{
	text-decoration: underline;
}
#col1 p,
#col2 p{
	padding-left: 24px;
	color: #2B1919;
	font-size: 12px;
	padding-top: 7px;
}
#col1 p a,
#col2 p a{
	color: #2B1919;
	font-size: 11px;
	text-decoration: none;
}
#col1 p a.readMore,
#col2 p a.readMore{
	color: #FF0000;
	text-decoration: underline;
}
#col1 p a:hover,
#col2 p a:hover{
	text-decoration: underline;
}
#col1 p a.readMore:hover,
#col2 p a.readMore:hover{
	text-decoration: none;
}
	
/*================================
	News teaser for Home
==================================*/
#teaseNewsWrapper{
	padding: 19px 0 0 21px;
}

.teaserNews{
	background: url("../wsimages/teaserNewsbg.png") top left no-repeat;
	width: 211px;
	height: 25px;
	}
	.teaserNews a{
		display: block;
		padding: 5px 0 0 28px; 
		font-size: 12px;
		color: #2B1919;
		text-decoration: none;
		width: 183px;
		height: 19px;
	}
	.teaserNews.even{
		background: url("../wsimages/teaserNewsbgEven.jpg") top left no-repeat;
	}
	.teaserNews a:hover{
		text-decoration: underline;
	}
	
/*===============================
	News for RHS column	
	overwrite properties for RHS
	============================*/
body#twoColumn #rightCol #col2{
	width: 100%;
	}
	body#twoColumn #rightCol #col2 p{
		padding-left: 0;	
	}
	body#twoColumn #rightCol #col2 #teaseNewsWrapper{
		padding-left: 0;
	}
	body#twoColumn #rightCol #col2 .teaserNews{
		background: url("../wsimages/newsBg.png") top left no-repeat;
		width: 252px;
	}
	body#twoColumn #rightCol #col2 .teaserNews.even{
		background: url("../wsimages/newsBgEven.png") top left no-repeat;
	}
	body#twoColumn #rightCol #col2 .teaserNews a{
		width: 224px;
	}

	p.testimonial {
		font-family: georgia;
		font-size: 14px;
		font-weight: bold;
		font-style: italic;
		color: #4c4d4d;
	}
	
	h4.testimonial {
		font-family: arial;
		font-size: 11px;
		font-weight: normal;
		color: #4c4d4d;
		padding-top: 0px;
		padding-bottom: 10px;
	}

/*===============================
	Testimonial for RHS column	
	overwrite properties for RHS
	============================*/

	body#twoColumn #rightCol div.teaserTestimonial {
		padding-left: 0;
	}
	
	body#twoColumn #rightCol div.teaserTestimonial p.body {
		font-family: georgia;
		font-size: 14px;
		font-weight: bold;
		font-style: italic;
		color: #4c4d4d;
	}
	
	body#twoColumn #rightCol div.teaserTestimonial h4 {
		font-family: arial;
		font-size: 11px;
		font-weight: normal;
		color: #4c4d4d;
		padding-top: 10px;
		padding-bottom: 30px;
	}

/*===============================
	Image overlay for Home
	============================*/	
.imageWrapper{
	padding-left: 14px;
	position: relative;
	padding-top: 11px;	
}
.imageWrapper img{
	border: none;
}
.imageOverlay{
	width: 194px;
	height: 130px;
	position: absolute;
	top: 11px;
	left: 14px;
	background: url("../wsimages/overlay2.png") top left no-repeat;
}

* html .imageOverlay{
	background: none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled='true',src='../wsimages/overLay2.png');	
	left: 0;	
}	




/*=======================
		Footer
	=====================*/	
#footerWrapper {
	clear: both;
	background: url("../wsimages/footerBg.jpg") top left repeat-x;
	height: 111px;
	width: 100%;

	}
	#footer {
		width: 922px;
		margin: 0 auto;
	}
	#footer p{
		padding: 18px 0 0 17px;
		font-size: 12px;
		color: #6699CC;	
	}
	#footer span.copyright{
		color: #003366;
	}
	#footer p a{
		color: #003366;
		font-size: 12px;
		text-decoration: none;
		padding: 0 2px 0 2px;
	}
	#footer p a:hover{
		text-decoration: underline;
	}	


	#footer a img{
		border: none;
	
	}