/*
  The Alliance for Equal Justice
  Screen Stylesheet
  media="screen" 
  aej_screen.css
  

  Color list:
  ----------------
  
  _background colors_
  
  Page Background (approx): 
    rgb(141,134,117);
  Navigation Level 1 Background tan: 
    rgb(232,224,200);
  Date Bar Background blue: 
    rgb(98,144,170);    
    
  _foreground colors_ 
    
  Navigation Level 1 Foreground:
    rgb(31,31,31);  
  Navigation Level 2 Foreground:
    rgb(117,39,39);  
  Navigation Level 3 Foreground:
    rgb(181,146,45);  
  Navigation Level 3 Selected Foreground:
    rgb(138,131,114);  
    
  Main Link Color:
    rgb(211,145,51);
  
  <h2> Foreground:
    rgb(117,39,39);      
  <strong> Foreground:
    rgb(66,98,98);  
    
  Footer Foreground:
    rgb(232,224,200);   
*/

/*
  SITEWIDE SETTINGS
*/



body {
  min-width: 550px;
  margin-left: 5%;
  margin-right: 5%;
  margin-top: 10px;
  color: #333333;
  font-family: verdana, arial, sans-serif;

}

h1 {

}

h2 {
  color: rgb(117,39,39); 
  font-size: 1.3em;
}

h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: 800;
	color: #6290aa;
	margin: 0px;
	padding: 0px;	

}

strong {
  background-color: inherit;
  color: rgb(66,98,98);
}

em {

}

a:link {
  background-color: inherit;
  color: rgb(181,146,45);
}

a:visited {
  background-color: inherit;
  color: #333333;
}

a:active {
  background-color: inherit;
  color: rgb(117,39,39);
}

a:hover {
  background-color: inherit;
  color: rgb(117,39,39);
}




/* 
  SPECIFIC PAGE STRUCTURES 
*/

/* Masthead */

#masthead-shadow-wrapper-top {
  margin-top: -5px;
  padding-top: 5px;
  
  background-image: url(/images/aej/shadowTileTopEdge.gif);
  
  background-position: top;
  background-repeat: repeat-x;
}

#masthead-shadow-wrapper-left {
  margin-left: -5px;
  padding-left: 5px;
  
  background-image: url(/images/aej/shadowTileLeftEdge.gif);
  
  background-position: left;
  background-repeat: repeat-y;
}

#masthead-shadow-wrapper-right {
  margin-right: -5px;
  margin-top:5px;
  padding-right: 5px;
  
  
  background-image: url(/images/aej/shadowTileRightEdge.gif);
  
  background-position: right;
  background-repeat: repeat-y;
}

#masthead-shadow-wrapper-topleft {
  margin-top: 5px;
  /*
  padding-top: 5px;
  */
  padding-left: 5px;
  
  background-image: url(/images/aej/shadowTileTopLeft.gif);
  
  background-position: top left;
  background-repeat: no-repeat;
}

#masthead-shadow-wrapper-topright {

  padding-top: 5px;
  padding-right: 5px;

  background-image: url(/images/aej/shadowTileTopRight.gif);
  background-position: top right;
  background-repeat: no-repeat;
}

#masthead {
  margin-top: -5px;
  background-color: white;
  color: inherit;
  background-image: url(/images/aej/mastheadBackgroundTile.png);
}

#masthead a {
  border: 0;
}

#masthead h1 {
  height: 109px;
  background-image: url(/images/aej/mastheadAllianceLogo.png);
  background-position: left;
  background-repeat: no-repeat;    
  margin: 0;
}

#masthead h1 img {
  display: block;
  margin: 0;
  border: 0;
}

#masthead h1 span#mastheadSlogan {
  display: block;
  background-image: url(/images/aej/mastheadSlogan.gif);
  background-position: right;
  background-repeat: no-repeat;
}

#masthead h1 #h1text {
  display: none;
}



/* Date Bar */

#dateBarShadowWrapperLeft {
  padding-left: 5px;
  background-image: url(/images/aej/shadowTileLeftEdge.gif);
  background-position: left;
  background-repeat: repeat-y;
}

#dateBarShadowWrapperRight {
  padding-right: 5px;
  background-image: url(/images/aej/shadowTileRightEdge.gif);
  background-position: right;
  background-repeat: repeat-y;
}

#dateBar {
  background: rgb(98,144,170);  
  padding: 10px;
  
  text-align: right;  
  
  font-size: .7em;
  color: white;
}







/* Side Bar */

#sideBar {
  width: 148px;
  padding-left: 5px;
  
  background-image: url(/images/aej/shadowTileLeftEdge.gif);
  background-position: left;
  background-repeat: repeat-y; 
  float: left;
}


/* SIDEBAR TOP LEVEL NAVIGATION LISTS*/
#sideBar #sideBarNavigation {
  width: 148px;

  background-color: rgb(232,224,200);
  color: rgb(31,31,31); 
}

