body {
	font: 62.5%/1.8em Arial, Helvetica, sans-serif;
	color: #002b28;
	text-align: center;
	background: #d1efed url("images/bkg.gif") repeat-x top;
	}

*	{margin:0; padding:0;}

a, a:visited {
	text-decoration: none;
	}

xa:hover {
	text-decoration: none;
	}

ul{
	list-style: none;
	}

img, a img,:link img,:visited img{
	border:none
	}

#wrap { 
	text-align: left; 
	margin: 0 auto; 
	position: relative; 
	width: 762px;
	background-image:url(images/contentBkg.jpg)
	}

p.access	{
	display: none;
	}

img.block{
	display:block
	}


	/*--------------------------------
		NAV
	 --------------------------------*/
#nav{
	height:41px;
	width:762px;
	float:left;
	background-color:#00A69B;
	}

#nav li{
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:1.2em;
	background:url(images/tabright.png) no-repeat right top;
	}


#nav a{
	display:block;
	background:url(images/tableft.png) no-repeat left top;
	}

#nav li a, #nav li a:visited{
	color:#F64A03;
	padding:16px 10px 7px 10px;
	}

#nav li a:hover {
	color:#008980;
	}

#nav li a:hover {
	color:#008980;
	}


	
	/*--------------------------------
		BANNER
	 --------------------------------*/
#banner{
	width:762px;
	height:180px;
	}

#banner h3{
  float:left;
	}

h3 a {
 	width:330px;
	height:180px;
	background:url(images/workability-logo.jpg) no-repeat;
	display: block;
	}

h3 a span {
	display: none;
	}

#banner img{
	float:right
	}


	/*--------------------------------
		CONTENT
	 --------------------------------*/
#content{
	float:left;
	width:480px;
	padding-left:32px;
	}
	
#content h1{
	font-family:"Century Gothic", Courier, monospace;
	font-size:3em;
	line-height:1.2em;
	padding:0 0 16px 0;
	color:#00A69B
	}

#content h2{
	font-size:1.8em;
	line-height:1.8em;
	color:#F64A03
	}
	
#content h3{
	font-size:1.6em;
	line-height:1.6em;
	}

#content p{
	font-size:1.4em;
	line-height:1.4em;
	font-family:Arial, Helvetica, sans-serif;
	padding-bottom:20px
	}	
	
#content a, #content a:visited {
	text-decoration:underline
	}

#content ul {
	padding-bottom:10px;
	list-style:square;
	padding-left:14px
	}	
	
#content ul li{
	font-size:1.4em;
	line-height:1.3em;
	font-family:Arial, Helvetica, sans-serif;
	padding:0 0 10px 10px
	}  

#box {
	width:762px;
	height:64px;
	background-image:url(images/contentBox.jpg);
	clear:both
	}
	

	/*--------------------------------
		SIDEBAR
	 --------------------------------*/
#sidebar{
	float:right;
	width:206px;
	padding: 0;
	background:url(images/logo.gif) no-repeat 0 64px
	}

#sidebar ul{
	padding-left:50px;
	}

#sidebar li{
	border-bottom:#F64A03 1px dotted
	}

#sidebar li h3{
	padding:10px 0;
	font-size:1.4em;
	color:#00978d
	}

#sidebar ul li {
	padding:4px 0;
	}

#sidebar a, #sidebar a:visited  {
	color:#F64A03;
	font-size:1.2em;
	display:block
	}

#sidebar a:hover {
	color:#008980;
	font-size:1.2em
	}
#sidebar a{
	padding-left:30px;
	background: url(images/pdf.jpg) 0 50% no-repeat

	}

	/*--------------------------------
		FOOTER
	 --------------------------------*/
#footer{
	clear:both;
	background-image:url(images/footer.jpg);
	height:48px
	}
	
#footer ul{
	padding:28px 0 0 32px;
	}

#footer li{
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.2em;
	padding-right:10px
	}

#footer a{
	}
#footer a.border{
	border-left:red 1px dotted;
	padding-left:10px
	}

#footer li a, #footer li a:visited{
	color:#F64A03;
	}

#footer li a:hover {
	color:#008980;
	}
	
	
#footer p.funded {
	clear:left; 
	padding:10px 0 20px 32px; 
	color:#00A69B; 
	font-size:1.2em
	}

.clearfix:after {
 	content: ".";              
 	display: block;         
 	height: 0;                  
	 clear: both;               
 	visibility: hidden;	     
	}
/* alsett ckearing method */
.clearfix {display: inline-block;}   /* a fix for IE Mac */
/* next a fix for the dreaded Guillotine bug in IE6 */
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}