/*********************************************************/
/*	08/01/2012		wssblue.css          		
/*******************************************************/
/* 	Colors		
	platinum:		#aaa077
	gold:			#998844
	bronze:		#888055
	buffgrey:		#eeeeee
	buffcream:		#fffce8
	apricot:		#fff0bb
	white:		#ffffff
	orange:		#ff9933
	yellow:		#fbc906
	cream:		#ccbb66
	red:			#cc0000
	purple:		#564c4c
	green:		#00cc33
	wssgrey:		#c5cfd1
	grey:			#999999
	black:		#000000
	brite blue: 	#aaccff
	light blue: 	#ebf5ff
	blue:			#3333cc
	light smoky:	#7eaabd
	smoky:		#347a97
	greyblue:		#4c7080
	prussian:		#555566
	charcoal:		#333a3f
	deep blue:		#222244
	scrollbar-face-color:#4c7080; 
	scrollbar-3dlight-color:#4c7080; 
	scrollbar-highlight-color:#ccbb66; 
	scrollbar-shadow-color:#4c7080; 
	scrollbar-darkshadow-color:#000000; 
	scrollbar-track-color:#ccbb66; 
	scrollbar-arrow-color:#4c7080;
*/

body	{
	-webkit-text-size-adjust:100%;
	background-color:#ffffff;
	background-repeat:repeat;
	background-attachment:fixed;
	border: none;
	font-size:90%;
	line-height:1.4;
	font-family:"Century Gothic","Lucida Grande","Lucida Sans","Bitstream Vera Sans Mono",Verdana,"Helvetica Neue", Helvetica, Tahoma, Arial, sans-serif;
	color:#333a3f;
	height:auto;
	width:auto;
	//height:100%;
	//width:100%;
	margin:0;
	padding:0;
	}

body.grey{
	background-color:#c5cfd1;
	background-image:url(../images/wssgrey.jpg);
	background-repeat:repeat;
	background-attachment:scroll;
	}

.backGround {
	background-color:#000000;
	background-image:url(../images/wssblack.jpg);
  	background-position:top center;
	background-repeat:no-repeat;
	background-attachment:fixed;
	}

table, th, tr, td{
	border-collapse:collapse;
	font-family:Arial,Helvetica,sans-serif;
	font-size:10pt;
	margin:0;
	padding:0;
	}

ul,ol	{clear:both;margin:0;padding:0 0 0 3em;}
li 	{padding:0;}
li p 	{padding:0 0 0.5em 0;}

pre	{
	font-family:Monospace;
	color:#008000;
	font-size:x-small;
	margin:0.5em;
	padding:0;
	}
form	{
	margin:0;
	padding:0 0 0 20px;
	padding:0;
	}

textarea	{
	border:solid #999999 1px;
	font-family:sans-serif;
	font-size:0.9em;
	}

input	{
	margin:0;
	padding:0;
	}

strong{
	font-weight:600;
	font-size:130%;
	}

small	{
	font-family:Arial,Helvetica,sans-serif;
	font-size:70%;
	}

b	{
	font-weight:600;
	}

h1	{
	font-size:136%;
	font-weight:600;
	color:#333a3f;
	margin:0;
	margin:0;
	padding:10px 5px 4px 5px;
	}
h2	{
	font-size:124%;
	font-weight:600;
	color:#888055;
	margin:0;
	margin:5px 0 1px 0;
	padding:0 5px 0 5px;
	}
h3	{
	font-size:118%;
	font-weight:600;
	color:#4c7080;
	margin:5px 0 1px 0;
	padding:0 5px 0 5px;
	}
h4	{
	font-size:110%;
	font-weight:600;
	color:#998844;
	margin:5px 0 1px 0;
	padding:0 5px 0 5px;
	}
h5	{
	font-size:1.0em;
	font-weight:700;
	color:#333a3f;
	margin:5px 0 1px 0;
	padding:0 5px 0 5px;
	}
p,label{
	font-size:1.0em;
	margin:0 0 1px 0;
	padding:0 5px 0 5px;
	}

