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

}

#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;
}

#bannerDeveloper {
height: 175px;
padding: 0;
margin-bottom: 20px;
background: #fff url(images/bannerDeveloper.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;
}

.rss_date {
	font-size: 11px;
	font-weight : normal;
	color: #006666;
	}
	
.rss_item a:link, .rss_item a:visited, .rss_item a:active {
	text-decoration : none;
	border-bottom: 1px solid #ededed;
	color: #990000;
	font-variant: small-caps;
	text-transform: capitalize;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	}

.highslide {
	cursor: url(highslide/graphics/zoomin.cur), pointer;
    outline: none;
}
.highslide-active-anchor img {
	visibility: hidden;
}
.highslide img {
	border: 0px solid gray;
}
.highslide:hover img {
	border: 2px solid white;
}

.highslide-wrapper {
	background: white;
}
.highslide-image {
    border: 2px solid white;
}
.highslide-image-blur {
}
.highslide-caption {
    display: none;
    
    border: 2px solid white;
    border-top: none;
    font-family: Verdana, Helvetica;
    font-size: 10pt;
    padding: 5px;
    background-color: white;
}
.highslide-loading {
    display: block;
	color: black;
	font-size: 8pt;
	font-family: sans-serif;
	font-weight: bold;
    text-decoration: none;
	padding: 2px;
	border: 1px solid black;
    background-color: white;
    
    padding-left: 22px;
    background-image: url(highslide/graphics/loader.white.gif);
    background-repeat: no-repeat;
    background-position: 3px 1px;
}
a.highslide-credits,
a.highslide-credits i {
    padding: 2px;
    color: silver;
    text-decoration: none;
	font-size: 10px;
}
a.highslide-credits:hover,
a.highslide-credits:hover i {
    color: white;
    background-color: gray;
}

a.highslide-full-expand {
	background: url(highslide/graphics/fullexpand.gif) no-repeat;
	display: block;
	margin: 0 10px 10px 0;
	width: 34px;
	height: 34px;
}

/* These must always be last */
.highslide-display-block {
    display: block;
}
.highslide-display-none {
    display: none;
}
<!--
-->

/* begin styles for RSS Feed */

.rss-box {
	 margin: 0.5em;
	 width: 280px;
	 background-color: #FFFFFF;
         border: 4px solid #FF9900;
	 
}
.rss-items {
	margin-top:0px;
	padding:0.5em; 0.5em;
	margin-left:0px;
	color: #333333;
}
p.rss-title {padding:0.5em;}
.rss-title {
	text-decoration: none;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 14px;
	background-color:#FF9900;
	color:white;
	font-weight:bold;
	margin: 0px;
	padding:0em;
	text-align: left;
}

.rss-item  {
  font-family: Geneva, Arial, Helvetica, sans-serif;
  font-size: 10px;
  font-weight : bold;
  list-style:none;
  padding-bottom:1em;
}

.rss-item a {
	text-decoration : none;
	font-size: 12px;
	font-weight:light;
  font-family: Geneva, Arial, Helvetica, sans-serif;	}
	
.rss-item a:visited {
	color: #330066;
}

.rss-date {
	font-size: 85%;
	font-weight : normal;
	color: #fff;
	} 
/* buttons modeled from http://www.wellstyled.com/css-inline-buttons.html */

.pod-play {
   _width:12em;
   margin: 0 0.2em; padding: 0.1em 0; _padding:0;
   
   white-space:nowrap;
   text-decoration: none;
   vertical-align:middle;
   background: #fb6;
   color: black;
   }
.pod-play em {
   _width:1em; _cursor:hand;
   font-style: normal;
   margin:0; padding: 0.1em 0.5em;
   background: white;
   color: #222;
   }
.pod-play span {
   _width:1em; _cursor:hand;
   margin:0; padding: 0.1em 0.5em 0.1em 0.3em;
   }
.pod-play:hover {
   background: #666;
   color: white;
   }
.pod-play:hover em {
   background: black;
   color: white
   }
   /* ================================================================ 
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;z-index:99999;
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:800px; height:30px; margin:0 auto;z-index:99999;
}
.menu4 ul {
padding:0; margin:0; list-style-type: none;z-index:99999;
}
.menu4 ul li {
float:left; position:relative;z-index:99999;
}
.menu4 ul li.home {
	background:transparent url(images/menu/Home.jpg);
	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;z-index:99999;
}
* html .menu4 ul li a, .menu4 ul li a:visited {
width:100px; w\idth:70px;
}

.menu4 ul li ul {
visibility:hidden; position:absolute; top:0; left:0; height:0; overflow:hidden;z-index:99999;
}
.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;;z-index:99999;
}
.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;z-index:99999;
}
.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;z-index:99999;
}
.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;
}
.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;
}
.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:#FF6633; 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;
}