/*------------------------------------------------*/
/*---------[PAGE RESET & GLOBAL SETTINGS]---------*/
/*------------------------------------------------*/

* {
	padding: 0;
	margin: 0;
	outline: none;
}

html {
     overflow: -moz-scrollbars-vertical;
}

body { 
	font-size: 62.5%; /* Base Font Size of 10px */
	font-family: Tahoma, Verdana, Helvetica, sans-serif;
	color: #000;
	background: #d5d5d5 url(../images/bkg-oj2.png) center top repeat-y;
}
 
html, body { height: 100%; } /* For Sticky Footer */


/*------------------------------------------------*/
/*---------------[MAIN LAYOUT ITEMS]--------------*/
/*------------------------------------------------*/

#wrapper {
	background: transparent url(../images/logo-tile-oj2.png) center top repeat-x;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 0 -180px 0; /* negative value of footer height */
}

#page {
	width: 1220px;
	margin: 0 auto;
	overflow: auto;
	

}

#header {
	height: 105px;
	padding-left: 413px; 
}

#navigation {

}

#subnav {
	
}

#content {
	width: 800px;
	float: left;
	margin-left: 43px;
	padding: 26px 0;
	min-height: 400px;
}

#sidebar {
	width: 260px;
	float: left;
	margin-left: 66px;
	text-align: center;
	padding-bottom: 20px;
}

	#sidebar p {
		line-height: 1.3em;
	}

	.sidebar-pad {
		padding: 12px 20px;
	}

#footer {
	background: #d5d5d5 url(../images/footer-bkg-oj2.png) center top no-repeat;
	color: #d5d5d5;
	position: relative;
	width: 1220px;
	margin: 0 auto 0 auto; 
}

#footer, .push { height: 180px; clear: both; }


/*------------------------------------------------*/
/*-----------[BASE TEXT & HTML ELEMENTS]----------*/
/*------------------------------------------------*/


p {
	font-size: 1.4em;
	line-height: 1.6em;
	margin-bottom: 14px;
}

#footer p {
	font-size: 12px;
	line-height: 14px;
}

h1, h2, h3, h4, h5, h6 {
	
}

h1 {
	font-size: 2.9em;
	margin-bottom: 15px;
	color: #900000;
}

h2 {
	font-size: 2.4em;
	margin-bottom: 9px;
	color: #900000;
}

h3 {
	font-size: 1.9em;
	margin-bottom: 8px;
	
}

h4 {
	font-size: 1.6em;
	margin-bottom: 7px;
	font-weight: normal;
	color: #900000;
}

h5 { }

ul { margin-left: 20px; }

li {
	font-size: 1.4em;
	line-height: 1.6em;
	margin-bottom: 4px;
}

hr { 
	/* Basic Horz Rule - Grey by Default */
	border: 0;
	color: #777;
	background-color: #777;
	height: 1px;
	margin: 10px 0;
}

img {
	border: 0;
}

	img.floatLeft, div.floatLeft {
		float: left;
		margin: 0 20px 20px 0;
	}
	
	img.floatRight, div.floatRight {
		float: right;
		margin: 0 0 20px 20px;
	}



/*------------------------------------------------*/
/*--------------[NAVIGATION ELEMENTS]-------------*/
/*------------------------------------------------*/

a {
	font-weight: bold;
	text-decoration: underline;
	color: #000;
}

a:hover {
	color: #900000;
}

#footer a {
	color: #d5d5d5;
	padding: 0 15px;
	font-size: 12px;
	text-transform: uppercase;
}


/*------------------------------------------------*/
/*----------------[FORM ELEMENTS]-----------------*/
/*------------------------------------------------*/

form { }

fieldset { }

legend { }

label { }

input { padding: 3px }

select { }

option { }

textarea { }

input:focus, select:focus, option:focus, textarea:focus { }


/*------------------------------------------------*/
/*----------[LESS COMMON HTML ELEMENTS]-----------*/
/*------------------------------------------------*/

strong { }

em { }

small { }

blockquote { }

cite { }


/*------------------------------------------------*/
/*-----------[CUSTOM ID's and DIV's]--------------*/
/*------------------------------------------------*/

a.btn {
	padding: 31px 36px;
	display: block;
	float: left;
}

img.divider {
	float: left;
}

#slideshow {
	margin: 7px 0 0 7px;
}

#slider-wrap {
	width: 772px;
	height: 392px;
	padding: 15px;
	background: url(../images/slides-bkg.png) left top no-repeat;
	margin-bottom: 30px;
}

.band {
	min-height: 200px;
	background: url(../images/band-pics-bkg.png) right top no-repeat;
}

.band img {
	float: right;
	margin: 9px 9px 20px 20px;
}

.pics {
	position: relative;
	top: -30px;
	left: -40px;
	z-index: 10;
	float: left;
}

#footer-links {
	width: 880px;
	float: left;
	padding: 14px 0 0 40px;
}

#footer-form {
	width: 278px;
	float: left;
	padding: 36px 0 0 2px;
}

#col-right {
	width: 280px;
	padding: 20px;
	float: right;
	border: 1px solid #000;
	background-color: #efefef;
	margin-left: 30px;
}

.red { color: #900000; }

#map { width: 430px; height: 300px; }

/*------------------------------------------------*/
/*------------[FIX FOR CLEARING DIV's]------------*/
/*------------------------------------------------*/
/*- http://sonspring.com/journal/clearing-floats -*/

html body * span.clearall,
html body * div.clearall,
html body * li.clearall,
html body * dd.clearall
{
	background: none;
	border: 0;
	clear: both;
	display: block;
	float: none;
	font-size: 0;
	list-style: none;
	margin: 0;
	padding: 0;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}