html,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;
}

#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: 10px; 
	padding: 0px;
	}
	
	#contentbox1 p {
	margin: 10px 10px 0px 10px;
text-align: justify;
}

	
#contentbox2 {
	width: 414px;
	position: relative;
	background: #E5FFC4;
	float: right;
	right: 10px; 
	padding: 0px;
	}
	
	#contentbox2 p {
	margin: 10px 10px 0px 10px;
}

#contentbox3 {
	width: 414px; 
	position: relative;
	background: #9DD4FF;
	float: left;
	left: 10px; 
	padding: 0px;
	}
	
	#contentbox3 p {
	margin: 10px 10px 0px 10px;
text-align: justify;
}

#contentbox4 {
	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: 12em;
float: left;
text-align: right;
margin-right: 0.5em;
font-weight: bold;
display: block
}


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