/* =====================================================================	
	 	home.css
========================================================================	
   	Author: Ben Browning
   	Date: May 2007
------------------------------------------------------------------------
	Comments
------------------------------------------------------------------------
   Home page specific styles
   	
========================================================================*/  

h1 {
	width:340px;				/* so that heading doesn't drop below rh col */
}

* html h1 {
	width:320px;
	float:left;
}

/* =Layout
------------------------------------------------------------------------*/
div#flashcontent{
	margin-bottom:1.7em;
	}


/* =Latest news
------------------------------------------------------------------------*/
div.latestNews {
	width:174px;
	float:right;
	margin-left:30px;
	margin-right:15px;
	display: inline;					/* IE double margin bug */
	}

div.latestNews h2 {
	margin:0 0 0.8em 0;
	}
	
div.latestNews ul {
	list-style: none;
	margin:0; padding:0;
	font-size: 0.9em;
	line-height: 1.25em;
	}	

div.latestNews ul li {
	margin-bottom:0.6em;
	background: none;
	padding:0;
	}
		
div.latestNews ul span {
	display:block;
	color:#336699;
	}	

div.latestNews ul a	{
	color:#666;
	font-weight: bold;
	}
div.latestNews ul a:hover {color:#369}	
	
	
/* =home page link boxes
------------------------------------------------------------------------*/
div.linkBox {
	width:164px;
	float:left;
	background: #d7E1EB;
	font-size: 0.9em;
	margin-top:1em;
	}

div.linkBox h3, div.loginPanel h3 {
	margin:0;
	padding:7px 12px;
	font-size: 1.1em;
	background: #336799; color :#fff;
	height:1%;
	}
	
div.linkBox ul {
	margin:8px 12px 0 12px; 
	list-style: none;
	padding:0;
	line-height: 1.4em
	}
div.linkBox ul a{color:#333}			

a.more {
	font-weight: bold;
	color:#336799; text-decoration: none;
	}
		
div.linkBox a.more {
	display: block; 
	margin:2px 12px 9px 12px;
	}
	
a.more:hover { text-decoration: underline; }	

/* =login panel
------------------------------------------------------------------------*/
div.loginPanel {
	background: #ebf0f5;
	font-size: 0.9em;
	margin-bottom: 1em;
}
div.loginPanel div.inner {
	padding: 0.8em;
}
div.loginPanel form {
	margin:0 0 0.3em 0;
}
div.loginPanel input, div.loginPanel label {
	float:left;
	margin: 0.2em 0 0.4em 0;
}
div.loginPanel label {
	width:35%;
	text-align: right;
	margin-right:0.5em;
	padding-top:2px;
}
div.loginPanel input {
	width: 55%;
	font-size: 1em;
}
div.loginPanel br {
	clear:left;
}
div.loginPanel input.button {
	background: #596f78;
	color: #fff;
	border: 1px solid #475E68;
	padding:1px;
	width:auto;
	}