/*
    Styles used outside of editable content areas.
    
    Any styles you wish to be available in the WYSIWYG editor should be placed
    in content.css.
*/


body {
    background-color: #ffffff;
	background-image: url('../img/bg-gradient.png');
	background-repeat: repeat-x;
	margin: 0px;
	padding: 0px;
}

div.clear {
	clear: both;
}

/* General layouting. */
div.page {
	margin-left: auto;
	margin-right: auto;
	width: 790px;
}

div.body {
	display: inline;
	float: left;
	width: 790px;
	background-image: url('../img/middle.png');
	background-repeat: repeat-y;
	padding-bottom: 1px; /* To stop margins inside from pushing away footer, leaving gap. */
}

div.inner-body {
	display: inline;
	float: left;
	width: 790px;
	background-image: url('../img/top.jpg');
	background-repeat: no-repeat;
	padding-top: 230px;
	position: relative;
}

div.footer {
	display: inline;
	float: left;
	width: 790px;
	height: 20px;
	background-image: url('../img/bottom.png');
}

div.content-secondary {
	display: inline;
	float: left;
	width: 155px;
	margin-left: 27px;
}

div.content-primary {
	display: inline;
	float: left;
	width: 535px;
	margin-left: 40px;
}

/* Special styling for secondary content. */
div.content-secondary a {
	color: #484848;
}

div.content-secondary a:hover {
	color: #2d5425;
}

ul.article-list h2,
div.content-secondary h2 {
    margin: 15px 0px 5px 0px;
    font-size: 100%;
    text-transform: none;
    color: #484848;
}

/* Primary navigation */
div.nav-primary {
	position: absolute;
	left: 15px;
	top: 192px;
	width: 756px;
	height: 40px;
}

ul#nav-primary {
    list-style: none;
	list-style-image: none;
    margin: 0px 0px 0px 0px;
	font-size: 100%;
}

ul#nav-primary li {
    float: left;
    line-height: 38px;
    margin: 0px 0px 0px 0px;
}

ul#nav-primary a {
	text-decoration: none;
    display: block;
    padding: 0px 14px 0px 11px;
	color: #797979;
	background-image: url('../img/nav-divider.png');
	background-repeat: no-repeat;
	background-position: 100% 13px;
}

ul#nav-primary a.here {
	font-weight: bold;
}

ul#nav-primary li.last a {
	background-image: none;
}

ul#nav-primary a:hover {
    text-decoration: none;
	color: #2d5425;
}

/* Stuff in the header. */
a.branding {
	position: absolute;
	top: 10px;
	left: 30px;
	width: 155px;
	height: 175px;
}

a.branding span {
    display: none;
}

ul.nav-alternative {
	position: absolute;
	top: 13px;
	left: 305px;
	list-style: none;
	list-style-image: none;
}

ul.nav-alternative li {
    float: left;
	margin: 0px 0px 0px 0px;
}

ul.nav-alternative li a {
	display: block;
	width: 148px;
	height: 150px;
}

ul.nav-alternative li a span {
    display: none;
}

ul#nav-secondary {
    margin-top: 20px;
}

/* News feed */
div.latest-articles a {
	text-decoration: none;
	display: block;
}

div.latest-articles ul {
	list-style: none;
	list-style-image: none;
}

div.latest-articles ul li {
	margin-left: 1px;
	border-bottom: 1px solid #cccccc;
	padding-bottom: 8px;
}

div.latest-articles ul li.last {
	margin-left: 1px;
	border-bottom: none;
	padding-bottom: 0px;
}

div.latest-articles span.date {
	display: block;
}

div.latest-articles span.title {
	display: block;
	color: #59a749;
	margin-left: 10px;
}

div.latest-articles span.summary {
	display: block;
	margin-left: 10px;
}

/* News archive */
div.article-archive a {
	text-decoration: none;
}

div.article-archive a:hover {
	text-decoration: none;
	color: #2d5425;
}

ul.article-list {
	list-style: none;
	list-style-image: none;
}

ul.article-list li {
	list-style: none;
	list-style-image: none;
	margin-left: 2px;
	border-bottom: 1px solid #cccccc;
}

ul.article-list li.last {
	border-bottom: none;
}

ul.article-list a.title {
	text-decoration: none;
}

ul.article-list a.title {
	text-decoration: none;
}

h1 span.date {
    color: #484848;
    font-size: 80%;
}