@charset "utf-8";
/* CSS Document */

@import url(buttons.css);

h2.add_resources{
font: bold 12px Arial, Verdana, Georgia, sans-serif; 
color: #000;
margin: 5px 20px;
padding-bottom: 5px;
text-align:left;
border-bottom:0px

}


/*****************controls the Latest Editions - top left of page*/

.highlightsmenu{
margin: 5px 0;
padding: 0;
width: 230px; /*width of menu*/
border: 1px solid #999;
border-top: 0px solid #999;
}

.highlightsmenu div.HLheader a{
background: #999 url(../../images/sitetemplate/new/HLgradient.gif) repeat-x center left;
font: normal 12px Arial, verdana, Helvetica, sans-serif;
color: #000;
display: block;
position: relative; /*To help in the anchoring of the ".statusicon" icon image*/
width: auto;
padding: 5px 0;
padding-left: 8px;
text-decoration: none;
border-top: 1px solid #999;
}


.highlightsmenu div.HLheader a:visited,  .highlightsmenu div.HLheader a:active{
color:#000;
}


.highlightsmenu div.selected a, .highlightsmenu div.HLheader a:hover{
background-image: url(../../images/sitetemplate/new/HLgradientover.gif);
color: #ccc;
border-bottom: 1px solid #999;
}

.highlightsmenu div.submenu{ /*DIV that contains each sub menu*/
background: white;
padding: 5px;
height: 170px; /*Height that applies to all sub menu DIVs. A good idea when headers are toggled via "mouseover" instead of "click"*/
}

/*****************controls the featured highlight - top right of page*/

div.featuredhighlight{
margin-right:1px;
padding:20px 0 0 20px;
background:url(../../images/sitetemplate/new/HLbackground.gif) no-repeat top right;
height: 321px;

}

div.featuredhighlight p{
padding:0px;
margin-right:450px;
font: normal 11px Verdana, Arial, Helvetica, sans-serif;
line-height:18px;
color: #000;
text-align:left;
}

div.featuredhighlight h1{
font:Bold 16px Arial, Verdana, Helvetica, sans-serif;
color: #000;
padding: 10px 0;
text-align:left;
}

h6{
font:Bold 14px Arial, Helvetica, sans-serif;
color: #000;
padding: 10px 0px 2px 15px;
text-align:left;
}

div.featuredhighlight img{

}

div.featuredhighlight p.date{
color: #666;
}

/******************controls the children subjects/3 columns */
div.table_highlights{
margin:20px;
padding:10px;
height:400px;
border:1px solid #ccc;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
}

div.table_highlights p{
padding:0px;
font: normal 11px Verdana, Arial, Helvetica, sans-serif;
line-height:16px;
color: #000;
text-align:left;
}

div.table_highlights h1{
font:Bold 14px Arial, Helvetica, sans-serif;
color: #000;
padding: 10px 0;
text-align:left;
}

div.table_highlights img{
padding:0px

}

div.table_highlights p.date{
color: #666;
}

.footerbuttonbkgd {
	background: url(../../images/common/buttons/btn_highlights_bg.jpg) repeat-x 0 0; 
	height:131px; 
	margin: 0px 1px;
}