/* CSS Document */

html,body{
      margin:0px;
      padding:0px;
      height:100%;
      border:none;
}
body {
	background-image: url(../images/backgroundD.jpg);
}

body.form{
	background-image:none;
	background-color: #777788;
}

table#main {
	border: 2px solid white;
	height: 100%;
}
a {
	text-decoration: none;
	background-image: none;
	font-weight: bold;
	color: #6782AD;                   /*necessary for nav rollover in IE */
}
a:hover{
	color:#6782AE;                    /*necessary for nav rollover in IE */
}
h1 {
	background-image: url(../images/para-head-graphic.gif);
	background-position: left center;
	background-repeat: no-repeat;
	font-size: 22px;
	font-family: Arial;
	padding-left: 25px;
	color: black;
	margin: 10px 0px 0px 20px;
	margin-left: 20px;
	font-weight: bold;
	height: 24px;
}
h2 {
	font-size: 15px;
	font-family: Arial;
	color: #6782AD;
	margin: 0px 0px 0px 20px;
	font-weight: bold;
}

h3 {
	font-size: 13px;
	color: black;
	font-family: Arial;
	font-weight: bold;
	text-decoration: underline;
	margin: 20px 0px 0px 20px;
}

blockquote{
	margin-left: 20px;
}
li{
	margin-left: 20px;
	margin-top: 10px;
	margin-right: 20px;
}
hr {
	color: #699ABA;
	height: 1px;
	width: 75%
}

.appBox{
 	padding: 5px 0px 10px 5px;
	clear: both;
	font-weight:bold;
	border-top: 1px solid #AAAAAA;
	margin: 0px;
	height: 40px;
	line-height: 16pt;
}

.content{
	font-family: Arial;
	font-size: 12px;
/*	color: #77787B;  */
	color: #000000;
}
.content p{
	margin: 20px ;
	line-height: 18px;
}
.content #quote {
	float: left;
	font-size: 30pt;
	font-weight: bold;
	color: #DDB10A;
	font-family: Times New Roman;
	padding: 4 4 0 0;
	top: 0;
	left: 0;
	line-height: 18px;
}
.footer{
	font-family: Arial;
	font-size: 8pt;
	color: white;
}
form#app{
	font-family:arial;
	font-size: 9pt;
	line-height: 22pt;
}
form#app label{
	text-transform: uppercase;
	position: relative;
	text-align: left;
	top: 15px;
	font-family: verdana,arial;
	font-size: 7pt;
	font-weight: normal;
	color: #777777;
	float: right;
	width: 150px;
	margin-left: 15px;
}
form#app label.rdo{
	width: 20px; 
	float:left; 
	margin-left: 0px; 
	margin-right:15px;
	text-align: center;
	line-height: 25px;
	position:relative;
	top: 10px;
}

form#app label input,select,textarea{
	border: none;
	color: #000000;
	position: absolute;
	top: -9px;
	left: 0px;
	width: 100%;
	font-family: arial;
	font-size: 10pt;
	font-weight: bold;
}
form#app label input.notRDO{
	border-bottom: 1px solid #777777;
}

	form#app label textarea{
		height: 100px;
		position: relative;
		top: -20px;
		width: 100%;
		border: 1px solid #777777;
		font-family: arial;
		font-size: 10pt;
		font-weight: bold;
		color: #110077;
		margin-bottom: 10px;
	}
	form#app div label select{
		border: 1px solid #777777;
		text-align:center;
		color: #110077;
	}
	form#app div.appBox div{
		float:right;
		margin-right: 15px;
		text-align:left;
		clear:both;
		color:black;
		font-weight: normal;
	}
	
input.ranking{
	width: 20px;
	border:none;
	border-bottom: 1px solid #777777;
	margin-right: 10px;
	text-align:center;
}

.time{
	font-family: Arial;
	font-size: 7.5pt;
	color: #CCCCCC;
	font-weight: bold;
}
.disclaimer{
	background-color: #D7DFEC; 
	border: 3px solid white; 
	height: 40px; 
	color: #7C91B7; 
	font-family: Arial; 
	font-size: 7.5pt; 
	padding-top: 4px; 
	letter-spacing: 0px;
	position: absolute;
	right: 14px;
	top: -60px;
	width: 579px;
}
.dropShadow{
	position: relative;
	z-index: 2;
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=8, Direction=135, Color='#222222');
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=8, Direction=135, Color='#222222')";
	box-shadow: 2px 2px 10px #000; 
	-moz-box-shadow: 2px 2px 10px #000; 
	-webkit-box-shadow: 2px 2px 10px #000;
}
.QnA{
	font-family: 'Times New Roman', serif;
	font-size: 24pt;
	font-color: #DDB10A;
	float: left;
	position: relative;
	top: -10px;
	margin-bottom: -10px;
	font-style: italic;
	font-weight: bold;
}

