@CHARSET "ISO-8859-1";

/* ---------------- General formatting elements ---------------- */
body {
	-moz-opacity: .999; /*to defeat firefox redraw problem with fade effect*/
	padding:0;
	margin:0;
	background-color:#ffffff;
	color:#696969;
	font-family:Trebuchet MS, Arial, Tahoma, sans-serif;
	font-size: 9pt;
	text-align: left;
}

h1 {
	font-family:Trebuchet MS, Arial, Tahoma, sans-serif;
	font-size:20pt;
	color:#606060;
	letter-spacing:3px;
}

h2 {
	font-family:Trebuchet MS, Arial, Tahoma, sans-serif;
	font-size:16pt;
	color:#707070;
	letter-spacing:2px;
}

h3 {
	font-family:Trebuchet MS, Arial, Tahoma, sans-serif;
	font-size:14pt;
	color:#808080;
}

h4,h5 {
	font-family:Trebuchet MS;
	color:#808080;
}

p, div, td {
	color:$fontColor;
	font:Trebuchet MS 9 ;
}

a {
	color: #414141;
	text-decoration: underline;
}

a img {
	border: none;
}

.clear {
	clear:both;
}

/* ---------------- Page background ---------------- */
#backdrop {
	margin:0;
	padding:0;
	background-color:#fcfdfe;
}

/* ---------------- Container for all the content ---------------- */
#container {
	width: 940px;
	margin: 0 auto;
	background: #ffffff;
	/*background: #ffffff url(container_rpt1.jpg?z=96249) repeat-y;*/
	/*border: 1px solid red;*/
}

/* Banner part of the screen */
#banner {
	width: 940px;
	height: 243px;
	float: left;
	background: #eef4ff url(banner.jpg) no-repeat top;
}

/* Quick launch buttons */
#banner_buttons {
	width: 670px;
	height: 24px;
	padding:20px 0 0 20px;
	float: left;
}

#banner_buttons a {
	color: #cfcfcf;
}

#quick_launch a {
	color: #696969;
}

/* ---------------- Horizontal navigation block ---------------- */
/* Moved to a separate style sheet styleHM.css */

/* ---------------- Breadcrumb styling ---------------- */
#breadcrumb ul li{
   list-style-image: none;
   display:inline;
   padding: 0 2px 0 0;
   margin: 3px 0 0 0;
}

#breadcrumb ul{
	margin:0;padding:0;
	list-style-type: none;
	padding-left: 1em;
	font-size: 10px;
	color:gray;
}

#breadcrumb a{font-size:10px;
	line-height:200%;
	color:blue;
}

#breadcrumb a:hover {font-size:10px;
color:red;
}

#pgCurrent a {font-size:12px;
	color:#6060FF
}

/* ---------------- Page Main Region ---------------- */
#main {
	float: left;
	width: 650px;
	padding: 5px 0 20px 0;
	margin: 0px 0px 0px 10px ;
	display: inline;
	color: #696969;
	font-size: 10pt;
	/* background: #ffffff url(watermark.gif) no-repeat top; */
}

#main a:hover {
	color: #414141;
	text-decoration: underline;
}

#main a, a:visited {
	color: #626262;
	text-decoration: underline;
}

#main ul,ol {
	list-style-type: cicle;
	margin: 0 0 0 0;
	padding-left: 2em;
}

/* full page render without the horizontal menu */
#fullpage {
	/* float: right; */
	width: 920px;
	padding: 20px 10px 20px 10px;
	margin:0;
	text-align:left;
	/* display: inline; */
	background: #ffffff;
}

/* ---------------- Sidebar menus ---------------- */
#sidebar {
	float: right;
	width: 240px;
	padding: 10px 0 0 5px;
	margin: 0;
	font-family:Trebuchet MS, sans-serif;
	font-size:9pt;
	color: #183184;
	background: #ffffff url(watermark.gif) no-repeat top;
	/* border: 1px solid red; */
}

#sidebar *  {
	margin: 15px;
}

#sidebar h3 {
	font-family:Trebuchet MS, sans-serif;
  font-size:14pt;
	color: #193184;
}

#sidebar ul.sidemenu {
	list-style: none;
	text-align: left;
	margin: 7px 10px 8px 10px;
	padding: 0;
	text-decoration: none;
	border-top: 1px solid #cdcdcd;
}

#sidebar ul.sidemenu li {
	list-style: none;
	padding: 4px 0 4px 0px;
	margin: 0 2px;
	color: #707070;
	border-bottom: 1px solid #cdcdcd ;
}

