@import url("menu.css");
@import url("audio.css");
@import url("imageSelector.css");

html, body {	
	margin:0px;
	padding:0px;
}

body {
	background-color:#DDD;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:80%;
	color:#620500;
}

#development {
	width:99%; 
	margin:auto; 
	background-color:#FFFF00; 
	text-align:center; 
	font-family:Verdana, Arial, Helvetica, sans-serif; 
	font-size:90%; 
	font-weight:bold; 
	border:1px solid #000;
}

#siteContainer {
	min-width:770px;
	max-width:950px;
	margin:auto;
	border:1px solid #666;
	background:#E5DAD5 url(../images/layout/container_bg.jpg) repeat-y 0 0 ;
}

#banner {
	width:100%;
	height:189px;
	background:transparent url(../images/layout/bannr_bg_tile.jpg) repeat-x 0 0;
}

#bannerLeft {
	float:left;
	width:423px;
	height:100%;
	background:transparent url(../images/layout/bannr_bg_left.jpg) no-repeat 0 0;
}

#bannerRight {
	float:right;
	width:326px;
	height:100%;
	background:transparent url(../images/layout/bannr_bg_right.jpg) no-repeat 100% 0;
}

#pageContainer {
	margin-bottom:1em;
	float:left;
}

#navigation {
	float:left;
	width:152px;
}

#content {
 	margin-left:170px;
	min-height:520px;
	min-width:588px;
	max-width:790px;
	background:#E5DAD5 url(../images/layout/content_watermark.jpg) no-repeat 100% 100%;
	padding-bottom:20px;
}

#footer {
	clear:both;
}

/* Banner Styles */

#banner .altTitle {
	display:none;
}

#banner .issue {
	margin-top:130px;
	margin-left:20px;
	position:absolute;
	width:20em;
	padding:2px;
	color:#FFF;
	font-size:90%;
	font-weight:bold;
}

/* Content Styles */
#content .bannerOverlap {
	float:right;
	height:57px;
	width:175px;
	background:transparent url(../images/layout/heading_bg.jpg) no-repeat 100% 0% ;
	padding: 0px;
	margin-top:-20px;
	margin-bottom:-40px;
	z-index: -10;
}

#content #articleContents li {
	list-style-type:none;
	margin-left:-15px;
	background:transparent url(../images/layout/bullet-gold.gif) 0 0 no-repeat;
	padding-top:0px;
	padding-left:20px;
	margin-bottom:0.5em;
}

#content #articleContents li a {
	text-decoration:underline;
	color:#620500;
}

#content #articleContents li a:hover, #content #articleContents li a:focus, #content #articleContents li a:active {
	text-decoration:none;
	color:#BF0900;
}

#content .back {
	text-align:right;
	padding-right:10px;
}

#content .back a {
	text-decoration:none;
	color:#620500;
}

#content .back a:hover {
	text-decoration:underline;
	color:#BF0900;
}

#content .imageRight {
	float:right;
	margin:1em;
	padding:0.5em;
	border-top:1px solid #999;
	border-left:1px solid #999;
	border-right:2px solid #000;
	border-bottom:2px solid #000;
	text-align:center;
	display:inline;

}

#content .imageRight p {
	font-size:85%;
	margin:0.25em 0;

}

#content #article {
	overflow:hidden;
}

#content .imageLeft {
	float:left;
	margin:15px;
	padding:5px;
	border-top:1px solid #999;
	border-left:1px solid #999;
	border-right:2px solid #000;
	border-bottom:2px solid #000;
	text-align:center;
}

#content .boxContainer {
	margin:1em;
	border:1px solid #AEAEAE;
	padding:1em 1em 0.5em;
}

#content .boxContainer:after {
	content:".";
	clear:right;
	height:1px;
	display:block;
	visibility:hidden;
	margin-top:-1px;
	margin-bottom:1px;
}

#content .imageContainer {
	clear:both;
	margin-bottom:5px;
	width:98%;
}

#content .imageContainer .imageRight { 
	margin:0 10px 10px 5px;
	padding:1em;
}

#content .imageContainer .imageLeft {
	margin:0 5px 10px 10px;
	padding:1em;
}

#content .welcomeAudio {
	float:right;
	width:265px;
	height:60px;
	background:#F4F4F4 url(../images/layout/icon_speaker_white.gif) 5% 50% no-repeat;
	padding-left:50px;
	border:1px solid #666;
	margin-right:1em;
}

#content .welcomeAudio p {
	margin:1em;
}

#content .imageContainer {
	overflow:hidden;
}

