div.clear
{
	clear: both;
	height: 0px;
	margin: 0;
	padding: 0;
}

html
{
	background-color: #cecece;
}

body
{
	text-align: center;
	color: #828282;
	margin: 0;
	background-color: #cecece;
}

h1,h2,h3,h4,h5,h6
{
	font-weight: bold;
	letter-spacing: -0.01em;
}

a
{
	color: #b0046b;
	padding: 0 .2em;
}

a:hover
{
	color: #ffffff;
	background-color: #b0046b;
	text-decoration: none;
}

h1
{
	letter-spacing: -0.05em;
}

input,
textarea
{
	color: #828282;
	font-weight: bold;
	font-size: 133%;
	background-color: #e9e9e9;
	padding: 0.3em;
	margin-bottom: 1.3em;
}

input:focus,
textarea:focus
{
	background-color: #ffffff;
}

textarea
{
	font-size: 100%;
}

label
{
	display: block;
	margin-bottom: .1em;
}

#wrapper
{
	text-align: left;
	width: 860px;
	margin: 0 auto;
	background-color: #e0e0e0;
}

#header
{
	background: transparent url("../images/nav-background.gif") no-repeat scroll bottom center;
	height: 187px;
}

#header a.logo 
{
	display: block;
	background: transparent url("../images/header.jpg") no-repeat scroll top left;
	text-indent: -9999px;
	outline: none;
	height: 130px;
}

#header ul
{
	float: right;
	padding-right: 10px;
}

#header ul li
{
	float: left;
}

#header ul li a
{
	display: block;
	float: left;
	height: 57px;
	font-size: 133%;
	color: #555555;
	text-decoration: none;
	padding: 0px 25px;
	outline: none;
}

#header ul li a:hover, #header ul li a.selected
{
	background: transparent url("../images/nav-hover.gif") repeat-x scroll top left;
}

#header ul li span 
{
	line-height: 57px;
}

#errors,
#noscript,
{
	width: 840px;
	margin: 1em 10px;
}

#errors,
#noscript
{
	background: transparent url("../images/message-background-error.gif") no-repeat scroll top center;
}

#tips
{
	background: transparent url("../images/message-background-tip.gif") no-repeat scroll top center;
}

#errors div,
#noscript div
{
	background: transparent url("../images/message-background-error-b.gif") no-repeat scroll bottom center;
}

#tips div
{
	background: transparent url("../images/message-background-tip-b.gif") no-repeat scroll bottom center;
}

#tips h3
{
	color: black;
	margin: 0;
	padding: 2em 1em 1em 80px;
}

#errors ul,
#tips ul,
#noscript ul
{
	padding: 2em 1em 1em 6em;
	min-height: 30px;
	* height: 30px;
}

#tips ul
{
	padding-top: 0;
	padding-left: 80px;
	margin: 0 0 2em 0;
}

#errors ul li,
#tips ul li,
#noscript ul li
{
	color: #000000;
	margin-bottom: 15px;
	font-weight: bold;
}

#tips ul li
{
	list-style: disc outside;
	margin: 0 0 1em 1.5em;
	padding: 0 0 0 0;	
}

#errors ul li + li,
#noscript ul li + li
{
	padding-top: 15px;
	border-top: 1px dotted black;
}


#content
{
	padding: 10px;
}

#footer
{
	border-top: 1px solid white;
	* height: 1px;
	font-size: 88%;
	color: #888888;
	padding: 1em;
}

#footer div.legal,
#footer div.sponsors,
#footer div.contact
{
	float:left;
}

#footer div.legal p
{
	width: 320px;
	margin: 0;
	padding: 4px;
	text-align: left;
}

div.sponsors
{
	padding: 0 2em;
}

div.sponsors a,
div.sponsors span
{
	margin: 0.9em 0.5em;
	display: block;
	text-indent: -9999px;
	float: left;
	width: 76px;
	height: 51px;
	background: transparent none no-repeat scroll top left;
	outline: none;
}

