/*
National Employment Panel CSS for screen.
Author: Sara Farina
Version: 01
Date: 14/06/04
Revision history:

14/06/04 - Document Created - SF

*/

body {
font-family:verdana, arial, helvetica, sans-serif;
font-size:100%;
background-color: #ffffff;
color:#000000;
margin:0;
margin-top:30px;
padding:0;

}

img {
	border:0;
}

a:link, a:visited {
text-decoration:none;
color:#1ebbb1;
font-weight:bold;
}
a:hover {
text-decoration:underline;
}

/* homepage  */

#hometop {
	width:740px;
	margin:0;
}

#hometop td.left {
	width:162px;
	vertical-align:top;
	padding:0px 27px 10px 30px;
	border-right:1px dashed #000000;
	text-align:right;
	margin:0;
}

#hometop td.twocol {
	width:517px;
	vertical-align:top;
	padding:0px 10px 10px 20px;
}


#contentshellhome {
width:670px;
margin:0px 0px 0px 30px;
border-left:1px dashed #666666;
}

.lefthome {
padding:15px 27px 10px 20px;
	}

.lefthome p {
padding-top:10px;
}	
	
	
.middlehome {
	width:162px;
	vertical-align:top;
	padding:0px 0px 0px 0px;
}

.middlehome div.rhn {
	margin:10px 0px 10px 0px;
	padding:0px 5px 10px 10px;
	border-left:1px dashed #666666;
}

.rhnlink {
background:url(../images/greenarra.gif) no-repeat;
background-position-y:4px;
padding-left:10px;
color:#333333;
}

.rhnlink .topnav {
padding:0px 0px 3px 10px;
}

.rhnlink .topnav p {
font-size:100%;
width:100%;
}

.nav-link {
margin: 0px;
padding-top: 0.6em;
padding-left: 10px;
background-color: #ffffff;
color: #1ebbb1;
font-size: 70%;
font-weight:bold;
}

.nav-link a:link, .nav-link a:visited {
background-color: #ffffff;
color: #1ebbb1;
text-decoration: none;
}

.nav-link a:hover {
background-color: #ffffff;
color: #1ebbb1;
text-decoration: underline;
}

.nav-link2 {
margin: 0px;
padding-top: 0.5em;
padding-left: 10px;
background-color: #ffffff;
color: #1ebbb1;
font-size: 70%;
}

.nav-link2 a:link, .nav-link2 a:visited {
background-color: #ffffff;
color: #1ebbb1;
text-decoration: none;
}

.nav-link2 a:hover {
background-color: #ffffff;
color: #1ebbb1;
text-decoration: underline;
}

.nav-link3 {
margin: 0px;
padding-top: 1px;
padding-left: 10px;
background-color: #ffffff;
color: #1ebbb1;
font-size: 70%;
}

/* map */

.homecontainer {
width:670px;
margin:0px 0px 0px 30px;
border-left:1px dashed #666666;
}


.col1{
width:157px;
padding:0px 0px 0px 10px;
vertical-align:top;
}

.col1 img {

padding-top:2px;
border-top:5px solid #999999;
}


.homenav {
background:url(../images/greenarra.gif) ;
background-repeat:no-repeat;
background-position-y:6px;
padding-left:10px;
}

.homenav a:link, .homenav a:visited {
	color:#1DBBB0;
	font-size:80%;
}

.homenav a:hover {
text-decoration:underline;
}

.homenav p {
width:100%;
margin:5px 0px 30px 0px;
}

/* table cell styling */
#contentshell {
	width:740px;
	margin:0;
}

#contentshell td.left {
	width:162px;
	vertical-align:top;
	padding:0px 27px 10px 30px;
	border-right:1px dashed #000000;
	text-align:right;
}



/* hack for IE */

* html #contentshell td.left {
width:220px;
w\idth:162px;
}

#contentshell td.right {
	width:185px;
	vertical-align:top;
	padding:0px 10px 10px 0px;
}

#contentshell td.middle {	
	width:517px;
	vertical-align:top;
	padding:0px 10px 10px 20px;
}

#contentshell td.twocol {
	width:517px;
	vertical-align:top;
	padding:0px 10px 10px 20px;
}




#contentshell h2 a, #contentshell h3 a {
color:#000000;
}

hr {
height:1px;
color:#993333;
margin:0;
padding:0;
}


.right p {
padding:0px 0px 10px 10px;

}
/* end table styling */

/* top nav styling */


.topnav {
	padding:40px 0px 38px 0px;
	vertical-align:top;
	font-size:70%;
	text-align:top;
	margin:0;
	color:#1DBBB0;
	white-space:nowrap;
}

.topnavhome {
	padding:55px 0px 0px 0px;
	vertical-align:top;
	font-size:70%;
	text-align:top;
	margin:0;
	color:#1DBBB0;
	white-space:nowrap;
}

