html { height: 100%; margin-bottom: 0.1em; }

* {
	font-family: Helvetica, Verdana, Tahoma, "Lucida Grande", "Lucida", sans-serif;
	font-size : 11px;
	line-height: 18px;
	color: #666666; 
	margin: 0;
	padding: 0;
	text-align: left;
	vertical-align: top;
	}

body {
	margin: 0;
	padding: 0;
	background: #faefe9 url(/_images/html/bg_side.jpg) repeat-y 50% 0;
	}
	
img {
	border: none;
	vertical-align: top;
	}

/*
------------------------------------------------------------------------------
LAYOUT
------------------------------------------------------------------------------*/
div#wrap{
	margin: 0px auto;
	width: 670px;
	padding: 0px;
	}
	
div#masthead {
	height: 75px;
	}
	
#logo {
	float: left;
	display: inline;
	margin: 0px;
	}

div#wrapper {
	padding: 5px;
	background-color: #FFFFFF;
	}
	
div#footer {
	height: 40px;
	clear: both;
	}

div#container {
	padding: 5px;
	background-color: #F6FBF2;
	border: 1px solid #ECECE8;
	}	
	
/*
------------------------------------------------------------------------------
CONTENT
------------------------------------------------------------------------------*/

	
div#headerTop {
	height: 10px;
 	background: url(/_images/html/header_shadowTop.gif) top center no-repeat;
	}
	
div#header {
	background: url(/_images/html/header_shadowBG.gif) top center repeat-y;
	margin-top: 5px;
	}

	
div#headerBottom {
	height: 10px;
 	background: url(/_images/html/header_shadowBot.gif) top center no-repeat;
	}

div#img {
	width: 620px;
	margin: 0 auto;
	}
	
div#sidebar {
	float: left;
	display: inline;
	width: 200px;
	margin: 35px 0 0 30px;
	}
	
	
div#sidebar li {
	display: block;
	}

div#content {
	width: 390px;
	margin: 20px 0 0 230px;
	}

div li#refer {
	margin-top: 23px;
	margin-bottom: 20px;
	}

div p {
	font-family: Verdana, Tahoma, "Lucida Grande", "Lucida", sans-serif;
	font-size: 10px;
	line-height: 15px;
	}

div #scontact {
	float: left;
	display: inline;
	width: 150px;
	margin: 35px 0 0 30px;
	}
	
div #scontact p {
	color: #6C393F;
	}
	
.clear {
	clear: both;
	height: 1px;
	line-height: 1px;
	}
	
#contactadd {
	color: #6C393F;	
	}

p.emphasis {
	font-weight: bold;
	}

p.emphasis span {
	color: #6C393F;	
	}

div#eventinfo {
	padding-bottom: 5px;
}
	
/*
------------------------------------------------------------------------------
LINKS
------------------------------------------------------------------------------*/

#container a {
	color: #638C6C;
	text-decoration: underline;
	/*background: url(/_images/html/dot.gif) bottom repeat-x;*/
	line-height: 15px;
	}
	
#container a:hover{
	color: #ffffff;
	text-decoration: none;
	background: none;
	background-color: #6C393F;
	}

#scontact a {
	text-decoration: none;
	}

#scontact a:hover {
	text-decoration: none;
	border: 0px;
	background-color: #F6FBF2;
	}

#content a {
	color: #638C6C;
	text-decoration: underline;
	/*background: url(/_images/html/dot.gif) bottom repeat-x;*/
	}

#content a: hover {
	color: #ffffff;
	text-decoration: none;
	background: none;
	background-color: #6C393F;
	}
/*
------------------------------------------------------------------------------
MAIN NAVIGATION
------------------------------------------------------------------------------*/

#nav {
	float: right;
	width: 400px;
	position: relative; top: -23px; left: 90px;
	}
	
#nav li {
	list-style:none;
	display: inline;
	background: none;
	margin-left: 7px;
	}
	
