/* --- Reset to consistant behavior --------------------- */

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { margin:0; padding:0; }
table { border-collapse:collapse; border-spacing:0; }
fieldset,img { border:0; }
address,caption,cite,code,dfn,em,strong,th,var { font-style:normal;	font-weight:normal; }
ol,ul {	list-style:none; }
caption,th { text-align:left; }
h1,h2,h3,h4,h5,h6 { font-size:100%;	font-weight:normal; }
q:before,q:after { content:''; }
abbr,acronym { border:0;}


/*-------------------- Global --------------------*/

html {height: 100%;}
body {font-size: 12px; color: #444; font-family: Verdana, Helvetica, Lucida Grande, Arial; line-height: 16px; height: 100%;}
a, a:visited, a:active {color: #cc0808;}
a:active { outline: none; }
a:focus { -moz-outline-style: none; }

#navigation {background: url(../nav_bg.png) 0 -90px repeat-x; width: 100%; height: 45px; position: relative; overflow: visible; z-index: 99;}
#navigation #nav_left {background: url(../nav_bg.png) 0 0 no-repeat; position: absolute; top: 0; left: 0; width: 125px; height: 45px;}
#navigation #nav_right {background: url(../nav_bg.png) 0 -45px no-repeat; position: absolute; top: 0; right: 0; width: 125px; height: 45px;}

#nav {margin: 0 auto; width: 850px; position: relative; z-index: 100; list-style: none;}
#nav li {height: 45px; float:left; display: block; position: relative; overflow: visible; }
#nav li a {height: 45px; display: block; text-indent: -999em;}
#nav li a.about {background: url(../nav_about.png) 0 0 no-repeat; width: 61px;}
#nav li a.home {background: url(../nav_home.png) 0 0 no-repeat; width: 61px; text-indent:-999em;}
#nav li a.projects {background: url(../nav_projects.png) 0 0 no-repeat; width: 75px;}
#nav li a.servsupport {background: url(../nav_servsupport.png) 0 0 no-repeat; width: 130px;}
#nav li a.specials {background: url(../nav_specials.png) 0 0 no-repeat; width: 72px;}
#nav li a.events {background: url(../nav_events.png) 0 0 no-repeat; width: 65px;}
#nav li a.news {background: url(../nav_news.png) 0 0 no-repeat; width: 96px;}
#nav li a.employment {background: url(../nav_employment.png) 0 0 no-repeat; width: 98px;}
#nav li a.contact {background: url(../nav_contact.png) 0 0 no-repeat; width: 75px;}
#nav li a.gsa {background: url(../nav_gsa.png) 0 0 no-repeat; width: 100px;}
#nav li a:hover {background-position: 0 -45px;}

#nav li ul {display: none;}
#nav li:hover ul {display: block; position:absolute; left: 0; top: 44px; width: 200px; background: #333 url(../dropdown_bg.png) 0 0 repeat-x;}
#nav li ul li {height: 27px; border: 0; border-top: 1px solid #858585; border-bottom: 1px solid #000; width: 100%;}
#nav li ul li a {text-indent: 0; display: block; height: 25px; text-decoration: none; color: #999; padding: 5px 0 0 10px;}
#nav li ul li a:hover {color: #cc0808;}

#header {width: 100%; height: 170px; position: relative; background: #270000 url(../header_bg.jpg) 50% 0 no-repeat;}
#header a {width: 135px; height: 90px; background: url(../logo.png) 0 0 no-repeat; text-indent: -999em; position: absolute; top: 25px; left: 50%; margin-left: -455px;}

h1{ font-size:19px; color:#666;}
h2 {width: 100%; height: 38px; width: 100%; text-indent: -999em;}
h3 {font-size: 18px; color: #fff; margin-bottom: 9px;}
h4 {font-size: 18px; color: #666; margin-bottom: 9px;}
h5 {font-weight: bold; color: #999;}
h6 {font-weight: bold; color: #990000;}

p{line-height:22px; margin-bottom:22px; }

strong{ font-weight:bold; }
div.callout p{ line-height:15px;}
div.project h3{ font-size:15px; }

#content-wrap {width: 100%; background: url(../content_bg.png) 0 0 repeat-x; border: 0; border-top: 4px solid #fff; overflow: auto; min-height:225px;}
#content {width: 965px; margin: 0 auto; padding-top:20px;}
#content.home{ padding-top:0px; }

div.span2cols {width:624px; float: left; overflow: auto; padding:10px;}
div.span2cols h4 {position: absolute; top: 15px; left: 16px;}
div.span1col, div.col {width: 293px; float:right; padding:10px;}
div.col{ float:left; }
div.col p{ margin-bottom:0px !important;}
div.span1col h4 {color: #39648a;}

div.headerbar {width: 100%; height: 61px; background: url(../headerbar_bg.png) 0 -61px repeat-x; position: relative;}
div.headerbar_left {width: 10px; height: 61px; position: absolute; top: 0; left: 0; background: url(../headerbar_bg.png) 0 0 no-repeat;}
div.headerbar_right {width: 10px; height: 61px; position: absolute; top: 0; right: 0; background: url(../headerbar_bg.png) 0 -122px no-repeat;}

#footer {width: 100%; height: 67px; background: url(../footer_bg.png) 0 -136px repeat-x; margin-top: 30px; padding-top: 1px; position: relative; clear: both;}
#footer div.footer_left {width: 122px; height: 68px; position: absolute; top: 0; left: 0; background: url(../footer_bg.png) 0 0 no-repeat;}
#footer div.footer_right {width: 122px; height: 68px; position: absolute; top: 0; right: 0; background: url(../footer_bg.png) 0 -68px no-repeat;}
#footer ul {margin: 0 auto; width: 610px; position: relative; top: 12px;}
#footer ul li {float: left; padding-left: 5px;}
#footer ul li a {color: #666; text-transform: uppercase; text-decoration: none; font-size: 10px;}

span.grey_bold {color: #333; font-weight: bold;}
div.nomarg_right {margin-right: 0 !important;}

div.hr_dotted {width: 100%; display: block; float: left; height: 2px; background: url(../underline.png) 0 0 repeat-x; clear: both; margin-top: 20px; margin-bottom: 20px;}
div.hr_dotted hr {display: none;}

/*-------------------- Home --------------------*/

#header.home {height: 334px; background: #270000 url(../header_home.jpg) 50% 0 no-repeat;}

div.callout {width: 303px; height: 162px; background: url(../callouts_bg.png) 0 0 no-repeat; position: relative; margin: 25px 28px 0 0; float: left;}
div.callout img {float: right; position: relative;}
div.callout div.content {position: absolute; top: 12px; left: 12px; width: 240px; font-size: 10px; color: #ccc; line-height: 15px;}
div.callout div.content span {color: #fff; font-weight: bold;}
div.callout div.content a, div.special_item p a {text-transform: uppercase; font-weight: bold; text-decoration: none; font-size: 10px;}

div.callout img.mic {top: -20px; right: -13px;}
div.callout img.calendar {top: -29px; right: -5px;}
div.callout img.camera {top: -50px; right: -13px;}

div.post{ padding:20px 10px 20px 10px; border-bottom:1px dotted #ccc; overflow:auto;}
div.post img{ float:right; margin:0px 0px 5px 5px; }
div.action, div.backlink{ padding:10px 20px 10px 20px; text-align:right;}
div.backlink{ font-size:11px; margin-top:-20px;}

a.specialslink {width: 94px; height: 14px; text-indent: -999em; display: block; background: url(../morespecials.png) 0 0 no-repeat; position: absolute; top: 20px; right: 20px;}

#specials {display: block; padding: 0 16px; margin-top: -20px; position: relative; z-index: 1; min-height:250px;}
div.special_item {position: relative;}
div.special_item p {width: 312px; float: right; margin: 20px 55px 0 0 !important;}
div.special_item img {width: 160px; float: left; margin: 20px 0 0 55px;}
#specials a.move-left {width: 32px; height: 29px; background: url(../specials_arrows.png) 0 0 no-repeat; position: absolute; top: 65px; left: 0px; text-indent: -999em;}
#specials a.move-right {width: 32px; height: 29px; background: url(../specials_arrows.png) 0 -29px no-repeat; position: absolute; top: 65px; right: 0px; text-indent: -999em;}
#specials p{ margin-bottom:0px !important;}

#twitterfeed {width: 90%; font-size:11px;}
#twitterfeed li {line-height: 25px; background: url(../images/overline.png) 0 0 no-repeat; margin-bottom:10px;}

a.facebook {width: 147px; height: 15px; text-indent: -999em; display: block; background: url(../facebooklink.png) 0 0 no-repeat; margin-top: 15px;}

/*-------------------- Interior --------------------*/

#pageheader {width: 100%; margin-top: 25px; height: 42px; background: url(../underline.png) bottom left repeat-x;}

#content h1{ padding:10px; width:97%; background:url(../dotted-border.png) 10px 100% no-repeat; font-size:18px !important; margin-bottom:15px;}

h2.projects_broadcast {background: url(../header_projects_broadcast.png) 0 0 no-repeat;}
div.pad{ padding:10px;}
div.project {width: 100%; clear:both; padding:20px 10px 20px 10px; border-bottom:1px dotted #ccc; overflow:auto;}
div.project img {float:left !important; margin-right: 20px;}
div.project p {line-height: 20px !important; padding-top:9px; }
div.project h3{ display:inline; }

label{ display:block; margin-bottom:5px;}
label span{ display:inline-block; width:75px;}

div.jobs{ padding:10px;}
div.jobs h5{ color:#777; font-weight:bold; font-size:12px; text-indent:0px;}
div.jobs p{ margin-bottom:20px;}

ul.cols{ float:left; width:47%; margin-right:10px; line-height:22px; font-size:11px;}

/*-------------------- Admin --------------------*/

ul.subnav{ float:right; margin-bottom:20px; font-size:11px; margin-right:10px; }
ul.subnav li{ display:inline; padding:0px 15px 0px 15px; border-right:1px solid #333;}
table{ width:98%;}
td,th{ padding:5px;}
th{ color:white; background:#555; border-right:1px solid #ccc;}
td{ border-right:1px solid #ccc;}
textarea{ vertical-align:top;}
input{ vertical-align:middle; padding:2px;}

/* --- Flash Messages ------------------------------ */

div.error, div.warn, div.notice{ line-height:16px !important; border-width:1px; border-style:solid; padding:10px; padding-left:35px; margin-bottom:10px; overflow:hidden; font:11px 'Lucida Grande','Lucida Sans Unicode',sans-serif; }
div.error em, div.warn em, div.notice em{ float:right; vertical-align:middle; display:block; height:10px; width:10px; cursor:pointer; cursor:hand;}
div.error{ background:#f6c1c1 url(../icons/error.png) 10px 10px no-repeat; border-color:#9b2a2a; color:#9b2a2a; }
div.warn{ background:#f5eeb6 url(../icons/warn.png) 10px 10px no-repeat; border-color:#d4cf3d; color:#a78a04; }
div.notice{ background:#d1fdd8 url(../icons/notice.png) 10px 10px no-repeat; border-color:#3fa367; color:#074912; }

/* --- jQuery UI ------------------------------ */

div.tabbed ul.ui-tabs-nav{ background:#333; height:25px; margin-bottom:10px; }
div.tabbed ul.ui-tabs-nav li{ display:block; float:left; height:15px; padding:7px 10px 3px 10px; border-right:1px solid #333; background:#333; font:9px 'Verdana',sans-serif; text-transform:uppercase; }
div.tabbed ul.ui-tabs-nav li.ui-tabs-selected{ background:#1a1a1a; }
#videoList div.tabbed ul.ui-tabs-nav li.ui-tabs-selected{ border-bottom:1px solid #1a1a1a; }
div.tabbed ul.ui-tabs-nav li a{ color:white; outline: none;}
div.tabbed ul.ui-tabs-nav li a:hover;{ text-decoration:none !important; }

.ui-datepicker { width:15em; padding: .2em .2em 0; background:white; border:1px solid #ccc; }
.ui-datepicker .ui-datepicker-header { position:relative; padding:.2em 0; color:white; background:#333; }
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { position:absolute; top: 2px; width: 1.8em; height: 1.8em; }
.ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover { top: 1px; }
.ui-datepicker .ui-datepicker-prev { left:2px; }
.ui-datepicker .ui-datepicker-next { right:2px; }
.ui-datepicker .ui-datepicker-prev-hover { left:1px; }
.ui-datepicker .ui-datepicker-next-hover { right:1px; }
.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span { display: block; position: absolute; left: 50%; margin-left: -8px; top: 50%; margin-top: -8px;  }
.ui-datepicker .ui-datepicker-title { margin: 0 2.3em; line-height: 1.8em; text-align: center; }
.ui-datepicker .ui-datepicker-title select { float:left; font-size:1em; margin:1px 0; }
.ui-datepicker select.ui-datepicker-month-year {width: 100%;}
.ui-datepicker select.ui-datepicker-month, 
.ui-datepicker select.ui-datepicker-year { width: 49%; border:1px solid #333; font-size:10px; vertical-align:middle;}
.ui-datepicker .ui-datepicker-title select.ui-datepicker-year { float: right; }
.ui-datepicker table {width: 100%; font-size: .9em; border-collapse: collapse; margin:0 0 .4em; }
.ui-datepicker th { padding: .7em .3em; text-align: center; font-weight: bold; border: 0;  }
.ui-datepicker td { border: 0; padding: 1px; }
.ui-datepicker td span, .ui-datepicker td a { display: block; padding: .2em; text-align:center; text-decoration: none; background:#efefef;  }
.ui-datepicker td a.ui-state-highlight{ background:#dbeafa; }
.ui-datepicker .ui-datepicker-buttonpane { background-image: none; margin: .7em 0 0 0; padding:0 .2em; border-left: 0; border-right: 0; border-bottom: 0; }
.ui-datepicker .ui-datepicker-buttonpane button { float: right; margin: .5em .2em .4em; cursor: pointer; padding: .2em .6em .3em .6em; width:auto; overflow:visible; }
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { float:left; }
.ui-datepicker-calendar th{ background:#555 !important;}
.ui-datepicker-calendar td{ text-align:center; }

.ui-icon-circle-triangle-e { background-position: -48px -192px; }
.ui-icon-circle-triangle-s { background-position: -64px -192px; }
.ui-icon-circle-triangle-w { background-position: -80px -192px; }
.ui-icon-circle-triangle-n { background-position: -96px -192px; }

.ui-helper-hidden { display: none; }
.ui-helper-hidden-accessible { position: absolute; left: -99999999px; }
.ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; }
.ui-helper-clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.ui-helper-clearfix { display: inline-block; }
/* required comment for clearfix to work in Opera \*/
* html .ui-helper-clearfix { height:1%; }
.ui-helper-clearfix { display:block; }
/* end clearfix */
.ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter:Alpha(Opacity=0); }
/* Interaction Cues */
.ui-state-disabled { cursor: default !important; }
/* Icons */
/* states and images */
.ui-icon { display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; }
/* Overlays */
.ui-widget-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

.ui-icon { width: 16px; height: 16px; background-image: url(../icons/ui-icons_222222_256x240.png); }
.ui-widget-content .ui-icon {background-image: url(../icons/ui-icons_222222_256x240.png); }
.ui-widget-header .ui-icon {background-image: url(../icons/ui-icons_2e83ff_256x240.png); }
.ui-state-default .ui-icon { background-image: url(../icons/ui-icons_888888_256x240.png); }
.ui-state-hover .ui-icon, .ui-state-focus .ui-icon {background-image: url(../icons/ui-icons_454545_256x240.png); }
.ui-state-active .ui-icon {background-image: url(../icons/ui-icons_454545_256x240.png); }
.ui-state-highlight .ui-icon {background-image: url(../icons/ui-icons_2e83ff_256x240.png); }
.ui-state-error .ui-icon, .ui-state-error-text .ui-icon {background-image: url(../icons/ui-icons_cd0a0a_256x240.png); }