@charset "UTF-8";

body {
	height:100%;
	width:100%;
	margin:0 auto;
	padding:0;
	border:0;
	color:#fff;
	font:16px 'Droid Serif', lucida grande, helvetica, arial, sans-serif;
	background:url(images/general/bg-body.jpg) no-repeat center top #010000;
	text-shadow: #000000 1px 2px 0;
}

body a:link {
	color:#cda966;
	text-decoration:none;
}
body a:active {
	color:#fff;
}
body a:visited {
	color:#cda966;
	text-decoration:none;
}
body a:hover {
	color:#990000;
	text-decoration:underline;
}
#wrapper {
	width:940px;
	height:100%;
	margin:0 auto;
	background:url(images/general/bg-wrapper.jpg) 0 305px no-repeat #291207;
}
#home {/* home button */
	width:940px;
	height:305px;
}
#sandbox {/* box for all the main content */
	width:940px;
}

/** navigation **********/
#nav {
	width:940px;
	height:90px;
	margin:0 auto;
	overflow:hidden;
	position:relative;
	background-image: url(images/general/nav.png);
}

#nav li {
	margin:0;
	padding:0;
	list-style:none;
	position:absolute;
	top:0;
}
#nav li, #nav a {
	height: 90px;
	display: block;
}

#nav-home {
	left:164px;
	width:78px;
}

#nav-home a:hover {
	background:transparent url(images/general/nav.png) -164px -90px no-repeat;
}

#nav-home a:active {
	background:transparent url(images/general/nav.png) -164px -180px no-repeat;
}

#nav-menu {
	left:266px;
	width:71px;
}

#nav-menu a:hover {
	background:transparent url(images/general/nav.png) -266px -90px no-repeat;
}

#nav-menu a:active {
	background:transparent url(images/general/nav.png) -266px -180px no-repeat;
}

#nav-sports {
	left:361px;
	width:84px;
}

#nav-sports a:hover {
	background:transparent url(images/general/nav.png) -361px -90px no-repeat;
}

#nav-sports a:active {
	background:transparent url(images/general/nav.png) -361px -180px no-repeat;
}

#nav-calendar {
	left:468px;
	width:116px;
}

#nav-calendar a:hover {
	background:transparent url(images/general/nav.png) -468px -90px no-repeat;
}

#nav-calendar a:active {
	background:transparent url(images/general/nav.png) -468px -180px no-repeat;
}

#nav-store {
	left:602px;
	width:75px;
}

#nav-store a:hover {
	background:transparent url(images/general/nav.png) -602px -90px no-repeat;
}

#nav-store a:active {
	background:transparent url(images/general/nav.png) -602px -180px no-repeat;
}

#nav-about {
	left:697px;
	width:78px;
}

#nav-about a:hover {
	background:transparent url(images/general/nav.png) -697px -90px no-repeat;
}

#nav-about a:active {
	background:transparent url(images/general/nav.png) -697px -180px no-repeat;
}
/** end main navigation ********/

#container {/** box for the left and rigfht sections **/
	margin:10px 25px;
}

/** #navRight **/
#content-right {
	width:300px;
	margin:0 auto;
	float:left;
	margin:0 0 50px 25px;
	background:url(images/general/subnav-top.png) no-repeat top;
}
#subnav {
	padding:25px 25px 0;
	position:relative;
	top:16px;
	background-color:#350000;
	border:1px solid #cda966;
	display:block;
}

.subnav-content {
	margin-bottom:50px;
}

.subnav-content ul{
	line-height:18px;
}
.subnav-content p {
	margin:0;
	padding:0 0 20px 0;
	font-size:12px;
}
.subnav-titles {
	width:260px;
	height:20px;
	padding-bottom:10px;
}

#subnav-bottom {
	position:relative;
	top:16px;
	height:16px;
	width:300px;
	background:url(images/general/subnav-bottom.png) no-repeat center bottom;
}
.yelptag {
	position:relative;
	left:64px;
	padding-bottom:20px;
}
#socnet {
	width:260px;
	height:75px;
	margin:0 auto;
	overflow:hidden;
	display:inline;
}
#socnet-sprite {
	width:230px;
	height:75px;
	margin:0 auto;
	position:relative;
	background-image: url(images/general/socnet.jpg);
}
#socnet-sprite li {
	margin:0;
	padding:0;
	list-style:none;
	position:absolute;
	top:0;
}
#socnet-sprite li, #socnet-sprite a {
	height: 75px;
	display: block;
	cursor:pointer;
}
#socnet-facebook {
	width:50px;
}
#socnet-facebook a:hover {
	background:url(images/general/socnet.jpg) 0 -95px no-repeat;
}
#socnet-myspace {
	left:60px;
	width:50px;
}
#socnet-myspace a:hover {
	background:url(images/general/socnet.jpg) -60px -95px no-repeat;
}
#socnet-flickr {
	left:120px;
	width:50px;
}
#socnet-flickr a:hover {
	background:url(images/general/socnet.jpg) -120px -95px no-repeat;
}
#socnet-yelp {
	left:180px;
	width:50px;
}
#socnet-yelp a:hover {
	background:url(images/general/socnet.jpg) -180px -95px no-repeat;
}
.form-btn {
	border:1px solid #cda966;
	color:#cda966;
	background-color:#730000;
	padding:10px;
	cursor:pointer;
	background-image:url(images/general/form-btn.gif);
	background-position:top;
	background-repeat:repeat-x;
}
.form-btn:hover {
	color:#fff;
	border:1px solid #fff;
}
/** /#navRight **/

