/* oucs styles from ltg website */


/* ################# OUCS HEADER STYLES ######################## */

/* New header styles */
div#headerOuter {
	position:relative;
	height:7.85em; /* 100px */
	min-height: 100px !important;
	width:100%;
    background-color: #fff;
}
div#upperBarOuter {
	position:relative;
	height:4.39em; /* 56px */
	min-height: 56px !important;
	
	background-color:#dddddd;
	background-image:url(http://www.oucs.ox.ac.uk/images/UpperBar.jpg);
	background-position:right bottom;
	background-repeat:repeat-x;
	
	vertical-align:bottom;
}
div#lowerBarOuter {
	position:absolute;
	bottom:0;
	left:0;
	width:100%;
	height:2.82em; /* 36px */
	min-height: 36px !important;
	
	background-color:#000066;
	background-image:url(http://www.oucs.ox.ac.uk/images/LowerCrest-000000.gif);
	background-repeat:no-repeat;
	background-position:right top;
}
div#lowerBarInner {
	padding: 8px 0 0 70px;
	color:#FFFFFF;
}
div#logoOuter {
	position:absolute;
	left:0;
	top:1.57em;
	width:70px;
	height:6.28em; /* 80px */
	min-height: 80px !important;
	
	background-image:url(./images/OUCSLogo-000000.gif);
	background-repeat:no-repeat;
	background-position:left;
}
div#globalNavOuter {
	position:absolute;
	top:0;
	right:36%;
	color:#000066;
}
div#searchOuter {
	position:absolute;
	top:0;
	right:0;
	width:18em; /* 230px */
	height:1.7em; /* 22px */
	min-height: 22px !important;
	
	color:#FFFFFF;
	background-image:url(http://www.oucs.ox.ac.uk/images/SearchCorner-000000.gif);
	background-position:left bottom;
	background-repeat:no-repeat;
}
div#searchInner {
	font-size:80%;
	padding-left:22px;
}
div#searchInner input {
	margin:0;
	padding:0;
}
div#upperBarOuter h1 {
	position:absolute;
	left:0;
	bottom:2px;
	margin:0;
	padding:0;
	padding-left:70px;

	font-size:200%;
	color:#ffffff;
}

div#trailOuter {
	color:#999999;
	text-align:left;
	padding-left:5px;
	font-size:80%;
}
div#trailOuter a, div#trailOuter a:link, div#trailOuter a:visited {
	color:#999999;
	
}

#hdr {
	background-color: #fff;
	height: auto;
	background-image: none;
}

#columns, #nocolumns {
	font-size: 1.15em;
}

#globalNavOuter a, #globalNavOuter a:link, #globalNavOuter a:visited {
	color:#000066;
	text-decoration: underline;
}
legend {
	display: none;
}
fieldset {
	padding:0;
	width: 20em;
	border: none;
}

.gobutton {
	background-color: transparent;
	color: #fff;
	border: none;
} 
input {
	
	margin-top:2px;
}

/* ----------------- OUCS LTG Defaults ------------------ */

/* ltg-home page presentation file */


.hidelink{
	/*display : none;*/
	visibility : hidden;
}

.homepageheading {
background-color:#333;
color:#FFF;
display:block;
font-size:1.4em;
font-weight:bold;
margin:5px 0;
padding:2pt;
border-bottom:none;
}
.homepagesideheading {
        margin-top: 5px;
        margin-bottom: 5px;
	padding: 2pt; 
	color: white;
	text-align: center;
	background-color: #999999;
	
}

.sidehead {margin-top: 5px;
        margin-bottom: 5px;
	padding: 2pt; 
	color: White;
	text-align: center;
	background-color: #999999;
	
}

FORM {
	font-family : Arial,Helvetica,sans-serif;
	/*font-size : 80%;*/
width: 175px;
}

INPUT {
	font-family : monospace;
	font-size : 12px;
}	
			
			
			



/* extra styles needed for the front page */
/*#header{*/
	/*width: 100%;*/
/* margin: 0;
 background-image: url("/images/bg.gif");
 color: #000000;
 background-color : #000066;
 background-repeat : no-repeat;
 height : 63px;
background-position : top right;
 }*/
