/* new styling for site, established by Joseph Talbot, OUCS, Spring 2011 */

/* colour scheme info at bottom of this file, pleaase keep it at bottom... */


h1
{
font-size: 1.4em;
}


h2
{
font-size: 1.25em;
}


h3
{
font-size: 1.15em;
}


h4
{
font-size: 1.1em;
}


body
{
background-color: #eee;
font-size: 0.9em;
}

.bold
{
font-weight: bold;
}

.italic
{
font-style: italic;
}

.smallfont
{
font-size: 0.8em;
}

.name
{
font-weight: bold;
}

.datetime
{
font-style: italic;
}

div#all
{
position: relative;
width: 970px;
margin-left: auto;
margin-right: auto;
margin-bottom: 50px;
/*
border: 1px solid red;
*/
background-color: white;
background: #fff  url('interface/header-shell.png') no-repeat 0px 0px;
background: #fff  url('interface/header-shell-nocrest.png') no-repeat 0px 0px;
background: #fff url('interface/header-istok-font.jpg') no-repeat 0px 0px;

}


div.topbanner
{

height: 150px;
background-color: transparent;

}



.site-title
{
position: absolute;
top: -9000px;
}

div.leftcol
{
/*
border: 1px solid green;
*/
width: 200px;
margin: 0px;
margin-left: 20px;
margin-top: 20px;

}

div#content
{
/*
border: 1px solid blue;
*/

width: 700px;
padding: 20px;
padding-top: 0px;
float: right;
}


div#footer
{
/*

border: 1px solid blue;

*/

clear: both;
text-align: center;
padding: 20px;
padding-top: 50px;
color: #999;
font-size: 0.85em;
}



h1#pagetitle
{
clear: both;
padding-bottom: 0px;
margin-top: 18px;
margin-bottom: 5px;

}
/* hide the text inside the h1 on the homepage */
span#homepage-welcome
{
position: absolute;
top: -9000px;
}

div.midcol
{
width: 400px;
/*
border: 1px solid gray;
*/
float: left;
}

div.rightcol
{
/*
border: 1px solid gray;
*/
width: 220px;
float: right;
}


/* hide skiplinks */

.invisilinks
{
position: absolute;
top: -9000px;
}


/* mainlinks styles */



div.linksbanner
{
padding-top: 5px;
padding-bottom: 5px;
}

div.mainlinks 
{



}

div.mainlinks a
{


border-left: 1px solid white;
border-right: 1px solid white;
text-decoration: none;
color: #fff;
padding: 5px;
padding-left: 10px;
padding-right: 10px;

}


div.mainlinks a:focus,
div.mainlinks a:hover
{
text-decoration: underline;

}




/*  homelink in nav */


a#homelink
{
padding-left:  80px;
padding-right: 80px;
margin-left: 20px;
margin-right: 30px;
}


/* homepage link positioned over hedaer text */
a#sitetitle
{
position: absolute;
top: 30px;
left: 30px;
display: block;
width: 770px;
height: 85px;

}


/* Uni homepage link
*/

a#oxHomeLink
{
padding: 0px;
margin-top: 30px;

font-size: 0px;
color: #002147;

width: 197px;
height: 61px;

border: none;
border-left: 2px solid #002147;
border-right: 1px solid #002147;
background: #002147  url('interface/ox_brand3_pos_rect.gif') no-repeat 0px 0px;


}


/* styles for left col stuff  */


.leftcol a
{
font-size: 0.97em;
display:block;
padding: 3px;
padding-left: 5px;

margin-bottom: 3px;
color: #666;

border: 1px solid #aaa	;
border-right-width: 5px;
background-color:#f7f7f7;
text-decoration: none;


}



.leftcol a:focus,
.leftcol a:hover

{
border-color: #bbb;
background-color:#eee;
}


.leftcoltit
{
font-size: 0.95em;
border-top: 1px solid #e1e1e1;
border-bottom: 2px solid #e1e1e1;

display:block;
text-align: center;

margin-top: 10px;
}

/* styles for quicklinks  */

.quicklinks a
{

}

.commonlinks a
{


}

.leftcol .search
{
margin-top: 10px;
margin-bottom: 20px;
border: 1px solid #ccc;
padding: 0px;
padding-top: 0px;
padding-bottom: 3px;
text-align: center;
}


form#searchform
{
padding: 0px;
margin: 0px;
}

label#searchlabel
{
background-color:#f7f7f7;
border-bottom: 1px solid #ccc;
display: block;
padding: 3px;
font-sixe: 1.2em;
margin-top: 0px;

}


div.search div.input
{
margin: 5px;
padding: 5px;
border: 1px soild red;
}



/* styles for GSA search result pages  */


div.search table,
div.search td {

background: transparent;

}

body.ox_search_results .commonlinks {

  display: block;
  margin-top: 30px;

}


div#content .g a:link,
div#content .g a:visited,
div#content .g a:active,
div#content .g a:link:hover,
div#content .g a:focus,
div#content .g a .l

 {
color: #002147 ;
}


