/********************************************
* Cocopah Indian Tribe
*
* Created 4/24/2009- Estudio Ray
*
* General Style Definitions
********************************************/

/*******************************************
* Browser Reset - Created by Eric Meyer
*******************************************/

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, code,
del, dfn, em, img, q, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: Helvetica, Arial, sans-serif;
	vertical-align: baseline;
}

/* Tables still need 'cellspacing="0"' in the markup. */
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight:400; }

/* Remove possible quote marks (") from <q>, <blockquote>. */
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }

a img { border: none; }


/*******************************************
* Typography - Pulled from BlueprintCSS
*******************************************/

body { font-size: 75%; }

body {
    color: #333; 
    font-family: Helvetica, Arial, sans-serif;    
    background: #e9ce7d url(../images/bg.jpg) top left repeat-x;
}

/* Text Elements
-----------------------------*/

h1,h5,h6 { 
    color: #333; 
    font-family: Helvetica, Arial, sans-serif;    
}

h1,h2,h3,h4,h5,h6 { font-weight: bold; }

h1 { font-size: 3em; line-height: 1em; margin-bottom: 0.5em; }
h2 { font-size: 1.1em; margin-bottom: 0.75em; margin-top: 0.75em; color: #52404a; }
h3 { font-size: 1.0em; margin-bottom: 0.75em; margin-top: 0.75em; color: #333; }
h4 { font-size: 1.05em; line-height: 1.25; margin-bottom: 1.25em; color: #005b6b; }
h5 { font-size: 1em; font-weight: bold; margin-bottom: 1.5em; }
h6 { font-size: 1em; font-weight: bold; }

p           { margin: 0 0 1em; font-size: 16px; line-height: 1.4em;}
p.last      { margin-bottom: 0; }
p img       { float: left; margin: 1.5em 1.5em 1.5em 0; padding: 0; }
p img.top   { margin-top: 0; } /* Use this if the image is at the top of the <p>. */
img         { margin: 0 0 1.5em; }

a:focus, 
a:hover     { color: #c2272e; text-decoration: none; }
a           { color: #c2272e; outline: none; }

ul, ol      { margin:0 1.5em 1.5em 2.5em; color: #333; font-size: 16px; }
ul          { list-style-type: none; }
ol          { list-style-type: decimal; }
dl          { margin: 0 0 1.5em 0; }
dl dt       { font-weight: bold; }
dd          { margin-left: 1.5em;}

/*********************************
* Layout Definitions
*********************************/

#container {
    margin: 0 auto;
    width: 964px;
    background: #f5eae0 url(../images/content_bg.jpg) top left repeat-y;
	overflow: hidden;
    color: #333;
}

.container-bg {
    margin: 0 auto;
    width: 1014px;
    background: #f5eae0;
	overflow: hidden;
    color: #333;
	background: url(../images/shadow.png) top left repeat-y;
}

a#logo img {
    width: 350px;
    height: 123px;
    display: block;
	float: left;
	padding-top: 20px;
	padding-left: 17px;
	overflow: hidden;
}

.tagline img {
    width: 630px;
	height: 88px;
	display: block;
	padding-top: 20px;
	margin-right: 8px;
	overflow: hidden;
}

.content-main {
    float: right;
    clear: right;
    width/**/:/**/ 622px;
	width: 566px;
    padding: 10px 28px 0 28px;
}

.sidebar {
    float: left;
    clear: left;
    width: 334px;
    margin: 0;
    padding: 0;
	border-right: 6px solid #52404a;
	background: #52404a;
}

.sidebar p {
    color: #ffffff;
	font-size: 11px;
    font-family: Helvetica, Arial, sans-serif;    
}

.content-main {
    font-size: 18px;
}

#content-photo {
    float: right;
    clear: right;
    margin: 0;
    padding: 0;
    margin: 0px 0px 23px 23px;
}

#content-photo2 {
    float: left;
    margin: 0;
    padding: 0;
    margin: 10px 10px 20px 180px;
}

.pdf-icon {
    float: left;
    clear: left;
    padding-left: 25px;
    background: url(../images/pdf_icon.jpg) bottom left no-repeat;
}


/*********************************
* Lists
*********************************/

.content-main ul { 
    margin: 0 0 10px 1px;
    padding-left: 15px;
}

.content-main ul li {
    background: url(../images/bullet.gif) 0 8px no-repeat;
    padding-left: 15px;
    padding-top: 3px;
    color: #333;
    font-size: 16px;	
}

/*********************************
* Footer Definitions
*********************************/

.footer-home {
    margin: 0 auto;
	height: 26px;
	width: 1014px;
	display: block;
	overflow: hidden;
	background: url(../images/footer_bg.jpg) bottom right no-repeat;
}

.footerp {
    color: #333;
	font-size: 11px;
}

.footerp a {
    color: #333;
	font-size: 11px;
}

.footer {
    margin: 0 auto;
	height: 62px;
	width: 1014px;
	display: block;
	overflow: hidden;
	background: url(../images/footer_interior_bg.jpg) bottom right no-repeat;
}

.footer p {
    margin-top: 15px;
	color: #ffffff;
}

.footer p a {
	color: #ffffff;
}

/*********************************
* Main Navigation
*********************************/

#nav {
    width: 622px;
    height: 35px;
	margin: 0 auto;
	float: left;
	margin-top: -18px;
}

#nav li {
    display: inline;
    list-style: none;
    float: left;
}

#nav a {
    display: block;
    text-indent: -9999px;
    height: 35px;
    overflow: hidden;
}

a#about {
    background:  url(../images/nav_about.jpg) top right no-repeat;
    width: 75px;
}
a#education {
    background:  url(../images/nav_education.jpg) top right no-repeat;
    width: 77px;
}
a#cultural {
    background:  url(../images/nav_cultural.jpg) top right no-repeat;
    width: 66px;
}
a#environmental {
    background:  url(../images/nav_environmental.jpg) top right no-repeat;
    width: 101px;
}
a#recreation {
    background:  url(../images/nav_recreation.jpg) top right no-repeat;
    width: 81px;
}
a#news {
    background:  url(../images/nav_news.jpg) top right no-repeat;
    width: 51px;
}
a#contact {
    background:  url(../images/nav_contact.jpg) top right no-repeat;
    width: 63px;
}
a#employment {
    background:  url(../images/nav_employment.jpg) top right no-repeat;
    width: 108px;
}

a:hover#about, body#about-on #about,
a:hover#education, body#education-on #education,
a:hover#cultural, body#cultural-on #cultural,
a:hover#environmental, body#environmental-on #environmental,
a:hover#recreation, body#recreation-on #recreation,
a:hover#news, body#news-on #news,
a:hover#contact, body#contact-on #contact,
a:hover#employment, body#employment-on #employment {
    background-position: bottom right;
}

/*********************************
* Secondary Navigation
*********************************/

#subnav {
    width: 183px;
    margin: 0;
    padding: 0;
    list-style: none;
    border-bottom: 1px solid #7FD8D4;
}

#subnav li {
    margin: 0;
    padding: 0;
}

#subnav a {
    display: block;
    text-indent: -9999px;
    width: 183px;
    height: 30px;
    overflow: hidden;
}