body 
{
    background: #bcc4ca;
    color: #fff;
    font: 75% Lucida Sans, Arial, Georgia;
    font-weight:bold;
    padding: 25px 0px 0px 0px;
    margin : 0px;
}

h1
{
    font-size: 2em;
    color : #fff;
    margin:0;
    padding:0;
}

h2 
{
    font-size:1.2em;
    margin:0 0 14px 0;
}

h3
{

}

p 
{
    margin:8px 0;
}

a, a:visited, a:active , a:link
{
    color:#fff;
    text-decoration: none;
}

a:focus 
{
    text-decoration: underline;}

a:hover 
{
    text-decoration: underline;
}

em
{
    font-style:italic;
}

/* Main layout styles */

div.content
{
    clear:both;
    background: transparent url(../../../../images/shadowright.gif) 960px 0 repeat-y;
	position:relative;
}

div#wrapper 
{
    width:970px;
	margin:0 auto;
}

div.utility ul
{
    display:block;  
    padding:8px 0 8px 0; 
    color:#000;   
    margin:0;
    float:left;
	font-weight:400;
}

div.utility ul li
{
    float:left;
    list-style:none outside none;
    padding:0 5px 0 0;
}

div.utility ul li a,
 div.utility ul li a:visited
{
    color:#000;   
    font-size:1em;
}
div.utility ul li.address
{
    color:#6A797F;
}


div.utility ul#accessibility li
{
    padding:0 4px;
}

ul.fonts,
ul.links
{
    margin-top:3px !important;
}

/* HEADER */
div#header 
{
    clear:both;

    width:960px;
    border:none !important;
}

div#header .topbar
{
    background-color:#000;   
    height:60px;
}

div#header .redbar
{
    height:20px;
    background-color:#a02720;
    padding:12px 16px 14px 20px;
	width:924px;
	zoom:1;
}

div#header #logo  {
	display:inline;
	zoom:1;
}

div#header #logo img 
{
    padding:0 5px 5px 0;
    float:right;
    border: none;
}

div#header h1 
{
	color:#fff !important;
    padding:25px 0px 7px 20px;
}

select#quickLinks
{
    float:left;
}

div#searchBox
{
    float:right;
    padding-right:8px;
}

div#searchBox input {
	background: #fff url(../../../../images/search.gif) no-repeat 0.2em 0.1em;
	border: solid 1px #000;
	padding:2px 0 0 18px;
	height:15px !important;
    width:142px;
    float:left;
    margin-right:3px;
    font-size:1em;
	color: #000;
}

div#searchBox .tbox
{
    background: #fff url(../../../../images/search.gif) no-repeat 0.2em 0.1em;
    padding:2px 0 0 18px;
    height:15px !important;
    width:142px;
    float:left;
    margin-right:3px;
    font-size:1em;
	color: #000;
}

div#searchBox a
{
    zoom:1;
}

/* div#searchBox a img
{
    float:left;
    padding-top:1px;
} */

/*Bullet styles */
div.core ul li
{
    list-style:none;
    list-style-position:inside;
}

div.core ul li ul
{
    margin:0 0 0 10px !important;
}

div.core ul li ul li
{
    list-style:none url(../../../../images/bullet-dash.gif) inside;
    margin-left:5px;
}

/* HOME PAGE CONTENT */
div#homeleft
{
	clear:both;
	position:absolute;
	top:103px;
	zoom:1;
}

div#homeright
{
    float:left;
	position:absolute;
	top:93px;
	left:158px;
	zoom:1;
}

div#homeright .mainstory 
{   
    clear:both;
    font-family:Georgia, Lucida Sans, Arial; 
    padding:55px 0 0 38px;   
    width:27em;
}

div#homeright .mainstory h1
{
    font-weight:normal;
    font-size:5em;
    line-height:1em;
	color: #fff; /* edited by AJS to stop a_dark_red h1 editor title overriding white color */
}

div#homeright .mainstory p ,
div#homeright .mainstory p a,
div#homeright .mainstory p a:visited
{
    color:#fff;
    font-size:1.167em;  
    margin-bottom:8px;
    font-weight:normal;
	text-decoration: none;
}

div#homeright .mainstory p a:hover {
	text-decoration: underline;
}

/* NEWS */
div#homeright .newswrapper
{
    float:left;
    width:300px;
    height:150px;
    position:absolute;
    top:375px;
    left:37px;
	z-index:100 !important;
}

div#homeright .newswrapper .transparency
{
    position:absolute;
    z-index:1;
} 

/* EVENTS */
div#homeright .eventswrapper
{
    float:left;
    width:150px;
    height:150px;
    position:absolute;
    top:375px; 
    left:343px;
}

