/*

	Stylesheet for template.winchester.ac.uk/simple

	Created:	Jun 2008
	Notes:		image urls are relative to ensure they work with both http and https protocols
			includes print styles

*/

body
{
	background: #f3ebd6 url(background.gif) repeat-x scroll 0 0;
	font-family: Verdana,Arial,Sans-Serif;
	font-size: 10pt;
	margin: 0;
	padding: 0;
}
img { border: 0;}
#main-content
{
	background: #fff url(about.gif) no-repeat scroll 1.5em 1.5em;
	border: 1px solid #85acd5;
	line-height: 150%;
	margin: 5em auto auto;
	overflow: auto;
	padding: 0 2em 1em 6em;
	width: 60%;
}
#main-content h1
{
	border-bottom: solid 1px silver;
	font-size: 16pt;
	font-weight: normal;
	margin-top: 1em;
	padding-bottom: 0.5em;
}
#main-content h2
{
	font-weight: normal;
	font-size: 14pt;
}
#main-content h3
{
	font-size: 10pt;
}
#footer
{
	background-color: #115281;
	color: #fff;
	font-size: 8pt;
	padding: 0.5em 0 0.5em 0;
	text-align: center;
	width: 100%;
	margin-top: 4em;
}
#navigation
{
	float: right;
	list-style: none;
	padding: 0.5em 0 0.7em 0;
	margin: 0;
	font-size: 8pt;
	font-weight: bold;
}
#navigation li
{
	float: left;
	padding-right: 0.5em;
	padding-left: 0.5em;
}
#navigation li a
{
	color: #fff;
	text-decoration: none;
}
#navigation li a:hover, #navigation li a:focus, #navigation li a:active
{
	color: #86aed7;
	background-color: #fff;
}
#navigation #skip
{
	border-right: solid 1px #fff;
}
#logo
{
	clear: both;
	width: 100%;
	background: transparent url(logo-pics.gif) no-repeat scroll 95% center;
}
#logo a
{
	display: block;
	width: 240px;
	height: 78px;
	background: transparent url(logo.gif) no-repeat scroll 0 0;
	text-indent: -500px;
}
.warn { color: red;}
.required { color: darkgreen;}
.optional { color: darkgoldenrod;}

@media print {
    body {
        background: none;
    }
    #navigation, #logo {
        display: none;
    }
    #main-content {
        padding: 0;
        margin: 0;
        width: 100%;
        border: none;
        background: none;
    }
    #footer {
        border-top: solid 1px #000;
        background-image: none;
        color: #000;
    }
}