
/*****************************************************
General page style
*****************************************************/

body { padding-bottom: 10px; padding-top:5px;margin: 0px; FONT-FAMILY: arial,helvetica;BACKGROUND-IMAGE: url(images/bg.jpg); BACKGROUND-REPEAT: repeat-x;}
H1 {FONT-SIZE: 18px; MARGIN-BOTTOM: 10px; MARGIN-Top: 5px; FONT-FAMILY: verdana,arial,helvetica; COLOR: #224488;}
H2 {MARGIN-TOP: 1em; FONT-SIZE: 125%; MARGIN-BOTTOM: 0px}
H3 {FONT-SIZE: 115%; MARGIN-BOTTOM: 0px}
H4 {FONT-SIZE: 100%; MARGIN-BOTTOM: 0px}
H5 {FONT-SIZE: 100%; MARGIN-BOTTOM: 0px}
H6 {FONT-SIZE: 100%; MARGIN-BOTTOM: 0px}
TD {FONT-SIZE: 72%;
    text-align: left;
}
TH {FONT-SIZE: 72%}
p,div,span,input,select { font: 12px Arial, Helvetica, sans-serif; }
form { padding: 0px; margin: 0px; border: 0px; }
table { border: none; }
ol { font: normal 12px Arial, Helvetica, sans-serif; line-height: 18px; }
ul { font: normal 12px Arial, Helvetica, sans-serif; line-height: 18px; }
li { font: normal 12px Arial, Helvetica, sans-serif; line-height: 18px; }
hr{height:1px}

a:link { color: #0083b3;}
a:visited { color: #0083b3;}
a:hover { color: #ff0000;}
a:active { color: #0083b3;}

/*****************************************************
Background color and font colors <<5 please
*****************************************************/
.TopMenu {
	margin: 0px;
}
.TopMenu UL {
	padding: 0px; margin: 0px; HEIGHT: 35px; 
}
.TopMenu LI 
{
	font:bold 14px Arial;float:left;display: block;
}
.TopMenu LI A {
	padding: 6px 7px 7px 7px;COLOR: #0083b3;display: block; TEXT-DECORATION: none;
}
.TopMenu LI A:hover {
	border: #00aff0 1px solid; BACKGROUND: white;padding: 5px 6px 6px 6px;color: #0083b3;
}
.SmallBold {
	font-family: Tahoma, Arial, Helvetica;
	font-size: 11px;
	font-weight: bold;
	color: #444444;
}

.Container
{
	Width:800px;
	/*padding-top:35px;*/
	height:400px;
}

.TextButton,a.TextButton {
	font-family: Tahoma, Arial, Helvetica;
	font-size: 11px;
	border: #C3C2C2 1px solid; 
	margin:1px;
	padding: 3px 12px 3px 12px; 
	color: #444444; 
	background-color:#ffffff;
	text-decoration:none;
	font-weight: bold;	
	display: inline-block;
}
a.TextButton:visited {	
	color: #444444; 
	text-decoration:none;
	display: inline-block;
	background-color:#ffffff;
}
a.TextButton:hover {	
	color: #444444; 
	background-color:#eeeeee;
	text-decoration:underline;
}

#Footer
{
	padding: 15px 8px 8px 8px;
	text-align:center;
}

.box
{
	width: 600px;
	background-color: #cccccc;
}

.box700
{
	width: 700px;
	background-color: #cccccc;
}

.boxsmall
{
	width: 230px;
	background-color: #cccccc;
}

.boxTitle
{
	padding:4px 5px 4px 15px;
	background-color: #eeeeee;
	color: #444444;
	font-family: Tahoma, Arial, Helvetica;
	font-size: 12px;
	font-weight: bold;
	height:24px;
	background-image:url(images/WindowHeader.gif)
}
.boxArea
{
	background-color: #f9f9f9;
	padding:15px;
}
.FieldName
{	
	color: #444444;
	font-family: Tahoma, Arial, Helvetica;
	font-size: 12px;
	font-weight: bold;
}

.title, A.title:link, A.title:visited, A.title:active {
	font-family: Helvetica, sans-serif;
	font-size: 18px;
	color: #000000;
	font-weight: bold;
	text-decoration: none;
}

.Description, A.Description:link, A.Description:visited, A.Description:active {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	font-weight: normal;
	text-decoration: none;
}

/* Header */
#topheader {
	background-image: url(images/topback.gif);
	height: 58px;
	margin-bottom:5px;

}
#logo {
	background-image: url(images/logo.gif);
	background-repeat: no-repeat;
	width: 200px;
	font-size: 200%;
	font-family: Trebuchet MS;
	font-weight: bold;
	color: #5A747D;
	float: left;
	padding-left: 47px;
	padding-top: 12px;
	padding-bottom: 12px;
}
#logo .dark {
	color: #294048;
}
/* Navigation */
#nav {
	float: right;
	margin-top: 18px;
}
#nav a {
	background-image: url(images/navbg.gif);
	width: 102px;
	font: 105% Verdana;
	font-weight: bold;
	color: #ffffff;
	text-decoration: none;
	padding-top: 14px;
	padding-bottom: 12px;
	display: block;
	text-align: center;
	float: left;
	clear: none;
}
#nav a:hover {
	color: #FAD000;
}
/* footer */
#footer {
	float: left;
	width: 100%;
	background-color: #294048;
	text-align: left;
	color: #fff;
	padding-top: 4px;
	padding-bottom: 4px;
	margin-top: 6px;
}
#footer .left {
	float: left;
	padding-left: 30px;
}
#footer .right {
	float: right;
	padding-right: 30px;
}
#footer .middle {
	text-align:center;
	padding-right: 50px;
	color: #fff;
}
#footer a {
	color: #fff;
}
/* my additions */
#middle .more {
	background-image: url('images/more.gif');
	background-repeat:no-repeat;
	float:left;
	width:120px;
	/*text-align: center;*/
	padding-top: 3px;
	padding-bottom: 4px;
	padding-left:5px;
	font-size: 95%;
	display: block;
	text-decoration: none;
	margin-top: 3px;
	margin-left: auto;
	margin-right: auto;
}

#bot{
	width: 100%;
	float:left;
	font-size: 0.8em; 
	text-align: center; 
	margin-top: 1.0em; 
	margin-bottom: 1.0em;
}