/* CSS Document */

* html { margin:0; padding:0;}

body { background:#fff url(../images/structure/bck-gradient.png) repeat-x top left; font: 100.01%/120% Verdana, Arial, Helvetica, sans-serif; }

#outer-container { width: 100%; background:url(../images/structure/bck-holes.png) no-repeat; height:450px; }

#main-container {margin:0 auto; }
	#contact-links { float:right; height: 25px; font: bold 80%/100% Arial, Helvetica, sans-serif; 
		margin-right:5px;}
		#contact-links span a { color:#571F1E; text-decoration:none; margin: 0 3px 0 20px; 
			font-weight:bold;}
		#contact-links span a img { border:none; vertical-align:bottom;}
		#contact-links span a:hover { text-decoration:underline;}

	#branding { background:url(../images/structure/bck-branding.png) repeat-x; height:112px; clear:right;}
		#branding .rt-corner { background:url(../images/structure/bck-branding-rt-corner.png) no-repeat top right;			float:right;width:10px;}
		#branding .lt-corner { background:url(../images/structure/bck-branding-lt-corner.png) no-repeat top left;			float:left; width:258px; height:112px;}

		#branding img#slogan {float:right; padding-right:8px; margin-top: 60px; }
		#branding a img { float:left; border:none; margin-top: 22px; margin-left:35px;}

	#strip {  background-color: #333; height:35px; border: 1px solid #C2C27B; }
		#strip p { display:block;  width: 120px; margin:3px 0 3px 55px; font: 70% Arial, Helvetica, sans-serif; color:#fff; padding-top: 7px;}	
		
		.extra { padding-top: 40px;}
		.extra a img { border:none;}
		.extra p { font-size:60%; margin: 20px 30px; text-align:center; margin-bottom:-6px;}
		.extra p img { border:none; }

		.leftpanelfix { background:url(../images/structure/bck-bt-left-panel.png) no-repeat bottom left; 
			height:35px; color:#571F1E; }

	#content { background:#fff; margin-left:222px; margin-right:145px; border-top:1px solid #fff; padding:5px; }
		#content #breadcrumb { border-bottom: 1px solid #ccc; width:100%; text-align:right;padding-bottom: 2px;} 
		#content #breadcrumb p { color:#757575; font: 75% Arial, Helvetica, sans-serif; margin:0; padding:0;}
		#content #breadcrumb p a { color:#985747;} 

		#content h1 { margin-top:10px; color:#663333; font: bold 120%/130% "Times New Roman", Times, serif;margin-bottom:0px;}
		#content h2 { clear:left;color: #2A3F55; font: bold 95%/120% Verdana, Arial, Helvetica, sans-serif;
			padding-bottom:0; margin-top:10px; margin-bottom:0; border-bottom:1px solid #F2F2F2;}
		#content h3 { color:#2A1F55; padding-left:5px; font: bold 90%/100% "Trebuchet MS", Verdana, sans-serif; margin-bottom:0;}		
		#content p { padding-left: 5px; font: normal 90%/120% Arial, Helvetica, sans-serif; margin-top:5px; }
		#content img.right { float:right; margin:5px;}
		#content a { font-weight:bold; color:#004000;}
		
		#content #pdc-map {float:left; background:#E1F0F5; margin:5px 5px 10px 5px; width:394px;border-bottom:2px solid #7F0000;clear:left;}
		#content #pdc-map img { border:none; margin-bottom:0; padding-bottom:0;border-bottom:1px solid #ccc;}
		#content #pdc-map p { font: 85% Arial, Helvetica, sans-serif; padding:5px; margin:0;}
		
		#content p.books { clear:left; line-height:25px; border-top:1px dashed #ccc;padding-top:5px;}
		#content p.books img { float:left; margin-right:5px; border:3px solid #2A1F55;}
		
		#content ul { list-style-image:url(../images/bullet.png); list-style-position:inside; }
		#content ul li { font: 90%/130% Arial, Helvetica, sans-serif; color:#004000;margin-left:0;padding:0;}
		#content ul li a { font-weight: bold; color:#004000;}
		#content ul li a:hover { color:#2A9F00;}
		#content ul li p { margin:0 0 0 25px;color:#333;}
		#content ul li p a { color:#333;}
		
		#content ul.nostyle { list-style:none; margin:0; padding:0 0 0 10px; font: normal 95%/125% Arial, Helvetica, sans-serif;}
		#content ul.nostyle li { color:#004000; line-height:125%;}
		#content ul.nostyle li a { color:#004000;}
		#content ul.nostyle li a:hover { color:#2A9F00;}
		
		#content #sitemap ul { color:#000;list-style-image:none; list-style:none; list-style-type:square;}
		#content #sitemap ul li a { color:#000;}
		#content #sitemap li ul li { list-style-image:none; list-style-type:disc; margin-left:0;padding-left:0;}
		
		#content ol { font: normal 90%/130% Arial, Helvetica, sans-serif; }
		
		#content img.image_border { border:2px solid #000;}
		
		#content .announcements { /*float:left;*/width: 355px; background:#F8F0D3;border-bottom:2px solid #7F0000;
			padding:0; margin: 5px auto; }
		#content .announcements h2 { background: url(../images/structure/bck-hdr-save-date.png) no-repeat top left;
			color:#fff; font: bold 105% Verdana, Arial, Helvetica, sans-serif; margin-top:0;
			text-align:center; font-style:italic;border-bottom:2px solid #7F0000; line-height:35px; }
		#content .announcements p { text-align:center; font:80%/1.2 Arial, Helvetica, sans-serif; }
		.event-title, .event-place { font: bold 120%/130% "Times New Roman", Times, serif; 
			font-style:italic; color:#2A5F00;}
		.event-date { font: bold 120%/130% "Times New Roman", Times, serif; 
			font-style:italic; color:#7F0000;}
		a.event-link { color:#000; font-weight:bold; font-style:italic;}
		
		#content .alert {float:left;width: 173px; background:#F1F1E4;border-bottom:2px solid #7F0000;
			padding:0; margin: 5px 5px 5px 0; }
		#content .alert h2 { background: url(../images/structure/bck-hdr-alert.png) no-repeat top left;
			color:#C30000; font: bold 105% Verdana, Arial, Helvetica, sans-serif; margin-top:0;
			text-align:center; font-style:italic;border-bottom:2px solid #7F0000; line-height:35px; }
		#content .alert p { text-align:center; padding:0 5px; font: 90%/130% Arial, Helvetica, sans-serif; }
		#content p.alert-title { color:#2A5F00;font: bold 90%/130% "Times New Roman", Times, serif;}
		#content .alert p.alert-action a { font-weight: bold; color:#7F0000;}
		#content .alert p.alert-detail { text-align:center; font: 80%/110% Arial, Helvetica, sans-serif; }
		
		#content table { border:3px solid #D49F00; border-spacing:0;margin:8px 0px;}
		#content table tr.head {background:#D4BF00; font: bold 90%/120% "Trebuchet MS", Verdana, sans-serif;} 
		#content table td { padding:5px; }
		#content table tr.one {background:#D4C22F;}
		#content table tr.two {background:#D4C43F; }
		#content table tr.three {background:#D4C75D; }
		#content table tr.four {background:#D4CA74; }
		#content table tr.five {background:#D4CC8C; }
		
		blockquote { width:85%;background: transparent url(../images/structure/bck-left-quote.png) left top no-repeat; font: italic 90%/120% "Trebuchet MS", "Times New Roman", Times, serif;}
		blockquote div { padding: 0 48px;  background: transparent url(../images/structure/bck-right-quote.png) right bottom no-repeat;}
		blockquote span { text-align:center;display:block;font-weight:bold;}		
		
		#content .resources {float:left;height:auto; width:176px; background:url(../images/resources/fr-body.png) repeat-y top left; margin: 0 3px 3px 0; }
		#content .resources h2 {font: 75%/1.1 Verdana, Arial, Helvetica, sans-serif; color:#000; padding:10px 13px 0 13px; border-bottom:none; margin-top:0; background:url(../images/resources/fr-top.png) no-repeat top left;min-height:40px;}
		#content .resources p { padding: 0 8px; font-size:85%;text-align:center;padding-bottom:0;margin-bottom:0;}
		#content .resources p a img.go-button { border:none; margin-right:10px; }		
		#content .resources .fr-clearfix { background:url(../images/resources/fr-bottom.png) no-repeat bottom left; }
		
	#right-col { width: 140px; position:absolute; right:9px; top: 169px; float:right; margin-left:5px;}
		.random-resource { background:url(../images/structure/bck-rt-rdm-rsc.png) no-repeat top left; 
			height: 85px; }
		.random-resource h3 { font: bold 80%/90% Verdana, Arial, Helvetica, sans-serif; text-align:center;	color:#fff; padding-top:8px;margin-bottom:0;}
		.random-resource p { text-align:center; font:80%/110% "Courier New", Courier, monospace;margin-top:7px; }
		.random-resource p a:link { color:#D49F00; text-decoration:underline; font-weight:bold;}
		.random-resource p a:visited { color:#D49F00;font-weight:bold;}
	
		.imagebox { background: url(../images/structure/bck-imagebox.png) no-repeat top left;
			 height:125px; width:135px; padding: 5px 3px 3px 10px; } 
		.imagebox img {border:4px solid #000; }

	#footer { clear:both; border-top:1px solid #000; padding-left: 0; padding-bottom:10px; margin-top:10px; }
		#footer p { font: 70%/95% Arial, Helvetica, sans-serif; color:#000; padding-bottom:0; 
			margin-bottom:0; }
		#footer p:first-letter { font-weight:normal;} 
		#footer p a { color:#00f; font-weight:normal; }
		#footer p a:hover { font-weight:bold;}