/* -----------------------------------------

Title: MizzouRec Website 
Author: Jeremy Fields and Ben Harben
URL: http://www.mizzourec.com/

Description: Main stylesheet

Created: 07.31.2005
Modified: 

----------------------------------------- */

/*
HTML STYLES
*/

body	{
	margin: 0;
	padding: 0;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	background: #F0E6DA url(/images/header_stones.jpg) repeat-x center top;
	font-size: 1em;
}
h2	{
	margin: .5em 0 1em 0;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 24px;
	padding-bottom: .5em;
	background: transparent url(/images/hr_tan.gif) repeat-x bottom left;
}
* html h2	{
	font-size: 16px;
}
h3	{
	margin: 0;
	font-size: 1.7em;
}
h4	{
	font-size: 1.5em;
	color: #C60;
	margin: 0 0 .5em 0;
	font-weight: normal;
}
h5	{
	font-size: 1.3em;
}
a	{
	outline: none;
	}
address	{
	font-style: normal;
	}
	address big	{
	font-weight: bold;
}
dl	{
	margin: 0;
	padding: 0;
}
dt	{
	font-size: 1.5em;
	color: #C60;
}
dd	{
	margin: 0 0 1.5em 0;
	padding: 0;
}
blockquote	{
	padding: 0;
	margin: 0;
	font-weight: bold;
	font-size: 1.2em;
}
label	{
	font-weight: bold;
}
legend	{
	text-transform: uppercase;
	font-size: .8em;
	color: #815925;
	padding: 2px 5px 0 5px;
	margin: 0 0 10px 0;
	border: 1px solid #815925;
	border-bottom: none;
}
fieldset	{
	border: 1px solid #815925;
	margin: 0 0 2em 0;
	padding: 10px;
}
fieldset table	{
	background: transparent;
}
fieldset blockquote, .adminDesc	{
	padding: 5px 10px 5px 25px;
	margin: 5px 0 10px 0;
	background: #FFC url(/images/info.gif) no-repeat 5px 3px;
	font-weight: normal !important;
	color: #000 !important;
	font-size: .9em;
	line-height: 1em;
}
label	{
	font-size: .9em;
	text-transform: uppercase;
	color: #003;
}
textarea	{
	width: 99%;
	border: 1px solid #333;
}
a	{
	color: #38576A;
}
a:hover	{
	color: #C18D1A;
}
acronym	{
	border-bottom: 1px dotted #666;
	cursor: help;
	font-weight: bold;
}

.h3_blue h3, .h3_green h3, .h3_orange h3, .h3_tan h3, .h3_red h3	{
	margin: 0 0 2px 0;
	padding: 0;
	font-size: 1em;
	color: #FFF;
	padding-left: 15px;
	text-transform: uppercase;
	height: 27px;
	line-height: 25px;
}
.h3_blue	{
	background: #369 url(/images/h3_l_blue.gif) no-repeat center left;
	}
	.h3_blue h3	{
	background: transparent url(/images/h3_r_blue.gif) no-repeat center right;
}
.h3_green	{
	background: #696 url(/images/h3_l_green.gif) no-repeat center left;
	}
.h3_green h3	{
	background: transparent url(/images/h3_r_green.gif) no-repeat center right;
}
.h3_green h3 a {
	color: white;
	text-decoration: none;
}
.h3_orange	{
	background: #C18D1A url(/images/h3_l_orange.gif) no-repeat center left;
	}
	.h3_orange h3	{
	background: transparent url(/images/h3_r_orange.gif) no-repeat center right;
}
.h3_tan	{
	background: #CBB9A3 url(/images/h3_l_tan.gif) no-repeat center left;
	}
	.h3_tan h3	{
	background: transparent url(/images/h3_r_tan.gif) no-repeat center right;
}
.h3_red	{
	background: #802C2C url(/images/h3_l_red.gif) no-repeat center left;
	}
	.h3_red h3	{
	background: transparent url(/images/h3_r_red.gif) no-repeat center right;
}





