/* Homepage High Contrast Stylesheet for Generation 6 Internet v1.0 */
@import url(/schema/gen6/common/css/contrast.css);

#banner #logo {
	width: 176px; /*OP 7.5 fix */}
#banner #logo a {
	width: 176px;
	background: transparent url(/schema/gen6/common/img/griffith-logo-homepage.png) 0 0 no-repeat;}

#content {
	padding: 1em 0;}

#banner #toolbar {
	margin-left: 20%;}

#content ul {
	padding:0 0 0 0;}
	
#content h1 {
	display: none;}

#content h2 {
	color: #000;
	font-weight: bold;
	font-size: 1.1em;
	font-family: Verdana, Lucida, Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	padding: 0 0 0.8em 1.5em;
	background: transparent url(/schema/gen6/common/img/h2-widget.gif) 0 0.5em no-repeat;}

#nav{
	height: 1%; /* IE7 bug, really? shouldnt this be fixed by now?*/
	background: transparent url(/schema/gen6/common/img/columns.gif) 0 2.5em no-repeat;}
#misc {
	height: 1%; /* IE7 bug*/
	background: transparent url(/schema/gen6/common/img/columns-misc.gif) 0 2.5em no-repeat;}

#misc div.sectionone h2 {
	text-indent: -9999px;
	background: none;}
#misc div.sectionfive h2 {
	text-indent: -9999px;
	background: none;}

#content div.feature img {
	border: 0;
	padding: 1em 0;}
#content div.feature object {
	border: 0;
	margin: 1em 0;}

#nav ul li {
	padding: 0 0 0 0;
	line-height: 1.8;
	background-image: none;}
#nav ul li a {
	color: #000;}
#nav ul li a:hover {
	color: #b11;}

div.sectionone {
	position: relative;
	float: left;
	width: 20%;
	overflow: hidden;}
div.sectiontwo {
	position: relative;
	float: left;
	width: 20%;
	overflow: hidden;}
div.sectionthree {
	position: relative;
	float: left;
	width: 20%;
	overflow: hidden;}
div.sectionfour {
	position: relative;
	float: left;
	width: 20%;
	overflow: hidden;}
div.sectionfive {
	position: relative;
	float: left;
	width: 20%;
	overflow: hidden;}

div div.inner {
	position: relative;
	padding-left: 10px;
	padding-right: 10px;
	border-left: 1px solid #ddd;}
div.sectionone div.inner {
	padding-left: 0;
	border: 0;}
div.sectionfive div.inner {
	padding-right: 0;}
#misc div.sectiontwo {
	width: 40%;}

/*#misc div.sectionfour * {
	border: 1px dashed #f00 !important;}
#misc div.sectiontwo * {
	border: 1px dashed #f00 !important;}*/

#misc ul li {
	padding: 0;
	background-image: none;}
#misc div p {
	line-height: 1.4;
	padding:0.2em 0 2em 0;}
#misc div p.rss {
	margin: 0;
	padding: 0;
	float: right;}
#misc div p.rss a img {
	border: 0;
	padding: 0;
	margin: -5px 0 0 0;}
#misc div ul li {
	padding: 0 0 0.5em 0;
	position: relative;}
#misc div img {
	margin: 0 0;}

#misc div ul li.weather {
	height: 1%;} /* IE bug fix */
#misc div ul li.news {
	_height: 80px; /* IE6 dont know about my min-heights */
	min-height: 80px;}

#misc div.sectiontwo p {
	margin: 0.5em 0 1em 0;}
#misc div.sectionfour p {
	margin: 0.5em 0 1em 0;}
#misc div.sectionfive ul {
	padding-bottom: 2em;}

#misc div ul li span.image {
	position: absolute;
	left: 0;}
#misc div ul li span.image img {
	margin: 0;}
#misc div ul li.news span.image img {
	width: 60px;
	height: 60px;
	overflow: hidden;}
#misc div ul li.weather span.image img {
	padding: 0;}
#misc div ul li.weather img {
	border: 0;}
	
#misc div ul li span.title {
	margin-left: 80px;
	font-weight: bold;}
#misc div.sectionfour ul li span.title {
	margin: 0;}
#misc div.sectionfive ul li span.title {
	margin-left: 65px;}
#misc div ul li span.title a {
	color: #000;}
#misc div ul li span.title a:hover {
	color: #9a0000;}

#misc div ul li span.date {
	padding: 0 0 1em 0;
	color: #000;}

#misc div ul li span.summary {
	line-height: 1.4;
	color: #000;
	margin-left: 80px;
	padding: 0 0 1em 0;}
#misc div.sectiontwo ul li span.summary {}
#misc div.sectionfour ul li span.summary {
	padding: 0 0 0 0;}
#misc div.sectionfive ul li span.summary {
	color: #000;
	padding:0;
	margin-left: 65px;}

#misc div ul li span.forcast {
	margin-left: 65px;
	padding: 0 0 1em 0;}
#misc div ul li span.forcast img {
	padding: 0;
	margin: 0;}

#misc div ul li span {
	display: block;}