/* CSS Document */

 /* CSS Document
11 September 2007
Site by SolutionSet - http://www.solutionset.com
Developer - Kimberly Jones: kjones@solutionset.com
Modified by Lisa Kelly
*/

*{ 
	margin: 			0; 
	padding: 	        0;   
}

html,body { 
	/*part 1 of 100% height hack*/
	height: 			100%; 
	margin: 			0;
	padding:            0; 
	background:			url(/assets/images/site_images/background-diagonal.gif) repeat scroll; 
						/* pale diagonal stripes fills up screen background */
}

sup {font-size: 9px;}
strong {color: #042276;}	/* changed from green to blue. used for bold text */
ul {list-style-type: none;}

a {
	text-decoration:		none;
	color:					#F94E0E;}	/* orange F89828, used for footer links. changed to logo orange  */

a:hover { /* hover links in footer and text, change to logo blue.  */
	font-style: normal; 
	color: #042276} 

a.emphasized {
	color: #F94E0E; /* orange f89828, same as a. color, but bold. changed to logo orange F94E0E. top line links */
	font-weight: bold;
	text-decoration: none;
}

a.emphasized:hover { /* used for top line hover */
	color: #042276; /* brown 7a4e22. change to logo blue  */
	text-decoration:	none;
	font-style: normal; /* (remove italic b/c it sends top links out too far on a PC) */
	} 

p, td, th, .ajaxSearch_result, .ajaxSearch_paging, .ajaxSearch_resultsIntroFailure {font: 12px/1.5 Verdana; color: #663300; padding: 0px 0px 14px 0px;}

th {font: bold 12px/14px Verdana; text-align: left;}

td.monies, th.monies {text-align: right;}

td {vertical-align: top;}

p.link {float:right;}

h1 {font: bold 16px/1 Georgia; color: #042276; padding-bottom: 15px; } /* same as #pageText p.title, green, change to logo blue*/
h2 {
	font: bold 14px/14px Georgia;
	color: #0C4204;
	padding-bottom: 8px;
	padding-top: 8px;
} /* a light brown #9F8863, change to logo green & add top padding  */

.floatRight {float: right;}
.floatRight img.borderRight {float: none;}

.floatLeft {float: left;}

img.borderRight {
	border: 2px #c4a879 solid; 
	display: inline;
	float: right;
	margin: 3px 0 10px 10px;
}

#pageText img.borderLeft {
	border: 2px #c4a879 solid; 
	display: inline;
	float: left;
	margin: 3px 10px 10px 0;
}

.floatRight.box {
	width: 		200px;
	border:		1px #C5A779 solid;
	padding: 	0 10px 3px 10px;    /* removed ; after 3px. assume it was a bug, but watch for it */
	margin:		0px 0 12px 10px; 
}

.floatRight.box p {
	font-size:	11px;
	line-height: 1.4;
	padding: 0 inherit;
}

.floatRight.box h3 {
	font:	bold 12px Georgia;
	color: #c5a779; /* same beige as #leftsash ul li ul li a { */
	padding: 10px 0 7px 0;
}

.caption {
	display: block;
	width: 185px;
	font: 9px verdana;
	color: #6E5148; /* same brownish as pageText form*/
	padding-left: 10px;
	margin-top: -8px;
	text-align: right;
}


h2.wseparator a {

}

.wseparator {
	border-bottom: 1px #C5A779 dashed;
	padding-bottom: 5px;
	margin-bottom: 5px;
}

.anchorstyle a {
	font: normal 10px verdana;
}

.anchorstyle a:hover {
	text-decoration: none;
}

#pageText .noborder {
	border: none;
}

/* -- */

#container {
	position:			absolute;
	left:				50%;
	margin-left:		-395px;
	width:				790px;
	z-index:			2;
	
	/*part 2 of 100% height hack*/
	min-height:			100%;
	height:
}

	html>body #container {
/*part 3 of 100% height hack*/
    height: 			auto;
}

#container #preheader {
	margin-top:			2px;
}

