/*----------------------------------------------------------------*/
/* Educator's Resource Center Style Sheet
/*----------------------------------------------------------------*/
BODY 
    {background:white; height:100%; text-align:center; margin:0px; padding:0px; font:normal 0.8em/1.2em verdana,aria,sans-serif; color:black; }
.Advertisement 
    {border:solid 1px black; margin-bottom: 20px;}
.Category-Label
    {font-size:16pt; font-weight:bold; margin-bottom:5px;}
.Text-FinePrint
	{font-size:8pt; line-height:8pt; color:#808080}
.Text-Normal
	{font-size:10pt; line-height:10pt;}
.Text-Big
	{font-size:12pt; line-height:12pt;}
.Text-Bigger
	{font-size:14pt; line-height:14pt;}
.Text-Huge
	{font-size:16pt; line-height:16pt;}


/*--- LAYOUT ----------------------------------------------------*/
.LeftColumn {   /* creates full length left column */   
	position:relative;
	text-align:left;
	width:100%; 
	background:url("img/resourcecenter/elements/column1_bg.gif") repeat-y top left;
    }
.MiddleColumn {
	position:relative;
	margin:0;
	padding:10px;	 	
	}
#RightColumn {
	position:relative;
	text-align:left;
	min-width:1024px;
    width:auto !important;
	width:100%;
    background:#fbebd3 url("img/resourcecenter/elements/column3_bg.gif") repeat-y top right;
    }
.ColumnOne {
	text-align:center;
	position:relative;
	top:-10px;
	left:-10px;
	float:left;
	width:220px;    /* for IE5/WIN */
	width:200px;    /* actual value */
	margin:20 0 -10px 0;
	padding:10px;
	background:#6c864e;
	height:100%;
	z-index:100; 
	
    }
.ColumnTwo {
    position:relative;
	padding:0 195px 0 220px;
	
    }
.ColumnThree {
	text-align:center;
	position:relative;
	top:10px;
	right:-10px;
	float:right;
	width:180px; 
	margin:5 0 -10px 0;
	padding:5px;
	background:#a0c376;
	z-index:99;	
	
    }
    
    

/*--- HEADER ------------------------------------------------------*/
#Header {
    min-width:1024px; 
    width:auto !important;
    width:100%; 
    height:auto; 
    border-bottom:solid 10px #a14f4f; 
    padding:0px;
    }
#Header:after {
    content:".";
    display:block;
    clear:both;
    visibility:hidden;
    }     
#Header .SiteTitle 
    {
    position:absolute;
    top:0px;
    left:0px;
    float:left; 
    height:100%; 
    padding:10px 0 10px 0; 
    font-weight:bold; 
    line-height:normal;
    cursor:hand;
    }
#Header .SectionTitle {
    float:right;
    height:100%; 
    padding:0px;
    margin:0px;
    color:#EAEAEA; 
    font-size:50pt; 
    font-weight:bold; 
    line-height:62px; 
    letter-spacing:-6px; 
    text-align:right;
    }
    
/*--- FOOTER -----------------------------------------------------*/
#Footer {
	position:relative;
	top:1px;
	background:#a14f4f;
	width:100%;
	min-width:1024px;
	height:30px;
	clear:both;
	margin:0;
	padding:0;
	color:#CCC;
	font-size:8pt;
	text-align:center;
    }    
#Footer A.ERCFooterLink:link {background: #a14f4f; text-decoration: underline; color: white;}

#Footer A.ERCFooterLink:visited {background: #a14f4f;  color: Gray ;}

#Footer A.ERCFooterLink:hover {background: #a14f4f; text-decoration: none; color: Black;}



