/* Main formatting properties */
body {
  background-color: #ffffff;
  padding: 0px;
  margin: 0px 0px 0px 10px;
  font-family: Verdana, sans-serif;
  font-size: 11px;
  color: #000000;
  background: url('../images/bg-body.gif') repeat-y;
}
/* This is done to be a freehand for tables, as a border is rarely wanted and */
/* if a specific width is required, one will enter it thus overriding this element. */
table {
	border: 0px;
	width: 100%;
}
div, td {
	font-family: Verdana, sans-serif;
	font-size: 11px;
	color: #000000;
}
/* This is done because Internet Explorer likes to add on margins that don't appear in other browsers */
form {
	margin: 0px;
}

.press{
font: bold 21px Verdana;
font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
color: #000000;
font-weight : bold;
margin-bottom : 0px;
margin-top : 0px;
} 

/* Main container sections */

/* Primary static header for all pages */
#header {
	position: relative;
	border: 0px;

	height: 75px;
	margin: 0px 0px 0px 0px;
	background-color: white;
}

/* Static menu for all pages.  Indented items are contained with the first, left justified definition. */
div.menucontainer {
  padding: 10px 0px;
  background-color: white;
}
#menu {
	position: relative;
	background: url('../images/menu_dots_horizontal.gif');
	background-color: white;
	border: 0px;
	width: 750px;
	height: 30px;
	margin: 0px 0px 0px 0px;
}
	#menuLeft {
		position: absolute;
		top: 10px;
		left: 0px;
		width: 660px;
		height: 10px;
		font-size: 9px;
		line-height: 10px;
		color: #999999;
		text-decoration:none;
		font-weight:bold;
	}
	

	
	#menuRight {
		position: absolute;
		top: 10px;
		left: 665px;
		width: 60px;
		height: 10px;
		font-size: 9px;
		line-height: 10px;
		color: #999999;
		text-align: right;
	}

/* Beginning of the primary body container for the page.  This section has many subsections which are tracked */
/* Through their indentation, which indicates what is contained in what. */
#pageBody {
	position: relative;
	/* width: 750px; */
	border: 0px;
	margin: 0px 0px 10px 0px;
	padding: 0px 170px 0px 0px;
	width: 600px;
	background-color: transparent;
}
	/* The following are all exceptions made for the 'Youth' pages as they appear in a different format */
	/* from the majority of the others and are not to be reused on other pages. */
	#pageBodyHeaderYouth {
		width: 750px;
	}
	#pageContentYouth {
		background-color:#ffffff;
		position: relative;
		width: 750px;
		border: 0px;
		margin: 0px 0px 10px 0px;
	}
		#youthCenterTop {
			width: 372px;
			background-color: #90443b;
			color: #000000;
			text-align: left;
			margin: 10px 11px 10px 17px;
		}
#youthCenter2C {
			width: 590px;
			background-color: #ffffff;
			color: #000000;
			text-align: left;
			margin: 10px 11px 10px 17px;
                                }
