/* CSS Document */
* { margin:0; padding:0; }
body {
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 76%; /* font sizing in ems.  60%, 69%, and 76% are  appropriate smaller sizes */
	color: #000;
	background:#3C5373 url(images/bg_body.gif) top left repeat-x; 
	}

img { border:0; }	

h1 { font-size: 1.6em; }
h2 { font-size: 1.4em; }
h3 { font-size: 1.2em; }
h4 { font-size: 1.0em; }
h5 { font-size: 0.9em; }
h6 { font-size: 0.8em; }

ol, ul, li {
	font-size: 1.0em;
	margin: 0em 0 1.4em 20px;
	list-style-position:outside;
	}

td { font-size: 12px;}
	
p {
	font-size: 1.0em;
	margin: 0.6em 0em 1.8em 0em;
	}
	
blockquote { margin-left:20px; }
	
/*////////////
// LAYOUT
//////////// */
.skiplink {text-indent:-9999em; }
.enableimages {display:none; }

#content { margin-left:158px; padding-right:20px; z-index:1; min-width:590px;}
#content.hmcontent { padding-right:0px; background:url(images/bg_hmcontent.gif) top left repeat-x;}
#content_top { margin-left:155px; padding-left:20px; padding-right:10px; z-index:1; max-width:650px;}

#subcontent { background:white; padding:16px;}
#hmcontent { background:white; padding:8px 15px; border-top:3px solid #81B1C8;}
#mainheader { background:white url(images/bg_header.gif) bottom left no-repeat; padding:16px 0 0 16px; min-height:39px;}
/* IE Min-height Bug Fix \*/
* html body #mainheader { height:39px;}
/* END FIX */

#mainheader h1 { font-size:21px;}

#topnav { background: url(images/bg_topnav.gif) bottom repeat-x; height:97px;}
#topnav.hmtopnav { background:none; height:71px; width:600px;}
#topnav ul {list-style:none; margin:0; }
#topnav li {display:inline; margin:0; float:left;}
#searchbox {float:right; padding-top:44px; height:27px;}
#searchbox input {margin-left:4px; border:0; float:left; height:21px; }

#navmain { position:absolute; top:0; left:0; width:158px; z-index:10;}
#navmain ul { list-style:none; margin:0;}

#footer { margin-top:20px; padding-top:40px; background:url(images/bg_footer.gif) top center no-repeat; font-size:10px; line-height:16px; text-align:center;}
#footer a { color:#435B7F; margin:0 5px; }
#hmfooter { clear:both; padding-top:20px; font-size:0.8em;}
#hmfooter img { vertical-align:middle;}

#hmintronews { float:left; width:441px;}

.hmtables { border-collapse:collapse; float:left; color:#254D68; }
.hmtables td {font-size:0.8em; padding:8px 0 0 22px; vertical-align:top; border-bottom:1px solid #B0B9C5; height:76px; }
.hmtables a { display:block; color:#254D68; font-weight:bold; }
#hmnews td { background:#D6E1F0 url(images/bg_newsarrow.gif) top left no-repeat; }
#hmevents {margin-left:10px; }
#hmevents td { background:#F5F0E4 url(images/bg_eventsarrow.gif) top left no-repeat;}

/* Levin Alexanders’ ‘Graphical Headings’ */
.replace{ position:relative; font-size:0.8em; margin:0px; padding:0px; /* hide overflow:hidden from IE5/Mac */ /* \*/ overflow: hidden; /* */ } 
.replace span{ display:block; position:absolute; top:0px; left:0px; z-index:1; /*for Opera 5 and 6*/ } 

#hmpositive, #hmpositive span{ height:144px; width:441px; background-image: url(images/hdr_positive.gif); } 
#hmsouthern, #hmsouthern span{ height:32px; width:579px; background-image: url(images/hdr_southernct.gif); } 
#hmnewshdr, #hmnewshdr span{ height:21px; width:250px; background-image: url(images/bg_recentnews.gif); } 
#hmeventshdr, #hmeventshdr span{ height:21px; width:250px; background-image: url(images/bg_events.gif); } 

/* /////////////////////////
/////// NAVIGATION STYLES//
/////////////////////////*/


.quote {
	FONT-WEIGHT: bolder; FONT-SIZE: 14px; COLOR: #ffffff; FONT-STYLE: normal; FONT-FAMILY: "Georgia", "Times New Roman", Times, serif
}


#nav {
	margin:0; padding:0;
	list-style: none;
	font-size:10px;
	font-weight:bold;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	background:  url(images/hmleftnav.gif) no-repeat;
	width: 158px;
	}
	
#nav li ul {
	position: absolute;
	left: -999em; /* Set 1px less than menu width */
	top:0;
	display: block;
	background-image:none;
	width:170px;
	padding:0;
	z-index:1000;
	list-style: none;
	border:1px solid #435C80;
	border-left:none;
	}
	
/* Styles for Menu Items */
#nav li, #topnav li{
	position:relative;
	margin:0; padding:0;  
	text-indent:-999em !important;
	text-indent /**/:0;  /* IE 5 on Windows does not like text-indent when using bg images */
	
}

