/*
 * Tested Windows browsers include IE 10.0.9200.16686, Chrome 29.0.1547.76m, Firefox 24.0 and Safari 5.1.7
 * Tested MacOS browsers include Chrome 29.0.1547.76, Safari 6.0.5 and Firefox 24.0.
 */

/*
 * 				General
 */
body {
	font-family:"Arial Narrow",Arial,Helvetica,sans-serif;	/* Arial Narrow does not display well in Firefox, even with the unimplemented "font-stretch:condensed" as this breaks other browsers */
	font-size:14px;
	margin-left:auto;
	margin-right:auto;
	padding:0;
	border:0;		/* This removes the border around the viewport in old versions of IE */
	width:100%;
	min-width:600px;	/* Minimum width of layout - remove line if not required. Min-width property does not work in old versions of IE */
				/* width:1024px; (possibly add this line back in for testing purposes)  */
	background-color:#FFF;
	background-position:center center;
	background-repeat:no-repeat;
	background-attachment:scroll;
	background-image: -webkit-gradient(linear, right bottom, left top, color-stop(0%, #ffffff), color-stop(100%, rgb(177, 177, 177)));
	background-image: -webkit-linear-gradient(right bottom, #ffffff 0%, black 325%);
	background-image: -moz-linear-gradient(right bottom, #ffffff 0%, black 325%);
	background-image: -ms-linear-gradient(right bottom, #ffffff 0%, black 325%);
	background-image: -o-linear-gradient(right bottom, #ffffff 0%, black 325%);
	background-image: linear-gradient(to left top, #ffffff 0%, black 325%);
	}

p {
	margin:0;
	padding:0;
	}

a {
	font-size:14pt;
	color:#007;
	text-decoration:none;
	outline:none;
	}

ul li {
	font-size:14pt;
	line-height:20px;
	}

/*
 * 				Styles and Stuff
 */
.blu {
	font-size:20pt;
	color:#3B5999;
	background-color:inherit;
	}

.grn {
	font-size:20pt;
	color:#007A29;
	background-color:inherit;
	}

#hdr img.logo {
	float:left;
	padding:0 0 0 10px;
	border:0;
	}

#hdr ul {
	float:right;
	list-style-type:none;
	padding-top:43px;
	}
	
#hdr ul li {
	float:right;
	width:auto;
	line-height:20px;
	}

#hdr ul li.noimg{
	background-image:none
	}

#hdr ul li a {
	font-size:18px;
	color:#0000FF;
	padding:0px 10px 0px 10px;
	font-weight:500;
	background-color:inherit;
	}

#hdr ul li a:hover {
	color:#FF0000;
	text-decoration:underline;
	background-color:inherit;
	}

#hdr ul li a.active {
	color:#000;
	background-color:inherit;
	}

img.ctr {
	display:block;
	margin-left:auto;
	margin-right:auto;
	}

.InfraSys {
	float:left;
	}

ul.InfraSys {
	list-style-type:square;
	}


/*
 * 				Header Container
 */
.Header {
	width:100%;
	height:111px;
	}


/*
 * 				Top Pix Container
 */
.TopPix {
	position:relative;
	clear:both;
	float:left;
	height:320px;
	width:100%;
	margin-left:auto;
	margin-right:auto;
	left:0;
	right:0;
	margin:0 auto;
	overflow:hidden;
	}


/*
 * 				ColMask Container (this should be the smart part of the CSS, at least I think so)
 */
.ColMask {
	position:relative;	/* This fixes the IE7 overflow hidden bug */
	clear:both;
	float:left;
	width:100%;		/* width of whole page */
	overflow:hidden;	/* This chops off any overhanging divs */
	}


/*
 *				Common Column Settings
 */
.col1,
.col2,
.col3 {
	float:left;
	width:100%;		/* width of page */
	position:relative;
	padding:2px 0 2px 0;	/* no left and right padding, just make them narrower instead. Top and bottom is included */
	overflow:hidden;
	}


/*
 * 				Three Column Settings
 */
.threecol {
	background-color:inherit;
	background-position:inherit;
	background-repeat:inherit;
	background-image:inherit;
	}

.threecol .col1 {
	width:33%;
	left:0;
	}

.threecol .col2 {
	width:34%;
	left:0;
	}