#content h1 {
	color:#6D0304;
	font-size:1.2em;
	width:550px;
	padding:0.2em 1em;
	border:1px solid #C7C3B8;
	background-color:#FFFFFF;
	margin:20px 0 10px 10px;
	position:relative;
	z-index:2;
	top:-10px;
}

#content h2 {
	font-size:1em;
	background-color:#DCA587;
	margin:20px 0 20px 20px;
	padding:0.2em 1em;
	width:550px;
	position:relative;
	z-index:2;
}

#content h3 {
	font-weight:bold;
	width:72%;
	margin-left:20px;
	font-size:110%
}

#content p {
	margin-left:20px;
	margin-right:10px;
}

#content h2.eventTitle {
	margin:1em 12px 1em 13px;
	padding:0.2em 1em;
	width:auto;
	margin-bottom:-1em;
}

#content .author {
	font-size:85%;
	font-weight:bold;
	text-align:left;
	padding-bottom:10px;
}

#content .articleSnippet {
	margin-right:15px;
	font-size:95%;
	line-height:1.2em;
}

#content #article {
	margin:0 20px 10px 20px;
	border:1px solid #000;
	padding:5px;
	padding-top: 1.5em;
}

#content #article li {
	margin:5px 15px;
}

#content .col_left {
	float:left; 
	margin-left:55px; 
	clear:left;
}

#content .col_right {
	float:right; 
	width:20%;
}

#content .categoryContainer:after {
	content:".";
	clear:both;
	height:1px;
	display:block;
	visibility:hidden;
}

#content table {
	font-size:90%;
	border-collapse: collapse;
}

#content table td {
	text-align:center;
}

#content table .title {
	background-color:#DCA587;
	text-align:center;
	font-size:1.1em;
}

#content table.grantDates caption {
	font-weight:bold;
	line-height:2em;
	background-color:#DCA587;
	border:1px solid #505050;
}

#content table .red {
	background-color:#DCA587;
}

#content table .info {
	text-align:left;
}

#content table th {
	text-align:center;
}

#content table .alignLeft {
	text-align:left;
	padding:5px;
}

#content table .alignRight {
	text-align:right;
	padding:5px;
}

#content table .normal {
	background-color: transparent;
}
#content table .highlight { 
	background-color: #EFEFEF;
}

#content th {
	text-align:right;
	padding:5px;
}

#content table thead th {
	text-align:center;
	background:#F4F4F4;
	border:2px solid #F4F4F4;
}

#content .tableLeft th {
	text-align:left;
	padding:5px;
}

#content table.grantDates {
	border:1px solid #505050;
}

#content table.grantDates th, #content table.grantDates td {
	padding:1em;
	border-top:1px solid #505050;
}

#content table.grantDates thead th {
	border:0;
}

#content table.grantDates tbody td {
	vertical-align:top;
	text-align:left;
}
#content table.grantDates tbody th {
	vertical-align:top;
	text-align:left;
	font-weight:bold;
}

#content .tableWide {
	border:1px solid #000;
	margin-bottom:1.5em;
}

#content .tableWide th {
	text-align:center;
	vertical-align:top;
}

#content .tableWide tr td {
	text-align:left;
	vertical-align:top;
	padding:0.5em;
	border-top:1px solid #000;
}

/* Table event class */
#content table.event {
	width:100%;
	margin:0 auto;
}

#content table.event td {
	text-align:left;
}

#content table.event td p {
	padding:0;
	margin:0.5em;
}

#content table.event td.right {
	text-align:right;
	vertical-align:top;
}

/* Recommendations Table Styles */

#content table.recommendations {
	border:1px solid #505050;
}

#content table.recommendations td {
	text-align:left;
	vertical-align:top;
	border-top:1px solid #505050;
	border-bottom:1px solid #505050;
}

#content table.recommendations th {
	vertical-align:top;
	border-top:1px solid #505050;
	border-bottom:1px solid #505050;
}

#content table.awards, #content table.awards a {
	margin-left:20px;
	margin-right:10px;
}

#content table.awards tr {
	border:1px solid #AEAEAE;
}

#content table.awards td {
	text-align: left;
	vertical-align:top;
}

th.alignCenter {
	text-align:center;
}

#content .quoteBox {
	width:80%;
	margin-left:5%;
	margin-bottom:0.5em;
	border:1px solid #000;
	padding:1.75em 2em 0.5em 2em;
	background:#F4F4F4 url(../images/layout/icon_start_quote.gif) no-repeat 1em 1em;
}

#content .quoteRight {
	float:right;
	width:40%;
	margin:1em;
}

