/* CSS Document */

#contentAuthor
{
	display: none;
}


#forme
{
	padding: 0;
	margin: 0;
	font: 90% Arial, Helvetica, sans-serif;
	/*background-color: #ffffff;*/
	color: #333;	
}

#skip
{
	margin: 0;
	padding: 0;
	top: 0;
	left: 0;
	text-align: right;
	width: 100%;
}

#skip a
{
	display: block;
	margin: 0;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: .8em;
}

#skip a:hover
{
	margin: 0;
	padding: 0;
	background-image: url(images/skip-arrow.gif);
	background-position: center;
	background-repeat: no-repeat;
	background: #999933;
}

#masthead
{
	clear: both;
}

h1
{
	margin: 0;
	padding: 0.2em 0 .4em 0;
	color: #996633;
	letter-spacing: .25em;
	border-bottom: solid 1px #573A1E;
	text-align: left;
	font-size: 2.5em;
	/*font-size: xx-large;*/
	background-image: url(images/masthead_bck2.gif);
	background-repeat: repeat-y;
}

#strap
{
	margin: 0;
	padding: 0.5em;
	font-size: 85%;
	color: #999999;
}

#dateBlock
{
	float: left;
	margin: 0em;
	padding: 0px;
	width: 21%;
	font-size: .8em;
}

#bread
{
	
	float: left;
	margin: 0px;
	padding: 0px;
}

#container
{
	float: left;
	width: 95%;
	margin: 0;
	padding: 0;
}


#nav
{
	float: left;
	width: 20%;
	background-color: #FFFFFF;
	color: #000;
	margin: 0;
	padding: 0.5em;
	z-index: 6000;
}

#logos
{
	float: left;
	width: 15%;
	margin: 0;
	padding: 4em 0em;
}

#search
{
	clear: both;
	float: left;
	width: 15%;
	margin: 0;
	padding: 2em 0em;
}


#gap
{
	clear: both;
	float: left;
	margin: 0;
	padding: 2em 0;
}

/*
*/

/* Fix IE. Hide from IE Mac \*/
* html ul li { float: left; }
* html ul li a { height: 1%; }
/* End */


/* this next bit does actually work */
/* li ul {display: none;} */

/*
ul li:hover > ul
{
	display: block;
	position: relative;
	top: -15px;
	left: 10px;
}

*/

/* li:hover > ul {display: block; position: absolute; top: 1px; left: 100%;} */



#content
{
	float: left;
	width: 75%;
	margin: 0;
	padding: 5px 5px 5px 10px;
	text-align: left;
}


#footer
{
	clear: both;
	margin: .25em;
	background-color: #99cc99;
	color: #000;
	padding: .25em;
}

h2
{
	margin: 0;
	padding: .5em;
	text-align: left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 120%;
	padding-left: .25em;
	color: #000;
}


p
{
	margin: 0;
	border: 0;
	color: #333333;
}

h4
{
	margin: 0;
	padding: .1em;
	font-size: 80%;
	color: #666666;
	font-family: Tahoma;
	font-weight: lighter;
}

h5
{
	margin: 0;
	padding: .1em;
	font-size: 80%;
	color: #666666;
	font-family: Tahoma;
	font-weight: lighter;
}

h6
{
	margin: 0;
	font-size: 100%;
	font-weight: bold;
	padding-bottom: .75em;
}



ul
{
	display: block;
	width: 100%;
	/*width: 180px;*/
	list-style: none;
	margin: 0;
	padding: 0;
	border-bottom: 1px solid #996633;
}

ul li
{
	display: block;
	position: relative;
	border: thin #996633;
}

ul li a
{
	display: block;
	text-decoration: none;
	padding: 5px;
	background-color: #ffffff;
	border: 1px solid #996633;
	border-bottom: 0;
}

a:visited
{
	color: #339933;
}


a:hover
{
	background-color: #ffffcc;
	/*font-weight: bold;*/
}


li ul
{
	position: absolute;
	left: 100%;
	/*left: 179px;*/
	top: 0px;
	width: 220px;
	display: none;
	color: #33CC33;
}

li:hover ul
{
	display: block;
	background-color: #CCCCCC;
	z-index: 6000;
}

/* This is going to be for the content div */

#content ul
{
	width: 100%;
	/*width: 180px;*/
	list-style: none;
	margin: 0;
	padding: 0;
	border-bottom: 1px solid #996633;
}

#content ul li
{
	position: relative;
	border: thin #996633;
}

#content ul li a
{
	display: block;
	text-decoration: none;
	padding: 5px;
	background-color: #FFFFFF;
	border: 1px solid #996633;
	border-bottom: 0;
}

#content li ul
{
	position: absolute;
	left: 100%;
	/*left: 179px;*/
	top: 0px;
	width: 200px;
	display: none;
	color: #33CC33;
}

#content li:hover ul
{
	display: block;
	z-index: 3000;
}

#content a:hover
{
	background-color: #ffffcc;
}

#leftpic
{
	float: left;
	margin: .5em 1.5em .5em 0;
}

#rightpic
{
	float: right;
	margin: .5em 0 .5em 1.5em;
}

img
{
	/*border: none; */
	border-style: none;
}

#content .pdf
{
	position: static;
	background-image: url(images/pdficon_small.gif);
	background-repeat: no-repeat;
	vertical-align: top;
}

#middlenav
{
	position: relative;
	width: 40%;
	top: 2em;
	left: 30%;
	bottom: 2em;
	padding: 0;
	margin: 0;
	text-align: left;
}

#forme #container #nav #logos a {

	line-height: 125%;
}

#royalCollege ul{
	position: relative;
	width: 40%;
	top: 2em;
	left: 30%;
	bottom: 2em;
	padding: 0;
	margin: 0;
	text-align: left;
}