div#homeright .eventswrapper .transparency
{
    width:150px;
    height:150px;
    position:absolute;
    z-index:1;
}

/* added by AJS Natasha's update for light and dark text styling */

div#homeright .mainstory h1.Light
{
	color:#fff;
}

div#homeright .mainstory p.Light a
{
	color:#fff!important;
	text-decoration: none;
	font-size: 0.9em;
}

div#homeright .mainstory h1.Dark
{
	color:#000;
}

div#homeright .mainstory p.Dark a
{
	color:#000;
	text-decoration: none;
	font-size: 0.9em;
}



/* end of homepage styling light and dark text update */


.news,
.events
{
    position:relative;
    z-index:10;
    padding:10px;
    font-weight:normal;
}

.story
{
    position:relative;
}

div#homeright .news .left,
div#homeright .news .right 
{
    float:left;   
    width:130px;
}

div#homeright .news .left 
{
    padding-right:10px;
}

div#homeright .news .right
{
    background:transparent url(../../../../images/vertical-divider.gif) repeat-y;
    padding-left:10px;
	height:100px;
	min-height: 100px;
	margin-bottom: 10px;
}

div#homeright .news span,
div#homeright .events span 
{
    /* font-weight:normal; */
    line-height:1.2em;
}

div#homeright .news h2,
div#homeright .events h2
{
	color: #fff;
}

div#homeright .story p,
div#homeright .events p
{
    font-size:1em;
    margin-bottom:10px;
    line-height:1.2em;
}
div#homeright .news a.rss 
{
    position:relative;
    margin-top:-30px;
    float:right;
    color:#fff;
    padding-left:18px;
    background: url(../../../../images/rss.gif) no-repeat 0 1px;
}


/* BACKGROUND IMAGE */
div#homeimage
{
height:541px;
}


/*End home page content */
.top
{
    display:inline;
}


div#maincontent
{
    background-color:#fff;
    color:#000;
    width:960px;
    padding:17px 0 25px 0;
    overflow:auto;
}
div#maincontent div.left
{
    clear:both;
    float:left;
    margin-left:20px;
	width:191px;
}

div#maincontent div.right
{
    float:left;
    width:195px;
    /*background:#D9E2E8;*/
    /*padding:9px;*/
    margin:0 0 7px 30px;
    zoom:1;
}

div#maincontent div.righttop, div.rightmiddle, div.rightbottom {
	background:#D9E2E8;
    padding:9px;
	margin: 7px 0 0 0;
}

div#maincontent div.right h2
{
    border-bottom:solid 1px #fff;
    padding-bottom:4px;
    margin:0;
	color:#A02720;
}

div#maincontent div.right h3
{
    margin-top:12px;
}

div#maincontent div.right ul
{
    font-weight:normal;
    padding-top:10px
}

div#maincontent div.right p
{
    font-weight:normal;
}

div#maincontent div.right a
{
    color:#808284;
	text-decoration:underline;
}

/*core page */
div.centre
{
    font-weight:normal;
    white-space:normal;
    width:672px;
    float:left;
    zoom:1;
	line-height:1.6em;
	margin-left: 30px;
}

div.centre.wide
{
    width:700px;
}

div.centre img
{
    margin: 0 15px 15px 0;
    float:left;
}

div.centre.course img
{
    margin: 0 0 15px 0 !important;
}

div.centre.course ul
{
    float:left;
    margin:15px 0 0 0;
}

div.centre ul.col2
{
    margin-left:25px;
}

div.centre ul li
{
    padding:2px 0 2px 10px;
    background:transparent url(../../../../images/bulletred.gif) 0 7px no-repeat;
}

div.centre ul li a
{
    color:#A02720;
    font-weight:400;
}

div.coursenav ul
{
    width:238px;
}

div.coursenav ul li a
{
    font-weight:bold !important;
}
div.centre h1
{
    color:#000;
    font-size:1.7em;
    margin-bottom:17px;
	line-height:25px;
}

div.centre a 
{
    color:#A02720;
	text-decoration:underline;
}

/* FOOTER */
div#footer
{
    width:962px;
    background:transparent url(../../../../images/shadowbottom.gif) 0 0 repeat-x;
    padding-top:10px;
    padding-bottom:5px;
	margin-top:-2px;
}

div#footer .utility ul
{
    float:left;
    margin:0;
    padding:0;
}

div#footer .utility a 
{
    color:#000;
    float:left;
	font-size:1em;
}

div#footer a
{
    float:right;
    color:#6a7a7f;
    padding-bottom:10px;
}


