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

body {
	background-image:url(../images/Background.gif);
	background-color:#2a2b2c;
	margin: 0px auto; /* the auto margins (in conjunction with a width) center the page */
	padding: 0;
	width: 721px;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
}
h1 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:25px;
	font-weight:400;
	line-height: 18px;
	padding-left: 19px;
	padding-right: 19px;
	margin-top: 0px;
	color:#ffffff;	
}
.content {
	position:absolute;
	margin: 0px auto;
	z-index:1;
	text-align:left;  /* this overrides the text-align: center on the body element. */
	width: 721px;
	
}
.flash {
	top: 120px;
	left: 28px;
	position:relative;
	z-index:5;
	width: 460px;
	height: 306px;
	visibility: visible;
}
.AUsubnav {
	top: -186px;
	left: 500px;
	position:relative;
	z-index:5;
	width: 198px;
	height: 306px;
	background-color: #c7c8ca;
	visibility: visible;
}
.ipartic {
	top: 62px;
	left: 500px;
	position:relative;
	z-index:5;
	width: 88px;
	height: 30px;
	visibility: visible;
}
.blog {
	top: 30px;
	left: 593px;
	position:relative;
	z-index:5;
	width: 30px;
	height: 30px;
	visibility: visible;
}
.fb {
	top: 0px;
	left: 628px;
	position:relative;
	z-index:5;
	width: 30px;
	height: 30px;
	visibility: visible;
}
.twitter {
	top: -31px;
	left: 663px;
	position:relative;
	z-index:5;
	width: 30px;
	height: 30px;
	visibility: visible;
}
.hc {
	top: -2px;
	left: 28px;
	position:relative;
	z-index:5;
	width: 195px;
	height: 29px;
	visibility: visible;
}
.style1 {
	width: 460px;
	border:none;
	background-color: #49d1e1; 
	margin-left: 28px; 
	margin-top:0px; 
}
.style3 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	line-height: 18px;
	color:#000000;
	margin-top: 0px;
}
.style4 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	line-height: 15px;
	color:#000000;
	padding-right: 20px;
	text-align:right;
}
.style5 {
	font-size: 9px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align:center;
	color: #000000;
}
.style6 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:9px;
	line-height: 12px;
	color:#ffffff;
	padding-left: 15px;
	padding-right: 15px;
	text-align:left;
	font-style:normal;
	letter-spacing: 1px;
	padding-top: 5px;
}
.style8 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	line-height: 12px;
	padding-top: 10px;
	color:#ffffff;
	padding-left: 15px;
	padding-right: 15px;
	text-align:left;
	font-weight:bold;
	letter-spacing: 1px;
	
}
.style9 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
}
.style10 {
	padding-top: 8px;
	text-align:center;
}
.style11 {
	height:314px; 
	background-color:#e7e7e8;
}
.style12 {
	background-color:#e7e7e8;
	}
#mycustomscroll2 {
/*percantage width: make it 100% to match container*/
width: 100%;
height: 175px;
overflow: auto;
/* IE overflow fix, position must be relative or absolute*/
position: relative;
margin: 0 auto 0 -5px;
/* negative left margin to compensate for the padding,
not related to fleXcroll, and may not be needed elsewhere */
padding: 2px;
}

/*
percentage width: the real percentage is done by the wrapper
this is to fix various IE6 bugs
*/
.percentagewrap {
	width: 90%;
	margin: 0 auto;
	padding: 8px;
	}