﻿body 
{
	font-family: Arial, Helvetica, Verdana, Sans-serif;
	font-size: 12px;
	color: #606060;
	background: #ebebeb;
	text-align: center;
}

h1
{
	padding: 5px 0px 5px 0px;
}

h2
{
	padding: 5px 0px 5px 0px;
}

#container
{
	width: 1000px;
	background: #ccc url("images/bg.gif") top center repeat-y;
	height: auto;
    background-color: #fff;
}

#header
{
	width: 970px;
	background: #ccc url("images/header.jpg") top center no-repeat;
	height: 160px;
    background-color: #fff;
}

ul 
{
	list-style: none;
	margin: 0;
	padding: 0;
}

/********* TOP MENU **********/
#navtop ul 
{
	padding: 0; 
	margin: 0 0 0 0; 
	background: #fff url("images/navtop.gif") top right repeat-x; 
	/*float: right; */
	width: 970px; 
	height: 30px;
}

#navtop ul li 
{
	display: inline; 
}

#navtop ul li a 
{
	padding: 10px 25px 3px 25px; 
	color: #777777; 
	text-decoration: none; 
	float: right; 
	text-transform: uppercase; 
	font-weight: bold;
	outline: none; 
	border-style: solid;
	border-width: 0px 0px 0px 1px;
	border-color: #EFEFEF;
}

#navtop ul li a:hover 
{
	color: #FFFFFF; 
	text-decoration: none; 
	background: #fff url("images/navtop_hover.gif") top right repeat-x;
}

/********* LEFT MENU **********/
#menu {
	width: 180px;
	border: 1px solid #ccc;
	margin: 15px 5px 10px 20px;
	}
	
#menu li a {
  	/*height: 32px;*/
  	height: 24px;
	text-decoration: none;
	}	
	
#menu li a:link, #menu li a:visited {
	color: #888;
	display: block;
	background: url("images/menu.gif");
	padding: 8px 0 0 30px;
	}
	
#menu li a:hover, #menu li a:active {
	color: #283A50;
	background: url("images/menu.gif") 0 -32px;
	padding: 8px 0 0 30px;
	}

.menuheader
{
	color: #FFFFFF;
	background: url("images/menuheader.gif");
	padding: 8px 0 0 40px;
	height: 24px;
	font-weight: bold;
	font-size: 14px;
}

.smenu
{
	padding: 5px 2px 2px 5px;
}

/******** RIGHT PANEL **********/
#rightpanel
{
	margin-top: 15px;
	margin-bottom: 20px;
	margin-right: 10px;
}

#rightpanel table
{
	border-style: solid;
	border-width: 1px 1px 0px 1px;
	border-color: #cccccc;	
}

#rightpanel th
{
	height: 25px;
	color: #FFFFFF;
	background-color: #446BB9;
	width: 230px;
	font-weight: bold;
	font-size: 14px;
	text-align: center;
}

#rightpanel td
{
	color: #606060;
	background-color: #FFFFFF;
	width: 230px;
	padding: 10px 5px 10px 10px;
	border-style: solid;
	border-width: 0px 0px 1px 0px;
	border-color: #aaaaaa;
}

#rightpanel a, #rightpanel a:link, #rightpanel a:visited, #rightpanel a:active
{
	color: #336699;
	text-decoration: underline;
	float: right;
}

#rightpanel a:hover
{
	color: #AA4411;
	text-decoration: underline;
	float: right;
}

/******** MAIN CONTEXT **********/
#main
{
	margin-top: 15px;
	text-align: center;
}

#main table
{
	width: 510px;
	padding-bottom: 10px;
	background: #fff url("images/bg_content.gif") top center repeat-y;
}

#main table th
{	
	border-style: solid;
	border-width: 0px 0px 0px 1px;
	border-color: #cccccc;
	padding-top: 5px;
}

#main table td
{
	padding: 10px 10px 5px 10px;
	border-style: solid;
	border-width: 0px 0px 0px 1px;
	border-color: #cccccc;
}

#main .toptable
{
	padding: 0px;
	background: #fff url("images/bg_content_top.gif") top center no-repeat;
	border-width: 0px;
}

#main .bottomtable
{
	padding: 0px;
	background: #fff url("images/bg_content_bottom.gif") top center no-repeat;
	border-width: 0px;
	/*border-style: solid;
	border-color: Red;*/
}

/************ FOOTER **************/
#footer
{
    background-color: #3356AA;
    font-family:Verdana; 
    font-size:10px;
    height: 25px;
    color: #e8e8e8;
    width: 970px;
}

#footer a, #footer a:link, #footer a:visited, #footer a:active
{
	color: #e8e8e8;
	font-size: 10px;
}

#footer a:hover
{
	font-weight: bold;
}