/* reset */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote{ 
	margin:0;
	padding:0;
}
table {
	border-collapse:collapse;
	border-spacing: 0;
}
fieldset,img { 
	border:0;
}
address,caption,cite,code,dfn,th,var {
	font-style:normal;
	font-weight:normal;
}
ol,ul {
	list-style:none;
}
caption,th {
	text-align:left;
}
h1,h2,h3,h4,h5,h6 {
	font-size:100%;
	font-weight:normal;
}
q:before,q:after {
	content:'';
}
abbr,acronym { border:0;
}
/* page styles */
/* base */
body {
	background: #FFF;
	text-align: center;
	font: 13px arial, sans;
	color: #042A02;}
a:link, a:visited
	{color: #333;}
a:hover
	{text-decoration: none;
	color: #E3701F;}
#wrapper{
	margin: 0px auto;
	width: 800px;
	background: #FFF;
	border: 1px solid #CCC;
	border-bottom: 20px solid #6B9B70;}
#header h1 
{
	display: block;
	height:226px; 
	width:800px;
	text-indent: -99999px;
	background-image: url(banner.jpg);
	background-repeat:no-repeat;}

#content ul {
	padding: 20px 0;
}

#content ul li em{
	font-weight: bold;
}
#content li
	{padding-bottom: 7px;}
.clearAll
	{clear: both;}
	
/*form*/

#form
	{width:800px;
	padding:20px 0 20px 0;
	background-color: #D8EFBF;}
#form ul
	{margin:0;
	padding:0;}
#form li
	{margin:0;
	padding: 0 7px 5px 0;}
.label
	{font-weight: bold;
	width: 400px; /*width of labels. Should be smaller than left column (155px) to create some right margin*/
	text-align:right;
	margin:0;}
.formElement
	{width:390px;
	float: right;
	margin:0;
	text-align:left;
	font-style:italic;}
.seminar
	{width: 580px;
	margin-left: 200px;
	margin-top:5px;}
.formSeminar
	{clear: both;
	font-size: 12px;
	width: 580px;
	text-align:left;}
.formSeminar li
	{padding-bottom:7px;}
.btn 
	{background-color: #6B9B70;
	color: #FFF;
	border: solid 1px #042A02;
	font: 13px arial;
	margin-left: 500px;
	margin-top:20px;}
.formVal
	{color: #F60;
	font-weight:bold;}
	
/* thank you */
#thanks h1
	{width: 100%;
	margin-top:20%;
	vertical-align:middle;
	text-align:center;
	font-size: 36px;
	color: #6B9B70;}
	
/*Report */
#totalResponses
	{width: 500px;
	margin: 20px auto;}
.total
	{font-weight: bold;
	margin-left: 10px;}
#summary
	{width: 320px;
	padding: 0;
	margin: 0 auto;}
.summaryLeft
	{float:left;
	width:150px;
	padding: 0;
	margin: 0;}
.summaryRight
	{width:150px;
	padding: 0;
	margin: 0;
	text-align:left;
	float: right;}
.summaryLeft li, .summaryRight li
	{padding-bottom:7px;}
#reportHdr h1
	{font-size: 25px;
	margin-bottom: 20px;
	color: #6B9B70;}
#reportHdr
	{margin-top:20px;}
.excel
	{padding: 20px;
	clear: both;
	font-size: 14px;}
.grid
	{font-size: 13px;
	background-color: #FFF;
	margin: 0 auto;
	border: solid 1px #666;}
.grid td
	{padding:5px;}
.gridHdr
	{background-color: #6B9B70;
	text-align: center;
	font-weight: bold;}
.gridHdr a:link, .gridHdr a:visited
	{color: #FFF;}
.gridHdr a:hover
	{text-decoration: none;}
.alternating
	{background-color: #EEE;}

/*.threepxfix class below:
Targets IE6- ONLY. Adds 3 pixel indent for multi-line form contents.
to account for 3 pixel bug: http://www.positioniseverything.net/explorer/threepxtest.html
*/

* html .threepxfix{
margin-left: 3px;
}

/*invite */
.mainTable
	{width: 800px;
	margin: 0 auto;}

.banner2
	{font-size: 12px;
	color: #FFF;
	background-image: url(banner2.jpg);
	padding:14px 14px 14px 150px;
	height: 82px;
	vertical-align:middle;}
.seminarDate
	{width: 255px;
	text-align:right;}
.seminarInfo
	{background-color: #D8EFBF;
	color: #042A02;
	font-size: 12px;
	vertical-align:middle;
	width: 545px;
	padding: 0 5px 0 18px;}
.title
	{font: bold 13px arial;
	margin:0 0 3px 0;}
.author
	{font-size: 12px;}
.footer
	{font-size: 12px;
	background-color: #6B9B70;
	padding: 10px 5px 10px 18px;
	color: #FFF;
	vertical-align: middle;
	background-image: url(bgFooter.gif);
	padding-left: 150px;}
.footer a:link, .footer a:active, .footer a:visited
	{color: #FFF;} 
.footRSVP
	{text-align:center; 
	font-size: 15px; 
	margin-top:7px; }

.footer a:hover, .footRSVP a:hover
	{text-decoration: none;
	color: #E3701F;}