body,

	html {
		margin:0;
		padding:0;
    	background:#2D4491; 
		color:#000;
		font:Verdana, Arial, Helvetica, sans-serif;
		font-size: 10pt
	}

    body {
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 100.01%;
		/*background-color: #CCCC99;*/
		color: #000000;
		text-align: left;
	}
/*-- other color is F7F7F4*/ 

	#wrap {
		border-left: 10px solid #56897B;
		border-right: 10px solid #56897B;
		background: #2D4491;
		margin: 0 auto;
		width:850px;
	}

	#header {
		background:#2D4491;
		height: 50px;
		padding: 10px 0px 10px 10px;
		color: white;
		font-size: 40px;
		font-weight: bold;
		border-bottom: solid 1px white;
	}

	#header h1 {
    	padding:5px;
	    margin:0;
    }


#banner {
	height: 103px; 
	background: #2D4491;
	background-image: url(../images/semabanner_3.jpg);
	background-repeat: no-repeat;
}
#nav2 {
border-bottom: 1px solid #000000; 
}

/*margin top, left, bottom right*/
#nav2 ul {
padding: 2px 0px 4px 0px;
margin: 0px;
background-color:#2D4491;
}

/*inline rule lists are moved to a horizontal plane and bullets are dropped*/
#nav2 ul li {
	display: inline;
	padding: 4px 0px;
	margin: 0;
}

#nav2 ul li a {
	font-size: 90%;
	color: #FFFFFF;
	background-color:#2D4491;
	text-decoration: none;
	padding: 0 15px 0 15px;
	border-right: 1px solid #000000;
	border-bottom: 1px solid #000000;
 	border-top:1px solid #999999; 
	border-left:1px solid #999999;

	text-align: center;
	width: 9em;
}

/*focus is for when users use the tab and not the mouse*/
#nav2 ul li a:hover, #nav ul li a:focus {
background-color: #56897B;
border-right: 1px solid #CCCCCC;
border-bottom: 1px solid #CCCCCC;
border-top:1px solid #CCCCCC;
border-left:1px solid #CCCCCC;
}

ul.disc {list-style-type: disc; 
 }
	ul.disc li { padding-bottom: 15px;
	}

.listcolorb {color: #2D4491; font-style:italic; font-weight:bold; font-size: 102%;
}

p.inset {border-bottom-style: ridge; color: #56897B;}


/*padding resides within element, margins reside outside the element - top right bottom left;*/
/*or topbottom and rtleft 0px 10px;*/

/* old nav
	#nav {
		background:#2E8FC6;
		padding: 5px 5px 5px 10px;
		color: white;
		border-bottom: solid 1px white;
	}

	#nav ul{
		margin:0;
		padding:0;
		list-style:none;
	}

	#nav li{
		display:inline;
		margin:0;
		padding:0;
	}

*/
	#main {
		background:#FFFFFF;
		float:left;
		/* width:600px; */
	}
		
	#main p {
		padding: 0 10px;
	}


	#sidebar {
		background: #2D4491;
		float:right;
		width:200px;
/*		height: 615px;  */
	}

	#sidebar ul {
		margin-bottom:0;
    }

    #sidebar h3, #sidebar p {
		padding:0 10px 0 0;
    }

/*the clear both below ensures footer is moved down below the content and leftcolumn divs, no matter which of the elements islonger. Changing to left and right shows the difference*/
#footer1{ clear:both; border-top: 1px solid #999999; background-color:#56897B; color:#FFFFFF; text-align:center;
}

#footer1 p {
font-size: 90%; font-weight:bold;
padding: 3px;
margin: 3px 20px;
}

#footer1 ul li {
display: inline;
padding: 0;
margin: 0;
}

#footer1 ul li a {
font-size: 80%;
color: #FFFFFF;
background-color:#56897B;
text-decoration: none;
padding: 0 15px 0 15px;
border-right: 1px solid #000000;
text-align: center;
width: 9em;
}

/*focus is for when users use the tab and not the mouse*/
#footer1 ul li a:hover, #nav ul li a:focus {
background-color: #990000;
}

#footer{
clear:both;
border-top: 1px solid #000000;
background-color: #003366;
color: #FFFFFF;
}

#footer p {
font-size: 70%;
padding: 3px;
margin: 20px;
}
/*	#footer {
		background:#F0F0F0;
		clear:both;
		text-align: center;
		padding: 5px;
		font-size: 11px;
		margin-bottom: 20px;
	}

	#credits {
		font-size: 10px;
		text-align: center;
	}

	#footer p {
		padding:5px;
		margin:0;
    }
*/
	.heading1 {
		color: #1C5B9E;
		font-size: 20pt;
	}
	
	.heading2 {
		color: #000000;
		font-size: 15pt;
		border-bottom:inset;
	}
	
	.box1 {
		color: #333333;
		font-size: 102%;
		background-color:#CCCCCC;
		border-top:inset;
		border-bottom: #333333;
	}