@charset "utf-8";
/* CF8Templates CSS Document */

* {
	margin:0;
}


body {
	height: 99%;
	width: 100%;
	padding: 0px;
	margin: 0px;
	text-align: -moz-center; /* Mozilla Firefox alignment */
	background-image: url(../Images/WCS_websiteTOP.jpg);
	background-repeat: no-repeat;
	background-attachment: scroll;
	background-color: #9ECE4B;
	font-family: Verdana;
	font-size: 11px;
	font-style: normal;
	text-decoration: none;
	font-weight: normal;
	color: black;
	background-position: center;
	background-position: top;
}

img {
	border:none; 
}

/* Site Containers *************************************************************************************************************/

#siteContainer {
	/* For alignment: Contains the site from top of header to bottom of footer (if applicable) that is the same width */
	height: auto !important;
	margin: 0 auto; 
	width: 960px;
	position: relative;
}

#headerContainer{
	width: 960px;
	min-height: 0px;
	text-align: center;
	padding: 0px;
	margin: 0px;
	margin-top: 50px;
}

#headerTextBox {
	margin-left: 0px;
	margin-top: 0px;
	text-align: left;
}

#headerText1 {
	margin-left: 190px;
	#margin-left: 80px; /* For IE 7 and older */
	margin-top: -110px;
	#margin-top: 20px; /* For IE 7 and older */
	position: absolute;
	font-family: "Arial Black";
	font-size: 50px;
}

#headerText2 {
	margin-left: 235px;
	#margin-left: 120px; /* For IE 7 and older */
	margin-top: -10px;
	#margin-top: 125px; /* For IE 7 and older */
	position: absolute;
	font-family: "Arial Black";
	font-size: 22px;
}

#headerFaceBook {
	margin-left: 815px;
	#margin-left: 700px; /* For IE 7 and older */
	margin-top: -130px;
	#margin-top: 0px; /* For IE 7 and older */
	position: absolute;
}

#headerEaster {
	margin-left: 615px;
	#margin-left: 500px; /* For IE 7 and older */
	margin-top: -130px;
	#margin-top: 0px; /* For IE 7 and older */
	position: absolute;
}

#mainnavContainer{
	width:960px;
	text-align:center;
	padding-top:10px;
	padding-bottom:10px;
	font-size: 12px;
}

#sideblockContainer{
	width:283px;
	text-align:left; 
/*	background-color:#FF00FF;	*/
	float:right;
	margin-top:5px;
	margin-left:10px;
	margin-right:0px;
	/*	Change this to right to have side block on the right
		Swap left and right margins
	*/
	z-index:1;
	position:relative;
	
}

#contentContainer{
	width: 640px;
	min-height: 520px;
	background-color: #FFF;
	text-align: left;
	display: inline-block;
	margin-top: 5px;
	margin-bottom: 10px;
	padding: 8px;
	z-index:1;
}

#spacer {
	height:10px;
}


#ie6minheightfix{
	height:500px;
	width:0px;
	float:right;
	margin:0px;
	padding:0px;
}

#siteBottomImage {
	margin-top: -500px;
	height: 500px;
	background-repeat: no-repeat;
	background-position: bottom;	
	background-position: center;
	background-image: url(../Images/WCS_websiteBottom.jpg);
	position: relative;
	z-index: -1;	
}


/* Top strip *****************************************************************************************************/


div#topStrip	{
	height: 21px;
	background-color:#FFFFFF;
}


div#topStripContentContainer {
 	width:960px; 
 	font-size: 9px; 
 	color: white;
 	position: relative;
}

div.topBlockLeft {
 	margin-top:3px;
 	text-align: left;
 	position: absolute; left: 0px;
 	color: black;
}

div.topBlockRight {
 	margin-top:3px;
 	text-align: right;
 	position: absolute; right: 0px;
 	color: black;
}


/* Main Navigation *******************************************************************************************************/

#mainnavContainer ul{
	list-style: none;
	margin:0px;
	margin-bottom:3px;
	-moz-padding-start:0px;
	font-size:12px;
}

#mainnavContainer  ul li {  

	display: inline;
	color:#000000;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left:0px;
	padding-right:0px;

}

#mainnavContainer ul li a
{
	text-decoration: none;
	color:#000000;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-left:3px;
	padding-right:3px;
}

#mainnavContainer ul li a:hover
{
	background-color:#DC3433;
	color:#FFFFFF;
}


#mainnavContainer ul li a.currentnav  { 
	background-color:#DC3433;
	color:#FFFFFF;
}


