/*==============GENERAL===================*/


body {
	background-color:#ededed;
	font: 62.5%/1.5 Verdana, Arial, sans-serif;
	text-align:center;
	position:relative;
	}


body, ol, ul, li, div, p, form, img, h1, h2, h3, h4, h5 {
	margin:0 0 0 0;
	padding:0 0 0 0;
	}


.clear	{
	clear:both;
	}
	
	
/*=============LAYOUT===========================*/


#container {
	width:755px;
	margin: 45px auto 10px auto;
	position:relative;
	text-align:left;
	}
	
#branding h1 {
	height:160px;
	}
	
.accessibility {
	position:absolute:
	top:0;
	left:0;
	text-indent:-5000px;
	}
	
.skiplink {
	position:absolute;
	top:0;
	left:-5000px;
	}
	
#menubox {
	float:left;
	padding: 1px 0;
	margin-left:5px;
	}

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

#text {
	width:495px;
	margin-bottom:20px;
	margin-top:0;
	margin-left:250px;
	}
	
#text ul {
	margin:10px 20px;
	}
	
#stakeholders {
	position:absolute;
	bottom:50px;
	left:5px;
	}


#footerbar{
	width:740px;
	height:34px;
	}
	
#logospace {
	clear:left;
	height:150px;
	}
	


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



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

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


body {
	background-image:url(../images/topbluebar.jpg);
	background-repeat:no-repeat;
	}
	
body#home div#branding h1 {
	width:755px;
	height:157px;
	background: url("../images/vsm_masthead2.jpg") no-repeat;
	text-indent:-5000px;
	}
	

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

#footerbar{
	background-image:url(../images/redfooterbar.gif);
	background-repeat:no-repeat;
	}

#mainmenu {
	background-color:#DA000C;
	color:#ffffff;
	list-style-type:none;
	margin:0 0 0 0;
	}
	
#mainmenu li {
	padding-top:5px;
	padding-bottom:5px;
	padding-left:10px;
	}
	
ol#submenu li {
	padding:0px;
	}
	
li.current {
	background-color:#a6000a;
	}
	
#menuboxtop {
	height:20px;
	width:200px;
	background: url("../images/menuboxtop.gif") no-repeat;
	}

#menuboxbottom {
	height:20px;
	width:200px;
	background: url("../images/menuboxbottom.gif") no-repeat;
	}
	
p#edina	{
	width:103px; 
	height:46px;
	font-size:1em;
	position:relative;
	} 

p#jisc	{
	width:62px; 
	height:32px;
	font-size:1em;
	position:relative;
	margin-top:20px;
	} 


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


#mainmenu a {
	color:white;
	text-decoration:none;
	}
	
#text a {
	text-decoration:none;
	}
	
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:0px;
	}

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:0px;
	}
	
	
/*=====================TABLES======================*/

#components {
	width:490;
	}

#components td, #components th {
	border: 1px #333333 solid;
	vertical-align:top;
	color:#333333;
	}
	
#components th {
	font-weight:bold;
	}