/* START CSS RESET */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	text-decoration: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

body {
	line-height: 1;
}

ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}

/* END CSS RESET */

body {
	font-family: "Lucida Sans Unicode", "Lucida Sans", "Lucida Grande", "Trebuchet MS", Trebuchet, Helvetica, sans-serif;
	overflow: visible;
	background: #E4E4E4;
}

#top {
	background: url("../images/top_bg.jpg") #E4E4E4 repeat-x top left;
	width: 100%;
}

.center_wrapper {
	overflow: auto;
	width: 960px;
	margin: 0 auto;
}

.header_ill {
	position: relative;
	margin: 30px 0 0 0;
}

.header_image {
	position: relative;
	border: 4px white solid;
	margin: 50px 20px 0 0;
}


/* START NAVIGATION SLIDING DOORS CSS */

#nav {
	float: left;
	position: relative;
	top: -43px;
	left: 215px;
}

#nav ul {
	float: left;
      padding:10px 10px 0;
}

#nav li {
	display:inline;
}

#nav a {
	float:left;
	background:url("../images/nav/inactive_both_left.gif") no-repeat left top;
	margin: 0 7px 0 0;
	padding:0 0 0 10px;
	text-decoration:none;
	font-size: 14px;
      }

#nav a span {
      float:left;
      display:block;
      background:url("../images/nav/inactive_both_right.gif") no-repeat right top;
      padding:8px 17px 8px 8px;
      color:#FFF;
}

    /* Commented Backslash Hack hides rule from IE5-Mac \*/

#nav a span {float:none;}

    /* End IE5-Mac hack */

#nav a:hover span {
      color:#FFF;
}

#nav #current a {
      background:url("../images/nav/active_left.gif") no-repeat left top;
}

#nav #current a span {
      background:url("../images/nav/active_right.gif") no-repeat right top;
      color:#FFF;
}

#nav .employment a {
      background:url("../images/nav/red_both_left.gif") no-repeat left top;
      border-width:0;
}

#nav .employment a span {
      background:url("../images/nav/red_both_right.gif") no-repeat right top;
      color:#FFF;
}

#nav a:hover {
      background-position:0% -60px;
}

#nav a:hover span {
      background-position:100% -60px;
}

#nav #current a.employment, #nav #current a:hover.employment {
	background:url("../images/nav/active_red_both_left.gif") no-repeat left top;
	background-position:0% -60px;
	border-width:0;
}

#nav #current a.employment span, #nav #current a:hover.employment span {
	background:url("../images/nav/active_red_both_right.gif") no-repeat right top;
	background-position:100% -60px;      
	color:#FFF;
}



/* END NAVIGATION SLIDING DOORS CSS */


#content {
	width: 100%;
	float: left;
	position: relative;
	top: -43px;
	border-top: #313967 10px solid;
	padding: 30px 0 0 0;
}

#red_top #content {
	border-top: #910000 10px solid;
}


p .subtle {
	vertical-align: top;
	color: #999;
	font-weight: normal;
	font-size: .8em;
}

p .subtle img {
	vertical-align: middle;
}

p .strong_reverse {
	vertical-align: top;
	color: #FFF;
	font-weight: bold;
	font-size: .8em;
}

.left {
	float: left;
}

.right {
	float: right;
}

#content a {
	color: #313967;
}

#content a:hover {
	color: white;
	background-color: #313967;
}

h1 {
	font-family: georgia, "Times New Roman", times, serif;
	font-size: 	1.5em;
	color: #313967;
	font-weight: bold;
	margin: 0;
}

h2 {
	font-family: georgia, "Times New Roman", times, serif;
	font-size: 	1.2em;
	color: #313967;
	font-weight: normal;
	margin: 15px 0 5px 0;
}
h3 {
	font-family: inherit, sans-serif;
	font-size: 	0.8em;
	color: #999;
	font-weight: lighter;
	margin: 15px 0 5px 0;
}

.col2l {
	float: left;
}

.col2r {float: right;}

#content ul {
	color: #333;
	width: 265px;
	padding: 0 0 0 15px;
	margin: 0 0 15px 0;
	float: left;
}
#content ul li {list-style-type: none;}

#red_top h1 {
	color: #910000;
}