#content .quoteBox .endQuote {
	font-size:80%;
	background:transparent url(../images/layout/icon_end_quote.gif) no-repeat 100% 98%;
	font-weight:bold;
	padding-right:0;
}

#content .quoteBox li {
	margin-left:20px;
}

#content .culture_background {
	background:transparent url(../images/layout/culture_background.gif) no-repeat top left;
}

#content .rightColumn {
	border: 1px solid #AEAEAE;
	float: right;
	width: 30%;
	margin: 1em;
	background: #FFFFFF;
}

#content .rightColumn h2 {
	margin: 0em 0em 0.5em 0em;
	width: auto;
	display: block;
	text-align: center;
}
#content .rightColumn  p {
	text-align: center;
	margin: 0.5em;
}

#content .center ul {
	margin: 0em;
	padding: 0em 0.5em 1.5em 1.5em;
}

#content .center ul li {
	margin-top: 0.5em;
}


#content .center ul.pdf_articles {
	list-style-type: none;
	margin: 0em 0.5em 1.5em 0.5em;
	padding: 0;
}

#content .center ul.pdf_articles li {
	margin-top: 0.5em;
}

#content .center ul.pdf_articles li a {
	display: block;
	padding-left: 23px;
	background-position: top left;
}


.articleLink a {
	color:#FFF;
	text-decoration:none;
}

.articleLink a:hover, .articleLink a:focus, .articleLink a:active {
	text-decoration:underline;
}

/* Navigation Styles */

#navigation .altTitle {
	margin-top:-500em;
	position:absolute;
}

#navigation #hotPress {
	background:#E3A529 url(../images/layout/hotPress_title.gif) no-repeat; 
	padding:30px 2px 10px 5px;
	margin:15px 0 10px 15px; 
	border:1px solid #000; 
}

#navigation .miniBanner {
	margin:15px 0 10px 15px; 
}

#navigation .miniBanner img {
	border:1px solid #000;
}

#navigation #hotPress p.hotSummary {
	font-size:80%;
	margin:0 5px 0 0;
}

#navigation #hotPress p.hotLink {
	text-align:right;
	margin:0 5px 1em 0;
	font-size:80%;
}

#navigation ul{
	margin:0;
	padding:0;
}

/* Link Styles */

a.doc, a.rtf, a.pdf, a.xls, a.ppt {
	padding-left:20px;
	background-color:transparent;
	background-position: 0 50%;
	background-repeat:no-repeat;
}

a.doc { background-image:url(../images/layout/icon_doc.gif) }

a.rtf { background-image:url(../images/layout/icon_rtf.gif) }

a.pdf { background-image:url(../images/layout/icon_pdf.gif) }

a.ppt { background-image:url(../images/layout/icon_ppt.gif) }

a.txt { background-image:url(../images/layout/icon_xls.gif) }

/* Definition List Styles */

dl {
	margin-left:3em;
	font-size:90%;
}

dd {
	margin-bottom:1em;
}

dl.grants_program, dl.engaging {
	padding: 0.25em 0;
	margin-left:40px;
	margin-right:10px;
	font-size:1em;
}

dl.grants_program dt {
	font-weight: bold;
	padding: 0.6em 0 0 0;
}

dl.grants_program dd {
	padding: 0.3em 0;
	margin-left:0;
	margin-bottom:0;
}

dl.grants_program dd .deadline {
	font-weight:bold;
}

dl.grants_program dd .deadline, dl.grants_program dd .dates {
	font-size:90%;
}

dl.engaging {
	padding: 0.25em 0;
	margin-left:40px;
	margin-right:10px;
	font-size:1em;
}

dl.engaging dt {
	padding: 1.5em 0 0.5em;
}

dl.engaging dd {
	padding: 0.3em 0;
	margin-left:0;
	margin-bottom:0;
}

dl.engaging dd ul {
	margin:0.3em 0 0.3em 2em;
	padding:0;
}

dl.engaging li {
list-style-type:square;

}

cite {
	font-size:80%;
	font-style:normal;
	font-weight:bold;
}

.further_info {
	text-align:center;
	font-size:90%;
}

/* RSS Link */
.rssLink {
	width:80px;
	height:15px;
	margin-left:16px;
}

.rssLink a.rss { 
	background:url(../images/layout/rss_feed.gif) 0 0 no-repeat; 
	width:100%;
	height:100%;
	display:block;
	font-size:0;
	color:#FFF;
	padding-left:1px;
}

.rssLink a:hover, li.button a:focus { 
	background-position: 0 -15px; 
}

#content .hideEmail {
	position:absolute;
	top:-500em;
	border:1px solid #000;
}
