/* 
chaffdesigns.com           

rev 1.0

---
this style sheet defines the layout properties for screen width
of 1024px and lower.
*/

h1.heading
{
	font-family: arial, verdana, helvetica, sans-serif;
	font-size: 40px;
	display: inline;
}

h1.events
{
	font-family: arial, verdana, helvetica, sans-serif;
	font-size: 18px;
	display: inline;
}

h2.cond
{
	font-family: arial, verdana, helvetica, sans-serif;
	font-size: 18px;
	display: inline;
	font-stretch: ultra-condensed;
}  


body.normal
{
	background-color: #FFFFFF;
	color: #000000; 
	font-family: arial, verdana, helvetica, sans-serif;
	font-size: 16px;
	margin: 0px;
}

input
{
	background-color: #FFFFFF;
	color: #000000; 
	border: 3px solid #444444;
	font-family: arial, verdana, helvetica, sans-serif;
	font-size: 14px;
	margin: 0px;
}

input.usersubmit
{
	background-color: #FFFFFF;
	color: #000000; 
	border: 3px solid #444444;
	font-family: arial, verdana, helvetica, sans-serif;
	font-size: 14px;
	margin: 10px;
}

input.tinyborder
{
	background-color: #FFFFFF;
	color: #000000; 
	border: 1px solid #000000;
	font-family: arial, verdana, helvetica, sans-serif;
	font-size: 14px;

}

input.noborder
{
	background-color: transparent;
	border: 0;
	color: #000000; 
	font-family: arial, verdana, helvetica, sans-serif;
	font-size: 14px;
}

option
{
	background-color: #FFFFFF;
	color: #000000; 
	font-family: arial, verdana, helvetica, sans-serif;
	font-size: 14px;
}



input.msgs
{
	width: 31em;
}


textarea
{
	background-color: #FFFFFF;
	display:inline;
	color: #000000; 
	border: 3px solid #444444;
	font-family: arial, verdana, helvetica, sans-serif;
	font-size: 14px;
	margin: 0px;
}

textarea.msgs
{
	width: 35em;
	height: 15em;
}

textarea.user
{
	width: 18em;
	height: 8em;
}


textarea.rallytxt
{
	width: 35em;
	height: 15em;
}

div
{
}

div.thickspacer 
{
	clear: both;
	visibility: hidden;
	font-size: 0px;
  	line-height: 0px;
	padding: 0px;
	margin: 0px auto;
	height: 5px;
}

div.showmsgsinput
{
	margin-top: 0;	
	text-align: right;
}

div.shell 
{
	position: absolute;		
	background-color: transparent;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	text-align: left;
	top:0px; left:0px;
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 100%;
	height: 240px;
}

div.container
{
	position: relative;
	border-top: 0 solid #000000;
	border-bottom: 3px solid #3E4469;
	background-color: #D8AC5F;
	background-image: url(navback2.gif);
	background-repeat:no-repeat;
	background-position: left center;
	padding: 0px;
	margin: 0px auto;
	top:0px; left:0px;	
	width: 100%;
	height: 126px;
	z-index:0;
}

div.container2
{
	position: absolute;
	border-top: 1px solid #000000;
	border-bottom: 1px solid #000000;
	background-color: #FEE69C;
	text-align: left middle;
	vertical-align: middle;
	padding: 0px;
	top:90px; left:25%;
	margin: 0px auto;
	width: 75%;
	text-align: right;
	height: 1.3em;
	z-index:2;
}


div.welcome
{
	position: absolute;
	border-top: 1px solid #000000;
	border-bottom: 1px solid #000000;
	background-color: #FEE69C;
	text-align: left middle;
	vertical-align: middle;
	padding: 0px;
	top:90px; left:0px; 
	margin: 0px auto;
	width: 25%;
	height: 1.3em;
	z-index:2;
}

div.container3
{
	position: relative;
	border-bottom: 3px solid #3E4469;
	background-color: #FFFFFF;
	text-align: left;
	padding-top: 20px;
	padding-bottom: 20px;
	max-height: none;
	width: 100%;
	height: auto;
	z-index:0;
}

div.container4
{
	position: relative;
	float:left;
	background-color: #AAAAAA;
	padding: 0px;
	top:111px; left:70%;
	margin: 0px auto;
	width: 30%;
	text-align: right;
	height: 12px;
	z-index:2;
}

div.container5
{
	position: absolute;
	background-color: transparent;
	padding-top: 0px;
	top: 72px; right:23px;
	vertical-align: middle;
	margin: 0px auto;
	width: 50%;
	text-align: right;
	height: 12px;
	z-index:2;
}