#content_area {
	float: left;
	line-height: 1.4em;
	width: 585px;
	height:auto;
	padding: 0px 0px 0px 25px;
}

#content_area_press {
	float: left;
	line-height: 1.4em;
	width: 585px;
	height: 735px;
	padding: 0px 0px 0px 25px;
}

#content_area p {
	color: #333;
	margin-top: 8px;
}

#content_area_press p {
	color: #333;
	margin-top: 8px;
}

#content_area img {
	border: #FFF 6px solid;
	color: #333;
	margin: 10px 0 0 0;
}

#content_area_press img {
	border: #FFF 6px solid;
	color: #333;
	margin: 10px 0 0 0;
}

#content_area a img.thumb {
	border: #FFF 4px solid;
	margin: 0;
}

#content_area_press a img.thumb {
	border: #FFF 4px solid;
	margin: 0;
}

#content_area a:hover img.thumb {
	border: #313967 4px solid;
}

#content_area_press a:hover img.thumb {
	border: #313967 4px solid;
}


#content_area strong {
	font-weight: bold;
}

#content_area_press strong {
	font-weight: bold;
}

#content_area .right {
	float: right;
	margin: 10px 0 0 10px;
}

#content_area_press .right {
	float: right;
	margin: 10px 0 0 10px;
}


.ad_partners {position: relative; top: 10px; padding: 0; width: 585px; height: 75px; }
.ad_partners a {height: 75px; position: absolute; top: 0; background: url(../images/advertisers.gif) 0 0 no-repeat; display: block; list-style: none; text-indent: -9999px;}
.ad_partners a { height: 75px; display: block;}
.ad_partners #soyjoy a {left: 0; width: 140px; background-position: 0 0;}
.ad_partners #novo a {left: 140px; width: 100px; background-position: -140px 0;}
.ad_partners #target a {left: 240px; width: 70px; background-position: -240px 0;}
.ad_partners #nea a {left: 310px; width: 165px; background-position: -310px 0;}
.ad_partners #peta a {left: 475px; width: 110px; background-position: -475px 0;}

.ad_partners #soyjoy a:hover {background: url(../images/advertisers.gif) 0 -75px no-repeat;}
.ad_partners #novo a:hover {background: url(../images/advertisers.gif) -140px -75px no-repeat;}
.ad_partners #target a:hover {background: url(../images/advertisers.gif) -240px -75px no-repeat;}
.ad_partners #nea a:hover {background: url(../images/advertisers.gif) -310px -75px no-repeat;}
.ad_partners #peta a:hover {background: url(../images/advertisers.gif) -475px -75px no-repeat;}

.ad_partners #smithsonian a {left: 0; width: 112px; background: url(../images/advertisers2.png) 0 0;}
.ad_partners #ringling a {left: 112px; width: 176px; background: url(../images/advertisers2.png) -112px 0;}
.ad_partners #janus a {left: 287px; width: 158px; background: url(../images/advertisers2.png) -287px 0;}
.ad_partners #microsoft a {left: 445px; width: 140px; background: url(../images/advertisers2.png) -445px 0;}

.ad_partners #smithsonian a:hover {background: url(../images/advertisers2.png) 0 -75px no-repeat;}
.ad_partners #ringling a:hover {background: url(../images/advertisers2.png) -112px -75px no-repeat;}
.ad_partners #janus a:hover {background: url(../images/advertisers2.png) -287px -75px no-repeat;}
.ad_partners #microsoft a:hover {background: url(../images/advertisers2.png) -445px -75px no-repeat;}

.ad_partners #yahoo a {left: 0; width: 154.244px; background: url(../images/advertisers3.png) 0 0;}
.ad_partners #georgetownbid a {left: 154.244px; width: 146.795px; background: url(../images/advertisers3.png) -154.244px 0;}
.ad_partners #pncbank a {left: 301.039px; width: 152.043px; background: url(../images/advertisers3.png) -301.039px 0;}
.ad_partners #virginmobile a {left: 453.082px; width: 131.918px; background: url(../images/advertisers3.png) -453.082px 0;}

