/* this resets styles to a common base */
html{}body,div,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0px;padding:0px;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}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;font-variant:normal;}sup {vertical-align:text-top;}sub {vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}legend{color:#000;}

/* start main styles */
body  {
	color: #000000;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10pt;
	background: none;
	background-color: #FFFFFF;
	padding-left:12px;
}

li {
	list-style-image:none;
	list-style-position:outside;
	list-style-type: disc;
	list-style:outside;
}
ol li {
	list-style-type: decimal;
}

strong, b {
	font-weight:bold;
}
em, i {
	font-style:italic;
}
p {
	font-size: 10pt;
	padding-bottom: 1em;
}
a, .hpl {
	color:#9C0202;
	font-size:10pt;
	text-decoration:underline;
}

table {margin-bottom: 0.7em;}
td, th {
	font-size:10pt;
	font-family:Arial, Helvetica, sans-serif;
}
td {padding-right:20px;}
th {font-weight: bold; padding-bottom:10px; color:#f38217;}
h1,h2,h3,h4,h5,h6 {
	font-weight: bold;
	text-decoration: none;
}
#content h2 {color:#f38217; padding:0.35em 0 0.7em 0;}
#content h3 {padding-bottom: 0.5em;}
#wideContent h1 {
	width:800px;
}
h1 {
	color:#f38217;
	font-size: 28px;
	line-height: 28px;
}
h2 {
	padding-bottom:0.5em;
	font-size: 1.3em;
	line-height: 1.5em;
}
h3 {
	font-size: 1.2em;
	line-height: 1.4em;
	padding: 0em 0 0.5em 0;
}
h4 {
	font-size: 1em;
	line-height: 1.2em;
}
h5 {
	font-size: 1.2em;
	line-height: 1.4em;
}
h6 {
	font-size: 0.8em;
	line-height: 1em;
	letter-spacing: 0em;
}
#mainContent h1 {
	width:500px;
}
#mainContent h2
{
	padding:0.35em 0em 0.7em 0em;
}

ol {
	padding-bottom:0.7em !important;
	list-style-position: inside;
}
#mainContent .wireframe .main ol li {
	font-size:1em;
	list-style:decimal;
}

.wireframe .main {
	font-size:1em;
}
#mainContent, #wideContent, .gutter {
	text-align: left;
}
#mainContent .wireframe .main li, #wideContent .wireframe .main li, #sidebar2 .wireframe .main li {
	line-height:1.4em;
	padding: 0 0 0.3em 0;
	margin: 0em;
}

#mainContainer .bodyCont span.title {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #000000;
	text-transform: uppercase;
}

#mainContent .wireframe .main ul li, #wideContent .wireframe .main ul li, #sidebar2 .wireframe .main ul li {
	list-style-type:disc;
}

#mainContent .wireframe .main ol li, #wideContent .wireframe .main ol li, #sidebar2 .wireframe .main ol li {
	list-style-type:decimal;
}
#subNavLevel3 li, #mainContent .wireframe .evnt-container li, #wideContent .wireframe .evnt-container li, #sidebar2 .wireframe .evnt-container li {
	list-style:none;
	list-style-type:none;
	line-height:1.4em;
	padding: 0 0 0 15px;
	margin: 0;
}

#mainContent .wireframe .main ul, #wideContent .wireframe .main ul, #sidebar2 .wireframe .main ul {
	padding-left: 1.4em;
}
#mainContent .wireframe .main ol, #wideContent .wireframe .main ol, #sidebar2 .wireframe .main ol
{
	margin-left: 1.7em;
}
#mainContent .wireframe .main ul ul, #wideContent .wireframe .main ul ul, #sidebar2 .wireframe .main ul ul {
	list-style-type:circle;
}
#mainContent .wireframe .main ol, #wideContent .wireframe .main ol, #sidebar2 .wireframe .main ol {
	list-style-type:decimal;
}
#mainContent .wireframe .main ol ol, #wideContent .wireframe .main ol ol, #sidebar2 .wireframe .main ol ol {
	list-style-type:lower-alpha;
}

/* CUSTOM STYLES THAT USERES CAN USE */
.tableStyle1 {
	border:1px dashed #CCC;
	width:500px;
}
.tableStyle1 td, .tableStyle1 th {
	font-size: 1em;
	padding:3px;
	border:1px dashed #CCC;
}


#mainContent .wireframe .main ul li.content-indent, #wideContent .wireframe .main ul li.content-indent, #sidebar2 .wireframe .main ul li.content-indent,
#mainContent .wireframe .main ul.content-indent li, #wideContent .wireframe .main ul.content-indent li, #sidebar2 .wireframe .main ul.content-indent li
{
	margin-left: 1em;
}
#mainContent .wireframe .main ol li.content-indent, #wideContent .wireframe .main ol li.content-indent, #sidebar2 .wireframe .main ol li.content-indent,
#mainContent .wireframe .main ol.content-indent li, #wideContent .wireframe .main ol.content-indent li, #sidebar2 .wireframe .main ol.content-indent li
{
	margin-left: 1.4em;
}

#mainContent .wireframe .main li.content-li-unstyled,
#mainContent .wireframe .main .content-li-unstyled li {
	list-style-type: none;
	margin-left: -1.4em;
}

span.title {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #000000;
	text-transform: uppercase;
}

/* Forms */
.textInput {
	border: 1px solid #CCCCCC;
	margin: 0px;
	font-family: Tahoma, Arial, sans-serif;
	font-size: 10px;
	color: #666666;
	padding: 2px;
}
.selectInput {
	font-family: Tahoma, Arial, sans-serif;
	font-size: 11px;
}
form {
	margin: 0px;
	padding: 0px;
}
.wtc_form {
	font-size: 11px;
	padding: 5px;
	background-image: url(../images/icnWTC.jpg);
	background-repeat: no-repeat;
	background-position: right top;
}

