body {
background: #fff url(images/bg2.jpg) repeat-x;
margin: 0;
padding: 0;
text-align: left;
font: 75% Georgia, "Times New Roman", Times, serif;

}
dl, dt, dd, ul, li {
margin: 0;
padding: 1;
list-style-type: none;
text-indent: 3px;
}
#menu {
	position: absolute; /* Menu position that can be changed at will */
	top: 190px;
	left: 24px;
	z-index:100;
	width: 100%; /* precision for Opera */
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 13px;
	border-top-width: thin;
	border-right-width: thin;
	border-bottom-width: thin;
	border-left-width: thin;
	border-top-color: #669999;
	border-right-color: #669999;
	border-bottom-color: #669999;
	border-left-color: #669999;
}
#menu dl {
	float: left;
	opacity:.90;
	filter: alpha(opacity=90);
-moz-opacity: 0.90;
	width: 10em;
	padding: 2px;
}
#menu dt {
	cursor: pointer;
	text-align: center;
	font-weight: bold;
	background: #66CC66;
	border: 1px solid gray;
	margin: 1px;

}
#menu dd {
display: none;
border: 1px solid gray;
}
#menu li {
	text-align: left;
	background: #fff;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: x-small;
	text-transform: capitalize;
	border: none;




}
#menu li a, #menu dt a {
color: #000;
text-decoration: none;
display: block;
height: 100%;
border: 1px ridge #006633;
opacity: 50%;
}
#menu li a:hover, #menu li a:focus, #menu dt a:hover, #menu dt a:focus {
	background: #99CC66;
	padding-left: 2px;
}
#site {
position: absolute;
z-index: 1;
top : 70px;
left : 10px;
color: #000;
background-color: #ddd;
padding: 5px;
border: 1px solid gray; 
}

#wrap {
	position: relative;
	background: #fff;
	width: 900px;	
	margin: 50px auto 0 auto;
	text-align: left;
}

#container {
	position: relative;
	background: #fff;
	clear: both;
	float: left;	
	width: 900px;	
	padding: 0; 			
	margin-left: 15px;	
	display: inline;
	border-top: 5px solid #fff;
	border-bottom: 1px solid #e5e5e5;
	border-left: 1px solid #fff;
	border-right: 1px solid #fff;
}

#container2 {
width: 100%;
\width: 800px;
w\idth: 800px;
border: 0px solid #eee;
margin-left: 20px;
margin-right: auto;
padding: 0;
line-height: 1.5em;
}

#banner {
height: 175px;
padding: 0;
margin-bottom: 20px;
background: #fff url(images/bannermain.jpg) no-repeat;
color: #333;
}


#bannerResources {
height: 175px;
padding: 0;
margin-bottom: 20px;
background: #fff url(images/bannerresources.jpg) no-repeat;
color: #333;
}

#bannerDirectory {
height: 175px;
padding: 0;
margin-bottom: 20px;
background: #fff url(images/bannerDirectory.jpg) no-repeat;
color: #333;
}

#bannerEducation {
height: 175px;
padding: 0;
margin-bottom: 20px;
background: #fff url(images/bannerEducation.jpg) no-repeat;
color: #333;
}

#bannerdocuments {
height: 175px;
padding: 0;
margin-bottom: 20px;
background: #fff url(images/bannerdocuments.jpg) no-repeat;
color: #333;
}

#bannerInteractive {
height: 175px;
padding: 0;
margin-bottom: 20px;
background: #fff url(images/bannerInteractive.jpg) no-repeat;
color: #333;
}

#bannerEmployment {
height: 175px;
padding: 0;
margin-bottom: 20px;
background: #fff url(images/bannerEmployment.jpg) no-repeat;
color: #333;
}