#container #preheader p {
	text-align:			right;
	font:				11px verdana;
	color:				#73572c; /* slightly different brown 73572c. where used? */
}

 #container #preheaderImage {
	/* this exists as a separate div because of the IE6 png background issue and the requirements for the fix */
	height:				4px; 
	background:			url(/assets/images/site_images/background-header.png) no-repeat; 
						/* pale orange horizontal stripes */
	_background:		none;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/assets/images/site_images/background-header.png');
	*margin-top: 5px;
}

/* -- */

#container #header, #contentContainer {
	/* need the width here for the IE6 filter to work */
	width: 790px;
	background:			url(/assets/images/site_images/background-vert-dropshadow.png) repeat-y;
	_background:		none;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/assets/images/site_images/background-vert-dropshadow.png', sizingMethod='scale');
}

#container #header ul {
	float:				left;
	margin:				2px 11px 0 11px;
	background-color:	#0C4204; /* top banner links, brown 7e5d2c try logo green */
	_margin-left:		6px;
	_margin-right:		5px;
	
}

#container #header ul li {
	float:				left;
	font:				14px verdana;
	color:				#fff;
	border-right:		1px #fff solid;
}

#container #header ul li.last {border: none;}

#container #header ul li a {
	padding:			4px 22px;
	display:			block;
	color:				#fff;
}
#container #header ul li a.selected { /* top banner, page that is selected */
	color:				#C3FF8D; /* text color pale brown c5a779. change to pale green*/
	background-color:	#177620; /* brown 564120. change to page banner green */
	/* font-weight:		bold; */
}

#container #header ul li a:hover {
	text-decoration:	none;	
	background-color:	#177620;  /* brown 564120. change to page banner green */
}

#content {
	padding:			2px 12px 0 12px;
	_padding-right:		11px;
}

/* -- */
div#pgbackgroundStripe {
	position:			absolute;
	top:				49px;
	*top:				53px;
	left:				0px;





	width:				100%;
	height:				346px;
	background:			url('/assets/images/site_images/background-stripe.png') 0 0 repeat-x; 
						/* bright yellow. this is the large stripe across the whole window, behind the pages */
	z-index:			1;
	_background: none;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/assets/images/site_images/background-stripe.png', sizingMethod='scale');
}

/* -- */
#pageText table {
	width:				85%;
	border-collapse:	collapse;
	margin-bottom:		20px;
	background-image:url(../../images/site_images/background-letter.jpg) repeat; /* test line */
}

#pageText table.membership th {
	border-bottom: 		1px #5d5d5d solid;
	border-right:		1px #5d5d5d solid;
	padding-right:      5px;
		background-image:url(../../images/site_images/background-letter.jpg) repeat; /* test line */

}

#pageText table.membership th.last, #pageText table.membership td.last {
	border-right:		none;
		background-image:url(../../images/site_images/background-letter.jpg) repeat; /* test line */

}

#pageText table.membership td {
	border-right:		1px #5d5d5d solid;
	padding:            2px 5px 2px 0;
		background-image:url(../../images/site_images/background-letter.jpg) repeat; /* test line */

}

#pageText table.schedule td {
	padding:           2px 0;
		background-image:url(../../images/site_images/background-letter.jpg) repeat; /* test line */

}

#pageText ul, ol  {
	padding-bottom: 20px;
}
#sitemap ul {
	padding-bottom:0px;
}
#sitemap a {
color: #564120; /* brown - who knew there were so many browns? */
}

#pageText ul.noBullet li {
	background: none;
}

#pageText ul li {
	background: url(/assets/images/site_images/bullet.gif) 0 10px no-repeat; /* woven light orange */
}
#pageText li {font: 12px/1.5 Verdana; color: #663300; padding: 2px 0 2px 15px;} 
				/* dark brown #663300. used for regular text inside list entries */

#pageText ol li {margin-left: 20px;}

#pageText ul li.title {
	background: none;
	color: #042276; /* blue */
	font-weight: bold;
	padding-top: 15px;
}

