/*
MMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMM
-------The glorious code below has been provided by your good friends at:-------
MMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMM
MMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMM
MMMMM     MMM       M   MM   MM       MMM   MMMM     MMMMMMM       MMMM   MMMMMM
MMMM   MM   MMM   MMM   MM   MM   MM   MM   MM    M    MMMMM   MMMMMMMM   MMMMMM
MMMM   MMM  MMM   MMM   MM   MM   MM   MM   MM   MMM   MMMMM   MMMMMMMM   MMMMMM
MMMM   MMM  MMM   MMM   MM   MM   MM   MM   MM   MMM   MMMMM   MMMMMMMM   MMMMMM
MMMMM   MMMMMMM   MMM   MM   MM   MM   MM   MM   MMM   MMMMM   MMMMMMMM   MMMMMM
MMMMMM   MMMMMM   MMM   MM   MM   MM   MM   MM   MMM   MMMMM      MMMMM   MMMMMM
MMMMMMM   MMMMM   MMM   MM   MM   MM   MM   MM   MMM   MMMMM   MMMMMMMM   MMMMMM
MMMMMMMM   MMMM   MMM   MM   MM   MM   MM   MM   MMM   MMMMM   MMMMMMMM   MMMMMM
MMMMMMMMM   MMM   MMM   MM   MM   MM   MM   MM   MMM   MMMMM   MMM   MM   MMMMMM
MMMM   MM   MMM   MMM   MM   MM   MM   MM   MM   MMM   MMMMM   MMM   MM   MMMMMM
MMMM   MM   MMM   MMM   MM   MM   MM   MM   MMM   M   MMMMMM   MMM   MM   MMMMMM
MMMMM     MMMMM   MMMM     MMMM       MMM   MMM      MMMMMMM   MMMM      MMMMMMM
MMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMM
MMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMM
MMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMM
*/

/* -------------------
	Global Resets 
--------------------*/

* {
	outline: none;
	margin: 0;
	padding: 0;
	-webkit-text-size-adjust: none;
}

* html div {
	overflow: hidden;
}

p,ol,ul,h1,h2,h3,h4,h5,h6 {
	margin: 0;
}

ul, li {
	list-style-type: none;
}

a img {
	border: 0px solid #fff;
}

img {
	display: block;
	max-width: 100%;
	height: auto !important;
}

.clear {
	clear: both;
}

.element {
	border: 1px solid #ff0000;
}

.hidden {
    font-size: x-small;
    height: 1px;
    overflow: hidden;
    position: absolute;
    top: -100px;
    width: 1px;
}

object, iframe { 
	max-width: 100%;
}

/* -------------------
	CMS Resets 
--------------------*/

#dsq-global-toolbar, .dsq-subscribe-rss, .dsq-avatar, .dsq-attach-media-container, #dsq-sort-select, body #dsq-popup-message.dsq-popup .powered-by {
    display: none !important;
}

.dsq-textarea-reply {
    margin-left: 0 !important;
}

#dsq-content li {
	list-style-type: none !important;	
}

#dsq-content h3 {
	margin: inherit !important;
}

#tinymce {
	background: none;
}

tbody, tbody th {
	border: 0px solid #fff;
}

hr {
	margin: 0 0 1em 0;
	background-color: #ccc;
	border: 0 none;
	color: #ccc;
	height: 1px;
}

.block ul, ul.menu li, .item-list ul, .item-list ul li, li.leaf, li.collapsed, li.expanded, ul.links li {
	list-style: none;
	list-style-image: none;
	list-style-type: none;
	margin: 0;
	padding: 0;
}

dt {
	margin: 0 0 1em 0;
}

.form-item {
	margin: 0;
}

li a.active {
  color: #9a3a36;
}

#content #user-login-form ul li, #content #custom-user-pass ul li {
	margin: 0;
	list-style-type: none;	
}

#user-login-form {
    text-align: left;
}

.vertical-tabs-list-xmlsitemap {
	display: none;	
}

/* -------------------
	Admin Bar
--------------------*/

#adminBar {
    background-color: #FFFFFF;
    color: #CCCCCC;
    text-align: center;
    width: 100%;
    z-index: 99999;
}

#adminBar.sf-menu li:hover ul, 
#adminBar.sf-menu li.sfHover ul {
    top: 22px;
}

#adminBar li {
    display: inline-block;
    text-align: center;
}

#adminBar a {
    -webkit-transition: all 0.5s ease-out; 
	-moz-transition: all 0.5s ease-out; 
    -o-transition: all 0.5s ease-out; 
    background-color: #FFFFFF;
    color: #C01D24;
    display: block;
    font-family: "Trebuchet MS",Arial,Helvetica,sans-serif;
    font-size: 13px;
    font-weight: bold;
    line-height: 25px;
    padding: 0 5px;
    text-align: center;
    text-transform: uppercase;
}

