/* 
  -- Even more rounded corners with CSS: Base stylesheet --
*/

.menuSection {
	position:relative;
	margin:0px auto;
	min-width: 8em;
	max-width: 400px; /* based on image dimensions - not quite consistent with drip styles yet */
	color:#fff;
	z-index: 1;
	margin-left:16px; /*12px default, width of left corner */
	margin-bottom:0.5em; /* spacing under menuSection */
}

.menuSection .content,
.menuSection .t,
.menuSection .b,
.menuSection .b div {
	background:transparent url(../StyleImages/side_menu_alpha.png) no-repeat top right;
	_background-image:url(../StyleImages/side_menu.gif); /* hack for ie6*/
}

.menuSelected .content,
.menuSelected .t,
.menuSelected .b,
.menuSelected .b div 
{
	background:transparent url(../StyleImages/side_menu_alpha_selected.png) no-repeat top right;
	_background-image:url(../StyleImages/side_menu_selected.gif); /* hack for ie6*/
} 

.roundedBlue .content,
.roundedBlue .t,
.roundedBlue .b,
.roundedBlue .b div
{
	background:transparent url(../StyleImages/blueBox_alpha.png) no-repeat top right;
	_background-image:url(../StyleImages/blueBox.gif); /* hack for ie6*/
}


.menuSection .content {
	position:relative;
	zoom:1;
	_overflow-y:hidden;
	padding:0px 16px 0px 0px; /*0 12 0 0 default*/
}

.menuSection .t {
 /* top+left vertical slice */
	position:absolute;
	left:0px;
	top:0px;
	width:16px; /*12default top slice width */
	margin-left:-16px;
	height:100%;
	_height:1200px; /* arbitrary long height, IE 6 */
	background-position:top left;
}

.menuSection .b {
 /* bottom */
	position:	relative;
	width:		100%;
}

.menuSection .b,
.menuSection .b div {
	height:		6px; /* 30 default height of bottom cap/shade */
	font-size:	1px;
}

.menuSection .b {
	background-position:	bottom right;
}

.menuSection .b div {
	position:		relative;
	width:			16px; /* 12 default bottom corner width */
	margin-left:	-16px;
	background-position:	bottom left;
}

.menuSection .hd,
.menuSection .bd,
.menuSection .ft {
	position:		relative;
}

.menuSection .wrapper	{
 /* extra content protector - preventing vertical overflow (past background) */
	position:	static;
	max-height:	1000px;
	overflow:	auto; /* note that overflow:auto causes a rather annoying redraw "lag" in Firefox 2, and may degrade performance. Might be worth trying without if you aren't worried about height/overflow issues. */
}

.menuSection h1,
.menuSection p {
	margin:		0px; /* margins will blow out backgrounds, leaving whitespace. */
	padding:	0.5em 0px 0.5em 0px;
}
.menuSection .hd 
{
	padding-top: 5px;
	height: 15px;
}

/* SECTION TITLE BAR Information*/
.articleStub .barImageRight	{
	float: right;
}

.articleStub .barImageLeft	{
	float: left;
	margin-right: 5px;
}

.articleStub .barTitle, .articleStub .barArticleTitle	
{
	padding-top: 2px;
	font-size: 1.2em;
}
.articleStub .barTitle 
{
	position: absolute;
}

.newsMain .bd
{
    /*background-color: #ffeecd;
    border: 1px solid #ccc;*/
}

/* END SECTION TITLE Information*/


/* SECTION Formatting */
.centerSectionContent	{
	border-left: solid 1px #999;
	/*border-top: solid 0px #333;*/
	border-bottom: solid 0px #333;
	margin: 0 0 5px;
	background-color: #fff;
}

.rightSectionContent	{
	border-bottom: solid 1px #333;
	padding: 0px;
	margin: 0 0 5px;
	background-color: #eee;
}

.rightSectionContent .articleStub .ft	{
	padding: 0;
}	
/* END SECTION Formatting*/

/* ARTICLE STUB Formatting */
.articleStub .hd	{
	background: url(../styleImages/title_bar_center.gif) repeat-x top left;
	height: 21px;
}

/* -temp- hides image in Right Side. This may be temporary*/
#right .articleStub .articleImage {
	display: none;
}

 /* Default behavior */
/*#center */
.articleStub .readMore {
	position: relative;
	text-align: left;
	padding: 3px 5px;

	/*	float: right;*/

}
/* Customer behavior for the Right side*/
#right .articleStub .readMore 
{
/*	float: left; */
	padding: 3px 10px 3px 3px;
	text-align: left;
}

.articleStub .articleImage {
	float: left;
	margin: 5px 5px 5px 0;
	width: 50px;
	position: relative; /* FOR PEEK-A-BOO peekaboo bug*/	
}

.articleStub .bd	
{
    padding: 5px;
	position: relative; /* FOR PEEK-A-BOO peekaboo bug*/
}

.articleStub .bd h2	{
	font-size: 1.2em; /* 20% larger than */
	margin: 2px 0px;
}

.articleStub .heading 
{
    /*background-color: #eee;*/
    margin-top: 5px;
    font-weight: bold;
    padding: 3px;
}
/*.articleStub .bd span 
{
	font-size: 0.8em;
}*/

#center .withDivider .ft 
{
    border-bottom: solid 1px #FECC67;
	margin: 0 2%;
}


.newsArticleStub 
{
}

.newsArticleStub .hd
{
    font-weight: bold;
    font-size: 1.3em;
    color: #194DA1;
}

.newsArticleStub .bd
{
}


.articleStub .ft	{
	clear: both;  
}

.articleStub .ft .divider 
{
    margin: 0 0; /*15px;*/
	padding: 3px 10px;
	font-size: 0.9em;
	border-top: solid 1px #999;
	border-bottom: solid 1px #999;
	background-color: #EEEEEE;
	font-weight: bold;
	font-style: italic;

}


/* END Content Section Formatting*/