/* bottom thirds employment*/
.thirdsjobs { float: left; width: 202px; background: #eee; margin: 0 12px 0 0; color: #5d5d5d; }
	.smallboxtopjobs { height: 14px; background: #fff url(images/smallboxtopjobs.gif) no-repeat; color: #000; }
	.smallboxjobs { background: #fff url(images/smallboxjobs.gif) no-repeat bottom left; color: #444; padding: 1px 10px 10px 10px;  }
	.smallbox p { padding: 0; margin: 0; }
	
	/* thirds employment details*/
.thirdsjobsdetails { float: left; width: 653px; background: #eee; margin: 0 12px 0 0; color: #5d5d5d; }
	.smallboxtopjobsdetails { height: 14px; background: #fff url(images/smallboxtopjobsdetails.gif) no-repeat; color: #000; }
	.smallboxjobsdetails { background: #fff url(images/smallboxjobsdetails.gif) no-repeat bottom left; color: #444; padding: 1px 10px 10px 10px;  }
	.smallbox p { padding: 0; margin: 0; }

		/* TOP NAVIGATION */
#navlist {
width: 99%;
margin: 0 0 20px 0;

}


		/* LEFT MENU */
.menu ul li {
line-height: 1.8em;
margin: 0 10px 0 0;
padding: 0;
list-style-type: square;
color: #6A9662;
background: inherit;
}
.menu ul li a {
color: #336699;
background: inherit;
}
.menu ul li a:hover {
color: #6A9662;
background: inherit;
}

		/* MAIN CONTENT */
#content {
padding: 0 20px;
margin-left: 170px;
margin-right: 170px;
color: #555;
background-color: #fff;
}

#content2 {
padding: 0 20px;
margin-left: 170px;
border-left: 1px dashed #333;
color: #555;
background-color: #fff;
}
#content3 {
padding: 0 20px;
margin-left: 170px;
border-left: 1px dashed #333;
color: #555;
background-color: #fff;
}




#contentDiresctory {
padding: 0 20px;
border-left: 1px dashed #333;
color: #555;
background-color: #fff;
}

		/* ARTICLES */
.intro {
	float:left;
	width: 30%;
	margin: 3px 0 5px 0;
	padding: 5px;
	text-align:left;

}
.intro2 {
float: left;
width: 30%;
margin: 3px 0 5px 20px;
padding: 5px;

}
.intro3 {
float:right;
width: 30%;
margin: 3px 0 5px 0;
padding: 5px;
}

		/* LEFT SIDEBAR */
#sidebar-a {
float: left;
width: 150px;
\width: 160px;
w\idth: 150px;
margin-right: 5px;
padding: 0 5px 0 5px;
color: #666;
background-color: #fff;
}

		/* RIGHT SIDEBAR */
#sidebar-b {
float: right;
width: 140px;
\width: 160px;
w\idth: 150px;
margin: 0 0 0 5px;
padding: 0 5px 15px;
color: #333;
background-color:#fff;
}

		/* FOOTER */
#footer {
clear: both;
padding: 5px;
margin: 0;
background-color: #AF9979;
color: #fff;
}
#footer a {
text-decoration: none;
color: #fff;
background-color:#AF9979;
}
#footer  a:hover {
text-decoration: none;
color: #336699;
background-color:#AF9979;
}

		/* LINKS */
a {
text-decoration: none;
color: #336699;
}
a:hover {
text-decoration:underline;
color: #666;

}
a img {
border: 0;
}

		/* IMAGE PROPERTIES */
.border {
padding: 10px;
margin: 10px;
border: 1px solid #AF9979;
}
.imgleft {
float: left;
border: 1px solid #90b905;
margin: 5px 10px 10px 15px;
padding: 5px;
}
.imgright {
float: right;
border: 1px solid #90b905;
margin: 5px 10px 10px 15px;
padding: 5px;
}

		/* HEADING PROPERTIES */
h1 {
	width: 30%;
	font-size: 200%;
	letter-spacing: 5px;
	color:#6A9662;
	background: #fff;

}
h2 {
font-size: 130%;
text-transform: uppercase;
letter-spacing: 10px;
color:#AF9979;
background: #fff;
}
h3 {
	padding: 5px;
	text-transform: uppercase;
	font-size: 110%;
	color:#336633;
	background: #CFE7B8;
	font-style: normal;
	border: thin none #006633;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: bold;
	font-variant: small-caps;
}
h4 {
padding: 5px;
text-transform: uppercase;
font-size: 110%;
color:#fff;
background: #F17C0B;
}



   /* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/drop_examples.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the assocaited (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
/* commom style for all browsers */