/* SIDEBAR TOP LEVEL NAVIGATION ITEMS*/
#sideBar #sideBarNavigation .level1NavItem {
  border-bottom: 1px solid white;
  
  background-color: rgb(232,224,200);
  color: rgb(31,31,31); 
  
  font-size: 10px;
  font-weight: bold;
}

#sideBar #sideBarNavigation .level1NavItem a {
  display: block;
  padding-top: 7px;
  padding-bottom: 7px;
  text-decoration: none;
  background-color: inherit;
  color: black;
}

#sideBar #sideBarNavigation .level1NavItem img {
  vertical-align: bottom;
  margin-left: 7px;
  margin-right: 7px;
  border: 0px;
}

/* SIDEBAR 2nd LEVEL NAVIGATION LISTS*/
#sideBar .level2Nav {
  padding-left: 10px;
  border: 1px solid white;  
  background: white;
  color: inherit; 
  
  font-size: 10px;
  font-weight: bold;  
}

/* SIDEBAR 2nd LEVEL NAVIGATION ITEMS*/
#sideBar .level2Nav .level2NavItem {
  margin: 4px 0;
  padding-bottom: 4px;
  background: white;
  color: rgb(117,39,39);
}

/* SIDEBAR 2nd LEVEL NAVIGATION LINKS*/
#sideBar .level2Nav .level2NavItem a {
  background: white;
  color: rgb(117,39,39);
  text-decoration: none;
}


/* SIDEBAR 2nd LEVEL NAVIGATION LINKS*/
#sideBar .level2Nav .level2NavItem a:hover {
  background: white;
  color: #6290aa;
  text-decoration: none;
}



/* SIDEBAR 3rd LEVEL NAVIGATION LISTS*/
#sideBar .level3Nav {
  padding-left: 10px;
  border: 1px solid white;  
  background: white;
  color: inherit; 
  
  font-size: 10px;
  font-weight: bold;  
}

/* SIDEBAR 3rd LEVEL NAVIGATION ITEMS*/
#sideBar .level3Nav .level3NavItem {
  margin: 4px 0;
  padding-bottom: 4px;
  background: white;
  color: rgb(181,146,45);
}

/* SIDEBAR 3rd LEVEL NAVIGATION LINKS*/
#sideBar .level3Nav .level3NavItem a {
  background: white;
  color: rgb(181,146,45);
  text-decoration: none;
}

/* SIDEBAR 3rd LEVEL NAVIGATION LINKS*/
#sideBar .level3Nav .level3NavItem a:hover {
  background: white;
  color: #6290aa;
  text-decoration: none;
}


#sideBarBanners {
  padding-bottom: 2em;
  background-color: rgb(232,224,200);
  color: inherit;

}

#sideBarBanners img {
  display: block;
  margin-bottom: 1px;
}

#sideBarBottomEdge {
  width: 153px;
  height: 21px;
  margin-top: -1px;
  margin-left: -5px;
  background-color: rgb(232,224,200);
  background-image: url(/images/aej/sideBarNavBottomEdge.gif);  
  background-position: left bottom;
  background-repeat: no-repeat;
}







/* contentContainer*/

#contentShadowContainerLeft{
  margin-left: 148px;
  padding-left: 5px;
  
  background-color: white;
  color: inherit;
  
  background-image: url(/images/aej/shadowTileLeftEdge.gif);
  background-position: left;
  background-repeat: repeat-y;    
}

#contentShadowContainerRight{

  padding-right: 5px;
  padding-top: 2em;
  
  background-color: white;
  color: inherit;
  background-image: url(/images/aej/shadowTileRightEdge.gif);
  background-position: right;
  background-repeat: repeat-y;    
}








/* mainContentArea */

#IEBugWidthEnforcer{
  width: 100%;
}

#mainAll {
  background: white;
}

#mainContentArea {
  padding: 2em;
  padding-top: 0; 
  font-size: .8em;
  line-height: 1.3em;
  background: white;
}

#mainContentArea h2 {
  border-top: 1px solid black;
  padding-top: 1em;
  background-color: inherit;
  color: rgb(117,39,39); 
  font-size: 1.3em;
}

#mainContentArea .rightContentImageFloaterRight {
  float: right;
  margin-left: 1em;
  margin-bottom: 1em;
}

#mainContentArea .rightContentImageFloaterRight img {
  display: block;
}

#mainContentArea .first{
  margin-top: 0;
}

#mainContentArea .shortContentLastPara{
 margin-bottom: 300px;
} 

#mainContentArea li {

list-style-image: url(/images/aej/bullet.gif)
	
}



/* ***************************************************************************


  Page Specific Content Styles

**************************************************************************** */

/*

  Home Page

*/


/* Home Page Intro */

/* modifies padding in the main content area */
#homePageMainContentArea {
  padding: 1em;
  padding-top: 0;
  
  font-size: .8em;
  line-height: 1.3em;

  background: white;
}