div#footer p
{
	clear:both;
	margin:0 0 4px 0;
	color:#000;
	font-weight:400;
	float:left;
	font-size:0.9em;
}

/* Edited by AJS
Tabbed containers */

.holder {width:500px; margin:5px; padding:1em; border:1px solid #ddd;}
.holder h2 {text-align:left;}
a.hid {color:#000; text-decoration:none; outline-style:none;}
a.hid em {display:none;}
a.hid:hover {text-decoration:none;}
a.hid:active, a.hid:focus {background:#fff;}
a.hid:active span, a.hid:focus span {display:none;}
a.hid:active em, a.hid:focus em {display:block; color:#555; width:100%; font-style:normal; cursor:default;}

/* end of tabbed containers styling */

/* Pseudo delicious tag cloud styling */

#delicious a:hover {text-decoration: underline;}

#delicious ul {list-style-type: none; margin: 0; padding: 0;}

#delicious li {display: inline; margin: 0; padding: 0;}

#delicious .footer {font-size: 12px;}
#delicious .footer a:visited {color: blue;}

#delicious .small {font-size: 14px;}
#delicious a:link.small, #delicious a:visited.small {color: #a05120;text-decoration: none;}
#delicious a:hover.small {text-decoration: underline;}

#delicious .smaller {font-size: 10px;}
#delicious a:link.smaller, #delicious a:visited.smaller {color: #20a067;text-decoration: none;}
#delicious a:hover.smaller {text-decoration: underline;}

#delicious .big {font-size: 18px;}
#delicious a:link.big, #delicious a:visited.big {color: #606060;text-decoration: none;}
#delicious a:hover.big {text-decoration: underline;}

#delicious .bigger {font-size: 22px;}
#delicious a:link.bigger, #delicious a:visited.bigger {color: #000000;text-decoration: none;}
#delicious a:hover.bigger {text-decoration: underline;}

/* end of delicious tag cloud styling */

/* Event styling added by AJS */

/* Main Events Calendar Style */
 .eventCalendar  {font-size: 1em; padding:3px; width:700px;}
 /* Month Section */
 .eventMonth   {background-color:#EFEFEF; border:1px solid #A9A9A9; padding:0px; vertical-align:top; width:21%;}
 .eventMonthTitle {background-color:#C6C4C4; color: #656565; padding:3px; text-align:center;}
 .eventMonthContent {height:auto; overflow:auto; border-top:1px solid #A9A9A9; padding-left:3px;}
 .eventItem   {margin-top:2px; margin-bottom:2px;}
 /* Details Section */
 .eventArea    {background-color:#EFEFEF; border:1px solid #A9A9A9; padding:0px; vertical-align:top; width:37%;}
 .eventDetails  {margin:7px;}
 .eventHeader  {margin-bottom:4px;}
 /* Key Section */
 .eventFooter  {background-color:#EFEFEF; border:1px solid #A9A9A9;}
 .eventList   {list-style-type:none; margin-top:0px; margin-bottom:0px;}
 .eventKey   {float:left; margin-left:-10px;}  
 /* 'eventTypes' defined in 'Site Optons' above */
 .eventKeyDefault {color:gray; text-decoration:none;}
 .eventKeyConcertProgramme{color:red; text-decoration:none;}
 .eventKeyFullListOfEvents {color:blue; text-decoration:none;}
 .eventKeyPublicAndInauguralLectures {color:green; text-decoration:none;}
 .eventKeyTrade  {color:magenta; text-decoration:none;}
 .eventKeyOther  {color:cyan; text-decoration:none;}

/* end of events calendar styling */

/* styling for dot1x continue buttons*/
.clear { /* generic container (i.e. div) for floating buttons */
    overflow: hidden;
    width: 100%;
}

a.button {
    background: transparent url('http://downloads.hull.ac.uk/images/bg_button_a.gif') no-repeat scroll top right;
    color: #444;
    display: block;
    float: left;
    font: normal 18px arial, sans-serif;
    height: 24px;
    margin-right: 6px;
    margin-top:20px;
    padding-right: 18px; /* sliding doors padding */
    text-decoration: none;
}

a.button span {
    background: transparent url('http://downloads.hull.ac.uk/images/bg_button_span.gif') no-repeat;
    color:black;
    display: block;
    line-height: 14px;
    padding: 5px 0 5px 18px;
}

a.button:active {
    background-position: bottom right;
    color: #000;
    outline: none; /* hide dotted outline in Firefox */
}

a.button:active span {
    background-position: bottom left;
    padding: 6px 0 4px 18px; /* push text down 1px */
}
/* end of styling for dot1x continue buttons*/