.Center2C {
			width: 590px;
			background-color: #ffffff;
			color: #000000;
			text-align: left;
			margin: 10px 11px 10px 19px;
		}
		#youthCenterMid {
			width: 348px;
			background-color: #dcc19f;
			color: #333333;
			text-align: left;
			margin: 0px 22px 10px 30px;
		}
		#youthCenterBot {
			width: 348px;
			background: url('../images/youth/center_speakin_bg.gif');
			color: #333333;
			text-align: left;
			margin: 0px 22px 10px 30px;
		}
		.youthRight {
			width: 169px;
			background-color: #dcc19f;
			color: #333333;
			text-align: left;
			margin: 0px 0px 10px 0px;
		}
		.youthRight1 {
			background-color: #fee5af;
		}
		.youthRight2 {
			background-color: #90443b;
		}
	/* End of instances for 'Youth' pages. */

	/* This is a change from the main layout rules typically used in that these will appear as 'class' items */
	/* and not 'id' items.  This is to allow for separate pages to override single elements that change */
	/* Primary, defining style */
	.pageBodyLeft {
		position: relative;
		/*background: url('../images/body_left_dots_bg.gif');*/
		width: 570px;
		border: 0px;
		padding: 0px 0px 10px 0px;
		float: left;
		background-color: transparent;
	}
	.pageBodyLibrary {
		width: 750px;
		background: none;
		margin: 0px 0px 10px 0px;
	}
		.librarySignFloat {
			position: absolute;
			top: 0px;
			left: 580px;
			width: 170px;
			height: 42px;
		}
		
		/* Primary, defining style */
		.leftMenu {
			position: relative;
			height: 20px;
			font-size: 9px;
			line-height: 17px;
			vertical-align: top;
			color: #663333;
		/*VERSION CONTROL ADDED 4/29/06*/	
			margin-top:-1px;
		/*END ADDED 4/29/06*/		
		}
			/* Individual page requirements for this item. */
			.lMIssues {
				background: url('../images/issues/body_menu_top_bg.gif') no-repeat;
			}
			.lMAction {
				background: url('../images/action/body_menu_top_bg.gif') no-repeat;
			}
			.lMAbout {
				background: url('../images/about/body_menu_top_bg.gif') no-repeat;
			}
			.lMLegislation {
				background: url('../images/legislation/body_menu_top_bg.gif') no-repeat;
			}
			.lMCases {
				background: url('../images/legislation/body_menu_top_bg.gif') no-repeat;
			}
			.lMLibrary {
				background: url('../images/library/body_menu_top_bg.gif') no-repeat;
			}
			.lMSupport {
				background: url('../images/support/body_menu_top_bg.gif') no-repeat;
			}
			.lMNews {
				background: url('../images/news/body_menu_top_bg.gif') no-repeat;
			}
			.lMYouth {
				height: 20px;
				line-height: 18px;
			}
		/* Primary, defining style */
		.leftContentMenu {
			position: absolute;
			top: 73px;
			left: 0px;
			width: 170px;
			font-size: 9px;
			color: #ffffff;
		}
		.homeContentMenu {
	position:absolute;
	top:0px;
	float:left;
	width: 170px;
	font-size: 9px;
	color: #ffffff;
	vertical-align : top;
}
		
			/* Individual page requirements for this item. */
			.lCMIssues {
				background-color: #8b933b;
			}
			.lCMAction {
				background-color: #993300;
			}
			.lCMAbout {
				background-color: #999cc9;
			}
			.lCMLegislation {
				background-color: #adad77;
			}
			.lCMLibrary {
				background-color: #846428;
			}
			.lCMSupport {
				background-color: #cc9900;
			}
			.lCMNews {
				background-color: #999999;
			}
			.lCMYouth {
				position: relative;
				top: 0px;
				background-color: #c0945b;
			}
		.actionLeftSub {
			background-color: #bcca7c;
			padding: 10px;
		}
		.newsLeftSub {
			background-color: #21334e;
			padding: 10px;
			margin: 10px 0px 0px 0px;
		}
		/* Primary, defining style */
		.leftContentBody {
			position: relative;
			/*background: url('../images/body_left_content_dots.gif') repeat-y;*/
			width: 360px;
			top: 10px;
			left: 180px;
			padding: 0px 0px 10px 20px;
		}
                                         .leftContentBody2 {
			position: relative;
			/*background: url('../images/body_left_content_dots.gif') repeat-y;*/
			width: 360px;
                                                heigth:700px;
			top: 10px;
			left: 180px;
			padding: 0px 0px 10px 20px;
		}

			/* Individual page requirements for this item. */
			.lCBYouth {
				background: none;
			}
			.lCBLibrary {
				width: 550px;
			}
			.lCBNews {
				width: 350px;
				background-color: #cccccc;
			}
	#pageBodyRight {
		/* position: absolute;
		top: 0px;
		left: 580px; phynes 2006.03.29: commented out */
		width: 170px;
		border: 0px;
		float: left;
		margin: 0px -170px 0px 10px;
		background-color: transparent;
	}
		/* Separate single definitions for items on the Action pages. */
		.actionRight {
			background: url('../images/action/right_box_bg.gif');
		}
		.actionRightTab {
			width: 170px;
			height: 20px;
			background: url('../images/action/right_box_tab.gif');
		}
		.actionRightLow {
			background: url('../images/action/right_low_bg.gif');
		}
		.aboutRightLow {
			background: url('../images/about/right_low_bottom.gif');
			line-height: 32px;
			text-align: center;
		}
		.legislationRight {
			background-color: #c1c4bd;
			width: 150px;
			padding: 10px;
		}
		.supportRight {
			background: url('../images/support/right_box_bg.gif');
		}
		.supportRightTab {
			width: 170px;
			height: 20px;
			background: url('../images/support/right_box_tab.gif');
		}
		.supportRightGive {
			width: 170px;
			font-weight: bold;
			background: url('../images/support/right_give_bg.gif');
		}
		.supportRightGiveBot {
			width: 170px;
			height: 40px;
			line-height: 40px;
			text-align: center;
			background: url('../images/support/right_give_bottom.gif');
		}
		.supportRightCap {
			background-color: #919da1;
		}
		.supportRightCapBot {
			line-height: 32px;
			text-align: center;
			background: url('../images/support/right_cap_bot.gif');
		}
	