.ad_partners #yahoo a:hover {background: url(../images/advertisers3.png) 0 -75px no-repeat;}
.ad_partners #georgetownbid a:hover {background: url(../images/advertisers3.png) -154.244px -75px no-repeat;}
.ad_partners #pncbank a:hover {background: url(../images/advertisers3.png) -301.039px -75px no-repeat;}
.ad_partners #virginmobile a:hover {background: url(../images/advertisers3.png) -453.082px -75px no-repeat;}

.press {
	position: relative;
	top: 0px;
	padding: 0;
	width: 585px;
	height: 0px;
}
.press a {
	height: 0px;
	position: absolute;
	top: 8px;
	background-position: 0 0 no-repeat;
	display: block;
	list-style: none;
	text-indent: -9999px;
}
.press a {
	height: 219px;
	display: block;
}
.press #express a {left: 0px; width: 292px; background: url(../images/press_01.png); background-position: 0px 0px;}
.press #thehill a {left: 292px; width: 292px; background: url(../images/press_01.png); background-position: -292px 0px;}
.press #voanews a {left: 0px;width: 292px;background: url(../images/press_02.png) 0px 0px;}
.press #washingtontimes a {left: 292px;width: 292px;background: url(../images/press_02.png) -292px 0px;}
.press #washingtonian a {left: 0px; width: 292px; background: url(../images/press_03.png) 0px 0px;}
.press #cnn a {left: 292px;width: 292px;background: url(../images/press_03.png) -292px 0px;}
.press #washingtonpost a {left: 0px; width: 585px; background: url(../images/press_04.png) 0px 0px;}

.press #express a:hover {background: url(../images/press_01.png) 0px -219px no-repeat;}
.press #thehill a:hover {background: url(../images/press_01.png) -292px -219px no-repeat;}
.press #voanews a:hover {background: url(../images/press_02.png) 0px -219px no-repeat;}
.press #washingtontimes a:hover {background: url(../images/press_02.png) -292px -219px no-repeat;}
.press #washingtonian a:hover {background: url(../images/press_03.png) 0px -219px no-repeat;}
.press #cnn a:hover {background: url(../images/press_03.png) -292px -219px no-repeat;}
.press #washingtonpost a:hover {background: url(../images/press_04.png) 0px -219px no-repeat;}

/* .ad_partners {
	width: 585px;
	height: 75px;
	float: left;
	position: relative;
	top: 35px;
	left: 0;
}

.ad_partners li {
	display: block;
	float: left;
}

.ad_partners li a:link, .ad_partners li a:visited {
	background: url("../images/advertisers.gif") no-repeat;
	position: absolute;
	display: block;
	top: 0;
	height: 75px;
	text-indent: -9999px;
	overflow: hidden;
}

#soyjoy a:link, #soyjoy a:visited {left: 0; width: 140px; background: url("../images/advertisers.gif") 0 0;}
#soyjoy a:hover, #soyjoy a:focus {left: 0px; width: 140px; background: url("../images/advertisers.gif") -75px 0;}
#novo a:link, #novo a:visited {left: 140px; width: 100px; background: url("../images/advertisers.gif") -140px -140px;}
#novo a:hover, #novo a:focus {left: 140px; width: 100px; background: url("../images/advertisers.gif") -75px  -140px;}
#target a:link, #target a:visited {left: 240px; width: 70px; background: url("../images/advertisers.gif") 0 0;}
#target a:hover, #target a:focus {left: 240px; width: 70px; background: url("../images/advertisers.gif") -75px 0;}
#nea a:link, #nea a:visited {left: 310px; width: 165px; background: url("../images/advertisers.gif") 0 0;}
#nea a:hover, #nea a:focus {left: 310px; width: 165px; background: url("../images/advertisers.gif") -75px  0;}
#peta a:link, #peta a:visited {left: 475px; width: 110px; background: url("../images/advertisers.gif") 0 0;}
#peta a:hover, #peta a:focus {left: 475px; width: 110px; background: url("../images/advertisers.gif") -75px  0;}

#smithsonian a:link, #smithsonian a:visited {left: 0; width: 112px; background: url("../images/advertisers2.png") 0 0;}
#smithsonian a:hover, #smithsonian a:focus {left: 0px; width: 112px; background: url("../images/advertisers2.png") -75px 0;}
#ringling a:link, #ringling a:visited {left: 112px; width: 176px; background: url("../images/advertisers2.png") -140px -140px;}
#ringling a:hover, #ringling a:focus {left: 112px; width: 176px; background: url("../images/advertisers2.png") -75px  -140px;}
#janus a:link, #janus a:visited {left: 287px; width: 158px; background: url("../images/advertisers2.png") 0 0;}
#janus a:hover, #janus a:focus {left: 287px; width: 158px; background: url("../images/advertisers2.png") -75px 0;}
#microsoft a:link, #microsoft a:visited {left: 445px; width: 140px; background: url("../images/advertisers2.png") 0 0;}
#microsoft a:hover, #microsoft a:focus {left: 445px; width: 140px; background: url("../images/advertisers2.png") -75px  0;}

#yahoo a:link, #yahoo a:visited {left: 0; width: 154.244px; background: url("../images/advertisers3.png") 0 0;}
#yahoo a:hover, #yahoo a:focus {left: 0px; width: 154.244px; background: url("../images/advertisers3.png") -75px 0;}
#georgetownbid a:link, #georgetownbid a:visited {left: 154.244px; width: 146.795px; background: url("../images/advertisers3.png") -140px -140px;}
#georgetownbid a:hover, #georgetownbid a:focus {left: 154.244px; width: 146.795px; background: url("../images/advertisers3.png") -75px  -140px;}
#pncbank a:link, #pncbank a:visited {left: 301.039px; width: 152.043px; background: url("../images/advertisers3.png") 0 0;}
#pncbank a:hover, #pncbank a:focus {left: 301.039px; width: 152.043px; background: url("../images/advertisers3.png") -75px 0;}
#virginmobile a:link, #virginmobile a:visited {left: 453.082px; width: 131.918px; background: url("../images/advertisers3.png") 0 0;}
#virginmobile a:hover, #virginmobile a:focus {left: 453.082px; width: 131.918px; background: url("../images/advertisers3.png") -75px  0;}

*/