#nav li a{
	font-weight: bold;
	text-decoration: none;
	color: #666666;
	background: none;
	}
	
#nav li a.active{
	color: #638C6C;
	}
	
#nav li a:hover{
	color: #638C6C;
	/*background: url(/_images/html/dot.gif) bottom repeat-x;*/
	padding-bottom: 2px;
	}
	
/*
------------------------------------------------------------------------------
SUB NAVIGATION
------------------------------------------------------------------------------*/

.subnav li {
	list-style:none;
	background: none;
	margin-bottom: 7px;
	}
	
.subnav li a{
	font-weight: bold;
	text-decoration: underline;
	color: #638C6C;
	/*background: url(/_images/html/dot.gif) bottom repeat-x;*/
	padding-bottom: 2px;
	}
	
.subnav li a:hover{
	text-decoration: underline;
	padding-bottom: 2px;
	}	

/*
------------------------------------------------------------------------------
LISTS
------------------------------------------------------------------------------*/

ul {
	margin-top: 5px;
	}
	
li {
	list-style: none;
	padding-left: 9px;
	/*background: url(/_images/html/bullet.gif) no-repeat 0 7px;*/
	}

.active{
	font-weight: bold;
	}
	
	
.column {
	float: left;
	width: 170px;
	}

/*
------------------------------------------------------------------------------
GALLERY NAVIGATION
------------------------------------------------------------------------------*/

#gallerynav, #latestnav {
	margin: 22px 16px 0 0;
	}


#gallerynav li, #latestnav li {
	list-style:none;
	display: inline;
	background: none;
	margin-left: 7px;
	}

/*
------------------------------------------------------------------------------
FOOTER (CLEARS COLUMN FLOAT)
------------------------------------------------------------------------------*/

#footer {
	float: right;
	margin: 20px 10px 0 0;
	padding-bottom: 10px;
	}

#footer li {
	list-style:none;
	display: inline;
	margin-right: 6px;
	font-size: 10px;
	color: #999999;
	background: none;
	}
	
#footer li a{
	font-size: 10px;
	color: #999999;
	padding: 0 2px;
	background: none;
	}
	
#footer li a:hover{
	color: #FFFFFF;
	background-color: #999999;
	text-decoration: none;
	}	
	

/*----------------------------------------------------------------------------
	FORMS STACKED
	--------------------------------------------------------------------------*/

form label {
	display: block;
	}

form input {
	display: block;
	}

form input.box {
	display: block;
	float: left;
	display: inline; /* ie hack */
	}

form .boxLabel {
	display: block;
	float: left;
	display: inline; /* ie hack */
	}

form textarea {
	display: block;
	}

form select {
	display: block;
	}

/*----------------------------------------------------------------------------
	FORMS FLOATED
	--------------------------------------------------------------------------*/
form {
	padding: 0px;
	}

form.float label {
	float: left;
	display: inline; /* ie hack */
	}
	
#fform {
	margin-left: -200px;
	}
	
form.float input {
	float: left;
	display: inline; /* ie hack */
	}

form.float textarea {
	float: left;
	display: inline; /* ie hack */
	}

form.float select {
	float: left;
	display: inline; /* ie hack */
	}

form br {
	clear: left;
	}

/*---------------------------------------------------------------------------
	SIGN UP FORM SPECIFIC STYLES
	---------------------------------------------------------------------------*/

form.signup label {
	font-size: 1.0em;
	font-weight: bold;
	width: 160px;
	padding-top: 6px;
	margin: 0 0 2px 0px;
	}
	
form.signup input {
	width: 200px;
	padding: 0;
	margin: 6px -15px 2px 20px;
	}

form.signup input.check {
	width: 10px;
	padding: 0;
	margin: 4px 0 2px 0;
	}
	
form.signup textarea {
	width: 200px;
	padding: 0;
	margin: 6px -15px 4px 20px;
	}