/* The static footer which appears on all pages */
#footer {
	position: relative;
	background: url('../images/bg-footer.gif') repeat-x;
	background-color: #ffffff;
	width: 750px;
	height: 500px;
	font-size: 9px;
	line-height: 9px;
	color: #333333;
	padding: 10px 0px 10px 0px;
	clear: both;
}



/* Various containers that are reusable */
.rightItem {
	position: relative;
	width: 170px;
	margin: 10px 0px 10px 0px;
}
.leftItem {
	position: relative;
	width: 170px;
	margin: 10px 0px 0px 0px;
}
.centerItem {
	position: relative;
	width: 350px;
	margin: 0px 0px 10px 0px;
}
.contentItem {
	position: relative;
	width: 550px;
	margin: 0px 0px 10px 0px;
}
.contentBit {
	position: relative;
	width: 162px;
	padding: 10px;
}
.menuTableLeft {
	width: 20px;
	text-align: right;
	vertical-align: top;
	padding: 0px 0px 10px 0px;
}
.menuTableRight {
	width: 150px;
	vertical-align: top;
	font-size: 9px;
	color: #ffffff;
	padding: 0px 0px 10px 0px;
}
.youthBG {
	background-color: #fee5af;
}
.marginTen {
	margin: 0px 10px;
}
.marginTwenty {
	margin: 0px 20px;
}
.centrist {
	text-align: center;
}



/* Various font elements */
.noUnder {
/*05/12/06 REMOVE line a:text-deocration:none;*/
	text-decoration: none;
	font-weight:bold;
}
.plain {
	color: #000000;
	text-decoration: underline;
	font-weight: normal;
}
.noUnderDark {
	color: #333333;
	text-decoration: none;
}
.boldTitle {
	color: #000000;
	font-size: 13px;
	font-weight: bold;
}
.bodyOrangeTitle {
	color: #cc6600;
	font-size: 13px;
	font-weight: bold;
}
.bodyOliveTitle {
	color: #e8e8cd;
	font-weight: bold;
	line-height: 20px;
}
.OrangeText {
	color: #cc6600;
}
.footerLink {
	color: #666666;
	font-size: 9px;
	font-weight: normal;
}
/* Simple color palette changes */
.wht {
	color: #ffffff;
}
.rdd {
	color: #663333;
}
.lgr {
	color: #999999;
}
.mgr {
	color: #666666;
}
.mdg {
	color: #333333;
}


.orn {
	color: #cc6600;
}
/* Simple font size changes */
.smll {
	font-size: 9px;
}
.regu {
	font-size: 11px;
}
.medi {
	font-size: 13px;
}
.lrge {
	font-size: 21px;
}



/* Primary link properties which are overriden at various points for color changes */
a {
  color: #663333;
  text-decoration: underline;
  font-weight: bold;
}


/* Image properties which currently only ensures there is never a border on an image unless wanted. */
img {
  border: 0px;
}


body {
	background-color:#FFFFFF;
	
}

text{
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
}


A:LINK {
	font-family : inherit;
	font-size : inherit;
	font-style : inherit;
	font-weight : bold;
	color: #663333;
	text-decoration : underline;
}


