@import url("main.css");
/* layout
   ------ */

.content { 
	margin: 10px auto;
	width: 768px;
	height: 101%;
	background: #FFF url(../images/big_middle.gif) repeat-y;
	color: #454545;
}

.logo {	padding: 1px 0px 0px 0px; }

/* header */
.headertop { background: #FEFEFE url(../images/big_top.gif) no-repeat; color: #FFF; height: 15px; }
.header { padding: 0px 10px 0 10px; }
.headerbottom { clear: both; background: #FEFEFE url(../images/big_bottom.gif) no-repeat; color: #FFF; height: 15px; }
    
/* navigation */
#nav { width:100%; float:right; }
#nav ul { margin:0; list-style:none; padding: 0; float: right; }
#nav a, #nav strong, #nav span { float:left; display:block; color:#092A55; padding: 7px 20px 4px 10px; background: #F6BD3C url(../images/nav.gif) no-repeat 100% 0px; text-decoration: none; font-weight: bold; }
#nav a { float:none; }
#nav li { float:left; color: #092A55; background: #F6BD3C url(../images/nav.gif) no-repeat 0px 0px; margin:0; padding:0 0 0 9px; }
#nav #current { background: #1995C2 url(../images/nav.gif) no-repeat 0 -41px; color: #FFF; }
#nav #current a { background: #1995C2 url(../images/nav.gif) no-repeat 100% -41px; padding:7px 20px 4px 11px; color:#FFF; }
#nav a:hover { color: #1517FF; background: #FFA002 url(../images/nav.gif) no-repeat 100% 0px; }   

.sftleft {
	float: left;
	width: 203px;
	color: #FFF;
	padding: 1px 0px 0px 0px;
}

.sftright {
	width: 537px;
	float: right;
	text-align: right;
}

.sftright a { color: #092A55; background: #fff; text-decoration: none;  font-size: 12px;  font-weight: bold; }
.sftright a:hover { color: #092A55; background: #fff; text-decoration: underline;  font-size: 12px;  font-weight: bold; }
.sftright a span{ text-decoration: underline; }

.breakline {
	background-color: #092A55;
	color: #092A55;
	height: 5px;
	font-size: 1px;
}
.breakline img {
		margin: 0px 0px 0px 0px;
		border: 0px;
	}

.menu {
	padding: 0px 15px 0px 13px;
	float: right;
}

#menuwraptop {
	position: absolute;
	left: 0;
	top: 10px;
	width: 716px;
	text-align: right;
	visibility:hidden;
}
#menuwrap {
	position: absolute;
	left: 0;
	top: 15px;
	width: 716px;
	text-align: right;
	visibility:hidden;
}
#menuwrapbottom {
	position: absolute;
	left: 0;
	top: 20px;
	width: 716px;
	text-align: right;
	visibility:hidden;
}

.submenu {
	clear: both;
	background: #092A55 url(../images/logobg.gif) repeat-x bottom left; 
	height: 25px;
	color: #FEFEFE;
	border-top: 1px solid #092A55;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}

/* subnavigation */
#subnav { width:100%; float:left; height: 25px; }
#subnav ul { margin:0; list-style:none; padding: 1px 6px 2px 5px; float: left; }
#subnav a, #subnav strong, #subnav span { float:left; display:block; color: #FFFFFF; padding:0; font-weight: bold; }
#subnav a { float:none; text-decoration: underline; }
#subnav li { float:left; color: #FFFFFF; margin: 1px; padding:1px 5px 2px 5px; }
#subnav #cpage { color: #C0C0C0; padding:1px 5px 2px 5px; }
#subnav #cpage a { color:#C0C0C0;  text-decoration: none; }
#subnav a:hover { color: #F6BD3C; padding:0; text-decoration: underline; }   
	
/* left side
   --------- */

.left {
	float: left;
	width: 768px;
}

.longblock { float: left; width: 748px; padding: 0px 10px 0px 10px; }
.lefthalf { float: left; width: 364px; padding: 0px 5px 0px 10px; }
.righthalf { float: right; width: 364px; padding: 0px 10px 0px 5px; text-align: justify; }

	.boxtop {
		background: #F0F0F0 url(../images/leftbox_top.gif) no-repeat;
		color: #808080;
		height: 40px;
		width: 159px;
	}
	
	.boxtop h2 {
		color: #808080;
		background: transparent;
		padding: 7px 0 0 5px;
		margin: 0;
	}
	
	.box {
		border-left: 2px solid #F0F0F0;
		border-right: 2px solid #F0F0F0;
		padding: 0 4px 0 7px;
		margin: 0;
		width: 144px;
		color: #595959;
		background: #FFF;
	}
	
	.boxbottom {
		background: #FFF url(../images/leftbox_bottom.gif) no-repeat;
		color: #000;
		height: 13px;
		width: 160px;
		margin: 0 0 7px 0;
	}
	
	#awards {
		text-align: right;
		vertical-align: top;
		margin: 3px;
	}

	#awards img {
		vertical-align: top;
		border: 0pt none ;
	}

	#w3cvalid {
		text-align: right;
		vertical-align: bottom;
		margin: 3px;
	}
	#w3cvalid img {
		border: 0pt none ; width: 88px; height: 31px;
	}

	.orangetop { clear: both; width: 748px; background: #F6BD3C url(../images/orange_top.gif) no-repeat; color: #000; height: 5px; padding: 0; margin: 0px 0 0 6px; }
	.orangebot { width: 748px; margin: 0 0 0 6px; padding: 0px 0px 10px; background: #F6BD3C url(../images/orange_bottom.gif) no-repeat bottom left; color: #000; }
	.loginleft { float: left; padding-left: 10px; width: 364px; border-right: 2px ridge Silver; }
	.loginright { float: right; width: 364px; text-align: center; vertical-align: middle; }
	#singup { width:100%; float:none; text-align: center; vertical-align: middle; }
	#singup img { vertical-align: middle; }
	
	
/* left and central column */
	.leftside { float: left; width: 159px; padding: 0px 5px 8px 8px; }
	.rightside { float: right; width: 585px; margin: 0 5px 0 0; text-align: justify; }
	
	.article { padding: 0 5px 0 0px; margin-bottom: 20px;  padding-bottom: 2px; text-align: justify;  }
	.article img {
		position: absolute;
		right: 0;
		margin: 5px 5px 5px 5px;
		float: right;
		visibility: hidden;
	}
	
	.frontpageul { margin-left: 6px; padding-left: 7px; }
	.frontpageul li h3 a { color:#092A55;  text-decoration: none; }
	.frontpageul li h3 a:hover { color:#092A55; text-decoration: underline; }   
		
	.greytop { clear: both; width: 362px; background: #EDEDED url(../images/grey_top.gif) no-repeat; color: #000; height: 5px; padding: 0; margin: 0px 0 0 6px; }
	.greybot { width: 342px; margin: 0 0 0 6px; padding: 0px 10px 10px; background: #EDEDED url(../images/grey_bottom.gif) no-repeat bottom left; color: #808080;	}
		
	.greybot a {
		color: #C83C3C;
		background: transparent;
		font-weight: bold;
	}
	
	.greybot a:hover {
		color: #000;
		background: #EDEDED;
	}
	
	.highlight {
		padding: 5px 3px 5px 3px;
		margin: 0 0 3px 0;
		border-bottom: 1px solid #ccc;
	}

	.underline {
	background-color: #092A55;
	color: #092A55;
	height: 5px;
	width: 160px;
	font-size: 1px;
	}

	.underline img {
		margin: 0px 0px 0px 0px;
		border: 0px;
	}
	
	.liBold {
		font-weight: bold;
	}
	
		
/* right side
   ---------- */
		
.right { float: right; width: 170px; margin: 0 0 10px 0;}
		
.right img { float: left; margin: 0 9px 3px 0; }

/* footer
   ------ */

.footer { 
	clear: both; 
	width: 768px;
	position: absolute;
	bottom: 0px;
	text-align: center;
	color: #808080;
	background: #fff;
	padding: 3px 0 5px 0;
}
.footer p { line-height: 2em; }
.footer a {	color: #4F4F4F; background: #fefefe; border-bottom: 1px dotted #808080; text-decoration: none; }

/*pdf links*/

.pdflinks{
	margin-left: 30px;
	text-align: left;
}

.pdflinks a{
	margin: 0px;
	text-decoration: none;
}

.pdflinks a img{
	margin-right:10px;
	float:none;
	vertical-align:middle;
	border: none;
	visibility: visible;
}

.pdflinks a span{
text-decoration: underline;
}

/* Skip Menu */

#skipmenu {
position: absolute;
left: 0;
top: 5px;
width: 716px;
text-align: right;
visibility:hidden;
}

#skipmenu a {
color: #666;
text-decoration: none;
}

#skipmenu a:hover {
color: #fff;
background-color: #666;
text-decoration: none;
}

/*Parner Page Layout*/

.logodiv { width: 100%; padding-top: 0px; padding-bottom: 5px; border-top: 1px dotted Silver; }
.logodiv br { clear: both; height: 1px; border-bottom: 1px dotted Silver; }
.logoleft { text-align:center; width:49%; float:left; }
.logoleft img { float:none; }
.logoright { vertical-align:middle; text-align: justify; width:49%; float:right; }
.logoright img { float:none; }

/*Cost Comparison Table Styles*/

.tableheader {
	color: #FFFFFF;
	background-color: #78A8CF;
	font-weight: bold;
	text-align: center;

}

.tableheader td{
	color: #FFFFFF;
	background-color: #78A8CF;
	font-weight: bold;
	text-align: center;
}

.tableheader2 {
	color: #092A55;
	background-color: #F6BD3C;
	font-weight: bold;
	text-align: center;
}

.tableheader2 td{
	color: #092A55;
	background-color: #F6BD3C;
	font-weight: bold;
	text-align: center;
}

.tableleftcat{
	color: #FFFFFF;
	background-color: #78A8CF;
	background: #78A8CF;
	text-align: center;
}
	
.tableleftcat td{
	color: #FFFFFF;
	background-color: #78A8CF;
	background: #78A8CF;
	text-align: center;
}

.tabledatadark{
	color: #000000;
	background-color: #D8D8D8;
	text-align: center;
}

.tabledatadark td{
	color: #000000;
	background-color: #D8D8D8;
	text-align: center;
}

.tabledatalight{
	color: #000000;
	background-color: White;
	text-align: center;
}

.tabledatalight td{
	color: #000000;
	background-color: White;
	text-align: center;
}

*.spartapaytext{
	color: #F6BD3C;
	font-weight: bold;
}

/*Search Results Table Styles*/

.searchresults { line-height: 1.1em; }
.resultlink a{	font-size: 10pt;color: #191970;font-weight: bold;text-align: left;}
.resultlink a:hover{ font-size:10pt; color:#00c; font-weight:bold; text-align:left; }
.resultlink a:visited{ font-size: 10pt;	color: #700071;font-weight: bold;text-align: left;}
.descipt { color:#000; font-size:8pt; text-align:justify; }
.fileinfo {color:#77c; font-size:7pt; text-align:left; font-style:italic; }