/* .press {
	width: 292px;
	height: 220px;
	float: left;
	position: relative;
	top: 35px;
	left: 0;
}

.press li {
	display: block;
	float: left;
}

.press li a:link, .press li a:visited {
	background: url("../images/press_01.png") no-repeat;
	position: absolute;
	display: block;
	top: 0;
	height: 220px;
	text-indent: -9999px;
	overflow: hidden;
}

#express a:link, #express a:visited {left: 0; width: 292px; background: url("../images/press_01.png") 0 0;}
#express a:hover, #express a:focus {left: 0px; width: 292px; background: url("../images/press_01.png") 0px 0;}
#thehill a:link, #thehill a:visited {left: 0; width: 292px; background: url("../images/press_01.png") 0 0;}
#thehill a:hover, #thehill a:focus {left: 0px; width: 292px; background: url("../images/press_01.png") 0px 0;}

#voanews a:link, #voanews a:visited {left: 0; width: 292px; background: url("../images/press_02.png") 0 0;}
#voanews a:hover, #voanews a:focus {left: 0px; width: 292px; background: url("../images/press_02.png") 0px 0;}
#washingtontimes a:link, #washingtontimes a:visited {left: 0; width: 292px; background: url("../images/press_02.png") 0 0;}
#washingtontimes a:hover, #washingtontimes a:focus {left: 0px; width: 292px; background: url("../images/press_02.png") 0px 0;}

#washingtonian a:link, #washingtonian a:visited {left: 0; width: 292px; background: url("../images/press_03.png") 0 0;}
#washingtonian a:hover, #washingtonian a:focus {left: 0px; width: 292px; background: url("../images/press_03.png") 0px 0;}
#cnn a:link, #cnn a:visited {left: 0; width: 292px; background: url("../images/press_03.png") 0 0;}
#cnn a:hover, #cnn a:focus {left: 0px; width: 292px; background: url("../images/press_03.png") 0px 0;}

#washingtonpost a:link, #washingtonpost a:visited {left: 0px; width: 585px; background: url("../images/press_04.png") 0px 0px;}
#washingtonpost a:hover, #washingtonpost a:focus {left: 0px; width: 585px; background: url("../images/press_04.png") -219px 0px;}

*/