A:VISITED {
	font-family : inherit;
	font-size : inherit;
	font-style : inherit;
	font-weight : bold;
	color: #663333;
	text-decoration : underline;
}


#container{
	width: 750px;	
}



/*HEADER NAVIGATION text defined below*/		

.main_nav_text{
	font : bold small-caps 9px verdana, sans-serif;
	color: #663333;
	text-decoration : none;
}

.donate_search{
	font : bold small-caps 9px verdana, sans-serif;
	color: #333333;
	text-align : right;
	text-decoration: none;
}


.pipe{
font : bold small-caps 9px verdana, sans-serif;
color: #999999	
}

/*LEFT HAND COLUMN defined below*/

.td_breaking_news{
	width:160px;
	background : #CC6600;
	font : bold 11px Verdana;
	color: #E8E8CD;
	text-align : left;
	padding : 5px 5px 10px 5px;

}

.td_features{
	width:160px;
	background : #DCE7ED;
	font : Bold 11px Verdana;
	color: #666666;
	text-align : left;
	padding : 5px 5px 10px 5px;
}



/*CENTER COLUMN text defined below*/

.td_center_column{
	font: normal 11px Verdana;
	color: #333333;
	text-align : left;
	vertical-align : top;
}

H1{
	font: bold 21px Verdana;
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #000000;
	font-weight : bold;
	text-align : left;
	margin-bottom : 10px;
	margin-top : 0px;
} 


.featured_member_it{
	font : italic 11px Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #999999;
}

.td_secondary_action{
	vertical-align: top;
	font : bold 11px Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #663333
	}

/*RIGHT COLUMN TEXT defined here*/

.td_email_signup{
	font: bold 9px Verdana;
	color: #666666;
}

.email_add_here{
	font: bold 9px Verdana;
	color: #999999;
}

/*SPEAKOUT BOX question-  orange italic*/
H2{
	font: bold italic 11px Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #CC6600;
	margin-bottom : -10px;
	margin-top : 0px;
	margin-left : 0px;
	
/*05/12/06 REMOVE SPACE Before : and FROM 0 px so it reads 0px*/	
	margin-right: 0px;
}

.speak_out_letters{
	font: bold 11px verdana;
	color: #666666;	
}

.speak_out_text{
	font: 11px Verdana;
	color: #666666;
}

/*FOOTER TEXT defined here*/

.contact_info{
	font: bold 9px Verdana;
	color: #333333;	
}

.footer_nav{
	font: 9px Verdana;
	color: #666666;
}

.copyright_privacy_contact{
	font: 9px Verdana;
	color: #666666	
}

/*TABLE DEFINITIONS*/

.td_double_dotted{
	width: 30px;
	background-image : url('../images/dotted_back.gif');
	background-repeat : repeat-y;
	background-position : left;
	padding: 0px 0px 0px 0px;
}

.td_top_nav{
	background-image : url('../images/dotted_nav_back.gif');
	height: 50px;
	background-repeat : repeat-x;
	background-position : top;
	text-align : left;
	vertical-align : middle;
	font : bold small-caps 9px verdana, sans-serif;
	color: #663333;
	text-decoration : none;
}

.table_grey_border{
	font-family: inherit;
	border : 1px solid #999999;
	border-collapse: collapse;
/*05/12/06 change the following attribute from font to font-size*/	
	font-size: 11px;
	padding : 5px 5px 5px 5px;
}

.table_collapse{
	border-collapse: collapse;
	border-right : 1px solid #999999;
	border-left : 1px solid #999999;
	border-bottom : 1px solid #999999;
	border-top:none;
	padding: 5px 2px 5px 4px;
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size : 11px;
}

.table_no_space{
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	border-collapse: collapse;
	padding: 0px 0px 0px 0px;
/*05/12/06 change the following attribute from font to font-size and remove space before the colon*/		
	font-size: 11px;
}

/*VERSION CONTROL CHANGED 05/01*/
.td_horiz_dots{
/*05/12/06 change 21 to 21px*/
	height: 21px;
	background-image: url('images/td_horiz.gif');
	background: no-repeat;
}


/*ROUNDED TABLE DEFINTIONS*/