#pageText p.title {
	padding-bottom: 0px;
	color: #042276;	/* same as #pageText ul li.title { */
	padding-top: 5px;
	font-weight: bold;
}

/* -- */



#footer p {
	padding:			5px 0 0 0;
	font:				10px/16px arial;
}

#footer p.right {
	float:				right;
	color:				#5d5d5d; /* grey slightly paler than the next one */
	padding-right:		15px;
	text-align:			right;
}

#footer p.left {
	float:				left;
	background:			url(/assets/images/site_images/footer-logo-flame.gif) 12px 3px no-repeat; 
						/* black flame picture  - changed to color  - uscj logo */
	min-height:58px;
 	height:auto !important;
  	height:58px;
	vertical-align:		top;
	color:				#4e4e4e; /* dark grey */
	padding-left:		49px;
}

#footer a.solution {color: #57ad55;} 

#footer #footerImage {
	/* this exists because of the IE6 png transparent fix */
	height:				6px;
	width:				790px;
	background:			url(/assets/images/site_images/background-footer.png) no-repeat; /* diff horizontal stripes */
	_background: none;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/assets/images/site_images/background-footer.png');
	
}
	
/* -- */

#content.home #sash img {
	float:				right;
	_margin-right:		2px;
}

#content.home #leftsash {
	float:				left;
	width:				252px;
}

/* For index2.php */
#content.home #leftsash.smallpicture {
	width:				398px;
}

#content.home #leftsash.smallpicture p {
	font-size:			12px;
}
/* -- */


#content.home #leftsash p {
	padding:			10px 0px 0 14px;
	font:				13px/15px Verdana;
	color:				#694d22; /* how many browns can you find? */
}

#content.home #homelogo {
	/* this exists because of the IE6 png fix issue */
	margin-top:			6px;
	margin-left:		2px;
	width:				247px;
	height:				127px;
	background:			url(/assets/images/site_images/home-logo.png) 0 0 no-repeat; /* big logo */
	_background: none;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/assets/images/site_images/home-logo.png', sizingMethod='scale');
}

/* equalcolumns.js is what makes the three children divs all the same height */
#content.home #bottomsplash {
	margin-top:			2px;
	 margin-right:		-2px;
	background-color:	#75592c; /* yet another other brown */
}

#content.home #bottomsplash div {
	display:			block;
	position:			relative;
	float:				right;	
	border-right:		2px #fff solid;
	width:				253px;	
	height:				100%;
	margin:				0px;
}

#content.home #bottomsplash div li {
	font:				12px/1.25 Verdana;
	color:				#fff;
	padding: 		    5px 15px 0 15px;
}

#content.home #bottomsplash div ul.extrapadding {
	padding-top: 10px;
}
#content.home #bottomsplash div li.indent {padding-left: 22px;}

#content.home #bottomsplash div table {
	padding: 0px;
}

#content.home #bottomsplash div td {
	color: #fff;
	padding: 2px 0;
}

#content.home #bottomsplash div a {
	color:				#FFFFFF;
	text-decoration: underline;
}

#content.home #bottomsplash div p.moreLinks {
	margin-top:			30px;
}

#content.home #bottomsplash div p.moreLinks a{
	position:			absolute;
	bottom:				15px;
	right:				15px;
}

#content.home #homeFooter {
	color:				#6b522a; /* yet another brown */
	font:				11px/16px verdana;
	padding:			5px 0 6px 4px;
}
	

#content.home #bottomsplash #leftsplash { /* picture background for the home page bottom left box */
	
	background:			url(/assets/images/site_images/home-calendar-bkgd.jpg) no-repeat;
}

#content.home #bottomsplash #centersplash { /* picture background for the home page bottom center box */
	background:			url(/assets/images/site_images/home-programs-bkgd.jpg) no-repeat;
}

#content.home #bottomsplash #rightsplash { /* picture background for the home page bottom right box */
	
	background:			url(/assets/images/site_images/home-torateinu-bkgd.jpg) no-repeat;
}