/* START SIDEBAR */

	#sidebar {
		margin: 15px 0 0 0;
		float: left;
		width: 200px;
		text-align: right;
		line-height: 1.2em;
	}
	
	#contact_box {
		background: url("../images/contact_bg.gif") bottom center no-repeat;
		float: left;
		width: 160px;
		text-align: right;
		line-height: 1.2em;
		padding: 0 20px 10px 20px;
	}

	#contact_box h3 {
		text-align: right;
		background: url("../images/contact_header.gif") no-repeat;
		width: 185px;
		height: 30px;
		font-family: "Lucida Grande", "Trebuchet MS", Trebuchet, Helvetica, sans-serif;
		font-size: 	1.3em;
		color: white;
		font-weight: bold;
		margin: 0 0 0 -20px;
		padding: 40px 15px 10px 0;
	}

	#contact_box p {
		text-align: right;
		color: #333;
		font-size: .8em;
		margin-top:  5px;
	}

	#contact_box strong {
		color: #313967;
		font-size: 1.2em;
		font-weight: bold;
		font-variant: small-caps;
	}
	
	#sidebar img {
		margin: 20px 0 0 0;
	}
	
	a #wsblog {
		float: center;
		width: 200px;
		height: 90px;
		background: url("../images/wsblog.gif") top center no-repeat;
		margin: 17px 0 0 0;
	}
	
	a:hover #wsblog {
		background: url("../images/wsblog.gif") bottom center no-repeat;
	}
	
	/* START SIDEBAR FORM STYLES */

		#contact_area {
			float: right;
		}

		div#contact_area form input, #contact_area form textarea {
			width: 155px;
			font-family: "Lucida Grande", "Trebuchet MS", Trebuchet, Helvetica, sans-serif;
			background: #E4E4E4;
			margin-bottom: 5px;
			border: 1px solid #999;
		}

		#contact_area form textarea {
			background: #E4E4E4;
			padding: 2px;
		}

		#contact_area textarea:focus, #contact_area input:focus {
			border: 2px solid #313967;
		}

		#contact_area input.submit-button {
			width: 75px;
			margin-top: 2px;
			font-size: .8em;
		}

		#contact_area label {
			font-family: "Lucida Grande", "Trebuchet MS", Trebuchet, Helvetica, sans-serif;
			width: 100px;
			font-size: .8em;
			color: #333;
		}
		
	/* END SIDEBAR FORM STYLES */

/* END SIDEBAR STYLES */

/* START SOCIAL NETWORKING STYLES */

#social_links {
	width: 110px;
	float: right;
	margin-top: 35px;
	
}

a #facebook {
	float: left;
	width: 110px;
	height: 34px;
	margin-top: 15px;
	background: url("../images/social.gif") 0 0 no-repeat;
}

a:hover #facebook {
	background: url("../images/social.gif") 0 -75px no-repeat;
}

a #twitter {
	float: left;
	width: 110px;
	height: 30px;
	margin-top: 15px;
	background: url("../images/social.gif") 0 -40px no-repeat;
}

a:hover #twitter {
	background: url("../images/social.gif") 0 -115px no-repeat;
}

/* END SOCIAL NETWORKING LINKS */


/* EMPLOYMENT FORM STYLES */

	#contact_area_emp {
		float: left;
		margin: 10px 0 0 0;
	}

	#contact_area_emp form input {
		font-size: 1em;
		width: 200px;
		font-family: "Lucida Grande", "Trebuchet MS", Trebuchet, Helvetica, sans-serif;
		background: #FFF;
		margin-bottom: 10px;
		border: 1px solid #999;
	}

	#contact_area_emp form textarea {
		font-size: 1em;
		font-family: "Lucida Grande", "Trebuchet MS", Trebuchet, Helvetica, sans-serif;
		background: #FFF;
		padding: 2px;
		border: 1px solid #999;
		margin-bottom: 10px;
	}

	#contact_area_emp textarea:focus, #contact_area_emp input:focus {
		border: 2px solid #910000;
	}

	#contact_area_emp input.submit-button {
		width: 75px;
		color: white;
		font-size: .9em;
		padding: 5px 10px;

		background: #910000;

	}

	#contact_area_emp label {
		font-family: "Lucida Grande", "Trebuchet MS", Trebuchet, Helvetica, sans-serif;
		width: 100px;
		font-size: .9em;
		color: #333;
	}