#mainMenu{
left: 0;
right: 0;
 color: #000066;
 background-color : Gray;
 padding-left : 5px;
 padding-bottom : 2px;
 padding-top : 2px;
 padding-right : 5px;
 border-top : 1px;
 border-bottom : 1px; 
 border-right : 0px;
 border-left : 0px;
border-top-color : #ffffff;
border-bottom-color : #000;
 border-style: solid;

}

#main {
  background-color : #DEE7F8;
  
}
#col-a{
	padding : 0;
}
#ltgbanner{
	 background-color : #DEE7F8;
	 
	margin : 0;
	padding : 1px 10px 0px 10px;
}
#ltgbanner ul {
	list-style-type : none;
	text-indent : 36px;
}

.service{
	border : 1px;
	border-color : #cccccc;
	border-style : solid;
	/*padding: 5px;*/
	margin : 10px;
	background-color : #DEE7F8;
	padding-top: 1px;
	margin: 0;
}

a:visited:hover.whitelink {
	color : white;
	text-decoration:underline;
}
a:visited.whitelink {
	color : white;
}
a:link.whitelink {
	color : white;
			}


.whitelink{
	color : white;
}

/*Joes changes to main css styles*/
div#ltgbanner
{

background-color: #fff;

}

div#footer
{

background-color: #fff;

}

/*li.nav

{

list-style: none;
border-bottom:1px solid #333;
border-left:1px solid #333;
border-right:1px solid #333;
padding: 3px;

text-align: left;

font-weight: normal;
}
*/
li.nav a

{
color:#333;
font-weight: normal;
}

div.sidecol ul

{
border-top:1px solid #333;
padding: 0px;

margin:0px;
background-color: #eee;
}


div.show-all

{
background-color: #fff;
}

div#header

{
background-color: #eee;
}


div.main-content a

{
color: #333;
text-decoration: underline;
}

div.main-content a:hover

{
color: #999;
text-decoration: underline;
}

#ltgbanner a.toplink{
	text-decoration: underline;
}
#ltgbanner a.toplink:hover {
	color: #999;
}
div.service

{
background-color: #fff;
padding: 0px;
margin-bottom: 8px;
}

div.service h2

{

margin: 0px;
padding: 10px;
}

div.service h2.homepageheading
{

padding-left: 5px;
padding-top: 1px;
padding-bottom: 1px;
}

div.service p

{

padding-left: 10px;
}
div.cols-wrapper
{
background-color: #fff;
border-left:1px dashed #ccc;
border-right:1px dashed #ccc;
border-bottom:none;
}

div#columns
{
background-color: #fff;

}
a.toplink
{
font-weight: normal;
}

a.toplink:visited:hover, a.toplink:hover {
font-weight: normal;
}
div#footer img

{
padding-top: 15px ;
}

h2
{
background-color: #666;
}
h2.homepagesideheading
{
background-color: #666;

}
h2.sidehead
{
background-color: #666;
}

div.show-all#main div#mainMenu
{
background-color: #333;
text-align: center;
padding:2px 0pt 2px 10px;
}

ul.topnav
{

padding: 0px;
margin:0px;

margin-left:10px;

display: inline;
}

ul.topnav li

{
display: inline;
list-style: none;
border-right:1px solid #fff;
margin:0px;
padding: 0px;
padding: 5px;

align: center;

font-weight: normal;
}

 div#mainMenu a.skiplinks
{visibility: hidden;
/*	border: none;
	border-right:1px solid #fff;
padding-right: 15px;
	color: #ccc;
	font-weight : normal;
	text-style : italic;
	display: inline;
	font-size:0.9em;
align: left;*/
}
  div#mainMenu a.skiplinks:hover
{
	border: none;
	border-right:1px solid #fff;
padding-right: 15px;
color: #fff;
font-weight : normal;
text-style : italic;
display: inline;
font-size:0.9em;
}


div#genlinks  ul li.nav a.toplink{
	font-weight : normal;
	}
	
	div.genlinks  ul li.nav a.toplink{
	font-weight : normal;
	}
	

 #ltgbanner{
