﻿body {
	/* The page background, font, font size and color. */
	background: url("images/gradient-bkg.jpg") repeat-x #010267;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #111111;
	height:100%; /* needed for container min-height */
	overflow:inherit; /* triggers 100% height in Opera 9.5 */
	margin: 0 auto;
	padding: 0px;
}

html {
	/* The page background, font, font size and color. */
	background: url("images/gradient-bkg.jpg") repeat-x #010267;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #111111;
	height:100%; /* needed for container min-height */
	overflow:inherit; /* triggers 100% height in Opera 9.5 */
	margin: 0 auto;
	padding: 0px;
}

#container {
	/* The following values will place this div in the middle, and since we put every div inside the container it will render the whole page in the middle of the page.*/
	background: url("images/scalliance-bkg.png") no-repeat;
	position: relative;
	width: 940px;
	margin: 0 auto;
	height:auto !important; /* real browsers */
	height:100%; /* IE6: treaded as min-height*/
	min-height:100%; /* real browsers */
}
#header {
	
	width: 858px;
	height: 360px;
	z-index: 1;
}
#logo {
	background: url("images/logo.png");
	position: absolute;
	width: 209px;
	height: 167px;
	z-index: 2;
	left: 45px;
	top: 10px;

}
#nav {
	background: url("images/nav-bkg.png") no-repeat;
	position: absolute;
	width: 620px;
	height: 42px;
	z-index: 6;
	left: 280px;
	top: 150px;
	margin: 0 auto;
	padding: 0;
}
#maincontent {
	display:block;
	background: #FFFFFF url("images/content-bkg.jpg") no-repeat;
	position: absolute;
	padding:0 0 200px;
	background-color: #FFFFFF;
	width: 858px;
	z-index: 4;
	margin: 0 auto;
	text-align: left;
	left: 41px;
	top: 200px;
}

#footer {
	position:absolute;
	width:858px;
	bottom:0; /* stick to bottom */
	background:#000;
	border-top:6px double gray;
	margin: 250 auto 0; /* auto left/right centers it */
}
	#footer p {
		padding:1em;
		margin:0;
	}
	
#contentbox1 {
	width: 838px;
	color: #003366; 
	position: relative; 
	left: 0px; 
	padding: 10px;
	}
	
#contentbox2 {
	width: 838px;
	position: relative;
	left: 0px; 
	padding: 10px;
	}
	
#contentbox3 {
	width: 838px; 
	position: relative;
	left: 0px; 
	padding: 10px;
	}
	
#maincontent .tablediv {
display:  table;
width:700px;
border-spacing:5px;/*cellspacing:poor IE support for  this*/
border-collapse:separate;
}
#maincontent .celldiv {
float:left;/*fix for  buggy browsers*/
display:  table-cell;
width:50%;
}
#maincontent .rowdiv  {
display:  table-row;
width:auto;
}

#footer .tablediv {
display:  table;
width:858px;
border-spacing:5px;/*cellspacing:poor IE support for  this*/
border-collapse:separate;
}
#footer .celldiv {
float:left;/*fix for  buggy browsers*/
display:  table-cell;
width:24%;
}
#footer .rowdiv  {
display:  table-row;
width:858px;
}

#footer .ittybitty {  
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 12px; 
	color: #FFFFFF;
	}
	
#footer .ittybitty2 {  
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 14px; 
	color: #0099FF;
	padding-left: 0px;
	}
	
#footer .ittybitty3 {  
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 12px; 
	color: #FFFFFF;
	padding-left: 10px;
	margin-top: 0; 
	margin-bottom: 0;
	}

#footer .ittybitty3 a{  
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 12px; 
	color: #FFFFFF;
	margin-top: 0; 
	margin-bottom: 0;
	}
	
#footer .ittybitty4 {  
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 11px; 
	color: #e3e3e3;
	padding-left: 0px;
	}
    
#footer .ittybitty4 a {  
    font-family: Arial, Helvetica, sans-serif; 
    font-size: 11px; 
    color: #FFFFFF;
    padding-left: 0px;
    }
	
.navlist
{
padding-left: 30px;
margin-left: 0;
width: 160px;
}

.navlist li
{
list-style: none;
margin: 0;
padding: 0;
font-family: Arial, Helvetica, sans-serif; 
	font-size: 11px; 
	color: #FFFFFF;
}

.navlist li a { text-decoration: none; 
font-family: Arial, Helvetica, sans-serif; 
	font-size: 12px; 
	color: #FFFFFF;}
	
.navlist li a:hover { text-decoration: underline; 
font-family: Arial, Helvetica, sans-serif; 
	font-size: 12px; 
	color: #D20000;}

label
{
width: 4em;
float: left;
text-align: right;
margin-right: 0.5em;
display: block
}


.clearfix {
	display: inline-block;
}
/* Hides from IE-mac \*/
* html .clearfix {
	height: 1%;
}
.clearfix {
	display: block;
}
/* End hide from IE-mac */