.TD{
	/*05/12/06 remove the space before the colon and then remove collapse from the following line then add the line following that*/
	border: 1px solid #ff7d00;
	border-collapse: collapse;
	/* END VERSION CONTROL 05/12/06*/
}

.faux_pad{
   background-color:#FFFFFF;
	font-family: verdana, arial, helvetica, sans-serif;
	color: #FFFFFF;
	padding:0px;
	margin:0px;
}

/*ADDED AFTER 4/28/06 */
.dot_fixer{
height:17px; 
width:300px; 
background-color:#ffffff; 
position:absolute; 
left:188px; 
top:180px;
}

#menuLeft a {
		color: #663333;
		text-decoration:none;
		font-weight:bold;
	}

.mdg a{
	color: #663333;
	font-weight:bold;
}

.centerItem a{
	color: #663333;
	font-weight:bold;
}

.leftMenu a{
	color: #663333;
	text-decoration:none;
	/*ADDED 05/02/06*/
	font-weight: normal;
	/*END ADDED 05/02/06*/
}


.rss_pod{
	background-color: #ffffff;
	padding-right: 0px;
	padding-top: 20px;
	text-align: left;
}

.rss_pod a{
	text-decoration:none;
}


.lMNews a{
	color: #663333;
	text-decoration:none;
}

.library_hack{
	background-color:#ffffff;
	position:absolute;
	margin-left:550px;
	margin-top:150px;
	height:3600px;
	width:30px;
}

.search_hack{
	background-color:#ffffff;
	position:absolute;
	margin-left:550px;
	margin-top:150px;
	height:1200px;
	width:30px;
}

	#pageBody_search {
			width: 750px;
			margin-left: 0px;
			margin-right:0px;
	/*VERSION CONTROL ADD THE MARGIN BOTTOM TO THIS CLASS*/		
			margin-bottom:-10px;
	/*END VERSION CONTROL*/		
			padding: 0px;
			background-color:#ffffff;
		}


		#pageBody_search2{
			width: 750px;
			margin-left: 0px;
			margin-right:0px;
			padding: 0px;		
		}	


/*VERSION CONTROL*/	
		#search_left {
			width:750px;
			padding-left:25px;
			background-color: #ffffff;
			padding-bottom:10px;
		}

/*END VERSION CONTROL*/

		.float_right{
			float:right;
			margin-right:-20px;
			background-color:#ffffff;
		}
		
		.float_left{
			float:left;
		}

			.lMSearch {
				background: url('../images/library/search_body_menu_top_bg.gif') no-repeat;
			}	
		
		.float_right_nm{
			float:right;
			background-color:#ffffff;
		}	
		
		.ObjTitle{
font-family: verdana, arial, helvetica, sans-serif;
font-size:24px;
font-weight:bold;
color:#c76e00;
}

		.bodyOrangeTitle a{
font-family: verdana, arial, helvetica, sans-serif;
font-size:13px;
font-weight:bold;
color:#c76e00;
text-decoration:none;
}

		.bodyOrangeTitle a:visited{
font-family: verdana, arial, helvetica, sans-serif;
font-size:13px;
font-weight:bold;
color:#c76e00;
text-decoration:none;
}

	#menuLeft a{
		font-size: 9px;
		line-height: 10px;
		color: #663333;
		text-decoration:none;
		font-weight:bold;
	}
	
		#menuLeft a:visited{
		font-size: 9px;
		color: #663333;
		text-decoration:none;
		font-weight:bold;
	}
	
		#menuRight a{
		font-weight:bold;
		font-size: 9px;
		line-height: 10px;
		color: #333333;
		text-align: right;
	}
	
		#menuRight a:visited{
		font-weight:bold;
		line-height: 10px;
		color: #333333;
		text-align: right;
	}
	
	.leftMenu a:visited{
	font-weight: normal;
	color: #663333;
	text-decoration: none;
}

#footer a{
	font-size: 9px;
	color: #666666;

}	

#footer a:visited{
	font-size: 9px;
	color: #666666;
}

/*added after 05/12/06*/
.noUnder a{
	text-decoration: none;
	font-weight:bold;
}

.noUnder a:visited{
	text-decoration: none;
	font-weight:bold;
}

