/*** BODY ***/
* { padding:0; margin:0; }
html {}
body { font: 11px Arial, Tahoma, serif; color: #555; }

h1 { font: 18px Arial, Tahoma, serif; color: #0f0eab; }
h1 span.subtitle { color: #292828; }
h2 { font: 16px Arial, Tahoma, serif; color: #484375; font-weight: bold; }
h3 { font-weight: bold; font-size: 12px; color: #4a4ac0; }
h4 { font-size: 16px; color: #484375; background: url(../images/arrow1.jpg) no-repeat; padding-left: 25px; line-height: 16px; margin: 10px 0; }
p { line-height: 18px; margin-bottom: 10px; }
a { color: #a0221f; text-decoration: none; }
a:hover { color: #b2bafb; }
a img { border: none; }
a.a_arrow { background: url(../images/arrow.gif) center right no-repeat; padding-right: 10px; }

.bold { font-weight: bold; }
.clear { clear: both; }
.floatleft { float: left; }
.floatright { float: right; }
.whitespace10 { height: 10px; }
.whitespace20 { height: 20px; }

/*** HEADER ***/
table#header { width: 820px; }
table#header tr td#logo { width: 279px; }
table#header tr td#topmenu { width: 520px; height: 57px; }
ul#topnav { list-style: none; float: right; }
ul#topnav li { display: inline; }
ul#topnav li a { color: #292828; font: 11px Tahoma, Arial, serif; line-height: 30px; 
	float: left; display: block; cursor: pointer;
	text-decoration: none; padding-left: 10px; }
ul#topnav li a b { 
	height: 30px; float: left; display: block; font-weight: bold;
	text-decoration: none; padding-right: 10px; line-height: 30px; }
ul#topnav li a:active { background: url(../images/l-menu.jpg) left top no-repeat; }
ul#topnav li a:active b { background: url(../images/r-menu.jpg) right top no-repeat; }
ul#topnav li a:hover, ul#topnav li a:active { color: #506baa; }

.aactive { background: url(../images/l-menu.jpg) left top no-repeat; }
.bactive { background: url(../images/r-menu.jpg) right top no-repeat; }

/*** BANNNER ***/
table#banner tr td#mainbanner { width: 820px; height: 280px; }
table#banner tr td#title-banner { 
	width: 220px; height: 150px; color: #fff; padding: 15px; 
	font-size: 16px; font-weight: bold; 
	background: url(../images/left-banner.jpg) no-repeat; }
table#banner tr td#picture-banner { width: 570px; height: 180px; }

/*** CONTENT MAIN PAGE ***/
table#content { background: #fff; width: 820px; }
table#maincontent, table#subcontent { width: 570px; text-align: left; }
td.vgraydot { background: url(../images/graydot.jpg) top center repeat-y; padding: 20px; }
td.boxtop { background: url(../images/box-top.jpg) no-repeat; width: 177px; height: 9px; }
td.boxmid { background: url(../images/box-mid.jpg) repeat-y; width: 177px; }
td.boxmid h3 { margin: 0 15px 5px; }
td.boxmid p { margin: 5px 15px; line-height: 14px; }
td.boxmid img { margin: 5px 15px; }
td.boxbot { background: url(../images/box-bot.jpg) no-repeat; width: 177px; height: 9px; }

ul#leftnav { width: 178px; border-top: solid 1px #d2d2d2;}	
ul#leftnav li { list-style: none; }	
ul#leftnav li a { padding-left: 10px; text-align: left; font: 10px Tahoma, Arial, serif;
	color: #0f0eab; text-transform: uppercase; display: block; font-weight: bold;
	border-left: solid 1px #d2d2d2; border-bottom: solid 1px #d2d2d2; border-right: solid 1px #d2d2d2;
	/*background: url(../images/left-menu-bg.jpg) repeat-x; */
	background: #F3F3F3; line-height: 20px; /*height: 28px;*/ width: 168px; }	
ul#leftnav li a:hover, ul#leftnav li a:active { color: #a0221f; }	
ul#subleftnav { width: 178px; }
ul#subleftnav li { list-style: none; }
ul#subleftnav li a { padding-left: 20px; text-align: left;
	color: #fff; font-weight: normal; display: block;
	border-left: solid 1px #d2d2d2; border-bottom: solid 1px #d2d2d2; border-right: solid 1px #d2d2d2;
	background: #a5a2bd; line-height: 20px; /*height: 28px;*/ width: 158px; }
ul#subleftnav li a:hover, ul#leftnav li a:active { color: #a0221f; }

ul#subleftnav2 { width: 178px; }
ul#subleftnav2 li { list-style: none; }
ul#subleftnav2 li a { padding-left: 40px; text-align: left;
	color: #fff; font-weight: normal; display: block;
	border-left: solid 1px #d2d2d2; border-bottom: solid 1px #d2d2d2; border-right: solid 1px #d2d2d2;
	background: #a5a2bd; line-height: 20px; /*height: 28px;*/ width: 138px; }
ul#subleftnav2 li a:hover, ul#leftnav li a:active { color: #a0221f; }

table#rightcolumn, table#leftcolumn { width: 190px; text-align: left; }
span.newsdate { color: #0f0eab; margin-right: 10px; }
span.newstitle { font-weight: bold; }
		
/*** FOOTER ***/
table#footer {  width: 820px; font-size: 10px; color: #5d5d5d; }
table#footer p#bot-menu { margin-top: 10px; }
table#footer p#bot-menu span.divider { margin: 0 10px; }
table#footer p#copyright { margin-top: 10px; text-align: right; }
table#footer td.graytop { border-top: solid 2px #dedfe6; text-align: left; }

.menulink, .menulink:link, .menulink:visited {font-weight:normal; color: #202580; text-decoration:none; }
.menulink:hover {font-weight:normal; color: #202580; text-decoration:none; }

.TitleLink { font-family: Arial;	font-size: 12px;	font-weight: bold;	color: #000000;}
.formtext { font-size:12px; }

.grid { border:1px solid #b7b6b6; font-size:12px; }
.gridheader {  border:1px solid #b7b6b6; background-color:#D7E0F4; font-weight:bold; height:20px; font-size:12px; }
.gridline1 {  border:1px solid #b7b6b6; background-color:#FFFFFF; height:20px; font-size:12px; }
.gridline2 {  border:1px solid #b7b6b6; background-color:#F8F8F8; height:20px; font-size:12px; }

.txtbox1 {
	font-family: Arial;
	font-size: 11px;
	height:18px;
	background-color: #FFFFFF;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #8CBEE8;
	border-right-color: #B8D7EF;
	border-bottom-color: #B8D7EF;
	border-left-color: #8CBEE8;
}

.dropdownlist {
	font-family: Arial;
	font-size: 11px;
	height:18px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #8CBEE8;
	border-right-color: #B8D7EF;
	border-bottom-color: #B8D7EF;
	border-left-color: #8CBEE8;
}

.textarea {  
	font-family: Arial;
	font-size: 11px;	
	background-color: #FFFFFF;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #8CBEE8;
	border-right-color: #B8D7EF;
	border-bottom-color: #B8D7EF;
	border-left-color: #8CBEE8;
}

.btnbg70Style {
	height: 24px; 
	width: 70px; 
	border: none; 
	cursor: pointer; 
	font-family: Arial;
	font-size: 12px;
	font-weight:bold; 
	color:#FFFFFF; 
	background: url(../images/btnbg70.jpg) no-repeat;
}

.btnbg100Style {
	height: 24px; 
	width: 100px; 
	border: none; 
	cursor: pointer; 
	font-family: Arial;
	font-size: 12px;
	font-weight:bold; 
	color:#FFFFFF; 
	background: url(../images/btnbg100.jpg) no-repeat;
}

.btnbg120Style {
	height: 24px; 
	width: 120px; 
	border: none; 
	cursor: pointer; 
	font-family: Arial;
	font-size: 12px;
	font-weight:bold; 
	color:#FFFFFF; 
	background: url(../images/btnbg120.jpg) no-repeat;
}

.btnbg150Style {
	height: 24px; 
	width: 150px; 
	border: none; 
	cursor: pointer; 
	font-family: Arial;
	font-size: 12px;
	font-weight:bold; 
	color:#FFFFFF; 
	background: url(../images/btnbg150.jpg) no-repeat;
}

.btnbg200Style {
	height: 24px; 
	width: 200px; 
	border: none; 
	cursor: pointer; 
	font-family: Arial;
	font-size: 12px;
	font-weight:bold; 
	color:#FFFFFF; 
	background: url(../images/btnbg200.jpg) no-repeat;
}

/**********************************************************************************************************/
.glossymenu{
margin: 5px 0;
padding: 0;
width: 178px;
/*width: 170px;*/ /*width of menu*/
border: 1px solid #9A9A9A;
border-bottom-width: 1px;
}

.glossymenu a.menuitem{
/*background: black url(images/glossyback.gif) repeat-x bottom left;*/
background-color:#F3F3F3;
font: bold 10px Tahoma, Arial, serif;
color: #0f0eab;
text-transform: uppercase;
display: block;
position: relative; /*To help in the anchoring of the ".statusicon" icon image*/
width: auto;
padding: 4px 0;
padding-left: 10px;
padding-right: 10px;
text-decoration: none;
border-bottom: solid 1px #d2d2d2;
}

.glossymenu a.menuitem:visited, .glossymenu .menuitem:active{
color: #0f0eab;
}

.glossymenu a.menuitem .statusicon{ /*CSS for icon image that gets dynamically added to headers*/
position: absolute;
top: 5px;
right: 5px;
border: none;
}

.glossymenu a.menuitem:hover{
/*background-image: url(images/glossyback2.gif);*/
color: #a0221f;
}

.glossymenu div.submenu{ /*DIV that contains each sub menu*/
background: white;
}

.glossymenu div.submenu ul{ /*UL of each sub menu*/
list-style-type: none;
margin: 0;
padding: 0;
}

.glossymenu div.submenu ul li{
/*border-bottom: 1px solid blue;*/
}

.glossymenu div.submenu ul li a{
display: block;
font: bold 10px Tahoma, Arial, serif;
color: black;
text-decoration: none;
padding: 2px 0;
padding-left: 10px;
}

.glossymenu div.submenu ul li a:hover{
background: #DFDCCB;
color: white;
}
/**********************************************************************************************************/