@charset "utf-8";
/* CSS Document */

.font {
	FONT-WEIGHT: normal;
	FONT-SIZE: 12px;
	COLOR: #333333;
	FONT-FAMILY: Arial, Helvetica, sans-serif;
	text-align: justify;
	line-height: 20px;
}
a:link {
	text-decoration: none;
	COLOR: #333333;
	font-weight: bold;
}
a:visited {
	text-decoration: none;
	COLOR: #333333;
	font-weight: bold;
}
a:hover {
	text-decoration: underline;
}
body {
	background-image: url(../images/bg.jpg);
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	
}
td {
text-align: justify;
}
ul {
text-align: left;
}
.nav {

	font-family: Arial;
	color: #524fa1;
	font-size: 10pt;
	font-weight: bold;
	line-height: 35px;
	display: block;
	padding-left: 5px;
	font-weight: bold;
	text-align: left;
}
.nav a:hover{ 
	
	font-family: Arial;
	color: #524fa1;
	font-size: 10pt;
	font-weight: bold;
	line-height: 35px;
	display: block;
	padding-left: 5px;
	font-weight: bold;
	text-align: left;
	background-color: #F3F3F3;
	text-decoration: none;

}
.leftcolumn {
	font-family: Arial;
	color: #000000;
	font-size: 9pt;
}

.copyright {
	font-family: Arial;
	color: #ffffff;
	font-size: 9pt;
}
.date {
	font-family: Arial;
	font-size: 8pt;
	color: #FFFFFF;
	text-align: right;
}
.credit {
	font-family: Arial;
	color: #524fa1;
	font-size: 9pt;
}
.h1 {
	font-family: Arial;
	color: #ffffff;
	font-size: 18pt;
	letter-spacing: 1px;
}
.h2 {
	font-family: Arial;
	color: #524fa1;
	font-size: 17pt;
	letter-spacing: 1px;
	line-height: 25px;
}
.h3 {
	FONT-WEIGHT: normal;
	FONT-SIZE: 16px;
	COLOR: #333333;
	FONT-FAMILY: Arial, Helvetica, sans-serif;
	text-align: justify;
	line-height: 20px;
}
.arrowlistmenu{
 /*width of accordion menu*/
 
}

.arrowlistmenu .menuheader{ /*CSS class for menu headers in general (expanding or not!)*/

	font-family: Arial;
	color: #524fa1;
	font-size: 10pt;
	font-weight: bold;
	line-height: 35px;
	display: block;
	padding-left: 5px;
	font-weight: bold;
	text-align: left;
}

.arrowlistmenu .openheader{ /*CSS class to apply to expandable header when it's expanded*/
background-image: url(titlebar-active.png);
}

.arrowlistmenu ul{ /*CSS for UL of each sub menu*/
list-style-type: none;
margin: 0;
padding: 0;
margin-bottom: 8px; /*bottom spacing between each UL and rest of content*/
}

.arrowlistmenu ul li{
padding-bottom: 2px; /*bottom spacing between menu items*/
}

.arrowlistmenu ul li a{
color: #524fa1;
background: url(arrowbullet.png) no-repeat center left; /*custom bullet list image*/
display: block;
padding: 2px 0;
padding-left: 15px; /*link text is indented 19px*/
text-decoration: none;
border-bottom: 1px solid #dadada;
list-style-type: none;
}

.arrowlistmenu ul li a:visited{
color: #524fa1;
}

.arrowlistmenu ul li a:hover{ /*hover state CSS*/
color: #524fa1;
background-color: #F3F3F3;
padding-left: 15px; /*link text is indented 19px*/
list-style-type: none;
}

.suckerdiv ul{
margin: 0;
padding: 0;
list-style-type: none;
width: 210px; /* Width of Menu Items */
border-bottom: 1px solid #eeeeee;
}
	
.suckerdiv ul li{
position: relative;
}
	
/*Sub level menu items */
.suckerdiv ul li ul{
position: absolute;
width: 200px; /*sub menu width*/
top: 0;
visibility: hidden;
background-color: #FFFFFF
}

/* Sub level menu links style */
.suckerdiv ul li a{
display: block;
overflow: auto; /*force hasLayout in IE7 */
color: #524fa1;
text-decoration: none;
background: #fff;
padding: 1px 5px;
border: 1px solid #eeeeee;
border-bottom: 0;
}

.suckerdiv ul li a:visited{
color: #524fa1;
}

.suckerdiv ul li a:hover{
background-color: Cf3f3f3;
}

.suckerdiv .subfolderstyle{
background-color: #FFFFFF;
background: url(../images/arrow-list.gif) right no-repeat ;
}

	
/* Holly Hack for IE \*/
* html .suckerdiv ul li { float: left; height: 1%; }
* html .suckerdiv ul li a { height: 1%; }
/* End */