#content.home h1 {
	font:				bold 16px/1 Georgia;
	color:				#FFFFFF;
	padding:			15px 15px 0 15px;
}
	
/* -- */
#content #leftsash {
	position:			relative;
	width:				198px;
	float:				left;
	padding-bottom:		20px;
} 

#content #leftsash #logoImageSup{
	margin-top:			17px;
	margin-left:		2px;
}

#content #logoImage { /* smaller logo for all pages other than home */
	width:				185px;
	height:				95px;
	background:			url(/assets/images/site_images/main-logo.png) 0 0 no-repeat;
	_background: none;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/assets/images/site_images/main-logo.png', sizingMethod='scale');
}
/
/* 
	leftsash is the left nav bar on almost all pages (not home or calendar)
*/
#content #leftsash #logoImage a {
	position:			relative;
	display:			block;
	width:				185px;
	height:				95px;
	outline-style:		none;
}

#leftsash ul {
	font-family:		verdana;
	padding:			20px 25px 0 19px;
}

#leftsash ul li {
	border-top:			2px #0C4204 solid; /* pale brown #c5a779 line between links. use logo green */
	padding:			0px 0 3px 10px;
}

#leftsash ul li a {
	color:				#F94E0E; /* orange d58527. links in left nav bar, all pages. change to logo orange */
	font-size:			13px;
}

#leftsash ul li.sub_first {
	border: none;
}

#leftsash ul li a:hover {
	text-decoration:	none;
	color:				#042276; /* light brown 7a4e22. use logo blue */
}

#leftsash ul li a.selected {
	text-decoration:	none;
	color:				#042276; /* light brown 7a4e22. use logo blue */
	font-weight:		bold;
}

#leftsash ul li.last {
	border-bottom:		2px #0C4204 solid; /* pale brown #c5a779 line between links. use logo green */
}

#leftsash ul li ul li {
	border:				none;
	line-height:        12px;
	padding:            6px 0 0 0;
}


#leftsash ul li ul li a {
	color:				#c5a779; /* beige */
	font-size:			11px;
}

#leftsash ul li ul li a:hover {
	color:				#663300; /* brown */
}

#leftsash ul li ul li a.selected {
	color:				#663300; /* brown */
	font-weight:		bold;
}

#leftsash ul li ul {
	margin-top:			0px;
	padding:			0 0 3px 10px;
}

#content #rightsash {
	width:				568px;
	float:				right;
	padding-bottom:		10px;
}

#content #rightsash .banner {
	height:				68px;
	width:				568px;
	orderflow:			hidden;
}

#content #rightsash #pageText {
	border-left:		2px #c5a779 solid;
	margin-top:			13px;
	padding:			8px 10px 0 19px;
	min-height:250px;
 	height:auto !important;
  	height:250px;
}

#pageText #imgfloat {
	float:				right;
}

#pageText #imgfloat img {
	padding:			12px 0 0 10px;
}


#site_search  {

	float: right;
	display: inline;
	position: relative;
	margin: 0 0 0 20px;

}

/*#site_search input[type="text"], #WebLoginLayer0 #username, #WebLoginLayer0 #password, #WebLoginLayer2 #txtwebemail {
	color:	#6b522a;
	font-size: 8pt;
	padding: 3px 2px 2px 2px;
	margin: 0;
	width: 134px;
	height: 13px;
	border-top: 1px solid #dfc7b1;
	border-left: 1px solid #dfc7b1;
	border-right: 0;
	border-bottom: 0;
} */

#site_search .searchbox {
	color:	#6b522a;
	font-size: 8pt;
	padding: 3px 2px 2px 2px;
	margin: 0;
	width: 134px;
	height: 13px;
	border-top: 1px solid #dfc7b1;
	border-left: 1px solid #dfc7b1;
	border-right: 0;
	border-bottom: 0;

}

#site_search input#submit {
	margin-top: 0;
}

#sidebarlogin {
	display: inline;
	float: right;
	position: relative;
	top: -20px;
	left: 0;
	margin: 0 0 -200px 0;
	font: 11px Verdana; color: #6e5148; padding: 5px 13px 0 0;; /* sort of paler, purplish brown */
	height: 10px;
	
}

