/* CSS Document */
/************** page styles *****************/
html,body {
	margin: 0px 0px 0px 0px;
	background-image: url(../images/background.gif);
}
#flashHeader {
	height:325px;
	text-align: center;
	margin: 0px auto;
}
#layout {
	position:relative;
	margin: 0px auto;
	width:798px;
	background-image:url(../images/body.gif);
	border-right: 3px solid #B2CCE5;
	border-left: 3px solid #B2CCE5;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
/************** big panel layout *****************/
#bigPanel {
	position:absolute;
	margin: 0px auto;
	text-align: left;
	width:451px;
	left: 330px;
	height:515px;
	overflow-y: auto;
	overflow-x: hidden;
	scrollbar-base-color: #B2CCE5;
}
/************** small panel layout *****************/
.smallPanel {
	position: relative;
	left:16px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	width:277px;
	height:235px;
}
#midpiece{
	position:relative;
	width:279px;
	height:32px;
	background-image:url(../images/box-midpiece.gif);
	left:16px;
}
/************** small panel styles *****************/
.smallPanel img {
	position:relative;
	left:3px;
}
.smallPanel p {
	position:relative;
	font-size:11px;
	margin: 15px 5px 15px 15px;
}
.smallPanel ul {
	position:relative;
	font-size:11px;
	padding:0px 0px 15px 15px;
	margin:0px 0px 0px 15px;
}
/************** layout headers *****************/
#header {
	position:relative;
	background-color: #efefef;
	border: 1px solid #ffffff;
	height: 35px;
}
#layoutTop{
	position:relative;
	width:798px;
	height:21px;
	background-image:url(../images/toppiece.gif);
	border-top: 1px solid #B2CCE5;
}
/************** layout footers *****************/
#layoutBottom {
	position:relative;
	height:25px;
	background-image:url(../images/bottompiece.gif);
	border-bottom: 1px solid #B2CCE5;
}
#footer {
	position:relative;
	margin:0px auto;
	width:796px;
	height:25px;
	padding:10px 0px 0px 0px;
	background-image:url(../images/footer-back.gif);
	border: 1px solid #ffffff;
}
/************** header styles *****************/
#header h4 {	
	position:relative;
	top: 9px;
	left: 12px;
	margin: 0px auto;
	font-weight: bolder;
	font-size:14px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #496D90;
}
#header p{
	position:absolute;
	text-align:right;
	margin:0px auto;
	top: 13px;
	right:12px;
	font-weight:normal;
	font-size:11px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	background-color: #efefef;
	color: #496D90;
}
#header a{
	color: #6699cc;
	text-decoration:none;
}
#header a:hover{
	text-decoration:none;
	background-color:#DDEEFF;
}
/************** heading styles *****************/
.bigHeading {
	position:relative;
	background-image:url(../images/right-topmiddle.gif);
	background-repeat: repeat-y;
	width:453px;
	padding: 0px 0px 4px 15px;
	margin: 0px auto;
	font-size:13px;
	font-weight: bolder;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #496D90;
}
.smallHeading {
	position:relative;
	background-image:url(../images/boxmiddle.gif);
	background-repeat:repeat-y;
	padding: 0px 0px 4px 15px;
	font-size:13px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-weight: bolder;
	color: #496D90;
}
/************** footer styles *****************/
.footerText {
	position:absolute;
	margin: 0px auto;
	color: #6699cc;
}
.footerText p {
	position:absolute;
	text-align:right;
	margin:0px auto;
	top: 13px;
	right:20px;
	font-size:9px;
}
.footerText h5 {
	position:absolute;
	text-align:left;
	margin:0px auto;
}
.footerText a {
	margin: 0px 0px 0px 20px;
	color: #6699cc;
	font-weight:normal;
	font-size: 9px;
	text-decoration: none;
}
.footerText a:hover{
	background-color: #DDEEFF;
	text-decoration: none;
}
/************** link styles *****************/
.links a {
	color: #6699cc;
	text-decoration: none;
}
.links a:hover{
	background-color: #DDEEFF;
	background-image: none;
	text-decoration: none;
}
.links li{
	list-style-image:url(../images/arrow.gif);
}
/************** feature styles *****************/
.feature {
	padding: 5px 13px 0px 15px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}
.feature h3{
	position:relative;
	font: bold;
	color: #000000;
	font-size:16px;
	margin: 11px 0px 0px 0px;
}
.feature p{
	font-size:11px;
	margin: 13px 0px 0px 0px;
}
.feature table {
	float: right;
	position:relative;
	margin: 12px 0px 0px 3px;
	font-size:10px;
}
.table-heading {
	font-weight:bold;
	color: #496D90;
	background-color: #efefef;
	font-size:11px;
	text-align:left;
}
.columns {
	position:relative;
	line-height: 13px;
	top:-12px;
}
.columns ul {
	width:100px;
	left:-9px;
	list-style-type: disc;
}
.columns li {
	list-style-type: disc;
}
.feature img {
	float: right;
}
.feature ul{
	position:relative;
	padding:0px 0px 0px 5px;
	margin:10px 0px 0px 10px;
	list-style-type: disc;
	font-size: 10px;
}
.feature a{
	color: #6699cc;
	text-decoration:none;
}
.feature a:hover{
	text-decoration:none;
	background-color:#DDEEFF;
}
.feature h6 {
	color:#999999;
	margin:2px 0px 12px 0px;
	font-size:10px;
}
.feature h5 {
	color:#999999;
	font-size:9px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-style: normal; 
}
.printable{
	font-size:11px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-wieght: normal; 
	margin:0px auto;
	right:25px;
	top:2px;
	position:absolute;
}
.printable a {
	text-decoration: none;
	color:#FFFFFF;
}
.printable a:hover {
	background-color:#496D90;
}
.login {
	width:453px;
}