@import url("navigation.css");

/* Global styles
-------------------------------------------------------- */
html, body { margin:0; padding:0; background:#f1f5f8 url(/eot2008/20090109015700oe_/http://spatialdata.sam.usace.army.mil/images/pageElements/bgd_vertical.jpg) 50% 0 repeat-y; }
body { color:#000; font:normal 12px/125% arial, verdana, tahoma, helvetica, sans-serif; background:url(/eot2008/20090109015700oe_/http://spatialdata.sam.usace.army.mil/images/pageElements/bgd_horizontal.jpg) 0 0 repeat-x; }

img { display:inline; }
ul, ol, blockquote, dl, fieldset { margin-top:4px; margin-bottom:15px; }
dt {}
li, dd {}
p {	margin:3px 0 16px 0; }
pre, code { margin:15px 0 25px 0; padding:0; font:normal 1.01em/135% "Courier New", Courier, monospace; color:#384A87; }
hr { width:100%; height:1px; margin:15px auto;/*IE*/ padding:0; border:0; background-color:#bbb; color:#bbb;/*IE*/ text-align:center;/*IE*/ }
table { border-collapse:collapse; }

a { text-decoration:none; color:#0054ff; outline: none;}
a:hover { color:#ff0010; /*color:#afafaf;*/ }
a img { border:none;}
a:hover img { text-decoration:none;}


/* Heading styles
-------------------------------------------------------- */
h1, h2, h3, h4, h5, h6 { line-height:100%; margin:0; }
h1 { font:bold 2.0em 'trebuchet ms', tahoma, arial, helvetica, verdana; color:#397BAF; display:block; border-bottom:2px solid #397BAF; margin-bottom:18px; }
h2 { font:normal 1.7em 'trebuchet ms', tahoma, arial, helvetica, verdana; color:#4b87b3; background:#E5EEF3; border:1px solid #9fc1da; border-width:1px 0 1px 0; padding:1px 0 1px 5px; margin:28px 0 10px 0;}
h3 { font:normal 1.6em 'trebuchet ms', tahoma, arial, helvetica, verdana; color:#6d9cbf; }
h4 { font:bold 1.32em 'trebuchet ms', tahoma, arial, helvetica, verdana; color:#000; }
h5 { font:bold 1.2em arial, tahoma, 'trebuchet ms', helvetica, verdana; color:#216597; }
h6 { font:bold 1.2em arial, tahoma, 'trebuchet ms', helvetica, verdana; color:#000; }


/* Layout styles
-------------------------------------------------------- */
#wrapper { width:100%; background:url(/eot2008/20090109015700oe_/http://spatialdata.sam.usace.army.mil/images/pageElements/bgd_header.jpg) 50% 0 no-repeat; }
#shell { width:878px; margin:0 auto; padding:0 22px 0 24px; position:relative; }
#contentWrapper { margin:240px 0 0 0; }


/* Absolute Positioned Items
-------------------------------------------------------- */
div.bannerTitle { font:bold 30px/100% arial, 'trebuchet ms', trebuchet, tahoma, verdana, helvetica; color:#044571; position:absolute; top:129px; left:260px; width:380px; z-index:100; text-align:right; z-index:105; }

div.motherTitle { font:bold 32px/100% 'trebuchet ms', trebuchet, tahoma, arial, verdana, helvetica; color:#4392DF; position:absolute; top:107px; left:242px; width:402px; z-index:100; text-align:right; z-index:101; }

div.districtName {font:normal 18px/100% arial, tahoma, helvetica; color:#000; position:absolute; top:171px; left:77px;}

#search { position:absolute; top:29px; left:45px; }
	#search .searchField { width:128px; height:14px; font-size:1em; line-height:100%; padding:4px 0 2px 2px; background:#eff6fa; border:1px solid #3D7EA8;}
	#search .searchSite_btn {height:22px; }

#CorpsLinks {}
    #CorpsLinks option { color:#000;}
    #CorpsLinks option.current {color:#999;}
	
	
/* Main Panel and content container styles
-------------------------------------------------------- */
.sideBar { float:left; width:238px; padding:0; }
	.sideBar h2, .sideBar h3, .sideBar h4, .sideBar h5, .sideBar h6 { display:block; margin:0 0 4px 0;}
	.sideBar h3 {text-align:center; color:#fff; font-size:1.4em; }
	.sideBar h4 {color:#e5e5e5; font-size:1.2em; }
	.sideBar h5 {color:#e5e5e5; font-size:1em;}
	.sideBar hr { color:#4d8eb7; background-color:#4d8eb7;}
	.sideBar a { color:#FFDC63; }
	.sideBar a:hover { color:#FFDC63; text-decoration:underline;}
	.sideBar h4 a { color:#e5e5e5;}
	.sideBar a:hover img { text-decoration:none;}

.content { width:579px; min-height:376px; margin:0 0 0 265px; font-family:Verdana, Arial, Helvetica, tahoma, sans-serif;}
	.content a { text-decoration:underline; }
	.content .breadCrumbs { font-size:0.9em; color:#999; padding:0 0 15px 0; font-family:tahoma, Arial; }
	.content .breadCrumbs span { color:#555; }
	.content .breadCrumbs span a { color:#bbb; text-decoration:none; }
	.content .breadCrumbs span a:hover { text-decoration:underline; color:Green;}
	.content h3, .content h4, .content h5 { margin-top:21px;}
	.content li { margin-bottom:4px;}

.footer { clear:both; display:block; padding:15px 25px 15px 265px; text-align:center; font:0.8em tahoma, arial, verdana; color:#999; }
	.footer a { color:#999; border-bottom:1px solid #fff; }
	.footer a:hover { color:#4795D5; text-decoration:none; border-bottom:1px dotted #4795D5; }


/* Navigation styles
-------------------------------------------------------- */	
	/* Top USACE Nav */
ul#topNav {	list-style:none; height:21px; margin:0; padding:3px 0 0 0; display:block; text-align:center; font-weight:bold; font-size:1.2em; line-height:100%; position:relative; }
	ul#topNav li { margin:0; padding:0; display:inline; }
	ul#topNav li a { padding:6px 22px; color:#fff; }
	ul#topNav li a:hover { color:#eca4a8; }

	/* Side Navigation */
ul.sideNav { list-style:none; margin:0 auto; padding:0 0 15px 0; width:98%; }
	ul.sideNav li { list-style:none; margin:0; }
	ul.sideNav li a { display:block; padding:3px; margin:3px; border:1px solid #98d2ff; background:#5a9acb; color:#fff; text-align:center; font-weight:bold; }
	ul.sideNav li a:hover { background: #1b8ce2; border:1px solid #fff; color:#fff; text-decoration:none; }
	/* for the notes section */
div.notes { display:block; color:#f5f5f5; padding:0 12px 16px 12px; line-height:105%; font-size:0.9em; }


/* sIFR styles
-------------------------------------------------------- */
.sIFR-flash {  visibility: visible !important;	margin: 0;	padding: 0; }
.sIFR-replaced { visibility: visible !important; }
.sIFR-alternate {position: absolute; left: 0; top: 0; width: 0; height: 0; display: block; overflow: hidden; }
.sIFR-replaced > div { display: none !important; }
.sIFR-active .bannerTitle { visibility: hidden; font-size:30px; padding:0; margin:0; }
.sIFR-active .motherTitle { visibility: hidden; font-size:32px; padding:0; margin:0; }


/* Various Formatting, Boxes, and Form Elements
-------------------------------------------------------- */
	/* Side Bar grey box */
.greyBox { display:block; margin:25px 0; padding:5px; border:1px solid #fff; border-width:1px 0 1px 0; background:#f3f3f3; font-size:0.9em; line-height:125%; }
	.greyBox ul {padding-left:20px;}
	.greyBox a {line-height:100%; color:#0054ff; }
	.greyBox a:hover { border-bottom:1px dotted; text-decoration:none; color:#ff0010;}
	.greyBox h3 { font-size:1.3em;  color:#000;}
	.greyBox h4 { font-size:1.2em;  color:#000;}
	.greyBox p {margin:3px 0 3px 0;}

.grey1 h5, .grey2 h5, .grey0 h5 { color: #555;}
	.grey3 h5 { color:#fff;}
	.grey3 a { color:#fff9c3;}
	.grey3 a:hover { color:#def9ff;}
	
	/* Side Bar transparent box with block links */
.resourceBox { display:block; padding:10px; color:#fff; line-height:110%;}
	.resourceBox ul {margin:0 0 8px 0; padding:0; list-style:none;}
	.resourceBox ul li {margin:0 0 0 0; border-top:2px solid #01568D; }
	.resourceBox ul li a {display:block; height:100%; padding:4px 20px 4px 6px; background:#f0f6fa url(/eot2008/20090109015700oe_/http://spatialdata.sam.usace.army.mil/images/pageElements/bgd_resourceLink.jpg) 99% 50% no-repeat; color:#376581; }
	.resourceBox ul li a:hover {background:#ffffff url(/eot2008/20090109015700oe_/http://spatialdata.sam.usace.army.mil/images/pageElements/bgd_resourceLink_hover.jpg) 100% 50% no-repeat; color:#376581; text-decoration:none; }
	.resourceBox ul li a.activated {background:#dae8f3 url(/eot2008/20090109015700oe_/http://spatialdata.sam.usace.army.mil/images/pageElements/bgd_resourceLink_active.jpg) 98% 50% no-repeat; color:#111; }
	.resourceBox ul li a:hover.activated {background:#dae8f3 url(/eot2008/20090109015700oe_/http://spatialdata.sam.usace.army.mil/images/pageElements/bgd_resourceLink_active.jpg) 98% 50% no-repeat; color:#777;  }
	.resourceBox ul ul {margin:0 0 0 0; background:#fff; padding:1px 0;}
	.resourceBox ul ul li {margin:0 0 0 0; border-top:0; }
	.resourceBox ul ul li a { display:block; width:100%; height:auto; padding:2px 0 2px 0; background:#fff; text-indent:10px; color:#01568D; text-decoration:none; font-size:0.9em; }
	.resourceBox ul ul li a:hover {background:#DEE2E5; color:#3F8DCF; text-decoration:none; }
	
	/* Side Bar lt. blue boxes with white content */
.infoBox { width:88%; margin:15px auto; padding:5px; border:1px solid #fff; background-color:#c0dbef; font-size:0.9em; line-height:120%; position:relative;}
	.infoBox h2 { font-size:1.5em; font-weight:bold; position:absolute; top:-19px; left:-5px; color:#fff; background:none; border:none;}
	.infoBox h3 { font-size:1.3em; color:#000;}
	.infoBox h4 { font-size:1.2em; color:#000;}
	.infoBox a {color:blue;}
	.infoBox a:hover {color:Red;}
	.infoBox p {margin:4px 0 4px 0;}
	.infoBox ul {padding-left:20px;}
	
	/* Content box, lt. grey, all purpose */
.showcase { padding:12px; background:#f6f6f6; border:1px solid #ddd; }
    .showcase .title {position:relative; top:-30px; left:-10px; font:normal normal bold 1.7em/100% trebuchet ms, 'trebuchet ms', tahoma, arial, verdana; color:#bbb; margin:0 0 -15px 0;}
    .showcase p {margin:0;}
    .showcase h3, .showcase h4, .showcase h5 {margin:0;}
    .news p {font-size:0.9em;}
    .news {width:80%; }
    .news .date {margin-bottom:12px;}
    
    /* Table styles */
.table1 { width:100%; margin:28px 0 14px 0; }
    .table1 td { padding:3px;}
    .table1 a { text-decoration:none;}
    .table1 .row2 {background:#F6F6F6;}
    .table1 .row1 {background:#ffffff;}
    .table1 .row2 td, .table1 .row1 td { border-bottom:1px solid #e3e3e3;}

tr.titleRow { font-size:1.1em; font-weight:bold;}

    /* Scrollable list box */
div.listBox {overflow-y:scroll; overflow-x:hidden; height:60px; width:440px; background:#fcfcfc; border:1px solid #7F9DB9;}
    .listBox ul, .listBox p {list-style:none; margin:0; padding:0; display:block;}
    .listBox ul li { display:block; margin:0; }
    .listBox ul li a { display:block; padding:2px 0 2px 4px; color:#7F9DB9; text-decoration:none;}
    .listBox ul li a:hover { color:#3F8DCF; background:#eee;}

    /* Various buttons */
.btn_filter {float:right; background:#599ED5; border:1px solid #21669D; color:#fff; padding:2px 5px; width:110px; cursor:pointer; font-size:0.9em; font-weight:bold;}
    .btn_filter:hover { background:#1B8CE2;}
 
.closeAjaxContent {display:none; float:right; background:#eee; border:1px solid #ddd; border-width:1px 1px 0 1px; padding:2px 4px; color:#777; cursor:pointer;}
    .closeAjaxContent:hover { border-color:#888; color:#333; background:#e9e9e9;}
    
	
	/* Project Box elements */
.projectBox { margin:3px 3px 26px 3px; padding:5px; border:1px dashed #9ACEFE; background:#eee; min-height:175px; }
	.projectBox a { text-decoration:none; }
	.projectBox h3 { margin:0; color:#1b6096; background:#9ACEFE; display:block; color:#1b6096; text-decoration:none; border:1px solid #71b2ed; border-width:1px 0 1px 0;}
	.content .projectBox h3 a { display:block; color:#1b6096; text-decoration:none; padding:2px; }
	.content .projectBox h3 a:hover /*,.projectBox h3:hover*/ {background:#d1e9ff; color:#09375b; }
	.projectBox ul.iconset {padding:8px 0 0 0; margin:3px 0 10px 0; font-size:0.9em; list-style:none; }
	.projectBox li {display:inline; margin-right:14px; padding:4px 0 4px 24px; height:21px;}
	.projectBox li.map { background:url(/eot2008/20090109015700oe_/http://spatialdata.sam.usace.army.mil/images/pageElements/greyicon_map.gif) left 50% no-repeat;}
	.projectBox li.data { background:url(/eot2008/20090109015700oe_/http://spatialdata.sam.usace.army.mil/images/pageElements/greyicon_data.gif) left 50% no-repeat;}
	.projectBox li.tools { background:url(/eot2008/20090109015700oe_/http://spatialdata.sam.usace.army.mil/images/pageElements/greyicon_tools.gif) left 50% no-repeat;}
	.projectBox li.docs { background:url(/eot2008/20090109015700oe_/http://spatialdata.sam.usace.army.mil/images/pageElements/greyicon_docs.gif) left 50% no-repeat;}
	.projectBox p.status {font-weight:bold; display:block; padding:5px 5px 5px 28px; margin:10px 0; }
	.unavailable .status {background:url(/eot2008/20090109015700oe_/http://spatialdata.sam.usace.army.mil/images/pageElements/greyicon_x.gif) 0 0 no-repeat; }
	.available .status {background:url(/eot2008/20090109015700oe_/http://spatialdata.sam.usace.army.mil/images/pageElements/greyicon_check.gif) 0 0 no-repeat; }

    /* Program Box elements, Accordion activated */
ul#entities { padding:0; margin:10px 0 0 0; list-style-type:none; }
    ul#entities li { display:block; width:100%; margin:0 0 1px 0; padding:0; }
    #entities a.head { display:block; background:#CBE1F6; padding:4px; text-decoration:none; color:#555; font-weight:bold; border-bottom:1px solid #fff;}
	#entities a:hover.head { background:#f6e3cb; color:#555; }
	#entities a.activated { background:#f6e3cb; border-bottom:1px solid #297AB9; color:#297AB9;}
	#entities a:hover.activated {color:#01568D;}
    #entities div.entityContents {}
        #entities .entityContents ul {list-style-type:none; margin:3px 0 16px 0; padding:0 0 0 0;}
        #entities .entityContents ul li { padding:4px 0 4px 20px; margin:5px 0; width:auto; background:url(/eot2008/20090109015700oe_/http://spatialdata.sam.usace.army.mil/images/pageElements/bluearrow.gif) 3px 9px no-repeat;}
        #entities .entityContents ul li:hover { background:#fff8ec url(/eot2008/20090109015700oe_/http://spatialdata.sam.usace.army.mil/images/pageElements/bluearrow.gif) left 9px no-repeat;}
        #entities .entityContents ul li a {text-decoration:none; }
        #entities .description { font-size:0.9em; line-height:108%; }
	
	/* Fieldset Form, contact page */
.form fieldset { padding:0 10px 10px 10px; border:1px solid #bbb; background:#fff url(/eot2008/20090109015700oe_/http://spatialdata.sam.usace.army.mil/images/pageElements/bgd_fieldset.jpg) left bottom repeat-x;}
    .form fieldset p { float:left; margin-right:12px;}
    .form fieldset legend { color:#333; padding:0 5px 5px 5px; font-weight:bold; }
    .form fieldset input, .form fieldset textarea, .form fieldset select { font-size:0.9em; background:#f9f9f9; border:1px solid #abc4d4;}
 
     /* Link Box */
.linksBox { padding:12px; background:#f6f6f6; border:1px solid #ddd; font-family:Arial, Verdana, Tahoma, Trebuchet MS; margin:15px 0; }
    .linksBox .title {position:relative; top:-27px; left:-13px; font:normal normal bold 1.3em/100% arial, trebuchet ms, 'trebuchet ms', tahoma, verdana; color:#999; margin:0 0 -15px 0;}
    .linksBox p {margin:0;}
    .linksBox h3, .showcase h4, .showcase h5 {margin:0;}
    .linksBox ul {margin:0; padding:0 0 0 12px;}
    .linksBox ul li { list-style-type:square; margin-bottom:7px; color:#888; padding-top:1px;}
    .linksBox li a { color:#005ea8; text-decoration:none; font-weight:bold; font-size:1.1em;}
    .linksBox li a:hover {color:#76afdc; text-decoration:none;}
    
    
    /* Pop Ups */
    /*.popUpBox {display:none; position:absolute; top:20%; left:50%; margin-left:-30%; z-index:1000; border:1px solid #aaa; background:#fff; width:600px; height:500px; overflow-y:scroll; overflow-x:hidden; padding:10px;}*/
    


/* Reusable classes
-------------------------------------------------------- */
.end {margin:0 0 0 0;}
.left { float:left; margin:0 10px 10px 0; }
.right { float:right; margin:0 0 10px 10px; }
.center { text-align:center;}
.clear { clear:both;}
.clearRight { clear:right;}
.photo { padding:3px; border:1px solid #ccc; background:#fff;}
.photoright { float:right; margin:0 0 10px 10px; padding:3px; border:1px solid #ccc; background:#fff; }
.photoleft { float:left; margin:0 10px 10px 0; padding:3px; border:1px solid #ccc; background:#fff; }
.blank { background:none; border:0 none;}
.alert { color:orange; font-weight:bold;}
.error { color:red}
.blue { color:blue;}
.grey { color:#999;}
.grey0 {background:#eee; }
.grey1 {background:#ddd; }
.grey2 {background:#ccc; }
.grey3 {background:#aaa; }
.bigger {font-size:1.1em;}
.smaller {font-size:0.9em;}
.iconLink a { text-decoration:none; font-weight:bold; }
.iconLink a img { border:none; vertical-align:middle; }
.iconLink a:hover img { opacity:.5; -moz-opacity:.5; filter:alpha(opacity=50);}
.returntop { display:block; margin:2px 0; font-size:0.9em; clear:right; }