#sidebarlogin h3 {
	
	font: 10px/1.5 Verdana; 
	font-weight: bold;
}

#WebLoginLayer0, #WebLoginLayer2 {
	height: 10px;
}

#WebLoginLayer0 fieldset, #WebLoginLayer2 fieldset {
	background: #FFFFFF;
}

#loginfrm {
	display: none;	
	
}

#WebLoginLayer0 form, #WebLoginLayer2 form{
	background: #FFFFFF;
	font: 10px/1.5 Verdana; color: #6e5148; /* sort of paler, purplish brown */
}

#pageText form  {font: 12px/1.5 Verdana; color: #6e5148; } /* sort of paler, purplish brown */

#pageText fieldset { border: none; }

#calendar_iframe {
	border: none;
	overflow: hidden !important;
	height: 770px;
}

.event_list {
}

.errors {
	display: block;
	border: 1px #cc0000 solid;;
	font: 12px Verdana;
	color: #cc0000;
	padding: 15px;
	margin-bottom: 20px;
}

.errors strong {
	color: #cc0000;

}

form input.inputBox {
	float: left;
	border: 1px solid #dfc7b1;
	font: 12px verdana;
	padding: 2px;
	width: 144px;
}

form input.inputBoxSpecial {
	border: 1px solid #dfc7b1;
	font: 12px verdana;
	padding: 2px;
}

form textarea {
	border: 1px solid #dfc7b1;
	font: 12px verdana;
	padding: 2px;
	width: 300px;
}

form fieldset {
	padding-bottom: 10px;
}

form .clearfix {
	padding-bottom: 5px;
}

form .floatLeft div {
	padding-top: 5px;
}
	

form label {
	display: block;
	float: left;
	width: 150px;
	font-weight: bold;
}

label.forradio {
	display: inline;
	float: none;
}

form.register div {
	padding: 3px 0;
}

fieldset.botpatrol p {
	padding: 14px 0 0 0;
}

form .missingLeftBlock {
	margin-left: 150px;
}

form img {
	border: 1px solid #dfc7b1;
}

fieldset .desc {
	font-size: 9px;
	font-weight: normal;
}

form .horizontal {
	float: left;
	padding-right: 10px;
}

form .horizontal label {
	width: 110px;
}

legend {
	color: #663300; /* dark brown */
}

/*
form.donate label.inline {
	display: inline;
	float: left;
	padding-right: 5px;
}

form.donate label.block {
	display: block;
	padding-bottom: 2px;
}

form.donate fieldset {
	padding-bottom: 15px;
}

form.donate .inputBox {
	border: 1px solid #dfc7b1;
	font: 12px verdana;
	padding-left: 2px;
}

form.donate .inputArea {
	width: 300px;
	border: 1px solid #dfc7b1;
	font: 12px verdana;
	padding-left: 2px;
}

fieldset .label {
	font-weight: bold;
	padding: 0 0 10px 0;
}

fieldset #contributionAmount {
	margin-right: 20px;
}

fieldset #contributionAmount div {
	padding-bottom: 10px;
}

/* menu
-----------------------------------------*/
	#header ul li a
	{	display: block;
	}
		
	#header ul li ul
	{	margin: 0;
		padding: 0;
		position: absolute;
		visibility: hidden;
	}
	
	#header ul li ul li{
		float: none;
		display: inline;
	}
	
	#header ul li ul li a {
		width: auto;
	}




.width20 {
	width: 20px;
}

.width40 {
	width: 40px;
}


.width50 {
	width: 50px;
}


/* Bugfixes ---------------- */
.clearfix:after { /* All except IE */
content: ".";
display: block;
height: 0;
line-height: 0px;
clear: both;
visibility: hidden;
}
.clearfix { /* IE Mac */
display: inline-block;
}
/* Hides from IE Mac, for IE Win \*/
* html .clearfix {
height: 1%;
}
.clearfix {
display: block;
}