#nav li ul li{
	text-indent:0 !important;
	position:relative;
	}

#nav li a, #topnav li a{
	display:block; 
	width:158px; text-decoration:none;
	padding-top:0 !important;
	padding-top /**/:200px; /* IE 5 on Windows does not like text-indent when using bg images use padding instead*/
	margin-bottom:0;
	vertical-align:bottom; /* Takes care of IE gap problem */
	/* Hides from IE5-mac \*/
	overflow:hidden;
	/* End hide from IE5-mac */
	}
	
#topnav li a{
	width:110px;
	}
	

#nav ul li a {
	color: #000000;
	background: #E7E3CB; /* IE6 Bug - FYI must have background for link to work NA on this site but should be noted*/
	border-bottom:1px solid #fff;
	height:100%;
	padding-top:6px !important;	
	padding:6px !important;

	}
	

/* Fix IE. Hide from IE Mac \*/
* html #nav li { float: left; height: 1%; }
* html #nav ul li a { height: 1%; }
/* End */

#nav ul li a:hover { color:white; background: #2A4058; height:100%;} /* Hover Styles */
#nav li:hover ul, #nav li.sfhover ul { left: 158px; z-index:1000;} /* The magic */


/*do the image replacement*/


#nav-home a, #nav-requestforproposal a, #nav-arraprojects a, #nav-wiredct-nytalentforgrowth a, #nav-events a, #nav-jobseekers a, #nav-employers a, #nav-partners a, #nav-youth a, #nav-aboutus a, #nav-resourcesandlinks a, #nav-becomingacontributor a, #nav-contactus a, #nav-sitemap a, #nav-textonly a{
	display: block;
	height: 23px;
	width:158px;
	background:   url(images/leftnav_full2.gif) no-repeat; /*contains all hover states*/
	}

/* first, put the initial states in place */

#nav-home a { height:110px; background-position: 0 0px; }
#nav-jobseekers a { background-position: 0 -111px; }
#nav-employers a { background-position: 0 -134px; }
#nav-partners a { background-position: 0 -157px; }
#nav-youth a { background-position: 0 -180px; }
#nav-aboutus a { background-position: 0 -203px; }
#nav-resourcesandlinks a { background-position: 0 -226px; }
#nav-becomingacontributor a { height: 36px; background-position: 0 -249px; }
#nav-contactus a { background-position: 0 -285px; }
#nav-sitemap a { background-position: 0 -308px; }
#nav-textonly a { background-position: 0 -331px; }
#nav-requestforproposal a { height: 36px; background-position: 0 -354px; }
#nav-events a {  background-position: 0 -377px; }
#nav-wiredct-nytalentforgrowth a {height: 36px;  background-position: 0 -390px; }
#nav-arraprojects a { background-position: 0 -425px; }


#nav-home a:hover {height:110px; background-position: -158px 0px; }
#nav-jobseekers a:hover {background-position: -158px -111px; }
#nav-employers a:hover {background-position: -158px -134px; }
#nav-partners a:hover {background-position: -158px -157px; }
#nav-youth a:hover {background-position: -158px -180px; }
#nav-aboutus a:hover {background-position: -158px -203px; }
#nav-resourcesandlinks a:hover {background-position: -158px -226px; }
#nav-becomingacontributor a:hover {height: 36px; background-position: -158px -249px; }
#nav-contactus a:hover {background-position: -158px -285px; }
#nav-sitemap a:hover {background-position: -158px -308px; }
#nav-textonly a:hover {background-position: -158px -331px; }
#nav-requestforproposal a:hover { background-position: -158px -354px; }
#nav-events a:hover { background-position: -158px -377px; }
#nav-wiredct-nytalentforgrowth a:hover {height: 36px;  background-position: -158px -390px; }
#nav-arraprojects a:hover { background-position: -158px -425px; }



#tab-jobseekers a, #tab-employers a, #tab-partners a {
	height: 71px;
	width:109px;
	background:   url(images/topnav_full.gif) no-repeat; /*contains all hover states*/
	}
	
#tab-jobseekers a { width:116px; background-position: 0 0px; }
#tab-employers a { background-position: -116px 0px; }
#tab-partners a { background-position: -225px 0px; }