div.container6
{
	position: absolute;
	background-color: transparent;
	padding-top: 0px;
	top: 72px; right:5px;
	vertical-align: middle;
	margin: 0px auto;
	width: 16px;
	height: 12px;
	z-index:2;
}


div.containerevn
{
	position: relative;
	float: left;
	border: 1px solid #444444;
	background-color: #FEE69C;
	padding-left: 3px;
	padding-right: 3px;
	margin: 0px;
	text-align: left;
	width: 100%;	
	height: auto;
	overflow: hidden;
	z-index:2;
}

div.elementevn
{
	position: relative;
	float: left;
	border: 0px solid #444444;
	background-color: transparent;
	padding-left: 3px;
	padding-right: 3px;
	margin: 0px;
	text-align: left;
	width: 100%;
	height: auto;
	z-index:2;
}

div.elementhlrally
{
	position: relative;
	float: left;
	background-color: #FEE69C;
	margin: 0px;
	text-align: left;
	width: 100%;
	height: auto;
	z-index:2;
}

div.elementborderrally
{
	position: relative;
	float: left;
	border: 1px solid #000000;
	background-color: transparent;
	padding: 3px;
	margin: 0px;
	text-align: left;
	left: 10%;
	width: 80%;
	height: auto;
	z-index:2;
}

div.elementrightevn
{
	position: relative;
	float: right;
	border: 0px solid #444444;
	background-color: transparent;
	padding-left: 3px;
	padding-right: 3px;
	margin: 0px;
	text-align: left;
	width: auto;
	height: auto;
	z-index:2;
}

div.elementborderevn
{
	position: relative;
	float: left;
	border-top: 1px dashed #444444;
	border-bottom: 1px dashed #444444;
	background-color: #FFFFFF;
	padding-left: 3px;
	padding-right: 3px;
	margin: 0px;
	text-align: left;
	width: 100%;
	height: auto;
	z-index:2;
}


div.containerpho
{
	position: relative;
	float: left;
	border: 1px solid #444444;
	background-color: #FEE69C;
	padding-left: 3px;
	padding-right: 3px;
	margin: 5px;
	text-align: left;
	width: 100%;	
	height: auto;
	overflow: hidden;
	z-index:2;
}


div.elementpho
{
	position: relative;
	float: left;
	border: 0px solid #444444;
	background-color: transparent;
	padding-left: 3px;
	padding-right: 3px;
	margin: 0px;
	text-align: left;
	width: 38%;
	height: auto;
	z-index:2;
}

div.elementrightpho
{
	position: relative;
	float: right;
	border: 0px solid #444444;
	background-color: transparent;
	padding-left: 3px;
	padding-right: 3px;
	margin: 0px;
	text-align: left;
	width: 30%;
	height: auto;
	z-index:2;
}

div.elementborderpho
{
	position: relative;
	float: left;
	overflow: hidden;
	border-top: 1px dashed #444444;
	border-bottom: 1px dashed #444444;
	border-right: 1px dashed #444444;
	background-color: #FFFFFF;
	padding-left: 3px;
	padding-right: 3px;
	margin: 0px;
	text-align: left;
	width: 70%;
	height: auto;
	z-index:2;
}



div.elementborderbio
{
	position: relative;
	float: left;
	overflow: hidden;
	border-top: 1px dashed #444444;
	border-bottom: 1px dashed #444444;
	background-color: #FFFFFF;
	margin: 0px;
	text-align: left;
	width: 100%;
	height: auto;
	z-index:2;
}

div.elementborderlog
{
	position: relative;
	float: left;
	border-top: 1px dashed #444444;
	border-bottom: 1px dashed #444444;
	background-color: #FFFFFF;
	padding-left: 3px;
	padding-right: 3px;
	margin: 0px;
	text-align: left;
	width: 97%;
	height: auto;
	z-index:2;
}

div.elementbordercontain
{
	position: relative;
	float: left;
	border: 1px dashed #444444;
	background-color: transparent;
	padding-left: 12px;
	padding-right: 12px;
	text-align: left;
	width: 90%;
	height: auto;
	z-index:2;
}

div.elementborderaddedit
{
	position: relative;
	float: left;
	border: 1px dashed #444444;
	background-color: transparent;
	padding-left: 12px;
	padding-right: 12px;
	margin-left: 15px;
	text-align: left;
	width: 45%;
	height: auto;
	z-index:2;
}

