@import url("main.css");
/* layout
   ------ */

.content { margin: 10px auto; width: 768px; height: 101%; background: #FFF url(../images/big_middle.gif) repeat-y; color: #000000; }

.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 9px 0 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: 158px;
	height: 46px;
	color: #FFF;
	padding: 0px 0px 0px 0px;
}

.sftright {
	width: 572px;
	height: 44px;
	float: right;
	text-align: right;
	vertical-align: middle;
	padding-top: 1px;
	margin-top: 1px;
}

.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 5px;
	float: left;
}

.submenu {
	clear: both;
	width: 739px;
	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; margin: 0px 0px 0px 0px;}
#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 5px 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 {
		vertical-align: top;
		margin: 1px;
	}

	#awards img {
		vertical-align: middle;
		border: 0px none ;
	}

	#w3cvalid {border: 0px none; text-decoration: none;}
	#w3cvalid a {color: #4F4F4F; background: #fefefe; border: 0px none; }
	#w3cvalid a img {
	vertical-align: text-bottom;
	margin: 0px;
}

/*Login Box*/

	.orangetop { width: 732px; background: #FFFFFF url(../images/orangetop.jpg) no-repeat; color: #000; width:732px; height: 5px;  margin: 0px 0px 0px 0px; }
	.orangecontent{margin: 0px 0px 8px 10px; width: 732px; background: url(../images/orangemiddle.jpg) repeat-y; color: #000000;  }
	.orangebot {width: 732px; margin: 0 0 0 0px; padding: 0px 0px 0px 0px; background: #FFFFFF url(../images/orangebot.jpg) no-repeat; color: #000; height: 7px;}
	.loginleft { float: left; padding-right: 5px; width: 364px; border-right: 2px ridge Silver; text-align:center; }
	.loginright { float: right;padding:3px 3px 0 0 ;  width: 330px; text-align: center;  }
	#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: 5px;  padding-bottom: 2px; text-align: justify;  }
	.article img {	margin: 5px 5px 5px 5px; float: right;	}
	.article p {
		padding-top: 4px;
	}

	.frontpageul { margin-left: 6px; padding-left: 7px; }
	.frontpageul li a { color:#092A55;  text-decoration: none; }
	.frontpageul li a:hover { color:#092A55; text-decoration: underline; }   
	
	.frontpageul2 { list-style-type: none; padding: 5px 0 10px 0; margin: 0;}
	.frontpageul2 li {  background-image: url(../images/blue-tick.gif);background-repeat: no-repeat;
background-position: 0 .4em; padding: 2px 15px 10px 25px; text-align:left}
	.frontpageul2 li a { background:none; text-decoration: none; }
	.frontpageul2 li a:hover { 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: 240px;
	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; 
	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;
}

.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; }

/*Front Page Layout*/

	#frame {
		width:748px;
		margin-right:auto;
		margin-left:auto;
		margin-top:10px;
		padding:10px 0 0 0;
		text-align:left;
		}
		
	#contentleft {
		width:33%;
		padding:0px;
		float:left;
		background:#fff;
		text-align:left;
		}
	
	#contentcenter {
		width:33%;
		padding:0px;
		float:left;
		background:#fff;
		text-align:left;
		}
	
	#contentright {
		width:33%;
		padding:0px;
		float:left;
		background:#fff;
		text-align:left;
		}