.container4 {
text-align:center; background:#eee url(images/menu/menu4.gif); border:1px solid #669900; border-width:5px 1px 1px 1px; height:30px;
margin:0 0 20px 0; /* for this demo only */
}
.menu4 {
text-align:left; font-family: verdana, sans-serif; position:relative; font-size:0.85em; background:transparent; width:700px; height:30px; margin:0 auto;
}
.menu4 ul {
padding:0; margin:0; list-style-type: none;
}
.menu4 ul li {
float:left; position:relative;
}
.menu4 ul li.home {
	background:transparent url(menu4home.gif);
	background-color: #E0DFE3;
}
.menu4 ul li.Employment {background:transparent url(images/menu/employment.jpg);}
.menu4 ul li.Education  {background:transparent url(images/menu/education.jpg);}
.menu4 ul li.Directory {background:transparent url(images/menu/directory.jpg);}
.menu4 ul li.Resources {background:transparent url(images/menu/resources.jpg);}
.menu4 ul li.Documents {background:transparent url(images/menu/documents.jpg);}
.menu4 ul li.Interactive {background:transparent url(images/menu/interactive.jpg) no-repeat;}
.menu4 ul li.Developers {background:transparent url(images/menu/developer.jpg) no-repeat;}
.menu4 ul li.subemployview {background:transparent url(images/menu/Employ.jpg) no-repeat;}
.menu4 ul li.subemployadd {background:transparent url(images/menu/Employadd.jpg) no-repeat;}
.menu4 ul li.subtrainingview {background:transparent url(images/menu/trainingview.jpg) no-repeat;}
.menu4 ul li.subtrainingadd {background:transparent url(images/menu/trainingadd.jpg) no-repeat;}
.menu4 ul li.subworld {background:transparent url(images/menu/world.jpg) no-repeat;}
.menu4 ul li.subCourses {background:transparent url(images/menu/courses.jpg) no-repeat;}
.menu4 ul li.subunis {background:transparent url(images/menu/unis.jpg) no-repeat;}
.menu4 ul li.subFAQ {background:transparent url(images/menu/faq.jpg) no-repeat;}
.menu4 ul li.subteach {background:transparent url(images/menu/teach.jpg) no-repeat;}
.menu4 ul li.subfunds {background:transparent url(images/menu/funds.jpg) no-repeat;}
.menu4 ul li.subYAC {background:transparent url(images/menu/yac.jpg) no-repeat;}
.menu4 ul li.subRACFind {background:transparent url(images/menu/subRACFind.jpg) no-repeat;}
.menu4 ul li.subSpecialistFind {background:transparent url(images/menu/subSpecialistFind.jpg) no-repeat;}
.menu4 ul li.subcontractor {background:transparent url(images/menu/subcontractor.jpg) no-repeat;}
.menu4 ul li.subcurator {background:transparent url(images/menu/subcurator.jpg) no-repeat;}
.menu4 ul li.subLHC {background:transparent url(images/menu/subLHC.jpg) no-repeat;}
.menu4 ul li.subSMR {background:transparent url(images/menu/subSMR.jpg) no-repeat;}
.menu4 ul li.subPAS {background:transparent url(images/menu/subPAS.jpg) no-repeat;}
.menu4 ul li.subNational {background:transparent url(images/menu/subNational.jpg) no-repeat;}
.menu4 ul li.subreenact {background:transparent url(images/menu/subreenact.jpg) no-repeat;}
.menu4 ul li.subtools {background:transparent url(images/menu/subtools.jpg) no-repeat;}
.menu4 ul li.sublinks {background:transparent url(images/menu/sublinks.jpg) no-repeat;}
.menu4 ul li.subSoftware {background:transparent url(images/menu/subSoftware.jpg) no-repeat;}
.menu4 ul li.subguides {background:transparent url(images/menu/subguides.jpg) no-repeat;}
.menu4 ul li.subinsure {background:transparent url(images/menu/subinsure.jpg) no-repeat;}
.menu4 ul li.subcalen {background:transparent url(images/menu/subcalen.jpg) no-repeat;}
.menu4 ul li.subforum {background:transparent url(images/menu/subforum.jpg) no-repeat;}
.menu4 ul li.subforumother {background:transparent url(images/menu/subforumother.jpg) no-repeat;}
.menu4 ul li.subfacebook {background:transparent url(images/menu/subfacebook.jpg) no-repeat;}
.menu4 ul li.subnews {background:transparent url(images/menu/subnews.jpg) no-repeat;}
.menu4 ul li.subnews2 {background:transparent url(images/menu/subnews2.jpg) no-repeat;}
.menu4 ul li.subnews {background:transparent url(images/menu/subnews.jpg) no-repeat;}
.menu4 ul li.subblog {background:transparent url(images/menu/subblog.jpg) no-repeat;}
.menu4 ul li.subtv {background:transparent url(images/menu/subtv.jpg) no-repeat;}
.menu4 ul li.subgames {background:transparent url(images/menu/subgames.jpg) no-repeat;}
.menu4 ul li.submagazine {background:transparent url(images/menu/submagazine.jpg) no-repeat;}
.menu4 ul li.subpodcast {background:transparent url(images/menu/subpodcast.jpg) no-repeat;}
.menu4 ul li.subgames {background:transparent url(images/menu/subgames.jpg) no-repeat;}
.menu4 ul li.subbooks {background:transparent url(images/menu/subbooks.jpg) no-repeat;}