.topnav a:link, .topnavhome a:link, .topnav a:visited, .topnavhome a:visited {
	text-decoration:none;
 	color:#666666;
}

.topnav a:hover, .topnavhome a:hover {
 text-decoration:underline;
}

.topnav a.selected:link, .topnav a.selected:hover, .topnav a.selected:visited {
color:#1EBBB1;
}

.home {
background:url(../images/greyarra.gif) ;
background-repeat:no-repeat;
background-position-y:4px;
padding-left:10px;
font-size:70%;
color:#666666;
}

.home a:link, .home a:visited {
text-decoration:none;
color:#666666;
}

.home a:hover {
text-decoration:underline;
color:#666666;
}

 /* end top nav stying */




/* Left hand nav */

.left img {

margin-bottom:30px;
}


.nav {
font-size:70%;
padding:3px 0px 3px 0px;
width:100%;
margin:0;
color:#666666;

}
.nav a:link, #nav a:visited {
text-decoration:none;
color:#666666;
}
.nav a:hover {
text-decoration:underline;
color:#666666;
}
.child {
color:#1EBBB1;
}

.nav a.child:link, a.child:link,  #nav a.child:visited, a.child:visited  {
text-decoration:none;
color:#1EBBB1;
}

.nav a.child:hover, a.child:hover {
text-decoration:underline;
color:#1EBBB1;
}

.selected {
color:#333333;
font-weight:bold;
}

.spacer {

margin:4px 0px 4px 0px;
}

* html .spacer {
margin:4px 0px 4px 0px;
ma\rgin:6px 0px 6px 0px;
}

/* end left hand nav */


/* content area styling */
h1{
font-size:120%;
font-family:arial bold, arial, helvetica, sans-serif;
font-weight:bold;
color:#666666;
margin:0;
margin-bottom:30px;
}

h2 {
font-size:70%;
margin:0;
padding:0;
margin-bottom:5px;
color:black;
}

h3 {
font-size:70%;
margin:0;
padding:0;
}

h4 {
font-family:verdana, arial, helvetica, sans-serif;
font-size:80%;
color:#666666;
font-weight:normal;
}

h3 {
font-size:70%;
margin:0;
padding:0;
}

.img {
margin-right:15px;
padding:0;
display:block;
}

.bold {
font-weight:bold;
}

p {
font-size:70%;
width:90%;
font-family:verdana, arial, helvetica, sans-serif;
margin:0;
margin-bottom:10px;
color:#000000;
}

p.nomargbot {
	margin-bottom:0;
}

hr {
height:5px;
color:#999999;
background-color:#999999;
border:1px solid #999999;
}

div.coalition-links {
	width:50%;
	float:left;
	font-size:70%;
}

div.coalition-links a {
	display:block;
}

a.coalition:link, a.coalition:visited {
text-decoration:none;
color:#1ebbb1;
}
a.coalition:hover {
color:#1ebbb1;
text-decoration:underline;
}

ul {
list-style-type: disc; 
margin: 0px;
padding-bottom: 1.5em;
padding-left: 2.5em;
background-color: #ffffff;
font-size: 70%;
}

li span {
background-color: #ffffff;
color: #000000;

}


/* end content area styling */

/* for the portraits - members section */
.holder {
width:100%;
padding-bottom:10px;

}

.imgholder {
position:absolute;
padding:13px 0px 2px 0px;
margin:0;

}

* html .imgholder {
padding:0px 0px 2px 0px;
padd\ing:0px 0px 2px 0px;
}

.text {
	margin-left:155px;
	padding:0px 0px 5px 10px;
}
.text1 {
	margin-left:100px;
	padding:0px 0px 5px 10px;
}


/* end members section */

/* start panel section */

.panel-col {
	width:50%;
	float:left;
}

.panel-col div {
	margin-bottom:15px;
	font-size:70%;
}

.panel-col div h2{
	margin:0;
	font-weight:bold;
	font-size:100%;
	color:#000000;
}


/*end panel section

/* footer */
.footerhome {
background-color:#1DBBB0;
padding:0;
height:20px;
width:670px;
margin-left:30px;
}

.footerhome a {
float:right;
color:black;
font-size:60%;
margin-right:7px;
margin-top:3px;
}

.footerhome a:visited {
color:black;
}

.footer {
background-color:#1DBBB0;
padding:0;
margin-left:223px;
height:20px;
width:540px;
}


/* hack for IE */
* html .footer {
width:520px;
margin-left:252px;
ma\rgin-left:222px;
w\idth:540px;
}

/* footer */
.footerhometxt {
background-color:transparent;
padding:0;
height:20px;
width:670px;
margin:15px 0px 30px 30px;
text-align:right;
}
.footerhometxt p {
width:100%;
margin:0px 0px 30px 0px;
padding:0px 0px 0px 0px;
font-size:70%;
color:#666666;
}


.ourwork {  font-size: 12pt; line-height: 22pt; color: #666666; text-decoration: underline}