.graphicShadowRight{
	opacity: 0.5;
	-moz-opacity: 0.5;
	-khtml-opacity: 0.5;
	filter: alpha(opacity=50);
	background-image: url(../images/shad-r.gif); 
	background-position: 0px 8px; 
	background-repeat: no-repeat;
}
.graphicShadowBottom{
	opacity: 0.5;
	-moz-opacity: 0.5;
	-khtml-opacity: 0.5;
	filter: alpha(opacity=50);
	background-image: url(../images/shad-btm.gif); 
	background-position: 8px 0px; 
	background-repeat: no-repeat;
}

ul.recommendations{
	margin: 0px;
	padding: 0px;
	position:relative;
}
ul.recommendations li{
	position:relative;
	color:blue;
	font-style:normal;
	cursor:default;
	white-space:nowrap;
	clear:left;
}
	ul.recommendations li div.recommend{
		background-color:white;
		padding: 10px;
		border: 1px solid #777777;
		display:none;
		color: #000055;
		white-space:normal;
	}
	ul.recommendations li:hover div.recommend{
		display:block;	
	}
.scrollerBox{
	height:275px; 
	border: 2px solid #ABB5CB; 
	margin: 15px 7px 10px 7px; 
	background-color: #243346; 
	position: relative;
	overflow: hidden; 
}

.scroller{
	height:275px; 
	width: 130px;
	background-color: #243346; 
	padding: 0px; 
	color: white; 
	font-size: 11px;
	font-family: Arial;
	position: absolute;
	overflow: hidden;
	top: 0px;
	left: 0px;
	margin: 10px;
	/*clip: rect(0px 150px 275px 0px);*/
}

.scrollHead{
	font-family: Arial;
	font-weight: bold;
	font-size: 11px;
	color: #EDD288;
}

.ripple{
	position: absolute; 
	left: 0px; 
	top: 0px; 
	margin: 0px; 
	display: none;
	filter: alpha(opacity=7)
	opacity: 0.07;
	-moz-opacity: 0.07;
	-khtml-opacity: 0.07;
}
/*-------------NAV STYLE --------------*/

			a .navMain {
				height: 30px; 
				width: 174px; 
				text-align: right;
				color: white;
				text-transform: uppercase;
				font-size: 11px;
				font-weight: bold;
				font-family: Arial;
				cursor: default;
				text-align: left;
				background-image: url(../images/1x1.gif);
			}
			
a:hover .navMain {
	background-image: url(../images/nav-rollover-bckgrd.jpg);
	color: #DDB10A;
}

.subTable{
	border-top: 2px solid #AFBDE1;
}

a .navSub{
	background-color: #49658B;
	color: white;
	border-bottom: 2px solid #AFBDE1;
	font-size: 11px;
	font-family: arial;
	font-weight: normal;
	cursor: default;
}
.navSub-B{
	padding: 3px 5px 3px 7px;
}

a:hover .navSub{
	background-color: #08233D;
	color: #DDB10A;
}

			.subnavA {
				width: 174px;
				position: relative; 
				left: 0px; 
				top: 0px; 
				overflow: visible; 
				filter: none;
				opacity: 0.99;
				-moz-opacity: 0.99;
				-khtml-opacity: 0.99;
				z-index: 1;
				display: block;
			}
			
			.subnavB {
				position: relative; 
				left: 0px; 
				top: 0px;
				width: 154px;
				margin: 5px 8px 5px 12px;
			}
			
/* ----------------------------PRINT STYLES ---------------------*/


@media print {
	#noPrint   {display: none;}
	.noPrint {display:none;}
	.haSelect{ padding: 0px; width: 700px;}
	#bgm_drpShad{display:none;}
	#altPrint   {display: block;}
	.contentBox {width: 750px}
	.content   {color:black;}
	.noPrintButtons{display:none;}
				/*form#app div.appBox div {line-height: 12pt; margin-top: 20px; display:block;}
				form#app div.appBox textarea {display:none;}*/
}