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

/*--HTML Elements----*/

body {
	background-color: #ffffff;
	margin:0;
	width: 100%;
	/*height: 100%;*/
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 100%;
	line-height: 1.125em;
}

embed, object {
	height: 100%;
	width: 100%;
}

p, li {
	font-size:0.875em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin-bottom: 0.6em;
	margin-top: 0.1em;
	line-height: 1.125em;
}

h1 {
	font-size: 1.2em;
	line-height: 1.125em;
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

h2, h3 {
	line-height: 1.125em;
	color: #000000;
	font-weight: bold;
	
}

	
a {
	color: #FFFFFF;
	text-decoration:none;
}

a:visited {
	color: #FFFFFF;
}

a:active {
	color: #FFFFFF;
	
}
a:hover {
	color: #FFFFFF;
	text-decoration:underline;
}
a:focus {
	color: #FFFFFF;
	text-decoration:underline;
}

#container a {
	color: #000000;
	text-decoration:underline;
}

#container a:visited {
	color: #000000;
}

#container a:active {
	color: #000000;
}

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

#container a:focus {
	color:#990000;
	text-decoration:underline;
}

/*----Template Layout-------*/

#ispLogo {
	position: relative;
	width: 130px;
	height: 130px;
	left: 440px;
	top: -18px;
}

.imageReplace {
	margin: 0;
	padding: 0;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 2;
	display: block;
	background-position: left top;
	background-repeat: no-repeat;	
}

#mainContent {
	background: url(../images/tpl/backgroundLeft.gif) repeat-y left top #005897;
	width: 100%;
	color: #FFFFFF;
}

#footerContent, #container, #flashLink {
	width: 986px;
	margin: auto;
	position: relative;
	overflow: hidden;
}

#container {
	height: 631px;
	background: url(../images/tpl/background.jpg) no-repeat;
}

#container #logo {
	position: absolute;
	width: 270px;
	left: 12px;
}

#container #logo h1 { 
	display: block;
	height: 186px;

}

#container #logo .imageReplace {
	width: 270px;
	height: 186px;
	background-image: url(../images/tpl/mainLogo.jpg);
}

#container #nav {
	position: absolute;
	right: 0px;
	top: 10px;
	width: 585px;
}

#container #nav p {
	color: #FFFFFF;
	font-size: 0.75em;
	font-weight: bold;
}

#container #nav a {
	color: #FFFFFF;
	text-decoration:none;
}

#container #nav a:active {
	color: #FFFFFF;
	text-decoration:none;
}

#container #nav a:visited {
	color: #FFFFFF;
	text-decoration:none;
}

#container #nav a:hover {
	color: #FFFFFF;
	text-decoration:underline;
}

#container #nav a:focus {
	color: #FFFFFF;
	text-decoration:underline;
}

#content {
	padding-top: 156px;
	height: 475px;
	overflow: hidden;
}

#footer {
	position: relative;
	padding-top: 10px;
	background: url(../images/tpl/footerShadow.gif) repeat-x top left #ffffff;
	width: 100%;
}

#footerContent #copyright {
	float: left;
	width: 430px;
	padding-right: 40px;
}

#flashLink p, #footerContent #copyright p {
	color:#666666;
	font-size: 0.6em;
	
}

#flashLink p {
	font-size: 0.75em;
	margin-top: 1em;
}

#footerContent #operators {
	float: right;
	width: 510px;
	font-size: 0.75em;
}



#flashLink p {
	color: #000000;
}

#flashLink a {
	color: #000000;
	text-decoration:underline;
}

/*--Misc/Important------*/

span.legalName {
	white-space: nowrap;
}

#skip, .hideIt {
	display:block;
	position: absolute;
	left: -1000em;
}


.backLink {
	position: absolute;
	left: 545px;
	top: 50px;
	font-weight: bold;
}

#bonusWarning {
	background-color:#005897;
	height:82px;
	overflow-x:auto;
	overflow-y:auto;
	padding: 10px;
	position:relative;
	top:8px;
	width:260px;
	z-index:10;
	color: #ffffff;
}

#bonusWarning h3 {
	color: #ffffff;
	margin: 0 0 5px 0;
}