div.biocontainer
{
	position: relative;
	float:left;
	background-image: url(contentback2.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	background-color: #ffffff;
	text-align: left;
	padding: 10px 10px 10px 10px;
	top: 20px;
	left: 0px;
	margin: 0px;
	width: 100%;
	z-index:0;
}

div.containerbio
{
	position: relative;
	float: left;
	border: 1px solid #444444;
	background-color: #FEE69C;
	padding: 3px 3px 3px 3px;
	text-align: left;
	margin: 5px;
	width: 25%;	
	height: auto;
	z-index:2;
}


div.containermerchleft
{
	position: relative;
	float: left;
	border: 1px solid #444444;
	background-color: #FEE69C;
	padding: 5px;
	text-align:left;
	margin: 10px;
	width: 425px;	
	height: auto;
	z-index:2;
}

div.containermerchright
{
	position: relative;
	float: right;
	border: 1px solid #444444;
	background-color: #FEE69C;
	padding: 5px;
	text-align:left;
	margin: 10px;
	width: 425px;	
	height: auto;
	z-index:2;
}

div.merchhilite
{
	position: relative;
	float: left;
	background-color: #D8AC5F;
	padding: 0px;
	text-align:left;
	margin: 0px;
	width: 100%;	
	height: auto;
	z-index:1;
}

div.containerlog
{
	position: relative;
	float: left;
	border: 1px solid #444444;
	background-color: #FEE69C;
	padding-left: 3px;
	padding-right: 3px;
	padding-top: 3px;
	padding-bottom: 3px;
	text-align: left;
	left: 40%;
	top: 20px;
	width: 175px;	
	height: auto;
	z-index:2;
}

div.containerphot
{
	position: relative;
	float: left;
	border: 1px solid #444444;
	background-color: #FEE69C;
	padding-left: 3px;
	padding-right: 3px;
	padding-top: 3px;
	padding-bottom: 3px;
	text-align: left;
	left: 40%;
	top: 20px;
	width: 300px;	
	height: auto;
	z-index:2;
}

div.footer
{
	position: relative;
	background-color: #AAAAAA;
	text-align: left;
	width: 100%;
	height: 20px;
	z-index:4;
}

div.homeleft
{
	position: relative;
	float:left;
	background-image: url(contentback1.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	background-color: #ffffff;
	text-align: left;
	padding: 10px;
	top: 20px;
	left: 0px;
	margin: 0px;
	width: 66%;
	z-index:0;
}

div.fullscr
{
	position: relative;
	float:left;
	background-image: url(contentback3.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	background-color: transparent;
	text-align: left;
	padding: 10px;
	top: 20px;
	margin: 0px;
	width: 95%;
	z-index:0;
}



div.userleft
{
	position: relative;
	float:left;
	background-image: url(contentback2.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	background-color: #ffffff;
	text-align: left;
	padding-left: 5px;
	top: 20px;
	left: 0px;
	margin: 0px;
	width: 99%;
	z-index:0;
}

div.userleft2
{
	position: relative;
	float:left;
	background-image: url(contentback1.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	background-color: #ffffff;
	text-align: left;
	padding-left:5px;
	top: 20px;
	left: 0px;
	width: 99%;
	z-index:0;
}


div.blandleft
{
	position: relative;
	float:left;
	background-color: transparent;
	text-align: left;
	padding: 10px 10px 10px 10px;
	top: 20px;
	left: 0px;
	margin: 0px;
	width: 65%;
	height: auto;
	z-index:0;
}

div.blandphotleft
{
	position: relative;
	float:left;
	border-bottom: 1px dashed #444444;
	border-top: 1px dashed #444444;
	background-color: transparent;
	text-align: left;
	top: 20px;
	left: 0px;
	margin: 0px;
	width: 100%;
	height: auto;
	z-index:0;
}
div.blandphotleft2
{
	position: relative;
	float:left;

	background-color: transparent;
	text-align: left;
	top: 20px;
	left: 0px;
	margin: 0px;
	width: 90%;
	height: auto;
	z-index:0;
}
div.blandphotbig
{
	position: relative;
	float:left;

	background-color: transparent;
	text-align: left;
	padding: 10px 10px 10px 10px;
	top: 20px;
	left: 0px;
	margin: 0px;
	width: 95%;
	height: auto;
	z-index:0;
}

div.blandright
{
	position: relative;
	float:left;
	background-color: transparent;
	text-align: left;
	padding: 10px 10px 10px 10px;
	top: 20px;
	left: 0px;
	margin: 0px;
	width: 27%;
	z-index:0;
}


div.formspaceuser
{
	position: relative;
	float:left;
	background-color: transparent;
	text-align: left;
	top: 20px;
	margin: 5px;
	width: 38%;
	z-index:0;
}

div.infospaceuser
{
	position: relative;
	float:left;
	background-color: transparent;
	text-align: left;
	top: 20px;
	width: 20%;
	z-index:0;
}

div.imgspaceuser
{
	position: relative;
	float:left;
	background-color: transparent;
	text-align: left;
	top: 20px;
	width: 37%;
	z-index:0;
}

div.linkholder
{
	position: relative;
	float: left; 
	width:205px; 
	height: auto; 
	padding-bottom: 10px;
	background-color: transparent;
	text-align: left;
	overflow: hidden;
}	

img.photoframe
{
	border: 1px solid #000000;
}

div.split 
{
	clear: left;
	border-top: 1px dashed #000;	
}


div.homeright
{
	position: relative;
	float:right;
	border-left: 1px dashed #3E4469;
	background-color: #ffffff;
	text-align: left;
	padding: 10px 10px 10px 10px;
	top: 20px;
	left: 0px;
	min-height:98%;
	margin: 0px;
	width: 27%;
	z-index:0;
}

div.merchleft
{
	position: relative;
	float: left;
	display: inline;
	text-align: left;
	width: 310px;
} 

div.merchright
{
	position: relative;
	float: right; 
	display: inline;
	padding-right:3px;
	text-align: right;
	width:90px;
} 

div.dateleft
{
	position: relative;
	float: left;
	display: inline;
	text-align: left;
	width: 50%px;
} 

div.dateright
{
	position: relative;
	float: right; 
	display: inline;
	padding-right:3px;
	text-align: right;
	width:50%;
} 

div.spacer 
{
	clear: both;
	visibility: hidden;
}




table.wtvespaback
{
	background-image: url(contentback.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	background-color: #ffffff;
}

table.bg1
{
	background-color: #FF9900;
}

table.trans
{
	background-color: transparent;
}

table.thinborder
{
	background-color: transparent;
	border: 1px solid #000000;
}

tr.trans
{
	background-color: transparent;
}

td.trans
{
	background-color: transparent;
}

table.showmsgs
{
	background-color: #FFFFFF;
}

img.mail
{
	position:relative;	
	right: 3px;
	top: 1px;
	z-index: 3;
}


img.imgmid
{
	position:relative;	
	right: 3px;
	top: 1px;
	vertical-align: middle;
	z-index: 3;
}


p
{
	text-align: left;	
}

p.nav
{	
font-family: arial, helvetica, verdana, sans-serif;
font-size: 17px;
display: inline;
}

p.welcome
{	
font-family: arial, helvetica, verdana, sans-serif;
font-size: 17px;
color: #FFFFFF;
display: inline;
}

p.navtiny
{
font-family: arial, verdana, helvetica, sans-serif;
font-size: 10px;
display: inline;
}

p.successtiny
{
font-family: arial, verdana, helvetica, sans-serif;
font-size: 10px;
float: left;
color: #000000;
background-color: #00FF00;
display: inline;
}

p.eventttl
{
font-family: arial, verdana, helvetica, sans-serif;
font-size: 14px;
font-style: italic;
display: inline;
}

p.eventtxt
{
font-family: arial, verdana, helvetica, sans-serif;
font-size: 14px;
display: inline;
}

p.photoframe
{
border: 1px solid #000000;
display: inline;
padding-left: 3px;
padding-right: 3px;
}

p.green
{
background-color: #00FF00;
display: inline;
}

p.red
{

background-color: #FF0000;
display: inline;
}

input.user
{
	display: block;
	width: 150px;
	float: left;
	margin-bottom: 10px;
}

label.user
{
	display: block;
	width: 100px;
	float: left;
	margin-bottom: 10px;
}

label.long
{
	display: block;
	width: 140px;
	float: left;
	margin-bottom: 10px;
}

input.userprov
{
	display: block;
	width: 28px;
	float: left;
	margin-bottom: 10px;
}

label.userprov
{
	display: block;
	width: 100px;
	float: left;
	margin-bottom: 10px;
}


input.userzip
{
	display: block;
	width: 100px;
	float: left;
	margin-bottom: 10px;
}

label.userzip
{
	display: block;
	width: 20px;
	float: left;
	margin-bottom: 10px;
}

label 
{
	text-align: right;
	width: 100px;
	padding-right: 5px;
}

br 
{
	clear: left;
}

pre{
font-family: arial, verdana, helvetica, sans-serif;
font-size: 14px;
display: inline;
}

form.photnav{
display:inline;
}


A {text-decoration: none;}
A {color:#302D21;}
A:active {color:#302D21;}
A:visited {color:#302D21;}
A:hover {color:#7F7A56;}

A.nav {color:#000000;}
A.nav:active {color:#000000;}
A.nav:visited {color:#000000;}
A.nav:hover {color:#FFFFFF;}

A.link 
{
color:#9D5C1C;
Font-size: 25px;
}
A.link:active {color:#CB9E24;}
A.link:visited {color:#CB9E24;}
A.link:hover {color:#D66426;}