/*--- SUBJECTS ---------------------------------------------------*/
.Subjects
    {width:190px; height:435px; font-size:10pt; margin-top:30px; margin-bottom:30px; background-color:#a0c376; border: solid 2px black; text-align:left;}
.Subjects .Title
    {background-color:Black; color:White; padding:2px;}
.Subjects A
    {color:black; font-weight:bold; text-decoration:none;}
.Subjects A:Hover
    {color:white; font-weight:bold; background:#6c864e;}
.Subjects UL
    {margin:20px; padding:0px;}


/*--- MEMBER AREA -----------------------------------------------*/
.MemberArea
    {font-size:10pt; color:black; background-color:#a0c376; border:solid 1px black}
.MemberArea .Head
    {background-color:Black; color:White; padding:2px;}
.MemberArea .Content
    {padding-left:10px; padding-top:5px;}


/*--- CHALKTALK BOX ---------------------------------------------*/
#ChalkTalk
    {font-size:10pt; color:white; background-color:#6c864e; border: solid 2px black; padding:2px; margin-bottom:20px; text-align:left;}
#ChalkTalk .Title
    {font-size:20pt; line-height:20pt; border:0px;}
#ChalkTalk Input
    {font-size:8pt; border:solid 1px black; background-color:White;}


/*--- LINKS AREA ------------------------------------------------*/
#LinksArea {
    background-color:#e5cca0;
    border:solid 1px #a3a398;
    overflow:visible;
    display: inline-block;
    }

#LinksArea .LinksContainer
    { float:left; }
    
/*--- LINKS BOX -------------------------------------------------*/
.LinksBox
    {width:190px; height:20px auto; margin:10px; border:solid 1px #6c864e; overflow:visible;}
.LinksBox .Title {
    background-color:#6c864e; 
    color:White; 
    border-right:solid 1px black;
    border-bottom:solid 1px black;
    font-weight:bold; 
    font-size:12pt; 
    padding-left:10px;
    }
.LinksBox .Links
    {background-color:White; padding:4px}
.LinksBox A
    {color:#843434; text-decoration:none;}
.LinksBox A:hover
    {color:white; background:#843434}


/*--- CONTENT HEADER BAR --------------------------------------*/
.ContentHeaderBar {
    width:98%; 
    height:auto; 
    min-height:70px;
    margin-top:20px; 
    margin-bottom:10px; 
    color:white; 
    background-color:Black;
    font-size:28pt; 
    line-height:32pt;
    text-align:center; 
    vertical-align:top;
    padding:1px;
    }
.ContentHeaderBar .Img1
    {width:250px; height:70px; padding:0px; margin:0px}
    
    
/*--- CONTENT TYPE: SITE REFERENCE ----------------------------*/
.CTReference
    {width:98%; height:auto 10px; padding-top:5px; padding-bottom:15px; border-top:dotted 1px black;}
.CTReference .Title
    {float:left; width:150px; height:100%; font-weight:bold; text-align:left; }
.CTReference .Content
    {padding-left:155px;}
.CTReference .Summary
    {text-align:left; padding-top:5px;}
.CTReference .Title2
    {float:left; width:160px; height:100%; font-weight:bold; text-align:left; padding-left:25px;}
.CTReference .Content2
    {float:left; width:350px; height:100%; text-align:left; padding-left:15px;}
.CTReference .Summary2
    {float:left; width:230px; height:100%; text-align:left; padding-left:15px;}
.CTReference A
    {color:#CC6633;}
.CTReference A:Visited
    {color:#C96230;}
.CTReference A:Hover
    {color:white; background-color:#CC6633}
    
    
/*--- CONTENT TYPE: DOE SITE REFERRENCE -----------------------*/
.DOEReference
    {width:98%; height:auto; margin-top:3px; margin-bottom:10px; border-top:dotted 1px black; overflow:auto;}
.DOEReference .Title
    {float:left; width:150px; height:100%; padding-left:10px; font-weight:bold; text-align:left;}
.DOEReference .Content
    {float:left; padding-left:10px; }
.DOEReference .Content:after {
    content:".";
    clear:both;
    visibility:hidden;
    } 
.DOEReference .Summary
    {float:left; width:350px; height:auto;}
.DOEReference .Summary:after {
    content:".";
    clear:both;
    visibility:hidden;
    }  
.DOEReference A
    {color:#CC6633;}
.DOEReference A:Visited
    {color:#C96230;}
.DOEReference A:Hover
    {color:white; background-color:#CC6633}