html, body {
   margin:0;
   padding:0;
   height:100%;
}

#contents {
	min-height: 100%;	
	position:relative;

}

#header {
   
   
}

#body {
   padding: .5em;
   padding-left:5%;padding-right:5%;
   padding-top: 15px;
   padding-bottom:30px;   /* Height of the footer */
}

#footer {
   position:relative;
   bottom:0;
   width:100%;
   height:30px;   /* Height of the footer */
   background-color: #FFFFFF;
   border-top: 1px solid #666666;
   text-align: center;
}

/*
 * The "height" above is a hack for IE5+/Win.  Below we adjust
 * it using the child selector to hide from IE5+/Win
 


html>body, html>body #contents {
	height: auto;
}
*/
/*
 * Without this, Moz1.0 adds a vertical scrollbar
 */

li
{
	padding-bottom:20px;

}

body, table {
	margin: 0;
	font-family: verdana;
	font-size: 12px;
}

#contents2 {
	position: absolute;
    left: 0;
/*  Use the following to center this at 50% width, or this for 750px: width: 700px, margin-left: -350px: */
/*
	left: 50%;
    width: 50%;
    margin-left: -25%;
*/
}

#footer2 {
	position: absolute;
	bottom: 0;
	background-color: #FFFFFF;
	border-top: 1px solid #666666;
	width: 70%; /* See note below */
	text-align: center;
	padding: 0 15%;
	padding-top: 15px;
	padding-bottom: 15px;
}


#footer2 {
    \width: 100%;
    w\idth: 70%;
}

#main2 {
	margin-bottom: 5em;
	height: auto;
	padding: .5em;
	padding-left:5%;padding-right:5%;
	padding-top: 15px;
}


.link, .link a:visited,  .link_lesspadding a:visited{
	color: #336699;
}

.selectedlink
{
	background-color:#DDE8F3;
}

.tablelink a, .tablelink a:visited {	
	
	color: #336699;
}

.link a {	
	padding-left:10px;
	padding-right:10px;
	padding-top:5px;
	padding-bottom:5px;
	color: #336699;
}

.link_lesspadding a
{	
	padding-left:5px;
	padding-right:5px;
	padding-top:5px;
	padding-bottom:5px;
	color: #336699;
}

.link a:hover, .tablelink a:hover, .link_lesspadding a:hover {	
	background-color:#DDE8F3;	
}


.selectheader {
	color: #336699;
	font-weight: bold;
	padding-bottom:10px;

}

.selectoption {
	color: #000;
	padding-bottom:0px;
	font-weight:normal;

}

.smallnote {

	font-size: 9px;
	font-style:italic;

}


.section
{
border-bottom: 1px solid #666666;
padding-bottom: 20px;
padding-top: 10px;
}

.submitbutton2 {
padding-left:10px; padding-right:10px; padding-top:5px;padding-bottom:5px; background-color:#DDE8F3; font-weight:bold;
}

input:button
{
	padding-left:10px; padding-right:10px; padding-top:5px;padding-bottom:5px; background-color:#DDE8F3; font-weight:bold;

}

/*  Hover Tips */
a.info{
    position:relative; /*this is the key*/
    z-index:24; 
	color: #336699;
    text-decoration:none;}

a.info:hover{z-index:25;}

a.info span{display: none;}

a.info:hover span{ /*the span will display just on :hover state*/
    display:block;
    position:absolute;
    top:2em; right:1em; width:25em;
	padding:10px;
    border:1px solid #000;
    background-color:#DDE8F3; color:#000;
    text-align: left}
/*  Hover Tips */




/*  PUBLIC Table Styles */
	
	
		
	#hor-zebra-public
	{		
		width: 100%;
		text-align: left;		
		margin-left:auto; margin-right:auto;
		font-size:11px;
		border:0;
		border-collpase:collpase; 
		
	}
	#hor-zebra-public th
	{
		font-size: 12px;
		font-weight: bold;
		padding: 5px 8px;
		text-align:center;
		border-bottom:5px black solid;
		/*border-right:1px white solid;
		border-left:1px white solid; */
		
		
	}
	#hor-zebra-public   td
	{
		padding: 10px;
		border-right:1px white solid;
		border-left:1px white solid;
		
	}
	
	#hor-zebra-public #note
	{
		padding-top: 5px;
		padding-bottom: 5px;
	}
	
	#hor-zebra-public .odd
	{
		background: #DDE8F3; 
	}
/*  PUBLIC Table Styles */



/*  Admin Styles */
	
	/*  Tab Styles */
	div.tabArea {
	  font-size: 100%;
	  font-weight: bold;  
	  margin-left:auto; 
	  margin-right:auto;
	  width:800px;
	
	}
	
	a.tab {
	  background-color: #DDE8F3;
	  border: 1px solid #000000;
	  
	  padding: 2px .5em 2px .5em;
	  text-decoration: none;
	}
	
	a.tab, a.tab:visited {
	  color: #808080;
	}
	
	a.tab:hover {
	  background-color: #FFFFFF;
	  color: #000000;
	}
	
	
	a.tab.activeTab, a.tab.activeTab:hover, a.tab.activeTab:visited {
	  background-color: #FFFFFF;
	  color: #000000;
	  border-bottom: 1px solid #FFFFFF;
	}
	/*  Tab Styles */
	
	#hor-zebra
	{		
		width: 800px;
		text-align: left;		
		margin-left:auto; margin-right:auto;
		
		
	}
	#hor-zebra th
	{
		font-size: 12px;
		font-weight: bold;
		padding: 10px 8px;
		background-color: #CCC;
		
	}
	#hor-zebra td
	{
		padding: 10px;
		
	}
	#hor-zebra .odd
	{
		background: #DDE8F3; 
	}
	
	.second_header
	{
		font-size: 16px;
		font-weight:bold;
		padding-top:16px;
		
	}
	
	.notes
	{
		font-size:11px;
		font-style:italic;
	
	}
	
	
	
	input[type=text]
	{
		width: 200px;	
	}
	
	textarea
	{
		width: 300px;
		height: 100px;
	}
	
	.required
	{
		font-size: 12px;	
		color:#999;
		font-style:italic;
		 
	}
	
	.a_pagetitle
	{
		text-align:left; 
		padding-bottom:5px;
		font:2em Arial;
		color: #336699;
		font-weight: bold;
	}
/*  Admin Styles */