#adminBar a:hover {
    background-color: #BBBBBB;
    color: #FFFFFF;
	text-decoration: none;
}

#adminBar .menu {
	text-align: center;	
}

.ie8down #adminBar {
    width: auto;
}

.ie8down #adminBar li {
	float: left;
	margin: 0 10px 0 0;
}

#dsq-global-toolbar, .dsq-subscribe-rss, .dsq-avatar, .dsq-attach-media-container, #dsq-sort-select, body #dsq-popup-message.dsq-popup .powered-by {
	display: none !important;	
}

body .dsq-textarea-reply {
	margin-left: 0;
}

/* -------------------
	Admin Bar Superfish
--------------------*/

.sf-menu ul {
    position: absolute;
    top: -999em;
    width: 170px;
}


.sf-menu li {
    position: relative;
}

.sf-menu li:hover ul, 
.sf-menu li.sfHover ul {
	z-index: 99;
    right: 0;
    top: 15px;
	padding: 0;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	background-color: #fff;
}

.sf-menu li ul li {
	display: block !important;
	background: none !important;
	margin: 0 !important;
	padding: 0 !important;
}

.sf-menu li ul li a {
	display: block !important;
	line-height: 1.5;
	padding: 5px !important;
	font-size: 12px !important;
	text-align: right !important;
	text-transform: none !important;
	font-weight: bold !important;
	font-style: normal !important;
}

.sf-menu li ul li:hover ul, 
.sf-menu li ul li.sfHover ul {
	left: 170px;
    top: 0;
}

/* -------------------
	Setup 
--------------------*/

@font-face {
    font-family: 'LeagueGothicRegular';
    src: url('league_gothic-webfont.eot?') format('eot'),
         url('league_gothic-webfont.woff') format('woff'),
         url('league_gothic-webfont.ttf') format('truetype'),
         url('league_gothic-webfont.svg#webfontSj5ZeyeZ') format('svg');
    font-weight: normal;
    font-style: normal;
}

body {
	background-color: #e6e6e6;
	font: normal 81.3%/1 Verdana, Helvetica, Arial, sans-serif;
	color: #666;
}

a, a:link {
	color: #5badff;
	text-decoration: none;	
}

a:visited {
	color: #5badff;
}

a:hover {
	color: #000;
}

a:active {
	color: #5badff;
}

/* -------------------
	Globals Styles and Home Page
--------------------*/

#mobileMenu a {
	display: none !important;
}

#topBar {
	width: 100%;
	height: 5px;
	background-color: #ccc;	
}

.center {
	width: 98%;
	max-width: 900px;
	margin: 0 auto;	
}

#headerWrapper {
	width: 100%;
	height: 75px;
	background-color: #fff;
}

#header {
}

#logo {
	float: left;
	margin: 8px 0 0 0;
}

#logo h1 a {
	display: block;
	width: 408px;
	height: 66px;
	background: url(../images/newLogo2.jpg) no-repeat;
	text-indent: -9999px;
}

#headerContact {
	float: right;
	width: 380px;
	margin: 20px 0 0;
	text-align: right;	
}

.contact {
	float: left;
}

#headerContact img {
	float: right;
	margin: 0 0 0 15px;
}

#contentWrapper {
	width: 100%;
	background-color: #cbd3b9;
}

#content.center {
	width: 98%;
	max-width: 860px;
	margin: 0 auto;	
	border-left: 20px solid #fff;
	border-right: 20px solid #fff;	
}

#content.center .int {
	padding: 20px;
	border-top: 5px solid #d9d9d9;
	border-bottom: 5px solid #d9d9d9;	
	background-color: #f2f2f2;
}

/* -------------------
	Slideshow
--------------------*/

#slideshow, #slideshow ul, #slideshow li, #slideshow img {
	width: 860px;
	height: 340px;
	list-style-type: none !important;
	margin: 0 !important;
	padding: 0 !important;
}

#slideshow {
	position: relative;
	margin: 0 auto !important;
	padding: 0 !important;
}

#homeBottomWrapper {
	width: 100%;
	padding: 15px 0;
	border-top: 5px solid #d9d9d9;
	border-bottom: 5px solid #d9d9d9;
	background-color: #f2f2f2;	
}

#news {
	float: left;
	width: 28%;
	padding: 0 20px;
}

#contentWrapper #about {
	float: left;
	width: 30%;
	padding: 0 20px;
	border-left: 1px solid #d9d9d9;
	border-right: 1px solid #d9d9d9;
}

