@import url(universal.css);

/*=============LAYOUT===========================*/


#container {
	width:755px;
	margin: 0px auto 10px auto;
	position:relative;
	text-align:left;
	}
	
div#branding {
	position:relative;
	}
	
#branding h1, branding p {
	height:175px;
	}
	
.topheading {
	position:absolute:
	top:0px;
	text-indent:-5000px;
	height:0px;
	font-size:0px;
	}
	
.accessibility {
	position:absolute:
	top:0;
	left:0;
	text-indent:-5000px;
	}
	
div#menuTextAndFooter {
	padding:1;
	position:relative;
	padding:1px;
	}
	
#menubox {
	float:left;
	padding: 1px 0;
	margin-left:0px;
	margin-top:-40px;
	}

#mainmenu  {
	width:200px;
	list-style-type:none;
	padding:0;
	}
	
#submenu {
	list-style-type:none;
	background:none;
	margin-left:20px;
	}

#text {
	width:500px;
	margin-bottom:20px;
	margin-top:-40px;
	margin-left:200px;
	position:relative;
	z-index:30;
	}
	
#text ul {
	margin:10px 20px;
	color:black;
	}
	

div#footer{
	background: white url(../images/footerbackground.gif) no-repeat;
	margin-left:200px;
	position:relative;
	width:500px;
	height:50px;
	}
	
h2 {
	margin-top:25px;
	}
	
h2.top {
	margin-top:0px;
	}
	


/*=================TYPOGRAPHY====================*/



p, #text li{
	font: 1.2em Verdana, sans-serif;
	}
	
#menubox {
	font-size:1.0em;
	font-weight:400;
	font-family:Verdana, sans-serif;
	}
h2 {
	font: bold 1.2em Verdana, sans-serif;
	}
	
h3 {
	font: bold 1.2em Verdana, sans-serif;
	}
	
	
div#text h2,div#text p {
	margin-bottom: 1em;
	color: black;
	}
	
div#text li, div#text h3, div#text h4 {
	color: black;
	}
	

/*===================GRAPHIC DESIGN====================*/

	
body#seehome div#branding h1 {
	width:755px;
	height:175px;
	background: url("../images/seegeomasthead.jpg") no-repeat;
	text-indent:-5000px;
	}
	

div#branding h1, div#branding p {
	width:755px;
	height:175px;
	font-size:1em;
	position:relative;
	}
	
div#branding h1 a, div#branding p a {
	overflow:hidden;
	font-size:1px;
	width:755px;
	height:0;
	padding-top:175px;
	background: url("../images/seegeomasthead.jpg") no-repeat;
	position: absolute;
	top:0px;
	}

#menuTextAndFooter {
	background: white url(../images/bluebackground.gif) repeat-y;
	}
	
#mainmenu {
	color:black;
	list-style-type:none;
	margin:0 0 0 0;
	}
	
#mainmenu li {
	padding-top:5px;
	padding-bottom:5px;
	margin:10px;
	font-weight:bold;
	}
	
ol#submenu li {
	padding:5px;
	line-height:1.75em;
	}
	
li.current {
	color:#c1c45b;
	}
	
p#edina	{
	width:103px; 
	height:46px;
	position:absolute;
	top:0;
	left:0;
	} 

p#jisc	{
	width:62px; 
	height:32px;
	position:absolute;
	top:0;
	right:0;
	} 
	
.greenback	{
	background-color:#c1c45b;
	padding:5px;
	}


/*===================LINKS======================*/


#mainmenu a {
	color:black;
	text-decoration:none;
	background-color:#c1c45b;
	padding:5px;
	}
		
#mainmenu #submenu a {
	color:#c1c45b;
	background:none;
	padding:0;
	}

p#edina a	{
	overflow: hidden;
	font-size: 1px;
	width:103px; 
	height:0;
	padding-top:46px;
	background: url("../images/edina.gif") no-repeat;
	position: absolute;
	top:0;
	}

p#jisc a	{
	overflow: hidden;
	font-size: 1px;
	width:62px; 
	height:0;
	padding-top:32px;
	background: url("../images/jisc.gif") no-repeat;
	position: absolute;
	top:10px;
	}
	
	
/*=====================TABLES======================*/