#sidebar ul.sidemenu li {
	height: 1%;
}

#sidebar ul.sidemenu li a {
	text-decoration: none;
	color: #90abd6;
}

#sidebar ul.sidemenu li a:hover {
	color: #000000;
}

#sidebar ul.sidemenu ul {
	margin: 0 0 0 5px;
	padding: 0;
}

#sidebar ul.sidemenu ul li {
	border: none;
}

#sidebar ul.sidemenu li.parent a {
	text-decoration: none;
	font-weight: bold;
	color: #ff0000;
	/* color: #000000; */
}

#sidebar ul.sidemenu li.parent a:hover {
	color: #000000;
}

/* ---------------- Footer elements ---------------- */
#footer_wrap {
	width:940px;
	height:86px;
	padding:0;
	margin:0 auto ;
	background: #eef4ff;
	border: 1px solid red;
}

/* Horizontal contact block in the footer */
#contact {
	width: 930px;
	height: 24px;
	margin: 0 auto;
	padding: 5px;
	background: #ffffff url(contact_rpt.jpg?z=96249) repeat-x;
	font : 11px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #a8a8a8;
	text-align: center;
}

/* Content of the footer block */
#footer_content {
	width: 930px;
	height: 60px;
	margin: 0 auto;
	background: #ffffff url(footer_rpt.jpg?z=96249) repeat-x;
	font : 9px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #cfcfcf;
	text-align: center;
	/*border: 1px solid red;*/
}

#footer_content a {
	text-decoration: underline;
	color: #878787;
}

#footer_content a:hover {
	color: #222222 ;
}

#footerLeft {
	width: 70%;
	height: 35px;
	float: left;
	padding: 5px 0 0 0;
	text-align: center;
	/*border: 1px solid red;*/
}

#footerRight {
	width: 28%;
	float: right;
	padding: 0px 10px 0px 0px;
	margin: 0;
	text-align: right;
	/*border: 1px solid red;*/
}

#footerBase {
	clear: both;
	width: 900px;
	margin: 0;
	padding: 0px 10px;
	text-align: center;
	/*border: 1px solid red;*/
}

/* ---------------- Additional tailored styles ---------------- */

/* Article layout */
.imageLeft {
	float: left;
}

.imageRight {
	float: right;
}

.oneColumn {
	clear: both;
	/*border: 1px solid #696969;*/
}

.twoColumn {
	float: left;
	margin: 5px 10px 5px 2px;
	padding: 10px 15px 10px 5px;
	width: 60%;
	background-color: #ffffff;
	border: 1px solid #696969;
}

.pgList {font-size:12px;
	color:#6060FF
}

.info {
	font-size: inherit;
	color: red;
}

.bdr1 {
	border: 1 solid #cccccc
}

.bdr2 {
	padding: 1em;
	border: medium double #6699ff
}

#search *  {
	margin: 2px;
}

.newsline * {
	font-size:8pt;
	margin: 5px;
}

.newsline h5 {
	font-size:9pt;
	margin-top: 20px;
}

div.user {
  width: 120px;
  height: 20px;
  margin-left: 510px;
  margin-top: 110px;
}

.activesection>h4 {
	background: #eeeeee url(rolldown.gif) no-repeat 98% 50%;
	padding-left: 5px;
	border: 1px solid #cdcdcd;
}

.activesection>h4.open {
	background: #eeeeee url(rollup.gif) no-repeat 98% 50%;
	padding-left: 5px;
	border: 1px solid #cdcdcd;
}

.activesection h4:hover {
	cursor:hand;
}

#accordion h3 {
	background: #efefef;
	border-bottom: 1px solid #005b25;
	font-size: 10pt;
	color: #121212;
	text-transform: uppercase;
}
#accordion h3.current {
	border-bottom: 1px solid red;
}

#buttonframe {
	width:100%;
	padding: 10px 0px 120px 0px;
	/*border: solid 1px #000000;*/
}

.buttoncol {
	float: left;
	width: 193px;
	margin: 0px 5px 0px 5px;
	background: #ffffff url("border-top.gif") left top no-repeat;
}

.buttoncol div {
	padding: 20px 0px 0px 0px;
	width: 193px;
	margin: 0px 0px 0px 0px;
	background: url("border-bottom.gif") left bottom no-repeat;
}

.buttoncol div h4 {
	padding: 0px 0px 0px 0px;
	font-size: 12pt;
	color: #000000;
	text-align: center;
}

.buttoncol div img {
	border: none;
	padding: 0px 0px 20px 20px;
}

.buttons img {
	border: none;
}