/* Micro-Ant Stylesheet */

/* backgrounds, borders */
	body{
		background: #98b1c4 url('../images/bg_page.gif') repeat;
	}
	ul { list-style-type: disc; }
	
	#header{
		background: #336598;
	}
	#footer{
		background: #FDF9FF;
		border: 1px solid #3c6082;
		border-top: 2px solid #3c6082;
		border-bottom: 2px solid #3c6082;
	}
	.box{
		background: white;
		border: 1px solid #3c6082;
		border-bottom: 2px solid #3c6082;
	}
	
	.fancy { /* puts the waterfallish blue blob in the bg */
		/* doing this with an image in the box will probably be ugly */
		background: #FDF9FF url(../images/box-bg.gif) no-repeat -7px 1.25em;
	}
	
/* typography */
	#container{
		font: 12pt Georgia, serif;
	}

	#footer{
		font-family: Tahoma, Geneva, sans-serif;
		font-size: .85em;
	}
	#footer .strong{
		color: #3c6082;
	}
/* Section Headings */
	h1, h2, h3, h4, h5, h6{
		display: block;
		font-weight: bold;
		font-family: Tahoma, Geneva, sans-serif;
		padding: .2em 0em .2em 0;
	}
	.box h2{
		background: #3c6082;
		color: #ffffff;
		padding-left: 1em;
	}
	.box h4{
		color: #336598;
	}
	a{
		color: #336598;
	}
/* layout */
	body{
		text-align: center;
		overflow-x: hidden;
	}
	#container{
		margin: 0;
		float: left;
	}
	#header{
		margin: 0;
		height: 140px;
		z-index: 10;
		margin-bottom: .5em;
	}
	#logo{
		margin: 5px 5px 5px 15px;
		float: left;
	}
	#logotype{
		margin: 50px 10px 0px;
		float: left;
		clear: right;
	}
	#slogan{
		float:right;
		margin: 70px 30px 0px;
	}
	#centerer{
		text-align: center;
		z-index: -10;
		margin-top: 0;
	}
	#page{
		text-align: left;
		width: 900px;
		margin: 0 auto;
		padding: 0 0;
	}
	#footer{
		text-align: left;
		width: 900px;
		height: 5em;
		margin: .6em auto .6em;
	}
	#footer p{
		padding: .4em .5em;
	}
	#footer .left{
		float: left;
		width: 33%;
		text-align: right;
	}
	#footer .middle{
		width: 34%;
		float: left;
		text-align: center;
	}
	#footer .right{
		width: 33%;
	}
	
/* classes for layout */
	.single{
		width: 898px;
	}
	.double{
		width: 440px;
	}
	.left{
		float: left;
	}
	.right{
		float: right;
	}
	.clear{
		clear: both;
	}

/* .box */
	.box{
		margin-top: .6em;
		margin-bottom: .4em;
	}
	.box img.left {
		   float: left;
		   width: 180px;
	}
	.box div.leftspace { /* puts space on left so img.left can be its own column */
		margin-left: 205px;
	}
	.box h2 { margin-bottom: 15px; }
	.box h4{
		padding: .6em 0 .2em;
	}
	.box .readmore, .box .more  {
		float: right;
		margin-right: 25px;
		padding: 0 .6em .6em;
	}
	.box p, 
	.box blockquote, 
	.box div, 
	.box img, 
	.box ul, 
	.box ol, 
	.box h3, 
	.box h4, 
	.box h5, 
	.box h6 { 
		margin-top: 0;
		margin-left: 15px;
		margin-right: 25px;
		margin-bottom: 15px;
	}
	.box ul ul { /* nested lists have less spacing */
		margin-bottom: 0;
		margin-left: 0;
	}
	.box li { margin-left: 10px; }
	
	/* give some more space for the fancy graphic -- this will make images ugly probably */
	.fancy p, 
	.fancy blockquote,
	.fancy div, 
	.fancy img, 
	.fancy ul, 
	.fancy ol, 
	.fancy h3, 
	.fancy h4, 
	.fancy h5, 
	.fancy h6  {
		margin-left: 215px;
	}
	.noheader { padding-top: 15px; }

	
/* Navigation menu section*/
	#navlistbox{
		float: left;
		width: 100%;
		background: #b2c1d2 url('../images/bg_navlist.gif') repeat-x;
		height: 24px;
		padding: 0;
		z-index: 10;
		font-family: Tahoma, Geneva, sans-serif;
		font-weight: bold;
		overflow: hidden;
	}
	
	ul#navlist{
		font-size: 18px;
		line-height: 24px;
		vertical-align: middle;
		margin: 0;
		padding: 0;
		list-style-type: none;
		height: 24px;
		position: relative;
	}
	#navlist li{
		display: inline;
		margin: 0 2px;
	}
	/* search box section */
	#navlist li .search, #navlist li .search input{
		display: inline;
		font-size: 12px;
		position: relative;
		margin-bottom: 2px;
	}
	#navlist li .search .query { 
		width: 110pt;
		background: #fff url(../images/magnifier.gif) 2px 2px no-repeat;
		padding-left: 20px;
		
	}
	/* end of search box section*/
	
	#navlist li a{
		text-decoration: none;
		color: #204252;
		padding: 3px 6px;
	}
	#navlist li a:hover, #navlist li a:focus{
		text-decoration: underline;	
	}
	#navlist li a:hover, #navlist li a:focus {
		background-image:url(../images/navlist_hot.gif);
		background-position: center left;
		text-decoration:underline;
		background-repeat: repeat-x;
	}
	#navlist li a.current {
		background-image:url(../images/navlist_up.gif);
		text-decoration:none;
		background-position: center left;
		background-repeat: repeat-x;
	}