@import url("css/reset.css");
@import url("css/typography.css");


/* The Big Stuff */

body { text-align: center; font-family: 'lucida grande', verdana, arial, helvetica, sans-serif; font-size: 70%; letter-spacing: -0.25px; }
div#body { width: 806px; text-align: left; margin: 0 auto 0 auto; position: relative; _overflow: hidden; }
div#header { border-top: 1px solid; margin-top: 25px; height: 116px; }
div#header-admin { margin-top: 25px; height: 116px; }
div#frame { }

/* Header (Logo, mainly)  */

/*div#header h1 { width: 336px; height: 117px; display: block; text-indent: -999em; background: url('images/logo.gif') top left no-repeat; float: left; }
div#header h1 a { display: block; width: 336px; height: 117px; }*/

div#logo, div#logo-admin { float: left; width: 335px; height: 117px; overflow: hidden; overflow: hidden; margin-right: -6px; }
div#logo { border-left: 1px solid black; }
div#logo-admin { border: none; margin-right: -6px; }


div#subNav { float: right; width: 468px; height: 117px; border-right: 1px solid black; }

/* Links */
a { text-decoration: none; color: #8da74b; }
a:hover { }
a:visited {}

/* Menu */
div#nav { width: 446px; overflow: hidden; height: 486px; float: left; clear: left; border-left: 1px solid black; }

/* Extras (Mainly things that are always hidden.) */
.hide { display: none; }
div.breadCrumb { display: none; }


/* Content */
div#container { position: relative; z-index: 9999; }
div#mainCol, div#mainCol-admin { height: 487px; background: white; overflow: hidden; }

div#mainCol { border-right: 1px solid black; z-index: 10; position: relative; width: 358px; _width: 352px; float: right; /*overflow: hidden; _overflow: auto;*/ }
div#mainCol div.wrap { height: 430px; overflow: auto; overflow-y: auto; overflow-x: hidden;}
div#mainCol-admin { width: 600px; border: none; float: left; padding-top: 20px; }
div#mainCol div.regionBoundary { height: 482px; }
div#mainCol div.element, div#mainCol div.eventsElement, div#mainCol div.container, div#MainContent_2_2_pnlButtons { margin-left: 45px; margin-top: 30px; width: 270px; font-size: 1em; line-height: 1.3em; }
div#MainContent_2_2_pnlButtons { margin-top: 0px; }
div#mainCol div.eventsElement { margin-top: 0; }
/*div#mainCol div.element img { margin-left: -30px; }*/
div.eventsList ul { margin: 0; }https://barefoottiger.publishpath.com/asp/designmanager/EditDesign.aspx?design=%7e%2fWebsites%2fbarefoottiger%2ftemplates%2fBarefoot+Tiger
Edit Design
h1.title { margin-bottom: 0; }
div#mainCol div.element p, div.eventDate { margin-bottom: 15px; }
div#mainCol div.element p.home { margin-bottom: 20px; margin-left: 25px; }
div#mainCol div.element h1.home { margin-left: 25px; }
div#mainCol div.element ul li { list-style: url(/Websites/barefoottiger/Images/starbullet.gif) disc; _margin-left: 5px; }

div#bigmotto { position: absolute; right: 31px; bottom: 9px; z-index: 9999; width: 373px; _width: 367px; }
div#bigmotto div.regionBoundary { position: absolute;  right: 0px; height: 100px; bottom: 50px; }
div#mainCol div.regionBoundary { padding-bottom: 200px; }
body.inside div#mainCol div#bigmotto { right: 17px; width: 387px; _width: 382px; }
body.encourage div#mainCol div#bigmotto, * html body.encourage div#mainCol div#bigmotto { width: 370px; position: absolute; _width: 366px; right: 33px; _right: 21px; bottom: 18px; _bottom: 19px; }
body.inside-services div#mainCol div#bigmotto, * html body.inside-services div#mainCol div#bigmotto { right: 31px; bottom: 18px; width: 372px; _width: 366px; }

body.inside div#mainCol div.element, body.inside div#mainCol div.eventsElement, body.inside div#mainCol div.container, body.inside div#mainCol div.element { margin-left: 45px; width: 270px; }
body.inside div#mainCol div.element img { margin-left: 0; }


/* Footer */
div#footer { _border-right: 1px solid white; clear: both; height: 30px; width: 804px; position: relative; right: -1px; }
div#footertext { width: 806px; float: right; height: 15px; border-top: 1px solid black; padding-top: 5px; text-align: right; position: relative; margin-right: -2px; font-size: .809em; font-family: arial; }
div#footertext span.one { color: #9b282b; }
div#footertext span.two { color: #9bb262; }
div#footertext span.three { color: #cade57; }

/* Admin */
body.editing div#header h1 { display: none; }
body.editing div#mainCol-admin { width: 800px; height: auto; }
body.editing div#frame { height: auto; }
body.editing h2 { font-size: 1.8em; margin-top: 15px; }

/* Default */
img.motto-default { margin-right: 22px; }

/* IE Fixes */
* html div#mainCol div.element img { margin-left: 0; }
div#mainCol { _width: 352px; _right: 5px; _border-right: 0; height: 486px; }
div#mainCol div.wrap { height: 460px; _height: 430px; }
div#bigmotto { background: white; }
div#frame { _border-right: 1px solid black; overflow: hidden; }


/* Web Forms */
input#MainContent_3_3_btnSubmit, input#MainContent_2_2_btnSubmit, input#MainContent_1_1_btnSubmit {
float: right; margin-right: 15px;
}
.fieldLabels 

{
	display : block;
}

.xsmallField
{
	width : 50px;
}

.smallField
{
	width : 150px;
}

.medField
{
	width : 250px;
}

.largeField
{

	width : 350px;
}

textarea.medField
{
	height : 100px;
}

textarea.largeField
{
	height : 200px;
}

.fieldInstructions
{
	left:430px;
	top:20px;
	max-width:200px;
	z-index:25

}

.fieldItem
{
	padding: .5em 0em 1em 1em;
	position : relative;
	display : block;
}

.fieldError
{
	color: #FFF;
	background: #F00;
}

#errorSummary {
	color: #FFF;

	padding: .5em 1em 1em 1em;
	background: #F00;
	}

.fieldSelected
{
	background: #ccc;
	border: 1px solid #999;
}

.formHeader {
	font-weight: normal;
	}

.formHeader h2 {
	margin: .55em 0 0 0;
	padding: 0;
	font-size: 160%;
	}

.formHeader p {
	margin-top: 0;
	}

#fieldList {
	margin: -30px 0px 0 -10px;
	}
	
.photoGalleryElement {
	clear:both;
	width: 302px;
	_width: 312px;
	margin-left: -10px;
}