@charset "UTF-8";

/* reset to defaults */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, hr, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, 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; }

:focus { outline: 0; }

ol, ul { list-style: none; }

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: "" ""; }

/* Basic Typography */

h1 { font-size: 1.5em; letter-spacing:1px; }

h2 { font-size: 1.2em; letter-spacing:2px; text-transform:uppercase; }

#rightContent h2, h3 { font-size: 12px; color: #c3bea6;letter-spacing:0px; text-transform:none; }

th { font-size: .9em; text-transform:uppercase; color: #c3bea6; }

h2 + h3, h2 + h4 { margin-top: 20px; }

p { line-height: 1.428em; margin: 0 0 .5em 0; }

a { text-decoration: none; color: #ffd600; } /* was ff8c00 */

a:visited { color: #ffd600; } /* d2691e */

a:hover, a:focus { color: #ff8c00 }

a img { border: none; }

/* Layout & Strcture */

body { line-height: 1; background: #000; color: silver; font:  12px/18px "Lucida Grande", Verdana, Arial, Helvetica, sans-serif; text-align: center; }

#container {width: 914px; padding: 20px 0 ; margin: 0 auto; text-align: left; position: relative;  background:#000  url(backgrounds/container.jpg) no-repeat 0 0; }

#header { width: 914px; background: url(backgrounds/header.gif) no-repeat 0 0; height:68px; }

#banner { }

#menubar { width: 914px; }

#container #middle { clear:both; position:relative; }

#middle { background: #272f33 url(backgrounds/pagebodycontainer.gif) repeat-y 0 0; width: 914px;  float: left; }

#leftContent { float: left; width: 580px; }

#rightContent { float: right; width: 334px; }

#footer { padding: 20px 20px; color: silver; position:relative;  background:transparent  url(backgrounds/footer.jpg) no-repeat top left; clear:both; height: 231px;}

#footer a, #footer a:visited { color: #fff }

.hero { padding: 10px 0 background: #fff;
}

/*	Article Content
----------------------------------------------- */


#leftContent div.article { padding:20px; }

#rightContent div.article { padding:5px 20px; }

div.article hr { clear: both; padding: 5px; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; }

div.article h2 { padding-top: 1em; font-weight: bold; border-bottom: 1px solid #444; }

div.article h3 { padding-top: 24px; padding-bottom: 0px; font-weight: bold; }

div.article a { text-decoration: none; color: #fff; background-color: #333B3F; }

#leftContent div.article a:visited { color: #fff; }

div.article a:hover, div.article a:focus { color: #ffd700; }

div.article .top { font-size: 85%; text-align: right; border-top: 1px dashed #AAA; padding: 0px 0px 10px; margin-top:10px; }

#leftContent div.article ul { list-style-type: none; padding: 0; margin: 0; }

#leftContent  div.article li { background-image: url(widgets/arrow_grey.gif); background-repeat: no-repeat; background-position: 0 2px; padding-left: 16px; margin: .5em 1em; font-size: 1.1em; }

div.article h2 { margin: 10px 0 10px 0; }

.normalcontent { font-size: .85em; }

.madcontent { font-size: .85em; color: #333; }

.articlefootnote { border-top:1px solid #aaa; padding: 10px 0; }

.articledetails { color: #aaa; font-family: "Lucida Grande", Verdana, Arial, Helvetica, sans-serif; font-size: 10px; padding: 0 10px 0 0; margin: 0; }

.a_smallcopy { font-size: 11px; }

img.framedphoto { padding: 5px; background-color:#fff; border: 1px solid #ccc; margin: 5px; }

a img.framedphoto:hover { border: 1px solid #004a80; }

/*	News Content
----------------------------------------------- */
h3.newsheadline { padding: .3em 0; }

p.newsdetails { color: #888; margin: 0 0; font-size:.84em; }

.newssynopsis { /*min-height: 120px;*/ }

p.paging { border-top:1px solid #888; border-bottom:1px solid #2e1b0d; padding: 2px 10px; }

img.storyleadimg { float: left; background: #fff; padding: 5px; background-color:#fff; border: 1px solid #ccc; margin: 0 10px 20px 0; }

div.story { width: 100%; }

/*	Footer Content
----------------------------------------------- */

#footer ul { padding: 0.5em 20px; margin: 0; text-align: right; float: right; width: 300px; }

#footer li { background: none; display: inline; padding-left: 5px; white-space: nowrap; color: #555; }

#footer li a { padding-right: 5px; border-right: 1px solid #d6d6d6; text-decoration: none; }

#footer a { }

#footer a:hover, #footera:focus { text-decoration: underline; }

#footer li.last a { border: 0; }

#footer p { padding: 0.5em 20px; margin: 0; float: left; width: 460px; }

.bigText { font-size: 1.2em; }

.errMsg { color: #f00; font-size: 9px; }

label, .formLabel { font-size: .92em; font-weight:bold; color: #999; margin-bottom:0px; text-align:left; vertical-align:top; }

img.left { float: left; margin: 2px 10px 12px 0; border: none; }

img.right { float: right; margin: 2px 0 12px 10px; border: none; }

img.rightBox { float: right; margin: 2px 0 12px 10px; border: 1px solid #fff; }

img.across { margin: 0 0 10px 0; border: none; }

img.boxed { display:block; border: 1px solid #555; }

div.figure { float: none; width: 410px; }

div.figure img.captioned { clear: both; margin: 5px 10px 0px 0px; }

div.figure p.imgcaption { display: block; text-align: right; margin: 0px 10px 15px 0px; font-style: italic; }

/* Tables -----------------------------------------------------------------------*/
.TGrid { border-left: 1px solid #aaa; border-top: 1px solid #aaa; background:#fff; margin-bottom: 10px; }

.TGrid th { color: #DDD; background-color: #343B4B; border-bottom: 1px solid #aaa; border-right: 1px solid #aaa; padding: 5px; }

.TGrid td { border-bottom: 1px solid #aaa; border-right: 1px solid #aaa; padding: 5px; color: #333; }

.TGrid caption { caption-side: bottom; text-align:right; }

/* Project Display  -----------------------------------------------------------------------*/

.project_title { clear:both; font-size: 11px; padding-top:0; }

.project_category { font-weight: normal; color: #ddd; font-size: 10px; font-style: italic; padding: 0; margin: 0; }

.project_details { color: #dedede; }

.project_description { }

div.folioImage { padding: 10px 0;  /*width: 100%; float: left; */}

div.folioImage img { /*padding: 4px;  background: black; border:1px solid #444;*/}

div.folioImage p { font-size: 11px; text-align: left; padding-top: 0px; }

.project_pagenav { text-align: right; }

textarea { color: white; font-size: 10px; line-height: 12px; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; background-color: #3e3e3e; padding: 3px; border: thin solid #666666; }

select, input { color: #FFFFFF; background-color: #3e3e3e; font-size: 10px; line-height: 12px; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; padding: 3px; border: thin solid #666666; }

checkbox { background-color: #252525; }

input.mediumwidth {width: 300px;}

/* ------------------------------------------------------------------
   top menu   
------------------------------------------------------------------ */


#topmenu { float: left; width: 914px; background: transparent; }

#topmenu ul.navlist { margin: 0; padding: 0; padding-top: 40px; margin-left: 306px; list-style: none; display:block; }

#topmenu ul.navlist li { float: left; margin: 0; padding: 0; list-style: none; }

#topmenu ul.navlist a { float: left; margin: 4px 0; padding: 3px 14px; text-decoration: none; color: #fff; border-right: 1px solid #000; border-left: 1px solid #333; line-height: 14px; font-size: .85em; letter-spacing: 1px; }

#topmenu ul.navlist a:hover, #topmenu ul.navlist a.active { color: #fc0; background: #000 url(backgrounds/navbg5.gif) repeat-x top left; }

#current a:link, #current a:visited, #current a:hover, #current a:active { background: #111 url(backgrounds/navbg5.gif) repeat-x top left; color: #FF8C00; }

/* ------------------------------------------------------------------
   sidenav   
------------------------------------------------------------------ */


#sidenav ul { padding: 20px; margin: 2px 0 10px 0; list-style-type: none; text-align: left; }

#sidenav ul li { color: #ccc; }

#sidenav ul li a { background: transparent url(widgets/arrow_yellow.gif) left center no-repeat; padding-left: 15px; text-align: left; text-decoration: none; color: #ffd700; }

#sidenav ul li a:hover { background: transparent url(widgets/arrow_orange.gif) left center no-repeat; color:#FF8C00; }

#sidenav ul li a.active { background: transparent url(widgets/arrow_orange.gif) left center no-repeat; color: #FF8C00; }

.hidden { height: 0; width: 0; overflow: hidden; position: absolute; }

.boxedtable { border-collapse: collapse; margin: 2em 0; }

.boxedtable td, .boxedtable th { font-size: 11px; text-align: left; padding: 5px; margin: 2px; border: 1px solid #111; }

.boxedtable th { background: #111; }

.morelink { padding: 0 10px 0 0; margin: 0px; white-space: nowrap; }

a.morelink { color: #fff; background: #333B3F url(widgets/morearrow.gif) no-repeat 100% 50%; border-bottom:1px solid #222; }

a.morelink:hover { color: #ffd700; background: transparent url(widgets/morearrowH.gif) no-repeat 100% 50%; border-bottom:1px solid #222; }

#rightcontent.morelink { padding: 0 10px 0 0; margin: 0px; white-space: nowrap; }

#rightcontent a.morelink { color: #fff; background: #444 url(widgets/morearrow.gif) no-repeat 100% 50%; border-bottom:1px solid #333; }

#rightcontent a.morelink:hover { color: #ffd700; background: #444 url(widgets/morearrowH.gif) no-repeat 100% 50%; border-bottom:1px solid #333; }

.searchform { padding: 5px 20px 20px 20px; }

.box1 { border: 2px solid #fff; padding: 0 5px; }

.box2 { border: 1px dashed #555; background: #fff; padding: 0 5px; }

.smallText { font-size: .85em; color: #666; }

.toparrowp { border-top:1px dashed #777; clear:both; margin: 16px 0; text-align: right; }

.toparrow { float: right; margin-left: 400px; }

ul.foliolist { padding: 10px 0; margin: 2px 0 10px 0; list-style-type: none; text-align: left; }

ul.foliolist li { color: #ccc; }

ul.foliolist li a { background: transparent url(widgets/arrow_yellow.gif) left center no-repeat; padding-left: 15px; text-align: left; text-decoration: none; color: #ffd700; }

ul.foliolist li a:hover { background: transparent url(widgets/arrow_orange.gif) left center no-repeat; color:#FF8C00; }

ul.foliolist li a.active { background: transparent url(widgets/arrow_orange.gif) left center no-repeat; color: #FF8C00; }