@charset "utf-8";

/* Yorta Yorta Nation Aboriginal Corporation (YYNAC) - CSS Document */

/* Eric Meyers CSS Reset v final.0.1 (modified)
------------------------------------------------*/

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, 
address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, 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; vertical-align: baseline;
}
:focus { outline: 0; }
body { line-height: 1; color: black; background: white; }
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: "" ""; }


/* TYPOGRAPHY & GENERAL TAG REDEFINITIONS
------------------------------------------------*/

body { font-size: 15px; line-height: 1.6; font-family: Calibri, Helvetica, Arial, Verdana, sans-serif; color: #1f1313; }
a:link, a:visited { color: #d56033; }
a:hover, a:active { color: #a13328; }
blockquote { margin: 0.5em 0; padding: 20px 30px; background: #e9e7de; font-size: 1.1em; 
	-moz-border-radius: 15px; -webkit-border-radius: 15px; border-radius: 15px; }

/* LAYOUT & HOMEPAGE BITS 
------------------------------------------------*/

.container { margin: 0 auto; width: 900px; }

#header { height: 50px; border-bottom: 3px solid #fff; background: #392d25 url('../images/template/bg_dark_brown.png') repeat-x top; }

	#header .container { position: relative; }
	
	#header h1 { position: absolute; top: 0px; left: -10px; width: 270px; height: 209px; 
		background: url('../images/template/bg_logo_box.png') no-repeat top left; z-index: 9999; }
	#header h1 a { display: block; width: 270px; height: 200px; background: url('../images/template/logo.png') no-repeat center; text-indent: -999em; }
	
	ul#nav { position: absolute; width: 650px; top: 0px; right: 0; height: 50px; }
	ul#nav li { display: block; float: left; height: 50px; background: url('../images/template/sep_brown.png') no-repeat right top; }
	ul#nav li a { display: block; height: 50px; text-indent: -999em; }
	ul#nav li.about a 		{ width: 104px; background: url('../images/template/nav_about.png') no-repeat center top; }
	ul#nav li.agreements a 	{ width: 122px; background: url('../images/template/nav_agreements.png') no-repeat center top; }
	ul#nav li.community a 	{ width: 115px; background: url('../images/template/nav_community.png') no-repeat center top; }
	ul#nav li.programs a 	{ width: 106px; background: url('../images/template/nav_programs.png') no-repeat center top; }
	ul#nav li.careers a 	{ width: 91px;  background: url('../images/template/nav_careers.png') no-repeat center top; }
	ul#nav li.contact a 	{ width: 112px; background: url('../images/template/nav_contact.png') no-repeat center top; }
	ul#nav li a:hover, ul#nav li.current a { background-position: center -50px; }

#intro { height: 215px; border-bottom: 3px solid #fff; background: #dc6b38 url('../images/template/bg_orange_art.jpg') repeat-x top; }
	#intro .container { position: relative; }
	#intro p.blurb { position: relative; width: 320px; height: 215px; margin-left: 280px; text-indent: -999em; background: url('../images/template/bg_blurb.png') no-repeat right; }
	#intro p.blurb a { position: absolute; width: 320px; height: 215px; top: 0px; left: 0px; background: url('../images/template/blurb.png') no-repeat center left; }
	#intro .mask { width: 300px; height: 215px; overflow:hidden; position: absolute; top: 0px; left: 600px; }
	#intro #slideshow { position: relative; }
	#intro #slideshow img { position: absolute; }
	
#breadcrumbs { height: 55px; border-bottom: 3px solid #fff; background: #dc6b38 url('../images/template/bg_orange_art_thin.jpg') repeat-x top; }
	#breadcrumbs .container { width: 620px; padding-left: 280px; line-height: 55px; font-size: 1.1em; }
	#breadcrumbs a { color: #b34536; }

#features { border-bottom: 2px solid #fff; background: #a13328 url('../images/template/bg_features.png') repeat-x top; overflow: hidden; }
	#features .container { background: url('../images/template/sep_red.png') no-repeat 0px 40px; }
	#features h2 { height: 40px; text-indent: -999em; background: url('../images/template/h_services_and_programs.png') no-repeat 20px 0px; }
	#features h3 { font-weight: bold; font-size: 17px; padding-left: 24px; background: url('../images/icons/arrow_right.png') no-repeat 0% 60%; }

	#features .feature { display: block; float: left; width: 260px; padding: 20px 20px; background: url('../images/template/sep_red.png') no-repeat right top; color: #fff; }
	#features .feature a { color: #f4be38; }
	#features .feature a:hover { color: #ffed7c; }

#content { background: #fff url('../images/template/bg_shadow.png') repeat-x top; padding: 25px 0; }
	#content .container { overflow: hidden; }
	#content h3 { font-weight: bold; font-size: 20px; color: #a13328; margin: 0.5em 0; }
	#content h4 { font-weight: bold; font-size: 17px; color: #4b3e30; margin: 0.5em 0; }
	#content p { margin: 0.5em 0; }
	#content p.intro { font-weight: bold; color: #a7553c; font-size: 16px;  }
	
	#designated_areas { float: left; width: 560px; padding-left: 20px; }
	#gallery_preview { float: right; width: 300px; background: url('../images/template/bg_shade_300.png') repeat-y; }
	#gallery_preview h3 { margin: 0; padding: 0.3em 0; }
	#gallery_preview div { background: url('../images/template/bg_shade_top_300.png') no-repeat top; }
	#gallery_preview div div { background: url('../images/template/bg_shade_bottom_300.png') no-repeat bottom; padding: 0 20px; }
	
	body#sub #content { z-index: 1; padding: 7px 0 50px 0; background: #fff url('../images/template/bg_red_heading.png') repeat-x top; }
	body#sub #content .container { position: relative; width: 620px; padding-left: 280px; min-height: 500px; }
	body#sub #content.full .container { position: relative; width: 900px; padding-left: 0; min-height: 500px; }
	body#sub #content h2 { line-height: 68px; margin-bottom: 1.6em; font-size: 1.45em; color: #e1dece; font-weight: bold; }
	body#sub #content.full h2 { line-height: 68px; margin-bottom: 1.6em; padding-left: 280px; font-size: 1.45em; color: #e1dece; font-weight: bold; }
	
#subnav { position: absolute; top: 110px; left: 0px; width: 250px; background: url('../images/template/bg_shade_250.png') repeat-y; }
	#subnav div { background: url('../images/template/bg_shade_top_250.png') no-repeat top; text-decoration: none; color: #a13328; }
	#subnav div div { background: url('../images/template/bg_shade_bottom_250.png') no-repeat bottom; padding: 10px 20px; }
	#subnav h3 { margin-bottom: 5px; }
	#subnav h3 a { text-decoration: none; color: #a13328; }
	#subnav ul { padding-bottom: 50px; }
	#subnav ul li { border-bottom: 1px dotted #d5d3c6; line-height: 1.3em; }
	#subnav ul li.current { font-weight: bold; }
	#subnav ul li:last-child { border: none; }
	#subnav ul li a { display: block; padding: 10px 0 10px 22px; text-decoration: none; color: #1f1313; 
		background: url('../images/icons/arrow_right.png') no-repeat 0px 12px; }
	#subnav ul li a:hover { background-color: #ebebe4; background-position: 2px 12px; color: #1f1313; }


#footer { padding: 15px 0 20px 0; border-top: 3px solid #c6c3b0; background: #ecece6 url('../images/template/bg_grey.png') repeat-x bottom; text-align: center; }
	#footer_nav { color: #c5c2b0; }
	#footer_nav a { padding: 0 5px; }
	#footer .footer_address { font-size: 0.9em; line-height: 1.2em; }
	.credits a { display: block; width: 210px; height: 20px; margin: 8px auto; background: url('../images/template/madwebskills.png') no-repeat left top; text-indent: -999em; }
	.credits a:hover { background-position: 0 -20px; }
	




/* FIVE-COLUMN GRID
------------------------------------------------*/

div.section { overflow: hidden; position: relative; margin: 0 auto; }
div.column { float: left; overflow: hidden;}
div.first { margin-left: none; }
div.last { margin-right: none; }

div.one { width: 12.5%; }
div.two { width: 25%; }
div.three { width: 37.5%; }
div.four { width: 50%; }
div.five { width: 62.5%; }
div.six { width: 75%; }
div.seven { width: 87.5%; }
div.eight { width: 100%; }


/* UI ELEMENTS
------------------------------------------------*/

ul.gallery_thumbs { overflow: hidden; margin: 1em 0 0.5em 0; }
	ul.gallery_thumbs li { float: left; width: 118px; height: 118px; padding: 1px 3px 5px 3px; margin: 0 3px;
		background: url('../images/template/bg_gallery_thumb.png') no-repeat;  }
	ul.gallery_thumbs li a { display: inline-block; }
	ul.gallery_thumbs li a img { padding: 4px; background: #ecede8; }
	ul.gallery_thumbs li a:hover img { background: #cdc7a2; }
	body#sub ul.gallery_thumbs li {  width: 118px; height: 118px; padding: 1px 3px 5px 3px; margin: 0 15px 25px 10px;
		 background: url('../images/template/bg_gallery_thumb.png') no-repeat; }

.download { display: block; line-height: 1.2em; margin: 1em 0; padding: 6px 6px 6px 45px; font-weight: bold; 
	-moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; 
	text-decoration: none; background: #f7e8a2 url('../images/icons/file.png') no-repeat 8px 8px; }
	.download:hover { background-color: #ffc66b; }
	.download small { color: #000; font-weight: normal; }
	.download.pdf { background-image: url('../images/icons/pdf_file.png'); }
	.download.doc { background-image: url('../images/icons/doc_file.png'); }

.events { overflow: hidden; }
	.event_summary { float: left; clear: left; width: 240px; background: url('../images/calendar.png') no-repeat 3px 5px; 
		padding: 0 20px 1em 45px; line-height: 1.3em; }
	.event_summary.odd { clear: none; }
	.event_summary .event_title { font-weight: bold; }
	.event_summary .event_dateline { color: #a7553c; font-weight: bold; }
	.event_summary .event_info { color: #666; font-size: 0.9em; }

.box { background: #eae8dd; padding: 5px 20px 20px 20px; 
	-moz-border-radius: 15px; -webkit-border-radius: 15px; border-radius: 15px; }
	.box strong { color: #a7553c; }
	.first .box { margin: 15px 20px 0 0; }
	.last .box { margin: 15px 0 0 20px; }


/* CONTENT STYLES
------------------------------------------------*/

.image { padding-top: 8px; }
	.image a { display: inline-block; }
	.image img { padding: 9px; border: 1px solid #afab93; background: #fff; }
	.image a img { background: #ecede8; }
	.image a:hover img { background: #cdc7a2; }
	.image .caption { padding-bottom: 8px; }
	.image .caption.short { }

.left { float: left; margin: 0 20px 1em 0; }
.right { float: right; margin: 0 0 1em 20px; }
.center { text-align: center; }
.caption { color: #666; font-style: italic; }
.clear { clear: both; }

.body ul li {
	margin-bottom: 0.6em; padding-left: 24px;
	background: url('../images/icons/bullet.png') no-repeat scroll 3px 6px; }

.body ol { color: #868370; font: italic 1.3em Georgia, Times, serif; list-style: decimal; margin: 0 50px 1em; }
	.body ol li { margin: 0 0 1em 0; }
	.body ol p { font: normal 0.8em Calibri, Helvetica, Arial, Verdana, sans-serif; color: #000; }


#content ul.menu li { margin-bottom: 0.6em; padding: 0 0 1em 55px; line-height: 1.3em;
	background: url('../images/icons/page.png') no-repeat scroll 3px 3px; }
	ul.menu li a { font-weight: bold; }

.content_details { padding-bottom: 1em; margin-bottom: 1em; border-bottom: 1px solid #ccc; }
.address, .phone, .fax, .email { line-height: 1.3em; padding: 3px 0 15px 36px; }
#content .address p { margin: 0; padding: 0; }
.address { background: url('../images/icons/stamp.png') no-repeat scroll 3px 3px; }
.phone { background: url('../images/icons/phone.png') no-repeat scroll 3px 3px; }
.fax { background: url('../images/icons/fax.png') no-repeat scroll 3px 3px; }
.email { background: url('../images/icons/email.png') no-repeat scroll 3px 3px; }

.job { padding: 3px 0 1em 40px; background: url('../images/icons/pdf_file.png') no-repeat scroll 0px 0px; }
	#content .job h4 { margin: 0px; }
	.job a { font-weight: bold; text-decoration: none; }
	.job .summary { font-size: 0.9em; color: #666; }
	


/* ICONS
------------------------------------------------*/




/* FORMS
------------------------------------------------*/

form.neat { background-color: #eae8dd; margin: 0 20px 50px 0; padding: 20px 30px; font-size: 0.9em; }
	form.neat label, form.neat p.label { display:block; font-weight:bold; margin:0 0 3px 0 !important; }
	form.neat label.checkbox { display:inline; }
	form.neat .required { color:#666666; font-weight:normal; }
	form.neat input.text { font-family: arial, helvetica, sans-serif; font-size: 1.2em; margin: 0 0 20px; padding: 3px 2px; width: 98%; }
	form.neat textarea { font-family: sans-serif; height: 9em; margin: 0 0 20px; padding: 3px 2px; width: 98%; }
	form.neat .radios { margin:0 0 20px; }
	form.neat .radios input.radio { margin: 0; vertical-align: middle; }
	form.neat .radios label { color: #666; display: inline; font-weight: normal; margin: 0 10px 0 0 !important; }

.error { margin: 0 20px 1em 0; padding: 3px 5px 5px 50px; color: #300; font-size: 0.9em; line-height: 1.3em; 
	border: 1px solid #fdac22; background: #ffedcf url('../images/icons/error.png') no-repeat 10px 10px; }
	.error p { font-weight: bold; }
	.error ul li { background: url('../images/icons/bullet.png') no-repeat scroll 3px 0px; }


.success { margin-bottom: 1em; padding: 7px 8px 5px 45px; color: #030; font-size: 0.9em; line-height: 1.3em; 
	border: 1px solid #93bb81; background: #d0efc2 url('../images/icons/success.png') no-repeat 7px 7px; }
	#content .sent p { margin: 0 !important; padding: 0 !important; }