#closed {
	float: left;
	width: 28%;
	padding: 0 0 0 /*20px*/;
}

.table {
	width: 100%;
}

.table tr td {
	vertical-align: top;
	padding: 10px 10px 10px 0;	
}

.tableLeft {
	width: 100%;
}

#footer {
	line-height: 1.5;
	height: 50px;
	margin: 40px 0;
	font-size: 0.769em;
	text-align: center;
	color: #808080;
}

#block-views-News-block_1 .views-row {
	margin: 0 0 5px;
}

/* -------------------
	Navigation
--------------------*/

#navWrapper {
	width: 100%;
	height: 40px;
	background: url(../images/navBG.gif) repeat-x;
}

#nav {
	height: 40px;
	padding: 0 4px;	
}

#nav li {
	float: left;
}

#nav li a {
	display: block;
	margin: 4px 0;
	padding: 3px 14px;
	border-right: 1px solid #fff;
	font: normal 2em/1 LeagueGothicRegular, Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	letter-spacing: 0.043em;
	color: #fff;
}

#nav li#OrderOnline a {
	border: none;
	color: #795290;
	background-color: #fff;
}

#nav li a:hover {
	color: #527aa8;
	background-color: #fff;
}

#nav li a.active {
	color: #527aa8;
	background-color: #fff;
}

/* -------------------
	Typography
--------------------*/

#content h1 {
	margin: 0 0 10px;
	font-size: 2em;
	color: #795290;	
}

h2 {
	margin: 0 0 2px;
	font-size: 1.538em;
	text-transform: uppercase;
	color: #795290;	
}

h3 {
	margin: 0;
	font-size: 1.2em;
	letter-spacing: -0.095em;
	text-transform: uppercase;
	color: #795290;	
}

#headerContact p {
	font-size: 0.9em;
	color: #795290;	
}

#content,
#homeBottom {
	line-height: 1.75;	
}

#content p, #content ul, #content ol {
	margin: 0 0 1em 0;	
	font-size: 12px;
}

.content ul li {
	margin: 0 0 0 1em;
	list-style-type: disc;
}

.content ol li {
	margin: 0 0 0 1em;
	list-style-type: decimal;
}

/* -------------------
	Poor Saps on Small Monitors
--------------------*/
@media only screen and (min-width: 795px) and (max-width: 1020px)  {

	.center {
		width: 780px !important;
	}
	
	#logo h1 a {
		margin: 10px 0 0;
		width: 200px;
		height: 30px;
		background: url(../images/smallLogo.jpg) no-repeat;
	}
	
	#nav li a {
		font: normal 1.75em/1 LeagueGothicRegular, Arial, Helvetica, sans-serif;
		letter-spacing: 0em;
	}
	
	#slideshow, #slideshow ul, #slideshow li, #slideshow img {
		width: 780px !important;
		height: 308px !important;
	}

}

/* -------------------
	Mobiles
--------------------*/
@media only screen and (min-width: 320px) and (max-width : 795px) {
	
	* {
		-webkit-appearance: none;
	}
	
	#mobileMenu a {
		display: block !important;
		float: right;
		margin: 15px 10px 0 0;
	}
	
	#logo h1 a {
		width: 200px;
		height: 30px;
		background: url(../images/smallLogo.jpg) no-repeat;
	}
	
	#nav,
	#slideshow,
	#headerContact {
		display: none;
		float: none;
		height: auto;
		padding: 0;
		text-align: center;
	}
	
	#headerWrapper {
		height: 40px;
	}
	
	#navWrapper {
		background: none #8aa350;
		height: auto;
		width: auto;
	}
	
	#nav li {
		float: none;
		display: inline-block;
		text-align: center;
	}
	
	#nav li a {
		font: normal 1em/1 Helvetica, sans-serif;
		letter-spacing: 0;
		border: none;
		text-transform: none;
		padding: 3px 6px;
		margin: 0;
	}
	
	#news,
	#contentWrapper #about,
	#closed {
		float: none;
		width: auto;
		margin: 0 0 20px;
		padding: 0;
		border: none;	
	}
	
	#content.center {	
		border: none;
	}
	
	.table tr td {
		max-width: 100px;
		vertical-align: top;
	}
	
	/* -------------------
		Typography
	--------------------*/
	
	#content h1 {
		font-size: 1.5em;
		color: #795290;	
	}
	
	h2 {
		font-size: 1em;
	}
	
	h3 {
		font-size: .8em;
	}
	
	#content p, #content ul, #content ol {
		font-size: 11px;
	}
	
}