/*//////////////////////////////////////
// Links        		//
////////////////////////////////////*/
a img 			{border:0 none;}
a 			{color:#4c7080;text-decoration:none;} 
a:visited 		{color:#4c7080;text-decoration:none;} 
a:active 		{color:#4c7080;text-decoration:none;} 
a:focus			{color:#4c7080;text-decoration:none;} 
a:hover	 		{color:#4c7080;text-decoration:underline;}

a.nounderline 		{text-decoration:none;font-weight:bold;}
a.nounderline:visited 	{text-decoration:none;font-weight:bold;}
a.nounderline:hover 	{text-decoration:none;font-weight:bold;}

a.raised 		{padding:1px 3px;}
a.raised:hover 		{color:#4c7080;padding:0 2px;border-top:solid #eeeeee 1px;border-right:solid #aaa077 1px;;border-bottom:solid #aaa077 1px;border-left:solid #eeeeee 1px;text-decoration:none;	} 


/*////////////////////////////////////
// form elements //
////////////////////////////////////*/

form.lookup {
	margin:0;
	padding:0;
	}

form.lookup select {
	background-color:#ffffff;
	font-family:Helvetica,Arial,sans-serif;
	font-weight:600;
	font-size:0.9em;
	font-weight:bold;
	color:#666688;
	}

form.header input {
	border:1px solid #555599;
	font-family:Helvetica,Arial,sans-serif;
	font-weight:600;
	font-size:1.0em;
	color:#666688;
	padding:2px 1px 3px 1px;
	}

div.header input {
	border:1px solid #555599;
	font-family:Helvetica,Arial,sans-serif;
	font-weight:600;
	font-size:1.0em;
	width:90%;
	color:#666688;
	}

input.header {
	border:1px solid #555599;
	font-family:Helvetica,Arial,sans-serif;
	font-weight:600;
	font-size:0.9em;
	color:#666688;
	width:130px;
	margin:2px 0 0 0;
	padding:1px 1px 2px 1px;
	//margin:0 0 0 1px;
	//padding:2px 5px 2px 1px;
	}

form.pbutton {
	margin:0;
	padding:0;
	}

form.pbutton input {
	background-color:#eeeeee;
	border:1px solid #555599;
	font-family:Helvetica,Arial,sans-serif;
	font-weight:600;
	font-size:0.9em;
	text-decoration:none;
	color:#666688;
	width:120px;
	}

input.pbutton {
	background-color:#eeeeee;;
	border:1px solid #555599;
	font-family:Helvetica,Arial,sans-serif;
	font-weight:600;
	font-size:0.9em;
	text-decoration:none;
	color:#666688;
	margin:0;
	padding:1px 2px 2px 2px;
//	padding:0 1px;
	}

textarea.wtext {
	background-color:#eeeeee;;
	border:solid #555599 1px;
	font-size:0.9em;
	font-weight:bold;
	color:#666688;
	width:90%;
	margin:1px 0 0 5px;
	margin:0;
	padding:0 2px;
	}

input.wtext {
	width:90%;
	font:8pt Verdana,Arial,Helvetica,sans-serif;
	font-weight:bold;
	background-color:#eeeeee;;
	color:#666688;
	border:solid #555599 1px;
	margin:1px 0 0 5px;
	margin:0;
	padding:0 2px;
	}

form.checkbox input{
	float:left;
	clear:both;
	vertical-align:bottom;
	}

form.rbutton input {
	border:solid #555599 0;
	}

form.rbutton a {
	font-weight:bold;
	text-decoration:none;
	}

input.rbutton {
	border:solid #555599 0;
	}

form.nounderline a {
	font:9pt Arial,Helvetica,sans-serif;
	font-weight:bold;
	text-decoration:none;
	}

form.nounderline a {
	font-style:normal;
	text-decoration:none;
	}

/*//////////////////////////////////////
// Table Layouts 		//
////////////////////////////////////*/

table.ncell {
	border:1px solid #999999;
	border-collapse:collapse;
	margin:2px auto;
	}

table.ncell td{
	border:1px solid #999999;
	border-collapse:collapse;
	margin:0;
	padding:0;
	overflow:hidden;
	}

table.b1cell td{
	border-left:solid #444488 1px;
	border-top:solid #444488 1px;
	border-bottom:solid #444488 0;
	border-right:solid #444488 0;
	margin:0;
	padding:0;
	}

table.b2cell td{
	border-left:solid #444488 0;
	border-top:solid #444488 0;
	border-bottom:solid #444488 1px;
	border-right:solid #444488 1px;
	margin:0;
	padding:0;
	}

td.b1cell{
	border-left:solid 1px #999999;
	border-top:solid 1px #999999;
	border-bottom:solid 0 #999999;
	border-right:solid 0 #999999;
	margin:0;
	padding:0;
	}

td.b2cell{
	border-left:solid 0 #999999;
	border-top:solid 0 #999999;
	border-bottom:solid 1px #999999;
	border-right:solid 1px #999999;
	margin:0;
	padding:0;
	}

table.panel td{
	background-color:#c5cfd1;
	border-left:solid 1px #999999;
	border-top:solid 1px #999999;
	border-bottom:solid 1px #999999;
	border-right:solid 1px #999999;
	margin:0;
	padding:10px;
	}

table.wpanel td{
	background-color:#ffffff;
	border-left:solid 1px #999999;
	border-top:solid 1px #999999;
	border-bottom:solid 1px #999999;
	border-right:solid 1px #999999;
	margin:0;
	padding:10px;
	}

table.plain td{
	border:0;
	margin:0;
	padding:0;
	}

table.wColor td{
	background-color:#ffffff;
	border:0;
	margin:0;
	padding:1px 5px;
	padding:0;
	}

table.dcell td{
	border:0 solid #ffffff;
	margin:0;
	padding:0;
	border-bottom:solid 1px #999999;
	}

table.cell td{
	padding:1px 5px;
	}

table.hcell td{
	font-weight:bold;
	padding:2px;
	}

table.printonly td{
	display:none;
	}

/*////////////////////////////////////
// Menu Navigation			
////////////////////////////////////*/

td.nav 			{line-height:180%;}
td.nav a 			{font-weight:bold;text-decoration:none;margin:1px;}
td.nav a:hover		{background-color:#bbddee;border:solid #6699ff 1px;margin:0;text-decoration:none;}
td.nav a:focus		{background-color:#bbddee;border:solid #6699ff 1px;margin:0;text-decoration:none;}
td.nav span 		{background-color:transparent;margin:1px;}
td.nav span.on		{background-color:#bbddee;border:solid #6699ff 1px;margin:0;padding:0;font-weight:bold;color:#333344;}

 ul#nav {
	list-style-type: none;
	margin: 0;
	padding: .5em 0;
	border-top: 2px solid #003b62;
	}

ul#nav li a{
	display: block;
	width: 90px;
	color: #ffffff;
	padding: 1px;
	background-color: #003b62;
	text-align:center;
	text-decoration: none;
	border: 2px outset;
	}

ul#nav li a:hover{
	color: #ffffff;
	background-color: #87aec5;
	border: 2px inset;
	}

.wssmenu,
.wsmenu1,
.wsmenu2,
.wsmenu3{
	position:relative;
	display:block;
	font-family:Verdana,"Lucida Grande",sans-serif;
	font-weight:600;
	font-size:80%;
	text-align:left;
	max-width:760px;
	width:auto;
	margin:0;
	padding:0;
	z-index:100;
	}

.wssmenu {
	border:1px solid #222222;
	background-color:#666666;
	background: -moz-linear-gradient(#333333, #999999);
	background: -o-linear-gradient(#333333, #999999);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#333333), to(#999999)); /* Older webkit syntax */
	background: -webkit-linear-gradient(#333333, #999999);
	font-size:90%;
	margin:0 auto;
	margin:0 auto -1px auto;
	z-index:100;
	}

.wssmenu a, 
.wssmenu a.off, 
.wssmenu a:visited, 
.wssmenu a:active {
	display:inline-block;
	border-right:1px solid #222222;
	background-color:transparent;
	color:#eeeeee;
	text-decoration:none;
	padding:3px;
	}

.wssmenu a:hover, 	
.wssmenu a:focus, 	
.wssmenu a.on 	{
	background-color:#aaaaaa;/* Show a solid color for older browsers */
	background: -moz-linear-gradient(#999999, #e5e5e5);
	background: -o-linear-gradient(#999999, #e5e5e5);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#999999), to(#e5e5e5)); /* Older webkit syntax */
	background: -webkit-linear-gradient(#999999, #e5e5e5);
	color:#000000;
	}

.wsmenu1 {
	border:1px solid #222222;
	background-color:#666666;
	background: -moz-linear-gradient(#333333, #999999);
	background: -o-linear-gradient(#333333, #999999);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#333333), to(#999999)); /* Older webkit syntax */
	background: -webkit-linear-gradient(#333333, #999999);
	margin:1px 10px 10px 10px;
	}

.wsmenu1 a,
.wsmenu1 a.off,
.wsmenu1 a:visited,
.wsmenu1 a:active {
	display:inline-block;
	border-right:1px solid #222222;
	color:#eeeeee;
	text-decoration:none;
	padding:3px;
	}
.wsmenu1 a:hover,
.wsmenu1 a:focus, 
.wsmenu1 a.on 	{
	background-color:#aaaaaa;
	background: #999999; /* Show a solid color for older browsers */
	background: -moz-linear-gradient(#999999, #e5e5e5);
	background: -o-linear-gradient(#999999, #e5e5e5);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#999999), to(#e5e5e5)); /* Older webkit syntax */
	background: -webkit-linear-gradient(#999999, #e5e5e5);
	color:#000000;
	}

.wsmenu2 {
	border:1px solid #222222;
	background-color:#666666;
	background: -moz-linear-gradient(#333333, #999999);
	background: -o-linear-gradient(#333333, #999999);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#333333), to(#999999)); /* Older webkit syntax */
	background: -webkit-linear-gradient(#333333, #999999);
	margin:1px 10px 10px 10px;
	}
.wsmenu2 a, 
.wsmenu2 a.off,
.wsmenu2 a:visited,
.wsmenu2 a:active		{
	display:inline-block;
	border-right:1px solid #222222;
	color:#eeeeee;
	text-decoration:none;
	padding:3px;
	}
.wsmenu2 a:hover,
.wsmenu2 a:focus, 
.wsmenu2 a.on 	{
	background-color:#aaaaaa;
	text-decoration:none;	
	background: #999999; /* Show a solid color for older browsers */
	background: -moz-linear-gradient(#999999, #e5e5e5);
	background: -o-linear-gradient(#999999, #e5e5e5);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#999999), to(#e5e5e5)); /* Older webkit syntax */
	background: -webkit-linear-gradient(#999999, #e5e5e5);
	color:#000000;
	}

.wsmenu3 {
	border:1px solid #222222;
	background-color:#666666;
	background: -moz-linear-gradient(#333333, #999999);
	background: -o-linear-gradient(#333333, #999999);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#333333), to(#999999)); /* Older webkit syntax */
	background: -webkit-linear-gradient(#333333, #999999);
	margin:1px 10px 10px 10px;
	}

.wsmenu3 a, 
.wsmenu3 a.off,
.wsmenu3 a:visited,
.wsmenu3 a:active		{
	display:inline-block;
	border-right:1px solid #222222;
	color:#eeeeee;
	text-decoration:none;
	padding:3px;
	}
.wsmenu3 a:hover,
.wsmenu3 a:focus, 
.wsmenu3 a.on 	{
	background-color:#aaaaaa;
	text-decoration:none;	
	background: #999999; /* Show a solid color for older browsers */
	background: -moz-linear-gradient(#999999, #e5e5e5);
	background: -o-linear-gradient(#999999, #e5e5e5);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#999999), to(#e5e5e5)); /* Older webkit syntax */
	background: -webkit-linear-gradient(#999999, #e5e5e5);
	color:#000000;
	}

/*////////////////////////////////////
// generic classes for	
// p, a, span, div, etc  //
////////////////////////////////////*/

.docAddress 	{color:#4c7080;font-size:130%;margin:0 0 0 auto;padding:5px 5px 1px 0;}
.docAddress a 	{color:#aaccff;}
.docEmail 		{color:#aaa077;font-size:90%;font-weight:bold;margin:0 0 0 auto;padding:1px 5px 1px 0;}
.docEmail a 	{color:#aaccff;}
.docWWW		{color:#4c7080;font-size:130%;font-weight:600;margin:0 0 0 auto;padding:1px 5px 1px 5px;}
.docWWW a 		{color:#aaccff;}
.docww 		{color:#4c7080;font-size:100%;font-weight:bold;margin:0 0 0 auto;padding:1px 5px 1px 5px;}
.docww a 		{color:#aaccff;}

.clear	{clear:both;}

.left 	{float:left;text-align:left;}

.center 	{text-align:center;}

.right 	{float:right;text-align:right;}

.chromaW 	{Filter:Chroma(color=#ffffff);}

.blueline 	{border-bottom:solid 1px #999999;margin:0;padding:0;}

.bColor {
	background-color:#eee0aa;
	background-color:#fff0bb;
	background: -moz-linear-gradient(#bb8844, #fff0bb);
	background: -o-linear-gradient(#bb8844, #fff0bb);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#bb8844), to(#fff0bb)); /* Older webkit syntax */
	background: -webkit-linear-gradient(#bb8844, #fff0bb);
	}
.dColor {
	background-color:#c5cfd1;
	background-color:#eeeeff;
	background: -moz-linear-gradient(#c5cfd1, #eeeeff);
	background: -o-linear-gradient(#c5cfd1, #eeeeff);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#c5cfd1), to(#eeeeff)); /* Older webkit syntax */
	background: -webkit-linear-gradient(#c5cfd1, #eeeeff);
	}
.wColor {
	background-color:#ffffff;
	}

.hText {
	font-weight:bold;
	width:0.94em;
	text-align:left;
	margin:0 3%;
	padding:0;
	}
.rText {
	background-color:#fffef0;
	color:#993333;
	margin:0;
	padding:2px;
	}

.wText 			{color:#ebf5ff;font-size:1.0em;margin:0px 5px 5px 5px;padding:0;}
.wText a 			{color:#ebf5ff;text-decoration:none;}
.wText a:visited 	{color:#ebf5ff;text-decoration:none;}
.wText a:active		{color:#ebf5ff;text-decoration:none;}
.wText a:focus		{color:#ebf5ff;text-decoration:none;}
.wText a:hover		{color:#ebf5ff;text-decoration:underline;}

.wCaps 			{font-size:130%;color:#ffffff;text-decoration:none;font-weight:bold;margin:15px 5px 1px 5px;padding:0;}
.wCaps a			{color:#ffffff;text-decoration:none;}
.wCaps a:visited 	{color:#ffffff;text-decoration:none;}
.wCaps a:active 	{color:#ffffff;text-decoration:none;}
.wCaps a:focus  	{color:#ffffff;text-decoration:none;}
.wCaps a:hover		{color:#ffffff;text-decoration:underline;}
a:active wCaps		{font-size:130%;color:#ffff00;text-decoration:none;font-weight:bold;padding:0;}
a:focus wCaps		{font-size:130%;color:#ffff00;text-decoration:none;font-weight:bold;padding:0;}
a:hover wCaps		{font-size:130%;color:#ffffff;text-decoration:none;font-weight:bold;padding:0;}

.docHtext 			{position:relative;font:12px Verdana;color:#cc3333;font-weight:bold;margin:2px;padding:1px;}
.docHtext a 		{color:#cc3333;text-decoration:none;}
.docHtext a.off		{color:#cc3333;text-decoration:none;}
.docHtext a:visited	{color:#cc3333;text-decoration:none;}
.docHtext a:active	{color:#cc3333;background-color:#f0f0f1;text-decoration:none;}
.docHtext a:hover 	{color:#cc3333;background-color:#f0f0f1;text-decoration:none;}
.docHtext a:focus 	{color:#cc3333;background-color:#f0f0f1;text-decoration:none;}
.docHtext a.on		{color:#cc3333;background-color:#f0f0f1;text-decoration:none;}

.col0 {
	background-color:#f7f7f7;
	margin:0;
	padding:2px;
	}
.col0a{
	background-color:#ffffff;
	margin:0;
	padding:2px;
	}
.col1{
	background-color:#ececfd;
	margin:0;
	padding:2px;
	}
.col1a{
	background-color:#f3f3ff;
	margin:0;
	padding:2px;
	}
.col2{
	background-color:#e6e6fe;
	margin:0;
	padding:2px;
	}
.col2a{
	background-color:#ececfd;
	margin:0;
	padding:2px;
	}
.col3{
	background-color:#e0e0fd;
	margin:0;
	padding:2px;
	}
.col3a{
	background-color:#e6e6fe;
	margin:0;
	padding:2px;
	}
.col4{
	background-color:#d9d9fc;
	margin:0;
	padding:2px;
	}
.col4a{
	background-color:#e0e0fd;
	margin:0;
	padding:2px;
	}
.col5{
	background-color:#d3d3fb;
	margin:0;
	padding:2px;
	}
.col5a{
	background-color:#d9d9fc;
	margin:0;
	padding:2px;
	}
.col6{
	background-color:#ccccfc;
	margin:0;
	padding:2px;
	}
.col6a{
	background-color:#d3d3f3;
	margin:0;
	padding:2px;
	}
.col7{
	background-color:#bbbbdb;
	margin:0;
	padding:2px;
	}
.col7a{
	background-color:#c3c3e3;
	margin:0;
	padding:2px;
	}

/*////////////////////////////////////
// Div Layouts 				//
////////////////////////////////////*/
div.printonly{
	display:none;
	}

div.dcell{
	clear:both;
	border:1px solid #ffffff;
	margin:0;
	padding:0;
	border-bottom:1px solid #999999;
	}
div.menu1Div{
	position:absolute;
	display:block;
	text-align:left;
	width:96px;
	top:0;
	left:0;
	margin:5px;
	padding:0;	
	z-index:100;
	}
div.Box,
div.box{
/* generic inner/outer div no padding no margin */
	clear:both;
	position:relative;
	border: 1px solid #999999;
	border: none;
	background-color:transparent;
	text-align:center;
	overflow:hidden;
	min-width:240px;
	max-width:760px;
	width:100%;
	margin:0 auto;
	padding:0;
	z-index:10;
	}

div.textColumn,
div.textColumnR,
div.textColumn2{
/* generic div no padding no margin */
	}

div.textColumn{
	position:relative;
	display:block;
	float:left;
	background-color:transparent;
	border:none;
	text-align:left;
	margin:0;
	padding:0;
	z-index:3;
	width:33%;
	}
div.textColumnR{
	position:relative;
	display:block;
	float:left;
	background-color:transparent;
	border:none;
	text-align:left;
	margin:0;
	padding:0;
	z-index:3;
	width:34%;
	}

div.textColumn2{
	position:relative;
	display:block;
	float:left;
	background-color:transparent;
	border:none;
	text-align:left;
	width:50%;
	margin:0 auto;
	padding:0;
	z-index:3;
	}


div.picBox{
	position:relative;
	background-color:transparent;
	border:none;
	overflow:hidden;
	text-align:center;
	max-width:760px;
	width:auto;
	//width:760px;
	height:auto;
	margin:0 auto;
	padding:0;
	z-index:10;
	}

div.picBox img{
	display:block;
	border:none;
	margin:0 auto;
	padding:0;
	}

div.textBox{
/* inner div no padding with margin */
	position:relative;
	background-color:#ffffff;
	background-color:transparent;
	border-top:1px solid #cccccc;
	border-right:1px solid #999999;
	border-bottom:1px solid #999999;
	border-left:1px solid #cccccc;
	overflow:hidden;
	text-align:left;
	max-width:740px;
	height:auto;
	width:auto;
	//width:96%;
	margin:1px 10px;
	padding:0;
	z-index:10;
	}


div.textBox p img{
	display:block;
	float:right;
	margin:0;
	padding: 4px;
	}

div.text{
/* inner div with padding no margin */
	position:relative;
	background-color:#ffffff;
	background-color:transparent;
	border:1px solid #ffffff;
	border:none;
	overflow:hidden;
	text-align:left;
	min-width:200px;
	max-width:760px;
	width:auto;
	//width:760px;
	margin:0 auto;
	padding:5px 10px;
	z-index:10;
	}


/*/////////////////////////////////
// Div Layouts - for vserver.js  //
/////////////////////////////////*/
#mMenu{
/* outer div no padding  */
	clear:both;
	position:relative;
	border: 1px solid #999999;
	background-color:#ffffff;
	text-align:center;
	overflow:hidden;
	min-width:240px;
	max-width:760px;
	margin:10px auto;
	padding:0;
	z-index:10;
	}

#cMenu{
	position:relative;
	margin:0;
	padding:0;
	}


/*/////////////////////////////////
// Div Layouts - positioned ids  //
/////////////////////////////////*/
#mastheadC {
	position:absolute;
	overflow:hidden;
	text-align:center;
	color:#ebf5ff;
	top:0;
	left:30%;
	width:40%;
	margin:0 auto;
	padding:0;
	z-index:2;
	}

div.pageClass,
#pageDiv{
/* outer div with padding  */
	clear:both;
	position:relative;
	border: 1px solid #999999;
	background-color:#ffffff;
	text-align:center;
	overflow:hidden;
	min-width:220px;
	max-width:740px;
	margin:10px auto;
	padding:20px 10px;
	z-index:10;
	}

#logo2{
	position:relative;
	background-image:url(../images/wsslogo62b.jpg);
	background-repeat:no-repeat;
	background-attachment:scroll;
	text-align:right;
	width:100%;
	margin:0;
	padding:0;
	z-index:0;
	}

#logo3{
	position:relative;
	display:block;
	background-color:transparent;
	background-image:url(../images/wsslogo63b.jpg);
	background-repeat:no-repeat;
	background-attachment:scroll;
	text-align:right;
	width:100%;
	margin:0;
	margin-bottom:-40px;
	padding:0;
	z-index:0;
	}

#t1{
	position:relative;
	font-weight:bold;
	top:0;
	left:0;
	width:360px;
	margin:5px 0;
	padding:0;
	}

#t2{
	position:relative;
	top:0;
	left:0;
	width:360px;
	margin:0;
	padding:0;
	}

#backArrow{
	position:absolute;
	background-color:transparent;
	background-image:url(../images/arrow_le.gif);
	background-repeat:no-repeat;
	background-position:center;
	top:0;
	left:0;
	width:40px;
	height:40px;
	margin:40px 0 0 150px;
	z-index:100;
	}

/*///////////////////////////////
// obsolete                    //
/////////////////////////////////
td div{
	position:relative;
	}

div.sectionlogo{
	float:left;
	background-color:transparent;
	text-align:center;
	width:100%;
	height:100px;
	padding:0;
	margin:0;
	}

#leftDiv {
	background-color:transparent;
	position:absolute;
	left:0;
	max-width:170px;
	margin:0;
	padding:0;
	z-index:2;
	}


div.textColumn2R{
	position:relative;
	background-color:#f9f8c3;
	background-color:#ffffff;
	float:right;
	width:50%;
	text-align:left;
	margin:0;
	padding:0;
	z-index:100;
	}
#sMenu{
	position:absolute;
	border:0 solid #999999;
	background-color:transparent;
	width:20%;
	min-width:150px;
	max-width:250px;
	min-height:150px;
	z-index:10;
	margin:0;
	padding:0;
	}
#mastheadL {
	position:absolute;
	text-align:left;
	top:0;
	left:0;
	height:auto;
	width:100px;
	margin:0;
	padding:0;
	z-index:2;
	}
#logo4{
	position:absolute;
	background-image:url(../images/wsslogo64b.jpg);
	background-repeat:no-repeat;
	background-attachment:scroll;
	text-align:right;
	top:0;
	left:0;
	width:100%;
	height:230px;
	margin:0;
	padding:0;
	z-index:0;
	}
#footDiv{
	display:block;
	position:relative;
	background-color:#000000;
	bottom:0;
	left:0;
	width:100%;
	margin:0 auto;
	padding:0;
	z-index:2;
	}
#sectionbottom{
	position:absolute;
	background-color:transparent;
	bottom:3%;
	text-align:center;
	width:100%;
	padding:0;
	margin:0;
	}
div.sectiontop{
	background-color:transparent;
	text-align:center;
	width:100%;
	padding:0;
	margin:0;
	}
div.sectionbottom{
	position:absolute;
	background-color:transparent;
	bottom:3%;
	text-align:center;
	width:100%;
	padding:0;
	margin:0;
	}
#tboxdiv {
	position:relative;
	background-color:#111111;
	top:0;
	left:0;
	width:100%;
	height:100%;
	filter:alpha(opacity=50);
	-moz-opacity:.50;
	-khtml-opacity: 0.5;
	opacity: 0.5;
	margin:0;
	padding:0;
	z-index:2;
	}
#boxDiv {
	position:relative;
	text-align:center;
	top:0;
	width:750px;
	height:100%;
	margin:0 auto;
	padding:0;
	z-index:2;
	overflow:auto;
	}
#topRightDiv{
	display:block;
	position:absolute;
	width:90%;
	height:10%;
	top:0;
	right:0;
	margin:0;
	padding:5px;
	}
// end of obsolete                  //
*************************************/

/************************************
** Print Structure   
************************************/
div.printonly,
table.printonly td {
	display:none;
	}

/************************************/
/* Generic printers & preview      */
@media print {

body,
body.grey,
body.backGround{
	background:none;
	font-family:Arial,Helvetica,sans-serif;
	font-size:75%;
	color:#111144;
	margin:0;
	padding:0;
	}

a img	,
#mMenu,
#pageDiv{
	border:none;
	}
a, 
a:visited, 
a:active, 
a:focus,
a:hover{
	color:#334466;text-decoration:none;
	}

.noprint,
img.noprint,
span.noprint,
div.noprint,
table.noprint td,
tr.noprint td,
.wssmenu,
.wsmenu1,
.wsmenu2,
.wsmenu3,
#logo3,
#backArrow{
	display:none;
	}

table.printonly td,
div.printonly{
	display:block;
	}

/* End Generic printers       */
/************************************/
}

/************************************/
/** Responsive Structure     ********/
/************************************/
/* Generic small viewports          */
@media only screen and (max-width: 480px) {

body {
	-webkit-text-size-adjust:100%;
	font-family:Helvetica,Arial,sans-serif;
	width:100%;
	margin:0;
	padding:0;
	}

.wssmenu,
.wsmenu1,
.wsmenu2,
.wsmenu3{
	position:relative!important;
	display:block!important;
	width:100%!important;
	margin:0!important;
	font-size:80%;
	}
.wsmenu1{
	font-size:78%;
	}
.wsmenu2{
	font-size:76%;
	}
.wsmenu3{
	font-size:74%;
	}

div.text{
	width:auto;
	height:auto; 
	margin:0!important;
	}

#mastheadC {
	background-color:#000000;
	text-align:right;
	left:23%;
	width:76%;
	padding:5px 0 0 5px;
	padding:5px;
	}

div.box,
div.textBox,
div.textColumn,
div.textColumnR,
div.textColumn2,
div.pageClass,
div.picBox,
#mMenu,
#leftDiv,
#pageDiv {
	clear:both;
	position:relative!important;
	display:block!important;
	background-position:center top!important;
	left:0;
	height:auto;
	width:100%!important;
	margin:0!important;
	padding:0;
	}

div.box,
div.textBox {
	border-left:none;
	border-right:none;
	}

div.picBox img {
	display:block;
	border:none;
	max-width:300px;
	max-height:300px;
	width:auto;
	height:auto;
	margin:0 auto!important;
	padding:10px 0;
	}

#logo3 {
	background-image:url(../images/wsslogo62b.jpg);
	width:100%;
	margin:0;
	padding:0;
	}

#logo3 a {
	background-color:transparent;
	height:80px!important;
	width:80px!important;
	margin:0;
	padding:0;
	}

.docAddress 	{font-size:90%;}
.docEmail 		{font-size:74%;}

#backArrow {visibility:hidden;}
}