@import url("reset.css");

/* Screen Page Layout */
@media screen
{
	body
	{
		background-color:#F2DBB6;
		color:Black;
		text-align:center;
	}
	#frame
	{
		text-align:left;
		width:785px;
		margin:auto;
	}
	#header
	{
		margin-top:50px;
		background-image:url(i/header.jpg);
		background-position:left top;
		background-repeat:no-repeat;
		height:160px;
	}
	#header h1
	{
		font-family:"Monotype Corsiva", Verdana, Arial, sans-serif;
		font-size:53px;
		color:White;
		font-weight:normal;
		/*border:dashed 1px Red;/*debug*/
		padding-top:0;
		margin-left:240px;
		overflow:visible;
		height:95px;
	}
	#header h1 span.firstletter
	{
		font-size:120%;
	}
	#header h1 span.subtitle
	{
		font-size:50%;
		margin-left:2px;
		vertical-align:bottom;
	}
	#header h2
	{
		background-color:#F2DBB6;
		font-family:"Monotype Corsiva", Verdana, Arial, sans-serif;
		padding:1px 10px 2px 0;
		text-align:right;
		padding-right:10px;
		font-weight:normal;
		font-size:20px;
		/*border-top:solid 8px #79561e;*/
	}
	#skiptocontent
	{
		display:none;
	}
	/*Menu list links*/
	#menu
	{
		background-image:url(i/menustrip.gif);
		background-position:left top;
		background-repeat:repeat-x;
		font-family:Verdana, Arial, sans-serif;
		padding:0 0 0 140px;
		/*border:dashed 1px Red;*/
	}
	#menuitems
	{
		margin-top:0;
		padding-top:8px;
		padding-bottom:10px;
	}
	#menuitems li
	{
		list-style-type:none;
		overflow:visible;
		width:160px;
		display:block;
		float:left;
		margin:0;
		border-left:solid 1px #edf3e7;
	}
	#menuitems li.first
	{
		border-left-style:none;
		list-style-type:none;
	}
	#menuitems h3
	{
		font-weight:bold;
		font-size:14px;
		padding-top:0;
		text-align:center;
	}
	#menuitems a
	{
		display:block;
		text-decoration:none;
		color:white;
	}
	#menuitems a:visited
	{
		color:white;
	}
	#menuitems a:hover
	{
		text-decoration:underline;
	}
	/*Submenu behaviour with fix for MSIE*/
	#menu ul.submenu
	{
		display:none;
	}
	#menu ul.submenu li
	{
	    width:300px;
		display:block;
		float:none;
		padding-left:5px;
		padding-right:5px;
	}
	#menu ul.submenu h3
	{
		text-align:left;
	}
	#menuitems ul.submenu a, #menuitems ul.submenu a:visited
	{
		color:black;
	}
	#menu li:hover ul.submenu, #menu li.IEhover ul.submenu, #menu li ul#activesubmenu
	{
		position:absolute;
		margin-top:-0.1em;
		display:block;
		border:solid 1px #993333;
		background-color:White;
		padding-top:5px;
		padding-bottom:5px;
	}
	#menu ul.itemgroup
	{
		border-top:solid 1px #cccccc;
	    margin:2px 0 0 0;
	    padding:2px 0 0 0;
	}
	#menu ul.itemgroup li
	{
	    display:block;
	    margin:0;
	    padding:0;
	}
	#supplementary
	{
		margin-top:-190px;
		width:175px;
		overflow:hidden;
		float:left;
	}
	#imageitems
	{
		text-align:right;
		margin-right:35px;
		margin-top:0;
	}
	#imageitems li
	{
		margin:0;
		list-style-type:none;
		height:89px;
	}
	#imageitems li img
	{
		width:85px;
		height:70px;
		border:solid 2px White;
	}
	#contact
	{
		font-family:"Comic Sans MS", Verdana, Arial, sans-serif;
		margin:20px 20px 20px 0;
		width:155px;
		text-align:center;
		display:block;
	}
	#contact h4
	{
		padding:3px 0 3px 0;
		background:#663366 url(i/contactheader.jpg) no-repeat scroll left top;
		font-size:0.9em;
		color:White;
	}
	#contactdetails
	{
		border:solid 1px #663366;
		background-color:White;
		font-size:0.8em;
		padding:3px 3px 10px 3px;
	}
	#contactdetails p
	{
		margin-top:0.3em;
	}
	#contactdetails em
	{
		font-weight:bold;
		font-style:normal;
	}
	#contactdetails a
	{
		color:Black;
	}
	#contactdetails a:visited
	{
		color:Black;
	}
	#contentouter
	{
		width:605px;
		margin-top:15px;
		float:left;
	}
	#content
	{
		padding:0 20px 10px 20px;
		overflow:visible;
		background-color:White;
	}
	#footer
	{
		height:35px;
		background-color:#993333;
		border:solid;
		border-width:1px 0 0 0;
		border-top-color:#8989a4;
		margin:20px 0 0 0;
		clear:both;
	}
    #copyright
    {
        margin-top:8px;
        margin-right:10px;
        color:White;
    }
    #certificates
    {
        margin-top:2px;
        margin-bottom:auto;
        float:right;
    }
    #certificates img
    {
        height:31px;
    }
}

/* Page Styles */
#content
{
	font-family:/*"Comic Sans MS",*/ Verdana, Arial, sans-serif;
	font-size:0.8em;
	text-align:justify;
}
#content h1, #content h2, #content h3
{
	font-size:100%;
}
/*#content h3
{
    font-weight:normal;
    text-decoration:underline;
}*/
#content h1 span.firstletter
{
	font-family:"Monotype Corsiva", Verdana, Arial, sans-serif;
	font-size:210%;
	margin-right:0.05em;
}
#content p
{
	margin:0.8em 0 0 0;
}
#copyright
{
	font-family:Verdana, Arial, sans-serif;
	font-size:0.8em;
    text-align:right;
    float:right;
}
textarea#v
{
	display:none;
}

/* Print Page Layout & overrides */
@media screen
{
	.noscreen
	{
		display:none;
	}
}
@media print
{
	#frame
	{
		text-align:left;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size:small;
	}
	#header, #supplementary, #certificates
	{
		display:none;
	}
	#footer
	{
		border:solid;
		border-width:1px 0 0 0;
		border-top-color:Black;
		margin:20px 0 0 0;
		clear:both;
	}
	*, h1, h2, h3, h4, h5, h6, a, a:visited
	{
		color:Black;
		background-color:White;
	}
	.noprint
	{
		display:none;
	}
	input, select, textarea
	{
		border:none;
	}
	button
	{
		display:none;
	}
}