div#content td.s font{

color: #40719a;

}


/* styles for content images  */

div#content img
{
border: 7px solid #f7f7f7;
float: left;
margin-right: 15px;
margin-bottom: 5px;

}





div.image
{
color: #999;
text-align: center;
font-size: 0.9em;
}


div.image p
{
margin-top: 2px;
}



/* undo general image float style*/
div#content div.image img
{
float: none;
display: block;
margin: 5px auto 5px auto;
}



/*right floated narrow column for displaying small images  */
div.image.right
{

float: right;
width: 200px;
margin-left: 10px;
margin-bottom: 10px;
}


/*left floated narrow column for displaying small images  */
div.image.left
{

float: left;
width: 200px;
margin-right: 10px;
margin-bottom: 10px;
}

/* full-width centered div for large images */


div.image.block
{
clear: both;
padding-top: 10px;
}




/* homepage styling */


div.maincol
{


width: 480px;
float: left;
margin: 0px;
padding-top: 0px;


}



div#introtext
{
margin-top: 0px;
padding-top: 0px;


}

div#introtext p
{

margin-top: 3px;
}

div#highlights div
{


width: 240px;
float: left;
}


div#highlights div#activities
{

}


div#seasonal
{


width: 200px;
float: right;
margin: 0px;
}


div#seasonal .item
{
background-color: #f4f6fb;
padding: 0px;
border: 1px solid #617795;


margin-bottom: 10px;
}

div#seasonal .item p
{
padding: 5px;
margin-top: 0px;
}


div#content div#seasonal .item img
{
display: block;
margin: 5px auto 5px auto;
float: none;
border: 1px solid #617795;

}




div#content div#seasonal h2
{

font-size: 0.9em;
background-color: #b3bdcb;
background-color: #c9d3e1;
color: #002147;
border-bottom: 1px solid #617795;

padding: 3px;
margin-bottom: 0px;
margin-top: 0px;
}



div#highlights ul, div#highlights ul li
{
padding: 0px;
margin: 0px;
list-style: none;
}


div#highlights a
{
display: block;
background-color: #eee;
width: 230px;
height: 100px;

border :1px solid white;
margin: 3px;

background: #fff  url('interface/homepage/highlights/zoo.jpg') no-repeat 0px 0px;

border:1px solid #fff;




}





div#highlights a:hover,
div#highlights a:focus
{

border-color: #333;



}


div#highlights a#ent
{
background-image:  url('interface/homepage/highlights/ent.jpg') ;

}


div#highlights a#geo
{
background-image:  url('interface/homepage/highlights/geo.jpg') ;

}


div#highlights a#min
{
background-image:  url('interface/homepage/highlights/min.jpg') ;

}


div#highlights a#zoo
{
background-image:  url('interface/homepage/highlights/zoo.jpg') ;

}


div#highlights a#whatson
{
background-image:  url('interface/homepage/highlights/whatson.jpg') ;

}

div#highlights a#schools
{
background-image:  url('interface/homepage/highlights/schools.jpg') ;

}

div#highlights a#learningzone
{
background-image:  url('interface/homepage/highlights/learningzone.jpg') ;

}

div#highlights a#learningmore
{
background-image:  url('interface/homepage/highlights/learningmore.jpg') ;

}


/* database form styles start */


/* styles for all forms that appear in the main content div (i.e. not the site search form) */


div#content form
{

width: 400px;
text-align: right;	
margin: 20px 0px;
color: #B52C00;
/*clear: both;*/

}


div#content form input,
div#content form select
{
margin: 0px 0px 0px 10px;

}


/* database form styles end */



/* hide elements that are superfluous in full visual mode  */
.nonvis
{
position:absolute;
top: -9000px;
}



/* default colour scheme for the site - used on homepage, common links, search results, etc.

main bar color: #002147

link border color: #e7eaee

link focus bg colour: #b3bdcb

link bg colour: #e7eaee

leftcol title bg color: #cdd4dd
*/

body
{
background-color: #cdd4dd;
}

.linksbanner {
	background-color: #002147;
}
.homelink { /* defines the 'Home' link */
	background-color: #002147;
}
.mainlinks { /* defines the horizontal links banner - main navigation */
	background-color: #002147;
}


.leftcoltit { /* colour of title in leftcol */
	color: #002147;
}
.quicklinks a{ /* coloured links in leftcol */
	color: #002147;
}
.midcol a{ /* colour of links in main text*/
  color: #002147;
}
.spacer {
    background-color: #002147;
}


div#content a,
div#content h1,
div#content h2,
div#content h3,
div#content h4,
div#content h5,
div#content h6

{
 color: #002147;
}


div#content img
{
border-color: #cdd4dd;
}



.leftcol .quicklinks a,
.leftcoltit

{
border-color: #617795;
}



.leftcol .quicklinks a
{
background-color: #e7eaee;
}

.leftcol .quicklinks a:focus,
.leftcol .quicklinks a:hover


{
background-color: #b3bdcb;
border-color: #002147;
}

/* colour scheme stuff ends  */