/* Start IndexInfoBar Section *****************************************************************************************************/


div#bottomStrip { 
	background-image:url(../Images/.jpg); 
	background-repeat:repeat-x; 
	height:180px;
	position:relative;	
}


#indexInfoBarContainer {
	width: 960px;
	height: 158px;
	padding: 2px;
	margin: 2px;
	background: White;
	z-index: -1;
}



/* div> additional styles for all browser gt IE6 */
div>#indexInfoBarContainer {
	background: Gray;
	-moz-opacity: 0.7;
	-khtml-opacity: 0.7;
	opacity: 0.5;
	filter: alpha(opacity=70);
}

#indexInfoBar {
	width: 960px;
	height: 158px;
	margin-top:-158px; /* height */
	z-index: 1;
	position: relative;


}

div.infoBarBlockRight {
	text-align:right;
	float:right;
	padding:0px;
	margin:0px;
}

div.infoBarBlockRightSpacer {
	float:right;
	height:5px;
}

div.indexInfoBarBlock {
	Width: 200px;
	text-align: left;
	float: left;
	margin-right:75px;
	margin-top:5px;
}

.infoBarBlockHeader {
	font-size: 15px;
	font-weight: bold;
	color:#000;
	font-family: Arial;
}

a.infobarlink:link 	{
	font-size: 12px;
	font-family: Verdana;
	font-style: normal;
	text-decoration: none;
	font-weight: normal;
	color: #000;
}

a.infobarlink:visited 	{
	font-size: 12px;
	font-family: Verdana;
	font-style: normal;
	text-decoration: none;
	font-weight: normal;
	color: #000;
}

a.infobarlink:hover	{
	font-size: 12px;
	font-family: Verdana;
	font-style: normal;
	text-decoration: underline;
	font-weight: normal;
	color: Red;
}

hr.infoBarhr {
	border-top: none;
	border-right: none;
	border-left: none;

	margin-top: 5px;
	margin-bottom: 5px; /*For IE */
	*height: 1%;
	*margin: 0px;
	color: #006;
}

/* End IndexInfoBar Section *****************************************************************************************************/

.clearfooter {
	height:180px;
	clear:both;
}

div.footer { 
	font-size: 9px; font-family: Verdana; font-style: normal; text-decoration: none; font-weight: normal; color: white;
	margin: 0px;
	width: 960px;
	position: relative;
}

div.footerLeft {
	text-align: left;
	position: absolute; left:0px;
}

div.footerRight {
	text-align: right;
	position: absolute; right:0px;
}


/* Text / Menu Styles Section ***************************************************************************************************/

