/* 	===================================== Global Styles ===================================== */

html, body {
	margin-left:auto;
	margin-right:auto;
	padding:0;
	display: block;
	background-color: rgb(27,20,8); /* dark brown */
	font-size: 70%;
	}

body, h1, h2, h3, h4, h5, h6, td, p, a, li, input, select, textarea, table, th, td {
	font-family: verdana, helvetica, arial, sans-serif;
	font-size:1.0em;
	}

img {
	border: 0;
	}

/* Blocks */
p, ul, ol, dl {
	margin:0 0 0em 0;
	padding:0;
	}

/* Tables */
table {
	border-collapse: collapse; /* cells meet */
	border-spacing: 0;
	margin-bottom:1.0em;
	}

table td, table th {
	vertical-align: top;
	text-align:left;
	}

/* Links */
a {
	/*color: rgb(205,113,0); /* dark orange */
	color: rgb(0,111,179); /*blue*/
	text-decoration:none;
	}

a:hover {
	color: rgb(20,67,110); /*blue*/
	}
	
	
	a.mini:link {
	color: rgb(205,113,0); /* dark orange */
	/*color: rgb(0,111,179); blue*/
	text-decoration:none;
	font:10px;
	}

a.mini:hover {
	color: rgb(20,67,110); /*blue*/
		font:10px;
	}
	
	

/* Forms */
form {
	margin: 0em;
	padding: 0em;
	}

input.textfield, input.text, textarea, select {
	border: 1px solid rgb(215,215,215); /* light grey */
	}

label {
	display:block;
	font-weight:normal;
	}

/* Other */
acronym, abbr {
	border-bottom: 1px dotted black;
	cursor: help;
	}

sup {
	font-size: 0.9em;
	}

p.strong {
	color: rgb(205,113,0); /* dark orange */
	}

/* 	===================================== Headers ===================================== */

h1 {
	color: white;
	display:block;
	margin:0;
	padding:0;
	font-size:2.0em;
	}

h2 { /* page subtitles */
	font-size:1.8em;
	margin:0;
	padding:0;
	color: rgb(243,218,166);
	line-height:1.4em;
	text-transform: uppercase;
	}

h3 { /* content section headers */
	margin:0.7em 0 0.5em 0;
	padding:0;
	font-size:1.1em;
	line-height:1.2em;
	color: rgb(205,113,0); /* dark orange */
	}

h5 {
	font-size:1.4em;
	line-height:1.4em;
	font-weight:bold;
	margin:0;
	margin-bottom:0.7em;
	padding:0;
	}

div#page div#main-content div#content-container h5 {
	margin-bottom:0;
	}

h6 {
	font-size:1.1em;
	font-weight:bold;
	margin:0;
	margin-bottom:0.6em;
	padding:0;
	}
h6 a {
	margin-top:0.5em;
}

/* 	===================================== Main Containers ===================================== */

div#page {
	margin:auto;
	padding:auto;
	text-align:left;
	width:800px;
	position:relative;
	color: rgb(243,218,166);
	}

div#page div#main-content div#content-container {
	padding-top: 250px;
}

/* 	===================================== Primary Navigation ===================================== */

ul#primary-nav {
        position: absolute;
        width: 134px;
        right: 32px;
        top: 76px;
}

ul#primary-nav li {
        height: 38px;
        display: block;
        margin: 0px;
        padding: 0px;
}

/*
        Gilder/Levin Image Replacement
        http://levin.grundeis.net/files/20030809/alternatefir.html
*/

/* Shared */
ul#primary-nav li a {
        position: relative;
	display: block;

        margin:  0;
        padding: 0;

}

ul#primary-nav li a span {
        display: block;
        position: absolute;
        z-index: 1; /* for Opera 5-6 */
        top:  0;
        left: 0;
}

ul#primary-nav li.first-child {
	padding-top: 62px;
}

/* Individual */
ul#primary-nav li#home-section a,
ul#primary-nav li#home-section a span {
        width: 134px;
        height: 26px;
        background-image: url(../_media/common/home.gif);
        background-position: top left;
}

ul#primary-nav li#home-section a:hover,
ul#primary-nav li#home-section a:hover span {
        width: 134px;
        height: 26px;
        
        background-image: url(../_media/common/home.gif);
        background-position: 0 -26px;
}

ul#primary-nav li#about-section a,
ul#primary-nav li#about-section a span {
        width: 134px;
        height: 26px;
        background-image: url(../_media/common/about.gif);
        background-position: top left;
}

ul#primary-nav li#about-section a:hover,
ul#primary-nav li#about-section a:hover span {
        width: 134px;
        height: 26px;
        
        background-image: url(../_media/common/about.gif);
        background-position: 0 -26px;
}

ul#primary-nav li#news-section a,
ul#primary-nav li#news-section a span {
        width: 134px;
        height: 26px;

        background-image: url(../_media/common/news.gif);
        background-position: top left;
}

ul#primary-nav li#news-section a:hover,
ul#primary-nav li#news-section a:hover span {
        width: 134px;
        height: 26px;

        background-image: url(../_media/common/news.gif);
        background-position: 0 -26px;
}

ul#primary-nav li#media-section a,
ul#primary-nav li#media-section a span {
        width: 134px;
        height: 26px;

        background-image: url(../_media/common/media.gif);
        background-position: top left;
}

ul#primary-nav li#media-section a:hover,
ul#primary-nav li#media-section a:hover span {
        width: 134px;
        height: 26px;

        background-image: url(../_media/common/media.gif);
        background-position: 0 -26px;
}

ul#primary-nav li#contact-section a,
ul#primary-nav li#contact-section a span {
        width: 134px;
        height: 26px;

        background-image: url(../_media/common/contact.gif);
        background-position: top left;
}

ul#primary-nav li#contact-section a:hover,
ul#primary-nav li#contact-section a:hover span {
        width: 134px;
        height: 26px;

        background-image: url(../_media/common/contact.gif);
        background-position: 0 -26px;
}
body.contact ul#primary-nav li#contact-section a,
body.contact ul#primary-nav li#contact-section a span {
        width: 134px;
        height: 26px;

        background-image: url(../_media/common/contact.gif);
        background-position: 0 -26px;
}

body.about ul#primary-nav li#about-section a,
body.about ul#primary-nav li#about-section a span {
        width: 134px;
        height: 26px;

        background-image: url(../_media/common/about.gif);
        background-position: 0 -26px;
}

body.news ul#primary-nav li#news-section a,
body.news ul#primary-nav li#news-section a span {
        width: 134px;
        height: 26px;

        background-image: url(../_media/common/news.gif);
        background-position: 0 -26px;
}

body.media ul#primary-nav li#media-section a,
body.media ul#primary-nav li#media-section a span {
        width: 134px;
        height: 26px;

        background-image: url(../_media/common/media.gif);
        background-position: 0 -26px;
}