@charset "utf-8";

/******** Body Elements ********/

* {
	margin: 0;
	padding: 0;
	border: 0;
	background: none;	
}

body {
	font-family: arial, verdana, tahoma;
	font-size: 14px;
	line-height: 200%;
	color: #3d3d3d;
	background:url(images/bgGradLong.jpg) repeat-y left ;
	width:100%;
	height:100%;

}

/******** Layout Elements ********/

.wrapper {
	min-width:100%;
	margin:0;
	text-align:center;
	margin-bottom: 0px;
	background:url(images/redTop.jpg) repeat-x top;
}

.header {
	height: 130px;
	background: #b81f43;
	text-align: left;
}

.content {
	background: #FFFFFF;
	text-align:left;
	left:50%;
	padding:20px;
	top: 130px;
	position: absolute;
	left: 200px;
}
.footer{
	background:url(images/footerGrad.jpg) right repeat-y #b76478;
	color:#f7e9ed;
	text-align:center;
	position: absolute;
	bottom: 0;
	width: 500px;
	padding-left:-3%;
	left:0;
}

.left {
	width: 200px;
	color: #f7ecf0;
	text-align:left;
	background:url(images/bgGradLong.jpg) repeat-y left;
	top: 130px;
	left:0;
	float:left;
	position: absolute;

}

.left a, .left a:active, .left a:visited{
	color: #f7ecf0;
}

.left a:hover {
	color: #e3b7c7;
	text-decoration: underline;
}

.row1{
	height:45px;
                border: 1px solid #000000;
                font-weight:bold;
                border-left:0px;
                border-right:0px;
}
.row2{
	height:45px;
                border: 1px solid #000000;
                font-weight:bold;
                border-left:0px;
                border-right:0px;
}

.title{
font-size:36px;
color:#ae2151;
}
/******** Document Styles ********/

h1 {
	font-size: 18px;
	font-weight: bold;
	color: #aa0000;
	text-transform: uppercase;
}

h2 {
	font-size: 22px;
	font-weight: bold;
	color:#600926;
}

h3 {
	font-size: 15px;
	font-weight: bold;
}	

a, a:active, a:visited {
	color: #2d2d2d;
	text-decoration: none;
}

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

.header a, .header a:active, .header a:visited {
	color: #aa0000;
}

.header a:hover {
	color: #2d2d2d;
	text-decoration: underline;
}

p {
	margin: 0 0 15px 0;
}



/******** List Styles Styles ********/

ul li {
	margin: 0 0 0 3px;
	list-style: none;
}

ul ul li {
	margin: 3px 0 3px 30px;
	list-style: circle;
}

ul ul {
	margin: 0 0 15px 0;
}

.pic{
padding:5px;
}

.rightSide{
	position:absolute;
	z-index:20;
	right: 10px;
	height: 130px;
	top: 0;
}

.middleText{
	position:absolute;
	z-index:30;
	left:345px;
	top:100px;
	width:130px;
}



ul.vert-one{
	margin:0;
	padding-bottom:10px;
	list-style-type:none;
	display:block;
	font:bold 15px Helvetica, Verdana, Arial, sans-serif;
	line-height:165%;
	width:180px;
}
ul.vert-one li{margin:0;padding-bottom:10px;}
ul.vert-one li a{
	display:block;
	text-decoration:none;
	color:#FFF;
	width:165px;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 15px;
}
ul.vert-one li a:hover{background:#600926 url("images/vert-one_arrow.gif") no-repeat 0 9px;text-decoration:none;}
ul.vert-one li a.current,ul.vert-one li a.current:hover{background:#ac101e url("images/vert-one_arrow.gif") no-repeat 0 9px;text-decoration:none;}

.box {
	position:absolute;
	height:500px; 
	width:600px;
	margin:-250px 0px 0px -300px;
	top: 50%; 
	left: 50%;
	text-align: left;
	padding: 0px;
}

.tooltip {
	visibility:hidden;
	position:absolute;
	padding:2px;
	margin-bottom:6px;
	left: 230px;
	top: 65px;
} 



.balloonstyle{
	position:absolute;
	top: 10px;
	left: 0px;
	padding: 5px;
	visibility: visible;
	background-color: #b76478;
	color:#FFFFFF;
	width:175px;
	text-align:center;
	visibility:hidden;
	z-index:50;
}

.power{
	top: 130px;
	z-index:20;
}
.round{
	background:url(images/round.gif) no-repeat top left;
	position:absolute;
	left:200px;
	top:130px;
	width:50px;
	height:50px;
	z-index:40;
}