.threecol .col3 {
	width:33%;
	left:0;
}


/*
 * 				Two Column Settings
 */
.twocol {
	background-color:inherit;
	background-position:inherit;
	background-repeat:inherit;
	background-image:inherit;
	}

/*
 * 				Remaining Containers
 */
.MainPanel {
	font-size:12pt;
	width:68%;
	float:left;
	padding-top:2px;
	padding-bottom:2px;
	padding-left:1%;
	padding-right:1%;
	overflow:auto;
	}

.RightPanel {
	font-size:12pt;
	width:28%;
	float:left;
	padding-top:2px;
	padding-bottom:2px;
	padding-left:1%;
	padding-right:1%;
	height:800px;
	overflow:auto;
	}

.System1 {
	width:33%;
	float:left;
	}

.System2 {
	width:34%;
	float:left;
	}

.System3 {
	width:33%;
	float:left;
	}

.Services {
	width:100%;
	float:left;
	margin-top:10px;
	}

.Footer {
	width:98%;
	float:left;
	height:48px;
	left:0;
	right:0;
	bottom:0;
	margin:0 auto;
	padding:2px 1%;
	background-image:inherit;
	background-color:inherit;
	}


/*
 * 				Collapsible Lists
 */
.collapse a {
	color:#222;
	text-decoration:none;
	outline:none;
	}

.collapse ul li {
	display:block;
	padding:5px 0;
	font-size:14pt;
	}

.collapse ul li div {
	display:none;
	}

.collapse ul li div:target {
	display:block;
	font-size:12pt;
	color:#007A29;
	}


/*
 * 				Table Styles
 */
#assoc {
	font-family:"Arial Narrow",Arial,Helvetica,sans-serif;	/* Arial Narrow does not display well in Firefox, even with the unimplemented "font-stretch:condensed" as this breaks other browsers */
	width:95%;
	border-collapse:collapse;
	margin:10px 20px;
	}
#assoc td, #assoc th {
	font-size:1em;
	border:1px solid #007A29;
	padding:3px 7px 2px 7px;
	}
#assoc th {
	font-size:1em;
	text-align:left;
	padding-top:5px;
	padding-bottom:4px;
	background-color:#007A29;
	color:#ffffff;
}
#assoc tr.alt td {
	color:#000000;
	background-color:#EAF2D3;
}


/*
 * 				Other Containers and Styles
 */
#footbox {
	position:absolute;
	left:0;
	right:0;
	bottom:0;
	margin:0 auto;
	background-image:inherit;
	background-color:inherit;
	}

.left {
	float:left;
	width:50%;
	text-align:left;
	}
	
.right {
	float:right;
	width:50%;
	text-align:right;
	}

.anybox {
	position:relative;
	top:0;
	right:0;
	bottom:0;
	left:0;
	margin:0 auto;
	background-color:inherit;
	overflow:hidden;
	}

.anybox .left {
	float:left;
	width:50%;
	text-align:left;
	}
	
.anybox .right {
	float:right;
	width:50%;
	text-align:right;
	}

.RightPanel ul {
	list-style-type:none;
	padding-top:10px;
	}
	
.RightPanel ul li {
	width:auto;
	font-size:18px;
	line-height:36px;
	}

.MainPanel ol {
	list-style-type:decimal;
	padding-top:10px;
	padding-right:20px;
	}
	
.MainPanel ol li {
	width:auto;
	font-size:12pt;
	padding-top:10px;
	}

.img {
	margin:0;
	border:0;
	height:auto;
	width:auto;
	float:left;
	text-align:center;
	}	

.img img {
	display:inline;
	opacity:0.6;
	margin:3px;
	border:0 none #ffffff;
	}

.img a:hover img {
	opacity:1.0;
	border:0 none #0000ff;
	}

.desc {
	text-align:center;
	font-weight:normal;
	width:120px;
	margin:2px;
	}

.html-marquee {
	height:740px;
	background-color:inherit;
	font-size:18px;
	color:#000000;
	margin:10px;
	border-width:0;
	border-style:solid;
	border-color:#000000;
	}

.scrollbox {
	height:700px;
	margin:2px;
	padding:4px;
	border:1px solid #000;
	overflow:auto;
	}