/*general css */

html, body, form, fieldset {
        margin: 0;
        padding: 0;
        font: 100%/120% Verdana, Arial, Helvetica, sans-serif;
}
input, select, textarea {
        font-size: 100%;
}
/* NORMAL */
input[type=text],z
input[type=file],
input[type=button],
input[type=password],
select,
textarea
{
	background: #F0F0FF;
	border: 1px solid #DD0021;
}

input[type=select]
{
	border: #DD0021; 
	border-style: solid; 
	border-top-width: 1px; 
	border-right-width: 1px; 
	border-bottom-width: 1px; 
	border-left-width: 1px;	
}

input[type=submit]
{
	margin:4px 4px 8px 4px;
	padding:1px 1px 1px 1px;
	color:#FFFFFF;
	background: #DD0021;
	border: 1px solid #86858A;
}
input[type=submit]:hover
{
	background: #86858A;
	border: 1px solid #DD0021;
}
h1, h2, h3, h4, h5, h6, p, pre,
blockquote, ul, ol, dl, address {
        margin: 1em 0;
        padding: 0 0 0 0;
        font: 100%/120% Verdana, Arial, Helvetica, sans-serif;        
}
h2
{
	font-size:18px;
	margin-top:5px;
}
a
{
	color:#DD0021;	
	margin-bottom:3px;
	font-weight:bold;
	font-size:8pt;
	text-decoration:none;
	text-align:right;
	text-decoration:underline;
}
a:hover
{
	color:#86858A;	
	text-decoration:underline;
}
/* Page Layout */
body
{
	background: #FFF url('/content/images/bodybg.gif') repeat-x;
	background-attachment: fixed;
	height:inherit;
	margin-top:0px;
	font-family:Verdana;
	font-size:10pt;
	
}
#outframe
{
	width:820px; 
	height:inherit;
	margin-right: auto;
	margin-left: auto;
	margin-top:4px;	
    padding-left:0px;
	background: #86858A url('/content/images/bodybg.gif') repeat-x;
}
#container
{
	width:820px; 
	height:inherit;
	margin-right: auto;
	margin-left: auto;
	margin-top:4px;	
        padding-left:0px;
   	background:#888;    
}

#frame
{
	width:820px;
	margin-right: auto;
	margin-left: auto;
	margin-top:0px;	
	padding-top:0px;
	background:transparent;	
	background:#FFF;
	border:solid 0px #86858A;
	margin-bottom:0px;
}
#header
{
	display:block;
	width:796px;
	height:100px;
	margin-top:10px;
	padding-top:0px;
	padding-bottom:0px;	
	padding-left:4px;	
	background:transparent;	
}
#middle
{
	background: #FFFFFF url('/content/images/LOGO-watermark-800px-blur.gif') no-repeat;
	background-position:top;
	width:800px;
	min-height:500px;
  	height:auto !important;
 	height:500px;
	padding-top:4px;
}
#footer
{
	display:block;
	width:800px;
	height:30px;
	margin-right: auto;
	margin-left: auto;	
	background:inherit;	
	text-align:center;	
}
#mainmenu
{
	display:block;
	float:left;
	width:180px;
	height:510px;
	background:transparent;
	line-height:24pt;
	font-weight:bold;
	padding-top:8px;
}
#content
{
	display:block;
	float:left;
	width:570px;
	height:inherit;
	margin-left:2px;
	background:transparent;
	padding-left:20px;
	padding-right:20px;
	line-height:16pt;	
}

/*  */
.cslink a
{
	display:block;
	width:173px;
	height:22px;
	line-height:21px;	
	font-size:10pt;	
	color:#FFFFFF;
	background: #DD0021 url('/content/images/cslink.gif') no-repeat;
	text-decoration:none;
	font-weight:normal;
	padding-top:0px;
	margin-bottom:3px;
	padding-right:7px;
	margin-left:2px;
}
.cslink a:hover
{
	color:#FFFFFF;
	text-decoration:none;
	background: #86858A url('/content/images/cslink-over.gif') no-repeat;
}
.cslink-on a
{
	display:block;
	width:173px;
	height:22px;
	line-height:20px;	
	font-size:9pt;		
	color:#FFFFFF;
	background: #86858A url('/content/images/cslink-over.gif') no-repeat;
	text-decoration:none;
	font-weight:bold;
	padding-top:0px;
	margin-bottom:3px;
	padding-right:7px;
	margin-left:2px;
}
.cslink-on a:hover
{
	background: #86858A url('/content/images/cslink-over.gif') no-repeat;
}