div.sponsors a.jcvb    { background-image: url("../images/logo-jcvb.gif"); }
div.sponsors a.stavips { background-image: url("../images/logo-stavips.gif"); }
div.sponsors a.mac     { background-image: url("../images/logo-mac.gif"); }

div.button-set
{
	margin-top: 25px;
}

div.button-set a
{
	float: right;
	margin-left: 25px;
}

a.button-l,
a.button-l:link
{
	padding: 0;
	display: block;
	outline: none;
	text-indent: -9999px;
	height: 56px;
	width: 157px;
	background-position: 0 0;
}

a.button-l:hover                    { background-position: 0 -56px; }
a.button-l:active, a.button-l:focus { background-position: 0 -112px; }

a.button-l.disabled,
a.button-l.disabled:link,
a.button-l.disabled:hover,
a.button-l.disabled:active,
a.button-l.disabled:focus
{ background-position: 0 -168px; cursor: default; }

div.button-set a.continue
{
	background-image: url("../images/button-l-continue.jpg");
}

div.button-set a.add
{
	background-image: url("../images/button-l-add.jpg");
}

div.button-set a.add-extra-photo
{
	background-image: url("../images/button-l-addextraphoto.jpg");
}

div.button-set a.edit
{
	background-image: url("../images/button-l-edit.jpg");
}

div.button-set a.delete
{
	background-image: url("../images/button-l-delete.jpg");
}

div.button-set a.save
{
	background-image: url("../images/button-l-save.jpg");
}

div.button-set a.send
{
	background-image: url("../images/button-l-send.jpg");
}

div.button-set a.i-understand
{
	background-image: url("../images/button-l-iunderstand.jpg");
}

/**
 * Designed on a 1.3em grid
 */
.baseline-text
{
	color: #606060;
}

.baseline-text h1, .baseline-text h2
{
	color: #828282;
	font-size: 133%;
	font-weight: bold;
}

.baseline-text h1 { font-size: 166%; line-height: 1em; }
.baseline-text h2 { font-size: 133%; }

.baseline-text p,
.baseline-text blockquote,
.baseline-text ul,
.baseline-text ol
{
	font-size: 88%;
	line-height: 1.45em;
	margin: 1.4em 0 2.65em 0;
}

.baseline-text blockquote.inset
{
	width: 33%;
	float: right;
}

.baseline-text p + p,
.baseline-text p + blockquote
{
	margin-top: -1.2em;
}

strong,
.baseline-text p strong
{
	font-weight: bold;
}

.baseline-text blockquote
{
	background: transparent url("../images/html-ldquo.gif") no-repeat scroll 2.5em 4px;
	color: #000000;
	padding: 0 4em;
}

.baseline-text blockquote div
{
	background: transparent url("../images/html-rdquo.gif") no-repeat scroll bottom right;
}

.baseline-text ul li,
.baseline-text ol li
{
	padding: 0 2em;	
}
/**
 * Page defs
 */
div.about,
div.enter,
div.past,
div.faq,
div.resources
{
	padding: 2em 5em;
}

div.about .header,
div.enter .header,
div.past .header,
div.faq .header,
div.resources .header
{
	margin-bottom: 1.2em;
}

div.about .header h2,
div.enter .header h2,
div.past .header h2,
div.faq .header h2,
div.resources .header h2
{
	color: #a8a8a8;
	margin-top: -0.1em;
}

span.required,
span.optional
{
	font-weight: normal;
	font-size: 88%;
	color: #ab7f7f;
	padding: 0 0.8em;
}

span.optional
{
	color: #b3a951;
}

div.calendar
{
	font-size: 88%;
	line-height: 1.45em;
}

div.calendar dl
{
	text-align: left;
	margin: 1.6em 0;
}

div.calendar dl dt
{
	font-weight: bold;
}

div.calendar dl dd
{
	margin-left: 2em;
	font-family: serif;
}

div.calendar dl dd em
{
	font-style: italic;
}

/**
 * Extra stuff that overrides some of our CSS to prevent weird behavior with 3rd party stuff
 */
#lightbox a:hover
{
	background-color: transparent;
}