/*
COMMON STYLES
*/
.error {
	color: #C00;
	font-weight: bold;
}
.hide	{
	display: none;
}
.row_lt	{
	background: #FFF;
	}
	.row_dk	{
	background: #F5E1CA;
}
.fakeBullets	{
	list-style-type: none;
	margin: 0;
	padding: 0;
	}
	.fakeBullets li	{
	margin: 0;
	padding: 0;
	background: transparent url(/images/hr_tan2.gif) repeat-x bottom left;
	}
	.fakeBullets a	{
	display: block;
	height: 2em;
	line-height: 2em;
	text-decoration: none;
	padding-left: 10px;
	color: #815925;
	font-weight: bold;
	background: transparent url(/images/sosimple.gif) no-repeat center left;
	}
	.fakeBullets a:hover	{
	color: #333;
}
.hr	{
	height: 30px;
	background: transparent url(/images/hr_tan.gif) repeat-x center left;
	}
	.hr hr	{
	display: none;
}
.hr2	{
	height: 30px;
	background: transparent url(/images/hr_tan2.gif) repeat-x center left;
	}
	.hr2 hr	{
	display: none;
}
/*
a.email	{
	background: transparent url(/images/envelope.gif) no-repeat center right;
	padding-right: 15px;
}
a:hover.email	{
	background: transparent url(/images/envelope.gif) no-repeat center right !important;
}
*/
#breadcrumb	{
	margin: 0;
	position: relative;
	text-align: right;
	top: -10px;
	font-size: .9em;
	color: #CBB9A3;
	}
	#breadcrumb a	{
	color: #CBB9A3;
	}
	#breadcrumb a:hover	{
	color: #815925;
}
.galleryPic	{
	text-align: center;
	padding: 5px 0;
	}
	.galleryPic img	{
	border: none;
	/*padding: 2px;
	background: #FFF;*/
	}
	.galleryPic a img	{
	border: 1px solid #D1C1AD;
	}
	.galleryPic a:hover img	{
	border-color: #815925;
}
a.cancel, a:hover.cancel	{
	background: transparent url(/images/cancel.gif) no-repeat center left !important;
	padding-left: 15px;
}
a.add, a:hover.add	{
	background: transparent url(/images/add.gif) no-repeat center left !important;
	padding-left: 15px;
}
a.back, a:hover.back	{
	background: transparent url(/images/arrow-left.gif) no-repeat center left !important;
	padding-left: 15px;
}
a.download	{
	background: transparent url(/images/download.gif) no-repeat center left !important;
	padding: 2px 0 2px 17px;
}
.rightPic	{
	float: right;
	/*border: 1px solid #CBB9A3;*/
	padding: 5px;
	text-align: center;
	line-height: normal;
	margin-left: 10px;
	background: #F0E6DA;
	
	width: 185px; /* bmh */
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 175px;
	}
	.rightPic img	{
	border: 1px solid #CBB9A3;
	}
	.rightPic p	{
	margin: .5em 0 0 0;
	font-size: .9em;
}
.flash_alert	{
	background: pink url(/images/noflash_alert.jpg) no-repeat;
	font-size: .7em;
	color: red;
	padding: 0 0 0 45px;
	margin: 15px auto 0 auto;
	height: 34px;
	line-height: 34px;
	text-align: left;
	
	width: 750px; /* bmh */
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 705px;
	}
	.flash_alert a	{
	font-weight: bold;
	color: red;
	padding: 0 2px;
	}
	.flash_alert a:hover	{
	background: red;
	color: #FFF;
	text-decoration: none;
}





/*
LAYOUT STYLES
*/

div#topNav {
	background: #000;
	height: 40px;
	margin: 0 auto;
	overflow: hidden;
	position: relative;
	width: 750px;
}
div#topNav h1 {
	background: transparent url(../images/h1.gif) no-repeat center left;
	float: left;
	height: 40px;
	margin: 0;
	padding: 0;
	width: 130px;
}
div#topNav h1 a {
	display: block;
	height: 40px;
	width: 187px;
}

div#topNav ul,
div#topNav ul li {
	float: none;
	height: 40px;
	list-style: none;
	line-height: 40px;
	margin: 0;
	padding: 0;
}
div#topNav ul {
	position: absolute;
	right: 0;
	top: 0;
	width: 588px;
}
div#topNav ul li	{
	background: none;
}
* html div#topNav ul li	{ margin-left: 5px; }

