/*  
Website: http://crosswindsyouthservices.org
Name: Crosswinds Youth Services Insite Stylesheet
Description: Insite-powered website, designed and hosted by Artemis Inc.
Version: 1.6
Author: Jefte Puente
Author URI: http://www.artemisit.com
Comments:	This stylesheet is based upon One Senior Place stylesheet (v1.4).
			This stylesheet is best viewed without word wrapping.
			Revised July 2008 for new design.
*/

/*** Body Styles ***/
body {  margin: 0 auto; background-color: #1f1083; font-size: 62.5%; font-family: 'Lucida Grande', Lucida Sans, Lucida Sans Unicode, Verdana, Sans-serif; color: #2a1b86;} 
p {  font-size: 1.2em; margin: 0 0 10px 0;}
td { font-size: 1.2em;}
ul { list-style-position: outside; list-style-type: disc;}
li { font-size: 1.2em;}
#bodylist a { font-size: 1.2em;}
#bodybg { background: #1f1083 url('/home/images/bg.jpg') no-repeat top left; padding: 0 30px 0 38px; width: 980px; margin: auto; overflow: hidden;}
#header { z-index: 999; float: left; display: block; margin: 0 0 5px 0; height: 308px; width: 850px; }
#header img { border: none; float: left; margin: 0px; }
img#hd_text { float: left; margin: 43px 0 0 90px; } 
#flashbanner { background: url('/images/hd_flashbg.jpg'); margin: 10px 0 0 0; width: 850px; height: 150px; float: left;}
#page { background: #fff url('/images/pg_bg.jpg') no-repeat bottom left; width: 855px; border: 1px solid #241a62; border-top: none; margin: auto; padding: 14px 10px 10px 13px; overflow: hidden; }
#content { float: left; width: 500px; }
.homeRow { float: left; background: #fff; width: 420px; padding: 15px 20px 10px 15px; border: 1px solid #dcdcdc; margin: 0 0 20px 20px; background: #fff url('/images/bg_homerow.gif') no-repeat bottom left;}
.pageRow { float: left; background: #fff; width: 420px; padding: 15px 20px 10px 15px; border: 1px solid #dcdcdc; margin: 0 0 20px 20px; background: #fff url('/images/bg_homerow.gif') no-repeat bottom left;}
#content_bg { float: left; width: 700px; margin: 0;}
#home_link { display: block; overflow: hidden; float: left; height: 222px; width: 500px; background: red; background: url('/home/images/contentbg.jpg') no-repeat; }
#center_col { float: left; width: 500px; }
#col_leftmenu { clear: left; float: left; width: 150px;}
#col_leftmenu img { border: none; margin: 0 0 1px 0;}
#col_leftmenu p { font-size: 1.1em; margin: 20px 0 0 15px;}
#col_right { float: left; width: 200px; }
#donatebox { float: left; display: block; width: 180px; background: #d54837; margin: 0 0 10px 0; padding: 10px; color: #fff;}
#donatebox:hover {text-decoration: none; }
#emailbox { float: left; display: block; width: 180px; background: #55499e; padding: 10px; color: #fff;}
#donatebox h2, #emailbox h2 {color: #fff; font-size: 1.4em; margin-top: 0; }
#emailbox form, #emailbox input { display: block; float: left; }
#ads {float: left; width: 180px; margin: 0 0 10px 0; padding: 11px;}
#ads img { margin: 0 0 10px 0px; border: none;}
#ads h2 { font-size: 1.1em; font-weight: normal; }

/* Insite WYSIWYG styles */
.normal {  font-size: 1.0em; }
.h1 {  font-size: 18px; color: #2a1b86;}
.h2 {  font-size: 16px; color: #2a1b86; letter-spacing: -1px; font-weight: bold;}
.h3 {  font-size: 16px; color: #ff2e2c; letter-spacing: -1px; font-weight: bold;}
.h4 {  font-size: 14px; color: #2a1b86; letter-spacing: -1px; font-weight: bold;}
.h5 {  font-size: 12px; color: #ff2e2c;}

h1 {  font-size: 2.0em; color: #2a1b86; display: none;}
h2 {  font-size: 1.8em; color: #2a1b86;}
h3 {  font-size: 1.6em; color: #2a1b86;}
h4 {  font-size: 1.4em; color: #000;}
h5 {  font-size: 1.2em; color: #000;}

/*** Table Styles - Tables are for tabular data ***/
td { font-size: 1.1em; padding: 4px;}
tr.altrow { background-color: #e5e5e5; }
table { width: 430px; }
table .normal { width: 330px; }

/*** Navigation - Uses an unordered list and styles them as buttons ***/

	/* Main Nav */
	
		/* Main Nav Container */
		#navcontainer1 { float: right; display: inline; font-size: 0.9em; height: 22px; padding: 0; margin: 5px 10px 40px 0px; }

		/* Tabs (Top level menu items) - Special for this site - http://www.alistapart.com/articles/slidingdoors2/  */
		#nav1 { float:left; width: 100%; line-height:normal; font-style: normal; letter-spacing: -1; }
		#nav1 ul { margin:0; padding:0; list-style:none; }
		#nav1 li { float: left; position: relative; margin: 0; padding: 0; }
		#nav1 a { float: left; color: #2a1b86; background: none; border-right: 1px solid red; padding: 0 3px 0 3px; /* The space between the left side of the tab and the text. */ text-decoration:none; }
		#nav1 a span { float:left; display:block; /* OPTIONAL background:url("images/nav_endcap.png") no-repeat right 35%; */
					   padding: 3px; /* The padding around the text and edge of button/tab*/	}
		#nav1 a:hover span { color: #fff; }
		#nav1 #current a { background-position:0% 100%; border-width:0; }
		#nav1 #current a span { background-position: 100% 100%; padding: 5px; color: #333; }
		#nav1 a:hover { background: #ff2e2c; }
		#nav1 a:hover span { background-position: 100% 100%; }
		/* Commented Backslash Hack hides rule from IE5-Mac \*/
		#nav1 a span {float:none;}		/* End IE5-Mac hack */
		#nopipe {border-right: none;}
		/* Dropdowns - http://www.htmldog.com/articles/suckerfish/dropdowns/ */

			/* Applies to all sub-levels */
			#nav_dropdown1, #nav_dropdown1 ul {  padding: 0; margin: 0; list-style: none; line-height: 1; }
			
			/*#nav_dropdown1 ul { border: 0px solid red; padding: 0 0 5px 0; background: url('images/nav_footcap.png') 0% 100%; } /* footer cap optional - required only for sites that use rounded tabs comprised of 2 images (left and right)*/
			#nav_dropdown1 ul a { display: block; background: none; font-weight: normal; }
			
			/* 1st Level List Items */
			#nav_dropdown1 li { float: left; }
			
			/* 2nd Level List - UL
			Sets a width on the UL element - Without it, list goes horizontal 
			Hides the UL from view using left instead of display to hide menus because 
			display: none isn't read by screen readers */
			#nav_dropdown1 li ul { position: absolute; left: -999em; }
			
			/* 2nd Level List elements - LI */
			#nav_dropdown1 ul li { clear:left; margin: 0;}
			
			/* 2nd Level A elements - A - Edit 2nd level button Color, Padding, Font Color, Width */
			#nav_dropdown1 ul li a { width: 140px; padding: 5px; background: #566e6f; color: #fff;}
			#nav_dropdown1 ul li a:hover { background: #637f80; color: #fff; }
			
			/*  3rd Level List elements - UL - Sets width of the UL element	*/
			#nav_dropdown1 li ul ul { width: 140px; }
			
			/* 3rd Level A elements - A - Edit 3rd level button Color, Padding, Font Color, Width */
			#nav_dropdown1 ul ul li a { background: #566e6f; padding: 5px;}
			#nav_dropdown1 ul ul li a:hover { background: #637f80; color: #fff; }		
			
			/* This bit moves list items off the page using negative left margin */
			#nav_dropdown1 li:hover ul ul, #nav_dropdown1 li.sfhover ul ul { left: -999em; }
			
			/*  This brings the list items back on screen and into view upon hover
			Note usage of .sfhover, a class required and called by the javascript function
			that handles :hover attributes so that IE will properly :hover on a LI element	*/
			
			/* Dropdown Postion - Level 2 - Edit to move dropdown location */ 
			#nav_dropdown1 li:hover ul, #nav_dropdown1 li li:hover ul, #nav_dropdown1 li.sfhover ul, #nav_dropdown1 li li.sfhover ul { 
				left: 0px;
				top: 26px;
			}
			/* Dropdown Postion - Level 3 - Edit to move dropdown location */ 
			#nav_dropdown1 li li:hover ul, #nav_dropdown1 li li.sfhover ul { 
				left: 150px;
				top: 0px;
			}
			
			/* Special Classes For showing bg-image w/arrow for 3rd level items - OPTIONAL */
			#nav_dropdown1 .nav_has_level3 { background-image: url('images/dot_arrow.png');
				background-position: top right;
			}
			#nav_dropdown1 .nav_has_level3:hover { background-image: url('images/dot_arrow_up.png');
				background-position: top right;
			}	

	/* Left Nav Styles - Originally created for http://mytraining.legacyforlife.net
					   This menu allows for sub-headers in the nav.  						*/
		/* Left Nav Container */
		#navcontainer2 {float: left; padding: 0px; margin: 50px 0 0 0; width: 100px;}

		/* Tabs (Top level menu items) - Special for this site - http://www.alistapart.com/articles/slidingdoors2/  */
		#nav2 { border-top: 2px solid white; float:left; width:140px; font-size:12px; line-height:normal; font-style: normal; letter-spacing: -1; }
		#nav2 ul { margin:0; padding:0; list-style:none; }
		#nav2 li { float: left; position: relative; margin: 0 0 0 0px; padding:0; }
		#nav2 a { float: left; background: none; margin:0; width: 110px; float:left; color: #333; 
						padding: 5px 0px 5px 30px; /* The space between the left side of the tab and the text. */ text-decoration:none; }
		#nav2 a span {  font-weight:bold; margin-right: 0px; /* Spacing between navigation buttons/tabs */	}
		#nav2 a:hover { background: url('images/button_bg.gif') no-repeat; }
		#nav2 a:hover span { color: #F26727; }
		/* Commented Backslash Hack hides rule from IE5-Mac \*/
		#nav1 a span {float:none;}		/* End IE5-Mac hack */

		/* Dropdowns - http://www.htmldog.com/articles/suckerfish/dropdowns/ */

			/* Applies to all sub-levels */
			#nav_dropdown2, #nav_dropdown2 ul {  padding: 0; margin: 0; list-style: none; line-height: 1; }
			
			/*#nav_dropdown2 ul { border: 0px solid red; padding: 0 0 5px 0; background: url('images/nav_footcap.png') 0% 100%; } /* footer cap optional - required only for sites that use rounded tabs comprised of 2 images (left and right)*/
			#nav_dropdown2 ul a { display: block; background: none; font-weight: normal; font-size: 11px; }
			
			/* 1st Level List Items */
			#nav_dropdown2 li { width: 100%; border-bottom: 2px solid white; }
			
			/* 2nd Level List - UL
			Sets a width on the UL element - Without it, list goes horizontal 
			Hides the UL from view using left instead of display to hide menus because 
			display: none isn't read by screen readers */
			#nav_dropdown2 li ul { position: absolute; left: -999em; }
			
			/* 2nd Level List elements - LI */
			#nav_dropdown2 ul li { clear:left; margin: 0;}
			
			/* 2nd Level A elements - A - Edit 2nd level button Color, Padding, Font Color, Width */
			#nav_dropdown2 ul li a { width: 140px; padding: 5px; background: #566e6f; color: #fff;}
			#nav_dropdown2 ul li a:hover { background: #637f80; color: #fff; }
			
			/*  3rd Level List elements - UL - Sets width of the UL element	*/
			#nav_dropdown2 li ul ul { width: 140px; }
			
			/* 3rd Level A elements - A - Edit 3rd level button Color, Padding, Font Color, Width */
			#nav_dropdown2 ul ul li a { background: #566e6f; padding: 5px;}
			#nav_dropdown2 ul ul li a:hover { background: #637f80; color: #fff; }		
			
			/* This bit moves list items off the page using negative left margin */
			#nav_dropdown2 li:hover ul ul, #nav_dropdown2 li.sfhover ul ul { left: -999em; }
			
			/*  This brings the list items back on screen and into view upon hover
			Note usage of .sfhover, a class required and called by the javascript function
			that handles :hover attributes so that IE will properly :hover on a LI element	*/
			
			/* Dropdown Postion - Level 2 - Edit to move dropdown location */ 
			#nav_dropdown2 li:hover ul, #nav_dropdown2 li li:hover ul, #nav_dropdown2 li.sfhover ul, #nav_dropdown2 li li.sfhover ul { 
				left: 0px;
				top: 26px;
			}
			/* Dropdown Postion - Level 3 - Edit to move dropdown location */ 
			#nav_dropdown2 li li:hover ul, #nav_dropdown2 li li.sfhover ul { 
				left: 150px;
				top: 0px;
			}
			
			/* Special Classes For showing bg-image w/arrow for 3rd level items - OPTIONAL */
			#nav_dropdown2 .nav_has_level3 { background-image: url('images/dot_arrow.png');
				background-position: top right;
			}
			#nav_dropdown2 .nav_has_level3:hover { background-image: url('images/dot_arrow_up.png');
				background-position: top right;
			}					   

	#NavContainer2 { overflow: hidden; width: 140px; float: left; margin: 50px 0 0 0; } /* Nav Container */
	#NavContainer2 ul { margin-left: 0; padding-left: 0; list-style-type: none; } 

	#NavContainer2 a { display: block; padding: 4px 4px 4px 35px; width: 110px; background-color: none; } 
	#NavList2 a:visited { color: #777; text-decoration: none; } /* Nav visited color */
	
	#NavHeader2 { display: block; width: 100%; border-bottom: 2px solid white; border-top: 2px solid white; } /* Nav header - if no nav headers are needed, style the same as SubHeader2 */
	#NavHeader2 a { display: block; width: 100%; color: #444;}
	#NavHeader2 a:hover {  text-decoration: none; display: block; width: 100%; color: #f26727; background: url('images/button_bg.gif'); background-repeat: no-repeat; }

	#NavSubHeader2 { display: block; width: 100%; border-bottom: 2px solid white;  }
	#NavSubHeader2 a { display: block; width: 100%; color: #444;}
	#NavSubHeader2 a:hover { text-decoration: none; display: block; width: 100%; color: #f26727; background: url('images/button_bg.gif'); background-repeat: no-repeat; }




/*** Images & Alignments

	Using 'class="alignright"' on an image will align the image to the right. 
	And using 'class="centered', will of course center the image. This is much
	better than using align="center", being much more futureproof (and valid)              ***/
	
#content img {border: none;}
#second_col img {border: 10px solid white; margin: 0 15px 15px 15px;}
img.centered { display: block; margin-left: auto; margin-right: auto;}
img.alignright { margin: 0 0 10px 10px;}
img.alignleft { margin: 0 10px 10px 0;}
.alignright { float: right; }
.alignleft { float: left;}


/* Other Site Styles Not Used by Users */
.pad10 {padding: 10 10 10 10px;}
.CopyRight { font-size: 10px; color: #000000;}
.HeaderBox { font-size: 16px; font-weight : bold; padding: 3px;}
.pad10 { padding: 10px; } 

.ContentCell {background-color: #389491; border: 1px solid black;}
.EventCell {background-color: #6cb1ae; border: 1px solid black;}

/* Link Styles */
a:link { color: #ff2e2c; text-decoration: none; }
a:visited { color: #ff2e2c; text-decoration: none; }
a:hover { color: #ff2e2c; text-decoration: underline;}

/* Footer Nav */
#footer a:link, #footer a:visited { padding: 3px; color: #fff; text-decoration: none; }
#footer a:hover { color: #ff2e2c; text-decoration: none; }
#footer { float: left; width: 840px; display; block; font-size: 0.9em; overflow: hidden; margin: 10px 0 0 0; padding: 0px 0 0 8px; color: #fff; }
#footer p { float: left; display: block; width: 730px; text-align: left;}
#footer a img { margin: 0 0 0 0; border: none; padding: 0; float: left;}

/* Form Input Styles */
#input1 {font: bolder; 11px; Arial, Helvetica, sans-serif;}
#input2 {border-bottom : 1px solid Black;border-top: 1px solid FFFFFF;border-left: 1px solid FFFFFF;border-right: 1px solid FFFFFF; background-color: FFFFFF;}
#button1 {border: 1px solid Black; font: bolder 11px Arial, Helvetica, sans-serif;}
#HomeSearch {border: 1px solid Black; font: bolder 10px Arial, Helvetica, sans-serif; background-color: white;}
#input3 {font-weight: bolder; font-size: 9px; font-family: Arial, Helvetica, sans-serif;}

/* Taste of India form styles */
#taste_h3 { font-size: 14px; float: left; background: #888; width: 515px; padding: 5px 10px; margin: 23px 0 0 5px; color: white;}
#taste_form { float: left; background: #f4f4f4; width: 505px; padding: 15px; margin: 0 0 20px 5px; }
.form_submit { display: inline; width: 155px; border: 1px solid #444; background: #888; color: white; font-weight: bold; padding: 1px 1px; float: left; text-align: center; overflow: visible;}
#donationTypeLabel {width: 118px; font-size: 12px; float: left; padding-right: 8px; }
#donationType { float: left; width: 194px; margin-right: 8px;}
#taste_colOne { float: left; background: #f1f1f1; width: 255px; padding: 10px;}
#taste_colOne h4 { margin: 0; } 
#taste_colTwo { float: left; background: #f8f8f8; width: 255px; padding: 10px;}
#taste_colTwo h4 { margin: 0; } 

/* Taste of India Checkout Styles */
#taste_checkoutDiv {display: inline; background: #f5f5f5; float: left; width: 545px; margin: 0 0 20px 0;}
#taste_checkoutHeader {display: inline; background: #888; margin: 0; padding: 5px; float: left; width: 535px; color: #fff; font-weight: bold;}
#taste_checkoutForm { float: left; padding: 15px; width: 510px; }
#taste_checkoutForm .form_submit { float: right; margin-right: 20px; }
#taste_checkoutForm label { font-size: 12px; }
#addressState { margin: 0 0 10px 0; }

/* Brick Form Styles */
#brickFormIndividual {background: #f5f5f5; float: left; width: 545px; margin: 0 0 30px 0; }
#brickFormBusiness {background: #f5f5f5; float: left; width: 545px; margin: 0 0 30px 0; }
#brickForm {display: inline; padding: 10px; }
#brickForm label { width: 205px; padding-right: 7px;}
#brickForm .form_submit { float: right; margin-right: 10px; margin-top: 20px;}
#brickFormHeader {background: #888; margin: 0 0 15px 0; padding: 5px; float: left; width: 535px; color: #fff; font-weight: bold;}

/* Calendar System Styles */

	/* Mini Calendar Styles */
	.MiniCalFont {
		color: #000000;
		font-size: 11px;
		font-weight: bolder;
	}
	
	.MiniCalHeader {
		background-color: #b3d7d5;
		color: #000000;
		font-size: 11px;
		font-weight: bolder;
	}
	
	A.MiniCalLink:link {
		color: #000000;
		font-size: 11px;
		font-weight: bolder;
	}
	
	A.MiniCalLink:visited {
		color: #000000;
		font-size: 11px;
		font-weight: bolder;
	}
	
	A.MiniCalLink:hover {
		color: #000000;
		font-size: 11px;
		font-weight: bolder;
	}

	/* Main Calendar & Event Coordinator Styles */

	/* Single Event Display Styles */
	
	.EventTable {
		background-color: #389491;
	}
	
	.EventHeader {

	 font-weight: bolder;
	 color: #FFFFFF;
	 background-color: #01504B;
	 font-size: larger;
	}
	
	.EventSubHeader {

	 font-weight: bolder;
	 font-size: small;
	 color: #FFFFFF;
	 background-color: #01504B;
	}
	
	.EventSubHeaderReg {

	 font-weight: bolder;
	 font-size: 10px;
	 color: #FFFFFF;
	 background-color: #01504B;
	}
	
	.EventDate {
		color: #000000;
		font-size: 14px;
		font-weight: bolder;
	}
	
	.EventTitle {
		color: #FFFFF;
		font-size: 13px;
		font-weight: bolder;
	}
	
	.EventDetail {
		color: #000000;
		font-size: 11px;
		font-weight: bolder;
	}
	
	.EventDetailSmall {
		color: #000000;
		font-size: 9px;
		font-weight: bolder;
		text-decoration: none;
	}
	
	.EventLinks { 
		font-size: 10; 
		color: #FFFFFF; 
	}
	
	a.EventLinks { 
		font-size: 10; 
		color: #FFFFFF; 
		text-decoration: none; 
	}
		
	a.EventLinks:link { 
		 
		text-decoration: none; 
		color: #FFFFFF;
		font-size: 10; 
	}
		
	a.EventLinks:visited { 
		font-size: 10; 
		color: #FFFFFF;
		text-decoration: none; 
	}
		
	a.EventLinks:hover { 
		 
		color: #FFFFFF;
		text-decoration: underline;
		font-size: 10; 
	}

	/* Side Bar Styles */
	
	.EventSideBar {
		color: #000000;
		font-size: 11px;
		font-weight: bolder;
	}
	
	a.EventSideBar {
		color: #FFFFFF;
		font-size: 11px;
		font-weight: bolder;
	}
	
	a.EventSideBar:link {
		color: #FFFFFF;
		font-size: 11px;
		font-weight: bolder;
	}
	
	a.EventSideBar:visited {
		color: #FFFFFF;
		font-size: 11px;
		font-weight: bolder;
	}
	
	a.EventSideBar:hover {
		color: #FFFFFF;
		font-size: 11px;
		font-weight: bolder;
	}
	
	/* Main Calendar & Event Coordinator Admin Styles */
	
	.AdminHeader {
	 font-size: 18px;
	 font-weight: bolder;
	 color: #000000;
	}
	
	.AdminSubHeader {
	 font-size: 14px;
	 font-weight: bolder;
	 color: #FFFFFF;
	 background-color: #000000;
	}
	
	.AdminAltRows {
	 background-color: #8f8f8f;
	}
	
	A.AdminLinks:link {
	 font-size: 9px;
	 font-weight: bolder;
	 color: #000000;
	 text-decoration: none;
	}
	
	A.AdminLinks:visited {

	 font-size: 9px;
	 font-weight: bolder;
	 color: #000000;
	 text-decoration: none;
	}
	
	A.AdminLinks:hover {

	 font-size: 9px;
	 font-weight: bolder;
	 color: #000000;
	 text-decoration: none;
	}
	
	.AdminNormal {
		color: #000000;
		font-size: smaller;
		font-weight: bolder; 
	}
	
	.AdminDetails {
		color: #000000;
		font-size: 9px;
	}
	
	.AdminWarning {
		color: #FF0000;
		font-size: small;
	}
	
	.MenuDD {
		font-family: Verdana,Arial;
		font-size: 10px;
		font-weight: bolder;
		color: #000000;
	}


/* Survey System Styles */

.SideSurveyQuestion {
	color: white;
	font-family: tahoma;
	font-size: 10px;
	font-weight: bolder;
}

.SideSurveyChoices {
	color: white;
	font-family: tahoma;
	font-size: 10px;
}

/*** Page Title Styles ***/
#pageTitleContainer { float: left; display: block; width: 430px; margin: 0px 0 10px 0px; } 
#HomePage #pageTitleContainer { float: left; display: block; width: 460px; margin: 5px 0 10px 20px; } 
#pageTitle { float: left; width: 100%;} 
#pageTitle h2 { float: left; margin: 0; padding: 0; letter-spacing: -1px; font-size: 2.2em; height: auto; width: 340px;} 
#printcontent #pageTitle span {  color: black; } 
#pageTitlebg { z-index: 1; position: absolute; margin: 0 0 0 52px; font-size: 30px; color: #f1f2e4; letter-spacing: -1px; width: 500px; } 
#pageTitle a { background: url('/images/print.gif') no-repeat top left; float: right; height: 20px; width: 90px;  top: 5px; left: 380px; } 
#pageTitle a:hover { background: url('/images/printup.gif') no-repeat top left; } 
#pageTitle span { width: 565px; } 
.pageTitlePrint { font-size: 14px; color: #000000; }

/*** General Form Styles ***/
.cssform { float: left; width: 100%; color: #333; padding: 0; margin: 0; }
.cssform em { font-weight: bold; font-style: normal; color: #f00;}
.cssform fieldset { margin: 5px 0 15px 0; padding: 10px 10px 10px 10px; border: 1px solid #55499E; background: #EEECF5;}
.cssform legend { padding: 0 2px 0 2px; font-weight: bold; color: #FF2E2C; font-size: 1.3em; }
/*\*//*/ .cssform legend { display: inline-block; } /* IE Mac legend fix */
.cssform label { float: left; display: inline-block; width: 145px; font-weight: bold; line-height: 1.6; vertical-align: top; color: #333; }
.cssform fieldset ol { margin: 0; padding: 0; }
.cssform fieldset li { list-style: none; padding: 0px 5px 5px 5px; } 
	/* Fieldset within a fieldset - used for groups fields like radio or checkmark boxes*/
	.cssform fieldset fieldset { margin: 0px 0 10px 0; padding: 0px 5px 5px 5px; background: #F8F6FF; border: 1px solid #55499E;}
	.cssform fieldset fieldset legend { padding: 0 0 2px 3px; font-weight: bold; font-size: 1.2em;}
	.cssform fieldset fieldset label { clear: left; float: left;  width: 170px; display: block; margin-left: 0px; } /* Width plus 3 (html space) */

/*** Input fields & Submit buttons ***/
.cssform input, .cssform fieldset input, .cssform fieldset textarea, .cssform fieldset select { border: 1px solid #55499E; padding: 2px 2px;}
input:focus, textarea:focus, input:active { background: #FFFFCC; color:#000; border: 1px solid #55499E; padding: 2px;}
input[type=checkbox] { padding: 0; margin: 0 5px 0 0; border-width: 1px; }
input[type=radio] { padding: 0; margin: 0; border: 0; }

/* submit buttons */
 .cssform input.submit { display: block; float: left; overflow: visible;  font-size: 1.5em; line-height: 1.0em; border: 1px solid #55499E; background: #EEECF5 url('images/submit_bg.gif') no-repeat 10% 50%; padding: 5px; text-align: center; text-decoration: none; margin: 0 15px 15px 0; color: #55499E; font-weight: bold;} /*For IE6*/
	input[type=submit] { display: block; float: left; font-size: 1.5em; line-height: 1.0em; border: 1px solid #55499E; background: #55499E url('images/submit_bg.gif') no-repeat 50% 50%; padding: 5px; text-align: center; text-decoration: none; margin: 0 15px 15px 0; color: #55499E; font-weight: bold;}
	input[type=submit]:hover { border: 1px solid #55499E; background: #55499E url('images/submit_bg.gif') no-repeat 10% 50%; color: #fff; }
	input[type=submit]:focus { background: #2A1B86 url('images/submit_bg.gif') no-repeat 10% 50%; color: #fff; }

 .cssform input.reset { display: block; float: left; overflow: visible;  font-size: 1.5em; line-height: 1.0em; border: 1px solid #2A1B86; background: #EEECF5 url('images/reset_bg.gif') no-repeat 10% 50%; padding: 5px; text-align: center; text-decoration: none; margin: 0 15px 15px 0; color: #55499E; font-weight: bold;} /*For IE6*/
	input[type=reset] { display: block; float: left;  font-size: 1.5em; line-height: 1.0em; border: 1px solid #2A1B86; background: #2A1B86 url('images/reset_bg.gif') no-repeat 10% 50%%; padding: 5px; text-align: center; text-decoration: none; margin: 0 15px 15px 0; color: #777; font-weight: bold;}
	input[type=reset]:hover { border: 1px solid #D54837; background: #D54837 url('images/reset_bg.gif') no-repeat 10% 50%; color: #fff; }
	input[type=reset]:focus {  background: #FF2E2C url('images/reset_bg.gif') no-repeat 10% 50%; color: #fff; }

#newsletter { width: 115px; height: 18px; }
#emailbox .cssform { float: left; display: block; margin: 0; padding:0;}
#emailbox #go { background: #EEECF5; color: #55499E; padding: 2px 4px; margin: 0 0 0 10px; line-height: 14px; font-size: 1.3em;}
#emailbox #go:hover { background: #D54837; color: #fff;}
#donatelabel { width: 270px; padding: 0 0 10px 0; font-size: 1.2em; }
#donateinput { width: 75px; height: 25px; font-size: 1.8em;}
#emailbox h2 { margin-top: 0; }
/* Donate Form Fields */
#TotalAmount { width: 50px; }
#CardCVV {width: 30px;}
#Zip { width: 50px; margin: 0 0 0 5px;}
#State { width: 25px; }
#Address { width: 180px; }
#BillZip { width: 50px; margin: 0 0 0 5px;}
#BillState { width: 25px; }
#BillAddress { width: 180px; }
#Telephone { width: 80px; }