form.signup input.box {
	margin: 6px 3px 6px 0;
	margin: 4px 4px 0 0;
	width: 20px;
	}

form.signup .boxLabel {
	padding: 0;
	font-size: .85em;
	}

form.signup .boxLong {
	display: block;
	float: left;
	margin: 0 0 8px 24px;
	width: 350px;
	}
	
form.signup select {
	width: 210px;
	margin: 6px -15px 4px 20px;
	padding: 0;
	}

form.signup input#submit {
	position: relative; left: 160px;
	width: 100px;
	text-align: center;
	}

form.signup strong {
	line-height: 14px;
	}
	
form.signup label.newsletter {
	position: relative; right: -180px; bottom: 2px; 
	}

form.signup input.newsletter {
	width: 15px;
	position: relative; right: -160px; 
	}

/*---------------------------------------------------------------------------
REFER A FRIEND	
---------------------------------------------------------------------------*/

body#referFriend {
	margin: 0;
	color: #666666;
	}

#referFriendContent {
	margin: 20px;
	padding: 20px;
	background-color: #F6FBF2;
	border: 1px solid #ECECE8;
	}
	
.referForm, .referFormSmall {
	float: left;
	margin:0;
	padding: 0;
	}
	
.fcaFormItem {
	padding: 1px 0;
	}

.referFormSmall label {
	display: block;
	width: 150px;
	float: left;
	padding: 6px 0;
	margin: 0 15px 2px 0; /* for ie... overwrite below */
	}

/* ie hack - hide this style from ie */
html>body .referFormSmall label {
	margin: 0 15px 2px 0;
	}

.referFormSmall input, .referFormSmall textarea {
	display: block;
	width: 150px;
	float: left;
	margin: 6px 0px 2px 0; /* for ie... overwrite below */
	padding: 0;
	}

/* ie hack - hide this style from ie */
html>body .referFormSmall input, .referFormSmall textarea {
	margin: 6px -15px 2px 0; 
	width: 150px;
	}
	
.referFormSmall input#submit {
	width: 100px;
	margin: 10px 0 0 70px;
	text-align: center;
	}

	/* ie hack */
html>body .referFormSmall input#submit {
	margin-left: 165px;
  }

/*
------------------------------------------------------------------------------
FONTORAMA
------------------------------------------------------------------------------*/

h1 {
	font-size: 15px;
	line-height: 18px;
	color: #6C393F;
	font-weight: bold;
	margin-bottom: 15px;
	}
	
h2 {
	font-size: 15px;
	line-height: 12px;
	color: #666666;
	font-weight: normal;
	margin-top: 15px;
	}
	
h3 {
	font-size: 13px;
	line-height: 18px;
	color: #666666;
	font-weight: normal;
	margin-top: 15px;
	margin-bottom: 5px;
	}

h4 {
	color: #666666;
	font-size: 12px;
	font-weight: bold;
	line-height: 19px;
	margin-top: 10px;
	}		

h5 {
	color: #6C393F;
	font-weight: bold;
	font-size: 12px;
	margin-top: 5px;
	}
	
p {
	margin-bottom: 10px;
	}


#quote {
  	background: url(/_images/html/bg_quote.gif) no-repeat;
  	padding-left: 36px;
  	margin-top: 30px;
	}

.video {
	background-color: #FFFFFF;
	border: 1px solid #CCCCCC;
	width: 320px;
	padding: 5px;
	margin-bottom: 10px;
	}

.quotename {
	font-size: 10px;
	padding-left: 5px;
	color: #669900;
}

	
/*
------------------------------------------------------------------------------
FLASH TEXT REPLACEMENT
------------------------------------------------------------------------------*/


/* 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 h1 {
	visibility: hidden;
}

.sIFR-hasFlash h2 {
	visibility: hidden;
}

.sIFR-hasFlash h3 {
	letter-spacing: -.1em;
	visibility: hidden;
}