div#topNav ul li a	{
	background: transparent url(../images/nav.png) no-repeat 0 0;
	display: block;
	float: none;
	height: 40px;
	margin: 0;
	padding: 0;
	position: absolute;
	text-indent: -9999px;
}

div#topNav ul li#btn_memberlogin a {
	background-position: -846px 0;
	top: 0;
	left: 10px;
	width: 95px;
}
div#topNav ul li#btn_memberlogin a:hover,
div#topNav ul li#btn_memberlogin a.selected	{
	background-position: -941px 0;
}

div#topNav ul li#btn_facilities a	{
	background-position: 0 0;
	top: 0;
	left: 115px;
	width: 68px;
}
div#topNav ul li#btn_facilities a:hover,
div#topNav ul li#btn_facilities a.selected	{
	background-position: -68px 0;
}

div#topNav ul li#btn_programs a {
	background-position: -136px 0;
	top: 0;
	left: 193px;
	width: 73px;
}
div#topNav ul li#btn_programs a:hover,
div#topNav ul li#btn_programs a.selected {
	background-position: -209px 0;
}

div#topNav ul li#btn_membership a	{
	background-position: -282px 0;
	top: 0;
	left: 276px;
	width: 86px;
}
div#topNav ul li#btn_membership a:hover,
div#topNav ul li#btn_membership a.selected	{
	background-position: -368px 0;
}

div#topNav ul li#btn_employment a	{
	background-position: -454px 0;
	top: 0;
	left: 372px;
	width: 88px;
}
div#topNav ul li#btn_employment a:hover,
div#topNav ul li#btn_employment a.selected {
	background-position: -542px 0;
}

div#topNav ul li#btn_staff a {
	background-position: -630px 0;
	top: 0;
	left: 470px;
	width: 45px;
}
div#topNav ul li#btn_staff a:hover,
div#topNav ul li#btn_staff a.selected {
	background-position: -675px 0;
}

div#topNav ul li#btn_contact a	{
	background-position: -720px 0;
	top: 0;
	left: 525px;
	width: 63px;
}
div#topNav ul li#btn_contact a:hover,
div#topNav ul li#btn_contact a.selected	{
	background-position: -783px 0;
}


#header	{
	height: 210px;
	width: 750px;
	margin: 0 auto;
}
#container	{
	width: 750px;
	margin: 15px auto 0 auto;
	text-align: left;
	background: #FFF url(/images/secondary_content.gif) repeat-y center top;
}
#containerTop	{
	height: 25px;
	background: transparent url(/images/secondary_top.gif) no-repeat center top;
}
#containerBtm	{
	height: 25px;
	background: transparent url(/images/secondary_btm.gif) no-repeat center bottom;
	clear: both;
}
#content	{
	margin: 0 10px 0 15px;
	padding: 2px 0 0 0;
	font-size: .7em;
	color: #333;
	
	width: 730px;
}
* html #content	{
	margin-left: 18px;
	width: 728px;
}
#column1	{
	float: left;
	padding: 0 10px;
	
	width: 170px; /* bmh */
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 150px;
}
* html #column1	{
	margin-right: -3px;
}
#column2	{
	float: right;
	margin-right: 5px;
	/*margin-left: 15px;*/
	padding: 0 15px 0 25px;
	
	width: 540px; /* bmh */
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 500px;
}
* html #column2	{
	margin-right: 2px;
	/*margin-left: 18px;*/
}
#footer	{
	font-size: .6em;
	text-align: right;
	width: 740px;
	margin: .5em auto 1em auto;
	color: #CBB9A3;
	line-height: 1.5em;
	}
	#mission	{
	color: #91806C;
}
#footer a	{
	color: #CBB9A3;
}
#footer a:hover	{
	color: #91806C;
}






/* sIFR styles */

/* These are standard sIFR styles... do not modify 

.sIFR-flash {
	visibility: visible !important;
	margin: 0;
}

.sIFR-replaced {
	visibility: visible !important;
}

span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}*/


/* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */

/*.sIFR-hasFlash h2
 {
	visibility: hidden;
}*/