#homePageMainContentArea .first{
  margin-top: 0;
}



#homePageIntroBox {
  padding: 1em 0 1em 1em;
}

#homePageIntroBox strong {
  background-color: inherit;
  color: rgb(117,39,39);
}


/* Home Page Storybank */

#storybankHeader {
  background: rgb(98,144,170);  
  text-align: left;  
  margin-bottom: 1em;
}

#storybankHeader img {
  background: rgb(98,144,170);  
  text-align: left;  
}

#storybankButtons {
  float: left;
  margin-left: 1em;
  width: 112px;
}

#storybankButtons img {
  display: block;
  margin-bottom: 1em;
  border: 0px;
}

#storybankText {
  margin-left: 145px;
}

#storybankText h3 {
	background: inherit;
	color: rgb(181,146,45);
	font-size: 1.1em;
}




/* TextNav Footer */

#textNavFooterShadowWrapperRight {
  margin-top: -1px;
  margin-left: 148px;
  margin-right: 0px;
  
  height: 33px;
  min-height: 33px;


  
  background-image: url(/images/aej/textNavRightCorner.gif);
  background-position: bottom right;
  background-repeat: no-repeat;    

  /*
  border: 1px solid red;
  */
}

#textNavFooterShadowWrapperLeft {
  clear: both;
  height: 33px;
  min-height: 33px;
  
  background-image: url(/images/aej/textNavLeftCorner.gif);
  background-position: bottom left;
  background-repeat: no-repeat;    
  


}

#textNavFooterShadowWrapperBottom {

  height: 33px;
  min-height: 33px;

  margin-left: 25px;
  margin-right: 14px;
  
  background-image: url(/images/aej/textNavBottomTile.gif);
  background-position: bottom;
  background-repeat: repeat-x;  
  

}

#textNavFooter {
  text-align: right;  
  
  padding-top: 6px;
  
  font-size: 10px;
  background-color: inherit;
  color: white;  
}

#textNavFooter a {
  background-color: inherit;
  color: white;
  text-decoration: none;
}

#textNavFooter a:link {
  background-color: inherit;
  color: white;
}

#textNavFooter a:visited {
  background-color: inherit;
  color: white;
}

#textNavFooter a:active {
  background-color: inherit;
  color: red;
}

#textNavFooter a:hover {
  background-color: inherit;
  color: rgb(226,216,183);
}

/* Page Footer */

#pageFooter {
  clear: both;
  margin-top: 1em;
  margin-right: 1.4em;
  text-align: right;
  background-color: inherit;  
  color: rgb(232,224,200); 
  font-size: 10px;
}

/* Fix for content area */
.heightProp {
 height: 430px;  float: right;  width: 1px;
}

.endHeightProp {
 clear: both;  height: 1px;  overflow: hidden;
}

/* Storybank styles */

.sbBody {
	margin-top: 10px;
	margin-right: 5px;
	margin-left: 5px;

}

.sbHeader {
	font-size: 14px;
	color: #336699;
	font-weight: 800;


}

.sbHeader a{
	font-size: 14px;
	color: #336699;
	font-weight: 800;
	text-decoration: none;


}

.sbDesc {
	margin-bottom: 10px;


}
.sbLabel {
	color: #333333;

}
.sbQuote {
	color: #333333;
	display: block;
	padding: 10px;
	float: right;
	background-color: #F8F8FF;
	width: 40%;
	border: 1px double #999999;

}

.sbQuoteBody {

	font-style: italic;
}
.sbLinks {
	font-size: 10px;
	margin-bottom: 10px;
}

.sbUniversal {
	font-size: 10px;
	margin-bottom: 10px;
}
.sbUniversalHeader {
	font-size: 12px;
	margin-bottom: 10px;
	font-weight: 800;
}
.sbUniversalRight {
	float: right;

}

.sbListEnd {
	width: 100%;
	margin-bottom: 20px;

	border-bottom-width: 1px;
	border-left-width: 1px;

	border-bottom-style: groove;
	border-left-style: solid;

	border-bottom-color: #CCCCCC;
	border-left-color: #CCCCCC;


}
.sbListLinks {
	font-size: 10px;
	padding: 5px;

}

.sbListDate {
	font-size: 10px;
	font-style: italic;
	color: #666666;
}

#sbSearchBlock {
	width: 90%;

}

.sbSearchBlockElement {
	font-size: 10px;
	color: #333333;
	margin-right: 10px;
	margin-left: 5px;
		margin-top: 15px;

}
/* Old Form Elements */

.formLabel {
	font-size: 10px;
	color: #333333;

}

.formField {
	font-size: 10px;
	color: #333333;
	background-color: #F8F8FF;

}
.form_element {
	font-size: 10px;
	color: #333333;
	background-color: #F8F8FF;

}
.formNote {
	font-style: italic;

}

.formButton {
	font-size: 10px;
	color: #FFFFFF;
	background-color: #336699;
	border: 1px solid #666666;

}