body{
 margin: 0;
 padding:0;     
 background: #FFF;
 color: #333333;
 font:80%/1.7 Verdana, Geneva, Arial, Helvetica, sans-serif;
 }

/* ------------------------------------------- Header Begin --------------------------------------- */ 
#hdr{
 height: 161px;
 margin-top: 0px;
 background: #fff url(images/wcs_hdr1.gif) repeat left;
 }
#hdrcont{
	position:relative;
 	width: 778px;
	margin:auto;
	background: transparent ; 
 }
#hdrtxt{
	width: 750px;
	float:left;
	text-align:left;
	}
#hdrtxt h1{
	margin:0;
	padding:0;
	color:#666666;
	font-size:1.9em ;
	}
#hdrtxt h2{
	margin:0;
	padding:0;
	color:#000;
	font-size:1.1em;
	}
#hdrpics{
	position:absolute;
	top:0;
	right:0;
	width: 170px;
	float:right;
	text-align:right;
	}

 /* ---------------------------------------- Header End ----------------------------------------- */ 


 /* --------------------------------------- Navigation Begin ------------------------------------ */ 
#navwrap{
	margin-top: 10px;
	padding: 0;
	background: url(images/osws_nav.gif) repeat left;
	text-align:center;

 }
#nav{
	padding-bottom: 5px;
	color: #000;
	font-size:1.2em ;
	font-family: Arial, Helvetica, sans-serif;

 }
#nav UL
{
list-style: none;
margin: 0;
padding: 0;
border: none;
}
#nav LI
{
display: inline;
margin: 0;
padding: 0;
width: auto;
color: #003399;
display: inline;
width: auto;
text-decoration: none;
background: transparent;
margin: 0;
padding-left: 7px;
padding-right: 7px;
color: #003399;
display: inline;
width: auto;
text-decoration: none;
background: transparent;
margin: 0;
padding-left: 7px;
padding-right: 7px;
}
#nav A
{
color: #003399;
display: inline;
width: auto;
text-decoration: none;
background: transparent;
margin: 0;
padding-left: 7px;
padding-right: 7px;

}
#nav A:hover, #nav A:active {border-bottom: 1px dotted #000000;}
#nav A.active:link, #nav A.active:visited
{
position: relative;
background: #BBBBBB;
font-weight: bold;
z-index: 102;
}
/* ------------------------------------------ Nav End ----------------------------------------- */ 
 

/* --------------------------------------- Content Begin ----------------------------------------- */ 

#contentwrap{
	position:relative;
 	width: 778px;
	margin: 0;
	background: #fff ;
	margin: auto;

 }


/* ------------------------ left column ----------------------- */
#lcol{
 margin-top:25px;
 width: 70%;
 color: #0099CC;
 /*background:#ccc;*/
 }

#lcol A
{
color: #003399;
text-decoration: underline;
}
#lcol A:hover, #lcol A:active {text-decoration: underline; color:#ff0000; }
#lcol A.active:link, #lcol A.active:visited
{
color: #003399;
text-decoration: underline;

}
 
/* ------------------------ right column ----------------------- */
#rcol{
	position:absolute;
	top:25px;
	right:0;
	width:28%;
	/*background:#666;*/
	padding-right: 2px;
	padding-bottom: 5em;
	padding-left:  2px;
	
 }

h1, h2 {
	font:1.9em "Century Gothic", "Avant Garde", Futura, Helvetica;
	font-weight:normal;
	clear:left;
	padding-top:0;
	margin-top: 0;
	margin-bottom: 10px;
	color:#0099CC;
}
p {
	margin:0 0 1em 0 ;
	font-size:1.1em;
	color:#000;
}
/* ------------------------ Shaded curved boxes begin ----------------------- */
.shaded {
	width:100%;
	margin:0;
	padding-bottom: 1em;
	background: #eee url(images/bl.gif) bottom left no-repeat;
}
.shaded h2 {
	font-size:1.9em;
	padding:0.2em 0.5em 0 0;
	margin:0 0 0 0.5em;
	background: url(images/tr.gif) top right no-repeat;
}

.shaded p { font-size:1.1em; margin: 0 1em 1em 1em }
/* ------------------------ Shaded curved boxes end ----------------------- */

input{
	margin-left:1em;	
}

/* ------------------------ footer ----------------------- */

 #footer{
margin-top: 5px;
height:85px;
padding: 0;
width:100%;
background: url(images/wcs_foot.gif) repeat left;
text-align:center;
font-size:0.8em;
 }

#footer h3{
font:2.4em "Century Gothic", "Avant Garde", Futura, Helvetica;
margin:0;
padding-top: 10px;
color:#000;
font-weight:normal;

 }
/* ------------------------ footer end --------------------- */

/* ------------------------ Will tables --------------------- */
table.will  {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.95em;
	color: #444444;
}
table.will td {
	background:#DDE1FA;
}
table.will td.drp {
	padding-left:20px;
}
/* ------------------------ Will tables end--------------------- */
/* ------------------------ Show hide guidance--------------------- */
#toggleable div {
	display: none;
}
#guidance{
	margin-top: 5px;
	font-size: 1em;
}
/* ------------------------ End Show hide guidance--------------------- */
.error{
	color:#ff0000;
	font-size:1.2em;
}
/* ------------------------ Review table --------------------- */
table.review  {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.95em;
	color: #444444;
}
table.review td.head {
	background:#DDE1FA;
	font-weight:bold;
}
/* ------------------------ Review tables end--------------------- */
/* ------------------------ Edit table --------------------- */
table.edit  {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.95em;
	color: #444444;
}
table.edit td {
	border-bottom:2px solid #fff;
	background:#DDE1FA;
}
table.edit td.alt {
	text-align:center;
	width:70px;
	background:#DDE1FA;
}

/* ------------------------ Edit tables end--------------------- */
/* ------------------------ Invoice table --------------------- */
.invoice{
	/*width: 702px;*/
	/*margin-top:25px;*/
	margin-bottom:25px;
	border:1px dashed #000;
	font-size: 0.95em;
	/*padding:5px;*/
	}
.invoice td{
	padding:5px;
	font-size: 0.95em;
	}
.invoicehead{
	background:#DDE1FA;
	font-weight:bold;
	height:25px;
	}
.invoicebreak{
	background:#DDE1FA;
	height:5px;
	font-size:1px;
	}
/* ------------------------ Invoice table end --------------------- */