.formreq {
	color: #990000;
	font-weight: bold;
}

.formnoreq {
	font-weight: bold;
}


/* Form Styles */

/* FORMS */
.formStyle {
	display:block;
	clear:both;
}
.formStyle input, .formStyle textarea {
	border:1px #CCC solid;
	margin:0 0 1px 0;
}

.formtitle {
	padding: 0; 
	margin: 0; 
	font-size: 12px; 
	font-weight: bold;
	border-bottom: 1px solid #a0a0a0; 
	width: 425px;
}

.warning {
	text-align:center;
	color:#990000;
}
.notes {
	text-align:center;
	font-size:0.8em;
}
.spacerHack {
	height:4px;
	clear:both;
}
.odd, .even {
	clear:both;
	margin: 2px;
}
.odd .clearFloat, .even  .clearFloat {
	margin:2px;
}
.req {
	color:#900;
	font-weight:bold;
}
.boldtext {
	font-weight:bold;
}
.notReq {
	font-weight:bold;
}
fieldset {
	border: none;
	padding:0.8em;
}
legend {
/*	background-image: url(../images/gradient3_mid.jpg);
	background-repeat:repeat-x;
	background-color: #CCC;*/
	display:block;
	font-size:1.2em;
	color:#063D73;
	width:460px;
	padding:5px 10px;
	margin: 0 auto;
	border-bottom:1px solid #C5C5C5;;
}
.chbxSpace {
	display:block;
	float:left;
	clear:left;
	width:46%;
	height:1em;
}
.field-1, .field-2, .field-3, .field-4, .field-5, .field-6 {
	display:block;
	float:left;
	text-align:left;
}
.field-1 span, .field-2 span, .field-3 span, .field-4 span, .field-5 span, .field-6 span {
	display:block;
	float:left;
	text-align:left;
}
.odd .field-1, .odd .field-2, .odd .field-3, .odd .field-4, .odd .field-5, .odd .field-6 {
	background-color:#FFF;
}
.even .field-1, .even .field-2, .even .field-3, .even .field-4, .even .field-5, .even .field-6 {
	background-color:#FFF;
	margin-left:1px;	/* hack to line up text fields */
}
label {
	padding: 2px 5px;
	line-height: 1em;
	color:#000;;
}
label.checkBox, label.radioBtn {
	display:block;
	text-align:left;
}
label.field-1, label.field-2, label.field-3, label.field-4, label.field-5, label.field-6 {
	display:block;
	text-align:right;
}
.field-1 input[type=text], .field-2 input[type=text], .field-3 input[type=text], .field-4 input[type=text], .field-5 input[type=text], .field-6 input[type=text] {
	display:inline;
	height:20px;
	float:left;
}
.field-1 {
	width:48%;
}
.field-2 {
	width:26%;
}
.field-3 {
	width:17%;
}
.field-4 {
	width:14%;
}
.field-5 {
	width:12%;
}
.field-6 {
	width:2%;
}
.field-1 input[type=file] {
	width: 250px;
}

/* IE doesn't like % widths on labels? */
form.formStyle fieldset .field-1
{
	width: 228px;
}

a.calBtn span {
	background-image: url(../images/iconCal.gif);
	background-repeat:no-repeat;
	display:block;
	float:left;
	cursor:pointer;
	cursor:hand;
	width:15px;
	height:13px;
	margin:4px 4px 0 4px;
}
span.hint {
	display:block;
	line-height:22px;
	float:left;
	font-size:0.9em;
}
.warning {
	display:block;
	clear:both;
	color:#990000;
	font-weight:bold;
	text-align:center;
}
.notes {
	font-size:0.8em;
	font-style:italic;
	display:block;
	padding:5px;
}
.required {
	display:block;
	clear:both;
	color:#990000;
	font-weight:bold;
	text-align:center;
}
.captcha, .footer {
	display:block;
	padding:5px;
	text-align:center;
}

#checkbox label {
	width: 100%;
}

/* Hide email a friend link; firefox friendly */
.HideSendLink
{
	border-color:White;
	color:White;
	border-style:none;
}

/* used on managerfp.aspx to render large textbox as the proper size in a more crossbrowser friendly way */
.rfpResponseTB
{
	width:480px;
	height:650px;
}
/* Volunteer Control Dynamic Tabs */
.VolTab1
{
	padding-right: 0px;
	background-position: left bottom;
	display: inline;
	padding-left: 0px;
	background-image: url(/images/VolunteerApp/TestTab.jpg);
	padding-bottom: 0px;
	margin: 0px;
	vertical-align: sub;
	width: 150px;
	color: white;
	direction: ltr;
	padding-top: 0px;
	background-repeat: no-repeat;
	height: 30px;
	text-align: left;
}
.VolTab1 a{color: White;}
.VolTab1 a:visited{color:White;}
.VolTab1 a:active{color:White;}
	
.VolTab2
{
	background-position: left bottom;
	display: inline;
	background-image: url(/images/VolunteerApp/TestTab2.jpg);
	vertical-align: sub;
	width: 150px;
	color: White;
	background-repeat: no-repeat;
	height: 30px;
	text-align: left;
}
.VolTab2 a{color: White;}
.VolTab2 a:visited{color:White;}
.VolTab2 a:active{color:White;}

.VolPhoto
{
	padding-right: 10px;
	padding-left: 10px;
	float: left;
	padding-bottom: 10px;
	margin: 10px;
	padding-top: 10px;
}