@charset "UTF-8";
/* CSS Document */

body {background: #111 url(images/headerBG.jpg) repeat top; color:#3d3d3d;
font:normal .9em/1.4em "Trebuchet MS", Arial, Helvetica, sans-serif; list-style-type:square; margin:0px;}

body#home a#homenav, body#about a#aboutnav, body#prob a#probnav, body#prog a#prognav, body#impact a#impactnav, body#resources a#resourcenav, body#donate a#donatenav
{background: #993218;}

#container {min-width:1080px;width:100%;}

a:link {color:#3d3d3d;}
a:visited {color:#666;}
a:hover {color:#c14f27;}
a:active {color:#333;}

.whiteLink a:link {color:#fff; text-decoration:none;}
.whiteLink a:visited {color:#CCC; text-decoration:none;}
.whiteLink a:hover {color:#c14f27; text-decoration:underline;}

#header {background: url(images/navBGheader.png) repeat-x left;
color:#fff; font:normal 15px 'Trebuchet MS', Arial, Helvetica, sans-serif; height:213px;}
#banner {color:#fff; font:italic 16px/1.8em 'Trebuchet MS', Arial, Helvetica, sans-serif; margin:0px 30px;padding:20px 0px; text-align:right; width:1080px;}
#footer {font-size:12px; color:#fff; padding:10px 0px;}

/*HEADER AND NAV STYLES*/
#nav {float:none; height:21px; left:20px; padding-top:2px; top:155px; position:absolute; text-align:left;}

ul#topNav {float:left;line-height:1.7em; left:0px; top:0px; list-style-type:none; margin:0px 0px 0px 20px; padding:0px; position:absolute; width:1000px;}

ul#topNav li {border-right:1px solid #fff; color:#fff; display:block; float:left; height:25px; margin:0px;} 
ul#topNav li a {color:#fff; display:block; height:25px; padding:0px 12px; text-decoration:none;}
ul#topNav li:hover {background:#d56a2b;}
ul#topNav li span {background:#111; border:1px solid #fff; border-top:none;
display:none;/*--Hide by default--*/ float:left; font-size:12px; height:25px; margin:1px; padding-bottom:1px; position:absolute; text-align:left;}
ul#topNav li:hover span {display: block;} /*--Show subnav on hover--*/
ul#topNav li span a {display: inline;} /*--Since we declared a link style on the parent list link, we will correct it back to its original state--*/
ul#topSubNav {margin:0px;padding:0px;position:relative;}
ul#topSubNav li {border-right:1px solid #fff;}
ul#topSubNav li:hover {background: #3d3d3d;}

.clear {clear:both;}

#content {
background:url(images/contentBG2.jpg) center;
border-top:4px solid #c14f27; border-bottom:4px solid #c14f27; margin:0px; padding:10px 30px 15px 30px; min-height:300px;overflow:auto;}

#leftContainer {float:left; margin-right:15px; min-height:300px; width:215px;}
	#leftInvisible {display:none;}
	#leftWide {float:left; margin-right:15px; min-height:300px; width:315px;}
	
#rightContainer {border-left:1px solid #c14f27; margin-left:230px; padding-left:15px;min-height:300px;overflow:auto;width:780px;}
	#rightFull {min-height:300px; width:1050px;}
	#rightNarrow {border-left:1px solid #c14f27; margin-left:330px; padding-left:15px;min-height:300px;overflow:auto; width:650px;}


/**STYLES**/
.picBorder {border:1px solid #c14f27; display:block; margin:5px 10px}

.calloutBox {
background: url(images/transBG.png) repeat;
-moz-border-radius:10px; -webkit-border-radius:10px;
color: #fff; font:normal 1.1em/1.5em "Trebuchet MS", Arial, Helvetica, sans-serif; padding:15px;}

#calloutFloatRight {float:right;margin-left:15px;margin-bottom:10px;width:300px}

#calloutFull {margin:0px; height:auto; width:auto;}

.extraInfo {
	background:#666; -moz-border-radius: 10px; -webkit-border-radius: 10px; color:#fff; padding:10px; display:none; margin:20px; height:0px; overflow:hidden;}

.popup {background: url(images/transBG.png) repeat;
-moz-border-radius: 10px; 
-webkit-border-radius: 10px;
border: solid 5px #c14f27;
color: #fff;
display:block;
float:left;
position:absolute;
line-height: 1.2em;
margin: 5px 10px 0px 10px;
padding: 15px;
top:335px;}

#ACTpopup, #NAEFpopup, #WRITINGpopup {display:none;line-height:2em;margin-left:-50px;position:absolute;}

#timeOnePopup, #timeTwoPopup, #timeThreePopup, #timeFourPopup, #timeFivePopup, #timeSixPopup {display:none;margin-left:-100px; position:absolute;width:300px;}

#timelineOnePop, #timelineTwoPop, #timelineThreePop, #timelineFourPop, #timelineFivePop, #timelineSixPop {display:none; margin-left:-100px; position:absolute; width:300px;}

#NAAFpopup, #WRITEpopup, #HSJpopup {display:none;margin-left:-100px; position:absolute; width:400px;}

#journalismGraphic {
	background:#3d3d3d url(images/JOURNALISMtimeline.jpg) center no-repeat;
	height:55px; width:600px; margin:4px 0px;}

#programGraphic {background:#3d3d3d url(images/engagementTIMELINE.jpg) center no-repeat;
 height:83px; margin:4px 0px; padding-top:70px; width:600px;}


#competition  
{border: solid 1px #c14f27;
background: #999;
-moz-border-radius: 10px; 
-webkit-border-radius: 10px;
display:table;float:left;line-height:1.2em;margin:8px 0px; padding:0px;width:100%;}
#competition tr#orgs {	cursor:pointer;}
#competition tr.even{background: #CCC;}
#competition td#svp {border-right: none;}
#competition td#category {text-align:right;}
#competition td {border-right: solid 1px #c14f27;padding:4px;}

/*SUBNAV BOX*/
#subnavBox {
background: url(images/transBG.png) repeat;
-moz-border-radius:10px; -webkit-border-radius:10px; margin:0px; padding:10px; overflow:hidden;
}

#subnavBox ul {list-style-type: none; padding:10px; margin:0px;}
#subnavBox ul span ul {margin-left: 10px; padding:10px}

/*TYPOGRAPHY STYLES*/
.activeSub {color:#c14f27;text-decoration:underline;}
.annotation {font-size:.7em;font-style:italic;}
.annotation a {color:#c14f27 !important;}
.annotation a:link {color:#c14f27;}
.annotation a:visited {color:#666;}
.annotation a:hover {color:#666 !important;}
.annotation a:active {color:#666;}
.orangeTxt, li, .whiteTxt li span {color:#c14f27;}

.header {
color: #3d3d3d;
font:bold 1.3em/1.6em "Trebuchet MS", Arial, Helvetica, sans-serif;
text-transform: uppercase;}

.subOrange {
color: #c14f27; font-weight: bold; font-size: 1em; line-height:2em; margin:0px; padding: 0px 15px; text-transform: uppercase;}
.subHead {color: #3d3d3d;
font: bold 1.1em/1.4em "Trebuchet MS", Arial, Helvetica, sans-serif;
text-transform: uppercase;}
.whiteTxt, li span, li p {color:#fff;}
.grayTxt li span {color:#3d3d3d;}


/*SPRY ACCORDION STYLES*/
.Accordion {font:normal .9em/1.2em "Trebuchet MS", Arial, Helvetica, sans-serif; margin: 0px; overflow:hidden;}
.AccordionPanel {
	margin: 0px;
	padding: 0px;}
.AccordionPanelTab {
	background: #ccc url(images/arrowSIDE.png) left no-repeat;
	border: solid 1px #c14f27;
	color:#3d3d3d;
	margin: 0px;
	padding: 2px 0px 2px 20px;
	cursor: pointer;
	-moz-user-select: none;
	-khtml-user-select: none;}
.AccordionPanelContent {
	color:#fff;
	height: 320px;
	margin: 0px;
	overflow: auto;
	padding: 0px 10px 0px 0px;}
.AccordionPanelOpen .AccordionPanelTab {background: #ccc url(images/arrowDOWN.png) left no-repeat;}
.AccordionPanelTabHover {color: #555555;}
.AccordionPanelOpen .AccordionPanelTabHover {color: #555555;}

/*SPRY MASTER DETAIL STYLES*/
.MasterDetail {float:left; margin:0px 0px;}
.MasterDetail .MasterContainer {
	background: url(images/transBG.png) repeat;
	-moz-border-radius: 10px; 
	-webkit-border-radius: 10px;
	float:left;
	overflow: hidden;
	padding:10px 0px;
	width: 200px;}
.MasterDetail .MasterColumn {
	color: #fff;
	cursor:pointer;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: .9em;
	line-height: 1.2em;
	padding:5px 20px;}
.MasterDetail .MasterColumnHover {background-color: #555;}
.MasterDetail .MasterColumnSelected {background-color:#333; color: #fff;}
.MasterDetail .DetailContainer {
	float:none;
	height: auto;
	margin-left: 215px;
	padding: 10px 10px;
	width: 60%;}
.MasterDetail .DetailColumn {color:#3d3d3d; margin-bottom:1px;}