/** #content **/
#content {
	width:560px;
	float:left;
}
#content p {
	padding:0 0 20px 0;
	line-height:20px;
}
/** /#content **/

/** Calendar.php styles **/
#calendarbox {
	background-color:#FFF;
	border: 1px solid #cda966;
	padding:20px;
	margin:10px 0;
}
.chieftainTOPbanner {
	padding:10px 0 30px 0;
}
.chieftainbanner {
	padding:30px 0;
}
/** calendar.php styles **/

/** store.php styles **/
.item-wrapper {
	width:540px;
	height:180px;
	padding:10px 0 40px 0;
	clear:both;
}
.item-img {
	float:left;
	width:180px;
	height:180px;
}
.item-description {
	float:right;
	width:340px;
}
/** /store.php styles **/

/** index.php styles **/
.titles {
	width:560px;
	padding:20px 0 30px 0;
}
/** /index.html styles **/

/** #footer **/
#footer {
	width:940px;
	min-height:50px;
	background:url(images/general/bg-footer.jpg) no-repeat center top #010000;
	margin:0 auto;
	clear:both;
	padding-top:110px;
}
#footer-copyright {
	float:right;
}
#footer-nav {
	float:left;
}
#footer li {
	list-style:none;
	display:inline;
	padding:0 15px 0 0;
}
#footer p {
	color:#433c26;
	font-size:12px;
}
#footer a:link {
	color:#433c26;
}
#footer a:active {
	color:#cda966;
}
#footer a:visited {
	color:#433c26;
}
#footer a:hover {
	color:#cda966;
	text-decoration:underline;
}
/** /#footer **/

/** MENU **/
/* Caution! Ensure accessibility in print and other media types... */
@media projection, screen { /* Use class for showing/hiding tab content, so that visibility can be better controlled in different media types... */
.tabs-hide {
	display: none;
}
}

/* Hide useless elements in print layouts... */
@media print {
.tabs-nav {
	display: none;
}
}
/* Skin */
#container-3 p {
	line-height:18px;
	padding:0 0 20px 0;
	text-align:justify;
	width:520px;
}
.tabs-nav {
	list-style: none;
	margin: 0;
	padding: 0;
}
.tabs-nav:after { /* clearing without presentational markup, IE gets extra treatment */
	display: block;
	clear: both;
	content: " ";
}
.tabs-nav li {
	float: left;
	margin:0 3px 0 0;
	min-width: 50px; /* be nice to Opera */
}
.tabs-nav a, .tabs-nav a span {
	display: block;
	padding:0;
}
.tabs-nav a {
	position: relative;
	top: 1px;
	z-index: 2;
	padding:10px;
	font-size: 14px;
	text-align: center;
	text-decoration: none;
	background:#730000;
	border:1px solid #cda966;
	white-space: nowrap; /* required in IE 6 */
}
.tabs-nav .tabs-selected a {
	color: #fff;
	background:#350000;
	border-left:1px solid #cda966;
	border-top:1px solid #cda966;
	border-right:1px solid #cda966;
	border-bottom:1px solid #350000;
	text-shadow: #010000 0 2px 2px;
}