.noUnder a:hover{
	text-decoration: none;
	font-weight:bold;
}

.collapse_right{
	margin-top:-2px;
	margin-bottom:-7px;
	width:161px;
	background-color:#ffffff;
	border-collapse: collapse;
	border-right: 1px solid #999999;
	border-left: 1px solid #999999;
	border-bottom:none;
	border-top: none;
	padding: 5px 2px 5px 5px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
}

.no_margins{
	margin-top:-2px;
	margin-bottom:-7px;
}
  

.blogBot {
width: 170px;
background: url('../images/blog_bottom.gif');
color: #717640;
text-align: left;
margin: 0px 22px 10px 30px;
}

.blogTop {
width: 170px;
background: url('../images/blog_top.gif');
color: #717640;
text-align: left;
margin: 0px 22px 10px 30px;
}

/*------------------ Begin Sitemap Styles ------------------------------------*/

#sitemap { width: 160px;}

#sitemap ul  { margin: 0; padding: 0; margin-left: 78; list-style: none; }
#sitemap a  { text-decoration: none; padding-left: 4px;  }
#sitemap a:hover { text-decoration: none; padding-left: 4px; }

#sitemap ul.sitem        { font-weight: bold; font-size: font-size:13px;  font-color: #999999; }
#sitemap ul.sitem li      { margin: 0; padding-top: 5px;  }
#sitemap ul.sitem li a   { display: block; width: 150px; color: #999999; }
#sitemap ul.sitem li a:hover    { text-decoration: underline; }

#sitemap ul.site2   { font-color: #999999; margin: 0px; font-weight: normal; font-size: 0.90em; }
#sitemap ul.site2 li      { margin: 0; padding-top: 1px; }
#sitemap ul.site2 li a       { display: block; width: 150px; color: #999999; }
#sitemap ul.site2 li a:hover   { text-decoration: underline; color: #999999; }

#sitemap ul.site3         { font-color: #999999; margin: 0px; font-weight: normal; }
#sitemap ul.site3 li      { margin: 0; padding-left: 18px; padding-top: 1px; }
#sitemap ul.site3 li a       { display: block; background: url('../images/barrow.jpg') no-repeat -1px 5px; width: 150px; }
#sitemap ul.site3 li a:hover   { text-decoration: underline; color: #999999; }

/*------------------ End Sitemap Styles ------------------------------------*/

  .white {
color: #ffffff;
font-size: 1px;

}

/*------------------ Begin Calendar Styles ------------------------------------*/
.background  {border:1px;border-color: #8B943B; width: 180px;height:202px;background: url('../images/bg.gif'); font-weight: normal;}
.lnav,.lnav:link,.lnav:visited,.lnav:active,.lnav:hover {color: #ffffff; font-family: Verdana, sans-serif; font-size: 8px; text-decoration: none; font-weight: normal;}
.calendar_marked {background-color: #AC8662; font-weight: normal;}
.calendar_bottm {background-color: #ffffff; font-weight: normal;}
.calendar_crnr{background-color: #ffffff; font-weight: normal;}
.calendarb { olor: #626351; font-family: Verdana, sans-serif; font-size: 8px; font-weight: normal; font-weight: normal;} 
.calendarl {color: #626351; font-family: Verdana, sans-serif; font-size: 8px; font-weight: normal;}
.calendar,.calendar:link,.calendar:hover,.calendar:visited { color: #8B943B; font-family: Verdana, sans-serif; font-size: 8px; text-decoration: none; font-weight: normal}
.calendar_day {background-color: #8B943B;color: #ffffff; font-family: Verdana, sans-serif;  font-weight: normal;}
.calendar_data { background-color: #ffffff;text-decoration: none; font-weight: normal;}
.calendar_link {font-weight:normal;background-color: #8B943B;text-decoration: none;}
.calendartext ,.calendartext:link,.calendartext:hover,.calendar:textvisited {font-family:Verdana, sans-serif;font-size: 8px;color: #ffffff;font-weight: normal;text-decoration: none;}
.bodyText {font-family: Verdana, sans-serif;font-size: 11px;color: #000000;
}
/*------------------ End Calendar Styles ------------------------------------*/










