margin:15px;
	 background: url("../images/smallpage.jpg");
	 background-repeat : no-repeat;
	 font-size: inherit;
	 height: 72;
}
 
  #ltgbanner p{
  display: super;
  font-size: 1em;
  	letter-spacing: 0.02em;
line-height: 1.2em;
 margin-left:80px;
 
margin-bottom:15px;

}

div#header-wrapper
{
background: url("../images/smallpage.jpg");
 
background-repeat: no-repeat;
	background-position: top left;
	/*background-color: transparent;*/
}


 
 h2.homepagesideheading
{
text-align: left;
background-color: #fff;
color: #333;
font-size: 1.1em;
}
h2.sidehead
{
text-align: left;
background-color: #fff;
color: #333;

}
 
li.nav

{
text-align: left;
border-bottom:none;
border-left:none;
border-right:none;
margin-bottom: 7px;
list-style: none;
margin-left: 0;
padding: 0;
}




div.sidecol ul

{
border-top:none;
padding: 0;
margin: 0;
background-color: #fff;
list-style-position:outside;
}


div.greybox{
	padding: 3px;
	margin-top: 3px;
	border: none;
	}
	html>body div.greybox /* hack to stop IE using the border */
	{
	border: 1px solid  #ccc;
}
}

.ltg-tag{
	font-size: 0.9em;
	color: Gray;
}

ul.rss {
	list-style-type : none;
	color:#333;
font-weight: normal;

}
.rss li a {
	color:#333;
font-weight: normal;

}

ul.rss li a {
border-bottom:none;
font-weight: normal;
text-decoration: underline;
}

/* Added ACM to make oxitems list look halfway decent */
ul.rss li{
margin-bottom: 1em;
}

ul.rss li a:hover /*a:hover, ul.rss li a:visited:hover*/ {
	text-decoration: underline;
	font-weight: normal;
	color: #999;
	background-color: transparent;
border-right: none;
border-bottom:none;
}

a img {
	border: none;
}

.sld {
	float: right;
	top: 0;
}


/* New header styles */
div#lowerBarOuter {
	z-index:2002;
	background-image:url(/images/ltg/LowerCrest-000000.gif);
	background-color: #000;
	}

div#logoOuter {
	z-index:2002;
	background-image:url(/images/ltg/OUCSLogo-000000.gif);
}


div#searchOuter {
	background-image: url(/images/ltg/SearchCorner-000000.gif);
}

div#globalNavOuter {

	color:#000;
}


/* end of new header styles */

/* top menu fix */
div#mainMenu ul.topnav li

{
margin:3px;
padding: 0 5px 0 0;

}
div#mainMenu ul.topnav li a {
color:#FFFFFF;
font-weight:bold;
text-decoration:none;
}
/* end fix */

/* site wide navbar  */

#globalNavOuter a:link, #globalNavOuter a:visited {
color:#000066;
font-weight: bold;
text-decoration: underline;
}

#columns, #nocolumns, #col-c {
font-size: inherit;
}


div#mainMenu a.skiplinks
{visibility: hidden;
	
}

/*style unordered lists in main content with bullet discs  */
div.content ul li {
list-style-type: disc;
list-style-position: inside;
display: list-item;
margin-bottom: 3px;
}

/* float images inside div of class illustrated-item  */

div.illustrated-item img
{
float: left;
margin-right: 15px;
margin-bottom: 15px;
}

div#ltg-highlights, div#ltg-aims
{
clear: both;
}

/* general oucs stuff ends*/

/* courses box styles */

.coursesbox li.listheading {
    color:#fff;
    display:block;
    margin:0pt;
    padding:2px;
    padding-left:2em;
    font-weight: bold;
    background-color: #4f87a4;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
}
.coursesbox {
    border:1px solid #CCCCCC;
    padding:5px;
    background-color: #c8d9e2;
    list-style-type:none;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
}
div.content  ul.coursesbox li{
    padding:3px;
    list-style: none;
}
.coursesbox li.item a{
    text-decoration:none;
    color:#000;
    margin-left:2em;
}
.coursesbox li.item a:hover{
    text-decoration:underline;
    color:#f00;
}
.box {
    margin: 0 1em;
}


.clear {
	clear: both;
}
.rssbox {
	float: right;
	margin-right: 0;
	margin-top: 0;
	width: 40%;
}