a:link 		{font-size: 100%; font-family: Verdana; font-style: normal; text-align: left; text-decoration: underline; color:#AE0C0A; clear: none; background-color: transparent;}
a:visited 	{font-size: 100%; font-family: Verdana; font-style: normal; text-align: left; text-decoration: underline; color:#AE0C0A; clear: none; background-color: transparent;}
a:hover 	{font-size: 100%; font-family: Verdana; font-style: normal; text-align: left; text-decoration: underline; color:#AE0C0A; clear: none; background-color: transparent;}

a.menulink:link  	{font-size: 12px; font-family: Arial; font-style: normal; text-decoration: none; font-weight: normal; color:#000000;}
a.menulink:visited 	{font-size: 12px; font-family: Arial; font-style: normal; text-decoration: none; font-weight: normal; color:#000000;}
a.menulink:hover	{font-size: 12px; font-family: Arial; font-style: normal; text-decoration: none; font-weight: normal; color:#AE0C0A;}

a.blacklink:link  	{font-size: 100%; font-style: normal; text-decoration: none; font-weight: normal; color:#000000;}
a.blacklink:visited {font-size: 100%; font-style: normal; text-decoration: none; font-weight: normal; color:#000000;}
a.blacklink:hover	{font-size: 100%; font-style: normal; text-decoration: underline; font-weight: normal; color:#AE0C0A;}

a.whitelink:link 	{font-size: 9px; font-family: Verdana; font-style: normal; text-decoration: none; font-weight: normal; color:#FFFFFF;}
a.whitelink:visited	{font-size: 9px; font-family: Verdana; font-style: normal; text-decoration: none; font-weight: normal; color:#FFFFFF;}
a.whitelink:hover	{font-size: 9px; font-family: Verdana; font-style: normal; text-decoration: none; font-weight: normal; color:#DA2F25;}

a.smalllink:link 	{font-size: 9px; font-family: Verdana; font-style: normal; text-decoration: none; font-weight: normal; color:#000000;}
a.smalllink:visited	{font-size: 9px; font-family: Verdana; font-style: normal; text-decoration: none; font-weight: normal; color:#000000;}
a.smalllink:hover	{font-size: 9px; font-family: Verdana; font-style: normal; text-decoration: none; font-weight: normal; color:#DA2F25;}


p					{font-size: 11px; font-family: Verdana; font-style: normal; text-decoration: none; font-weight: normal; color:#000000;}
.writetext			{font-size: 11px; font-family: Verdana; font-style: normal; text-decoration: none; font-weight: normal; color:#000000;}
.writetextB			{font-size: 11px; font-family: Verdana; font-style: bold; text-decoration: none; font-weight: bold; color:#000000;}
.writetextsmall		{font-size: 9px; font-family: Verdana; font-style: normal; text-decoration: none; font-weight: normal; color:#000000;}
.writetextsmallb	{font-size: 9px; font-family: Verdana; font-style: normal; text-decoration: none; font-weight: bold; color:#000000;}
.writetextred		{font-size: 11px; font-family: Verdana; font-style: normal; text-decoration: none; font-weight: normal; color:#F00;}
.writeloginblock	{font-size: 11px; font-family: Verdana; font-style: normal; text-decoration: none; font-weight: normal; color:#FFFFFF;}
.whitePageHeading 	{font-size: 14px; font-family: Verdana; font-style: normal; text-decoration: none; font-weight: bold; color:#FFFFFF;}
.blockHeading		{font-size: 12px; font-family: Arial; font-weight: bold; color: #CBD8E1}
.blockHeadingBlack	{font-size: 15px; font-family: Arial; font-style: normal; text-decoration: none; font-weight: normal; color:#000000;}
.blockTextWhite		{font-size: 9px; font-family: Verdana; font-style: normal; text-decoration: none; font-weight: normal; color:#FFFFFF;}
.Heading1 			{font-size: 12px; font-family: Verdana; font-weight: bold; color: #FFFFFF;}


.textbox  		{font-family: Verdana; font-size:10px; text-decoration:none;}
.textbox2  		{font-family: Verdana; font-size:10px; text-decoration:none; width:180px}

input[type='text'] {font-family: Verdana; font-size:10px; text-decoration:none;}
input[type='submit'] {font-family: Verdana; font-size:10px; text-decoration:none;}

/* Site specific font styles *****************************************************************************************************/

#contentContainer h1{
	color:#000000;
	font-size:14px;
	margin: 0px 0px 14px 0px;
	background-image: url(../Images/PageHeadingBackground2.jpg);
	height: 25px;
	width: 99%;
	font-size: 14px;
	font-family: Verdana;
	font-style: normal;
	text-decoration: none;
	font-weight: bold;
	color: #FFFFFF;
	padding-left: 4px;
	padding-top: 5px;
}

h1{
	color:#000000;
	font-size:14px;
	margin: 0px 0px 4px 0px;
}

h2{
	color:#000000;
	font-size:12px;
	margin: 0px;
}

#contentContainer h3{
	color:#000000;
	font-size:12px;
	margin: 0px 0px 12px 0px;
	background-image: url(../Images/PageHeadingBackgroundRed.jpg);
	height: 18px;
	width: 99%;
	font-size: 12px;
	font-family: Verdana;
	font-style: normal;
	text-decoration: none;
	font-weight: bold;
	color: #FFFFFF;
	padding-left: 4px;
	padding-top: 5px;
}

h3{
	color:#000000;
	font-size:12px;
	margin: 0px 0px 12px 0px;
}

h4{
	color:#000000;
	font-size: 9px;
	font-weight: normal;
	margin: 0px 0px 4px 0px;
}

div.headerBackground{

}

/* Dynamic Content Styles *****************************************************************************************************/

img.DCTopImg_None {margin-top:0px; margin-bottom:5px; float:none}
img.DCTopImg_Left {margin-top:0px; margin-bottom:5px; margin-right:5px; float:left}
img.DCTopImg_Right{margin-top:0px; margin-bottom:5px; margin-left:5px; float:right}

img.DCBtmImg_None {margin-top:5px; margin-bottom:0px; float:none}
img.DCBtmImg_Left {margin-top:5px; margin-bottom:0px; margin-right:5px; float:left}
img.DCBtmImg_Right{margin-top:5px; margin-bottom:0px; margin-left:5px; float:right}