/* general styles */
html {
    overflow-y: scroll;
}

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}


body
{		
	background:url(../images/bg.jpg) repeat-x #cbd3d6;
	border:0;
	margin:0;
	padding:50px 0 50px 0;
	text-align:center;	
}

td
{
	color:#4b4b4b;		
	font-family:arial;
	font-size:12px;
}

a
{
	color:#337ea5;
	text-decoration:none;
}

img
{
	border:0;
}

form
{
	margin:0;
	padding:0;
}

input
{
	font-family:verdana;
	font-size:10px;
}

/* top styles */

table#frameworkTable
{
	background-color:white;
	background-image:url(../images/bg-page.gif);
	height:100%;
	margin:0 auto;
	width:750px;		
}

td#frameworkCorners
{
	height:16px;
	width:750px;
}

td#frameworkTop
{
	height:135px;
	padding:0 20px 0 20px;
	width:750px;
}

td#frameworkMiddle
{
	padding:0 20px 0 20px;
	width:750px;
}

td#frameworkBottom
{	
	font-size:11px;
	height:33px;
	text-align:center;
	width:750px;
}

input#topSearchField
{
	width:122px;
}

div#topLeft
{
	background-color:#c6d3dc;
	background-image:url(../images/bg-topleft.jpg);
	background-position:left;
	background-repeat:no-repeat;
	float:left;
	height:40px;
	margin:0 0 6px 0;
	width:484px;
}

div#topLeftContent
{
	margin:14px 20px 0 0;
	text-align:right;
}

div#topRight
{
	background-color:#c6d3dc;
	background-image:url(../images/bg-topright.jpg);
	background-position:left;
	background-repeat:no-repeat;		
	float:right;
	height:40px;
	margin:0 0 6px 0;		
	width:220px;
}

div#topRightContent
{
	text-align:right;
	margin:11px 20px 0 0;
}

div#menu
{
	background-color:#4c4c4c;
	/*height:22px;*/
	margin:0 0 6px 0;
}

div.menuButton-normal,
div.menuButton-active
{
	cursor:pointer;
	float:right;
	font-family:arial,helvetica,sans-serif;
	font-size:11px;
	height:22px;
	line-height:22px;
	padding:0 15px 0 15px;
	text-align:center;
	vertical-align:middle;
}

div.menuButton-normal
{
	background-color:#787878;
	background-image:url(../images/bg-menu.gif);		
	border-bottom:1px solid #4c4c4c;
	border-right:1px solid #4c4c4c;		
	border-top:1px solid #4c4c4c;
	color:white;	
}

div.menuButton-active
{
	background-color:white;
	border-bottom:1px solid white;
	border-right:1px solid #4c4c4c;
	border-top:1px solid #4c4c4c;
	color:4b4b4b;
}

/* page styles */

div#newsList
{
	padding:0 18px 0 18px;
}

div.subpageHeader
{
	color:white;
	font-family:arial,helvetica,sans-serif;
	font-size:12px;
	font-weight:bold;
	height:35px;
	line-height:35px;
	padding:0 0 0 20px;
}

div.pageContentWide
{
	background:url(../images/bg-subpage.gif) repeat-x;
	/*height:350px;*/
	padding:20px 210px 20px 20px;
}

div.pageContentLeft
{
	background-image:url(../images/bg-subpage.gif);
	float:left;
	/*height:350px;*/
	width:510px;
}

div.pageContentRight
{
	background-color:#e8e8e8;
	float:right;
	/*height:100%;*/
	width:194px;
}

div.submenuButton-normal,
div.submenuButton-active
{
	color:#4b4b4b;
	font-family:arial;
	font-size:10px;	
	height:24px;
	line-height:24px;
	padding:0 26px 0 0;
	text-align:right;
}

div.submenuButton-normal
{
	background-image:url(../images/bg-submenu-normal.gif);
	cursor:pointer;
}

div.submenuButton-active
{
	background-color:white;	
	background-image:url(../images/bg-submenu-active.gif);	
}

div.listbox
{
	background-image:url(../images/bg-list.gif);
	border:1px solid #e1e1e1;
	padding:12px 14px 12px 14px;
}

div.listbox td
{
	padding:0 0 5px 0;
}