.menu4 ul li a, .menu4 ul li a:visited {
display:block; text-decoration:none; width:70px; height:30px;  padding-left:30px; line-height:29px;
}
* html .menu4 ul li a {
width:100px;
}

.menu4 ul li ul {
visibility:hidden; position:absolute; top:0; left:0; height:0; overflow:hidden;
}
.menu4 table {
margin:-1px; border-collapse:collapse; font-size:1em;
}

/* fist line style for IE7 and non-IE browsers and the second line for IE5.5 and IE6 */
.menu4 ul li:hover a,
.menu4 ul li a:hover {
}
.menu4 ul li:hover ul,
.menu4 ul li a:hover ul {
visibility:visible; width:170px; height:auto; position:absolute; top:30px; left:-1px; background:#fff; border:1px solid #669900; overflow:visible;font-size: x-small;
}
.menu4 ul li:hover ul li a,
.menu4 ul li a:hover ul li a {
display:block; background:transparent; text-decoration:none; color:#006633; height:auto; line-height:1.5em; padding:5px 10px 5px 35px; width:125px; w\idth:125px;font-size: x-small;
}
.menu4 ul li:hover ul li a.drop,
.menu4 ul li a:hover ul li a.drop {
display:block; color:#000; height:auto; line-height:1.5em; padding:5px 10px 5px 35px; width:170px; w\idth:125px;
}
.menu4 ul li:hover ul li ul,
.menu4 ul li a:hover ul li a ul {
visibility:hidden; position:absolute; top:0; left:0; height:0; overflow:hidden;
}
.menu4 ul li:hover ul li a:hover,
.menu4 ul li a:hover ul li a:hover {
	color:#FF6633;
	text-decoration:underline;
	font-size: x-small;
}
.menu4 ul li:hover ul li:hover ul,
.menu4 ul li a:hover ul li a:hover ul {
	visibility:visible;
	position:absolute;
	top:0;
	color:#000;
	left:166px;
	height:auto;
	border:1px solid #669900;
	font-size: x-small;
}
.menu4 ul li:hover ul li:hover ul.left,
.menu4 ul li a:hover ul li a:hover ul.left {
left:-166px;
}
.menu4 ul li:hover ul li:hover ul li a,
.menu4 ul li a:hover ul li a:hover ul li a {
display:block; color:#336699; height:auto; line-height:1.5em; padding:5px 10px 4px 35px; width:140px; w\idth:140px;
}
* html .menu4 ul li a:hover ul li a:hover ul li a {padding:4px 10px 4px 35px;}

.menu4 ul li:hover ul li:hover ul li:hover a,
.menu4 ul li a:hover ul li a:hover ul li a:hover {
	color:#000;
	text-decoration:underline;
}