.tabs-nav a:hover {
	color:#fff;
}
.tabs-nav .tabs-selected a, .tabs-nav a:hover, .tabs-nav a:focus, .tabs-nav a:active {
	background-position: 100% -150px;
	outline: 0; /* prevent dotted border in Firefox */
}
.tabs-nav a, .tabs-nav .tabs-disabled a:hover, .tabs-nav .tabs-disabled a:focus, .tabs-nav .tabs-disabled a:active {
	background-position: 100% -100px;
}
.tabs-nav a span {
	min-width: 50px;
	min-height: 18px;
	padding: 0;
}
*>.tabs-nav a span { /* hide from IE 6 */
	width: auto;
	height: auto;
}
.tabs-nav .tabs-selected a span {
	padding:0;
}
.tabs-nav .tabs-selected a span, .tabs-nav a:hover span, .tabs-nav a:focus span, .tabs-nav a:active span {
	background-position: 0 -50px;
}
.tabs-nav a span, .tabs-nav .tabs-disabled a:hover span, .tabs-nav .tabs-disabled a:focus span, .tabs-nav .tabs-disabled a:active span {
	background-position: 0 0;
}
.tabs-nav .tabs-selected a:link, .tabs-nav .tabs-selected a:visited, .tabs-nav .tabs-disabled a:link, .tabs-nav .tabs-disabled a:visited { /* @ Opera, use pseudo classes otherwise it confuses cursor... */
	cursor: text;
}
.tabs-nav a:hover, .tabs-nav a:focus, .tabs-nav a:active { /* @ Opera, we need to be explicit again here now... */
	cursor: pointer;
}
.tabs-nav .tabs-disabled {
	opacity: .4;
}
.tabs-container {
	border: 1px solid #cda966;
	padding: 20px;
	background: #350000; /* declare background color for container to avoid distorted fonts in IE while fading */
}
.tabs-loading em {
	padding: 0 0 0 20px;
	background: url(images/general/loading.gif) no-repeat 0 50%;
}
.menu-titles {
	width:520px;
	padding:20px 0 30px 0;
}
.menu-ul {
	padding:20px;
	font-size:14px;
	line-height:22px;
}
#menupage p {
	padding:0 0 20px 0;
	text-align:justify;
}
.backtotop {
	font-size:10px;
	text-decoration:underline;
	color:#cda966;
	padding:10px 0 40px 0;
}
.backtotop a:hover {
	text-decoration:underline;
}
/** /MENU **/


/** SLIDESHOW **/
#slideshowbox {
	height:460px;
}
#slideshow-top {
	height:16px;
	background:url(images/general/slideshow-top.png) no-repeat center top;
}
#slideshow-bottom {
	height:16px;
	background:url(images/general/slideshow-bottom.png) no-repeat center bottom;
}
#slideshow {
	border:1px solid #cda966;
	position:relative;
	width:558px;
	height:372px;
	display:block;
}
#slideshow IMG {
	position:absolute;
	top:0;
	left:0;
	z-index:8;
	opacity:0.0;
}
#slideshow IMG.active {
	z-index:10;
	opacity:1.0;
}
#slideshow IMG.last-active {
	z-index:9;
}
/** /SLIDESHOW **/

/***** Common Formatting *****/
.boldemph {
	font-weight:900;
	color:#cda966;
}

.boldbold {
	font-weight:900;
}

.p20 {
	padding:20px;
	margin-left:20px;
	color:#cda966;
	}

.small {
	font-size:10px;
}
h1, h2, h3, h4, h5, h6 {
	font-family:'Chunkfive';
	font-style:normal;
	font-weight:normal;
	text-transform:uppercase;
	font-size:20px;
	color:#cda966;
	margin:0;
	padding:0;
}

h1 a:hover {
	text-decoration:none;
}

h1 {
	font-size:50px;
	letter-spacing:-2px;
	word-spacing:4px;
	line-height:42px;
	border-bottom:1px solid #730000;
	margin-bottom:30px;
}
	
h2 {
	font-size:30px;
	color:#fff;
	padding:0 0 20px;
}

h3 {
	font-size:30px;
	color:#902a02;
}

h4 {
	font-size:25px;
	font-family: 'Sherwood';
	text-transform:none;
	padding:0 0 3px 0;
}

h5 {
	font-size:12px;
	font-style:italic;
	padding:0 0 20px 0;
	color:#FFF;
}

h6 {/* used in right side section */
	letter-spacing:0;
	word-spacing:4px;
	line-height:20px;
	border-bottom:1px solid #730000;
	margin-bottom:10px;
}

p, ul, ol {
	margin:0;
	padding:0;
}

ul, ol {
	list-style:none;
	font-size:12px;
}

img {
	border:0;
}

label {
	font-size:12px;
	font-weight:light;
}

/** FONTS **********/
@import url(http://fonts.googleapis.com/css?family=Droid+Sans:regular,bold);/** imports the fonts, droid sans and droid sans bold from google **/

@import url(http://fonts.googleapis.com/css?family=Droid+Serif:regular,italic,bold,bolditalic); /** imports the fonts droid serif, bold, italic and italic bold **/

@import url(http://fonts.googleapis.com/css?family=Yanone+Kaffeesatz:extralight,light,regular,bold);

@font-face {/** font used for **/
	font-family: 'Sherwood';
	src: url('fonts/sherwood.eot');
	src: local('☺'), url('fonts/sherwood.woff') format('woff'), url('fonts/sherwood.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}

@font-face {/** font used for **/
	font-family: 'Stone';
	src: url('fonts/stone.eot');
	src: local('☺'), url('fonts/stone.woff') format('woff'), url('fonts/stone.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}

@font-face {/** font used for **/
	font-family: 'Chunkfive';
	src: url('fonts/Chunkfive.eot');
	src: local('☺'), url('fonts/Chunkfive.woff') format('woff'), url('fonts/Chunkfive.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}
.center {
	text-align:center;
}
.imageRB { padding-right: 5px; padding-bottom: 5px; }