/* ----------------------------------------------------------------------------------------------------------
1) HTML tags, reset
---------------------------------------------------------------------------------------------------------- */

* {margin:0; padding:0;}
body, div, span, p, a, img, ul, ol, li, caption, table, thead, tbody, tfoot, tr, th, td, form, fieldset, legend, label, dl, dt, dd, blockquote, applet, object, h1, h2, h3, h4, h5, h6 {border:0;}
body {padding-bottom:20px; background:url("http://www.abdn.ac.uk/geology/design/bg.gif") 0 0 repeat-x; font:0.8em/1.5 "arial",sans-serif; text-align:center; /* added from scheme */  background-color:#bfbfbf; }

h1, h2, h3, h4, h5, h6 {margin:15px 0 10px 0;}
h1 {font-size:180%;}
h2 {font-size:160%;}
h3 {font-size:140%;}
h4 {font-size:120%;}
h5 {font-size:100%;}
h6 {font-size:140%;}

p, table, ul, ol, dl, fieldset {margin:15px 0;}

a {color: #000; text-decoration:none; }				/* added from scheme - remove underline from all links not otherwise described */
a:hover {color: #555; text-decoration:underline;}		 /*  added from scheme, changed from bdc6ca */

table {border-collapse:collapse; border-spacing:0; font-size:100%; /* from main-msie */ width:620px !important}
th {text-align:center; font-weight:bold; }
th, td {padding:3px 7px; /* from main-msie */ padding:5px 7px;}

ul, ol {margin-left:30px;}
ul ul, ol ol {margin:0; margin-left:20px;}
ol {list-style-type:decimal;}
li {display:list-item;}

dt {font-weight:bold;}
dd {margin-left:30px;}

/* following replaced back in css */
fieldset {position:relative; padding:10px; /* from main-msie */ margin-top:30px;}
legend {position:absolute; top:-1em; margin:0; padding:5px 10px; font-size:100%; font-weight:bold;}

/* ----------------------------------------------------------------------------------------------------------
2) Universal styles (display, float, margin, text-align...)
---------------------------------------------------------------------------------------------------------- */

.box {min-height:1px; /* from main-msie */ height:1%;}
.box:after {display:block; visibility:hidden; clear:both; line-height:0; font-size:0; content:".";}

.relative {position:relative;}

.clear {clear:both;}

.noscreen {display:none;}

/* ----------------------------------------------------------------------------------------------------------
3) Generally HTML styles (table, ul, dl...)
---------------------------------------------------------------------------------------------------------- */

ul.ul-style01 {margin:15px 0 15px 20px; padding:0; list-style:none;}
ul.ul-style01 li {margin:0; padding:0; padding-left:15px; background:url("http://www.abdn.ac.uk/geology/design/ul-style01.gif") 0 5px no-repeat;} 
ul.ul-style01 ul {margin:0; padding:0; list-style:none;}
ul.ul-style01 ul li {background:url("http://www.abdn.ac.uk/geology/design/ul-style01-sub.gif") 0 5px no-repeat;}

/* ----------------------------------------------------------------------------------------------------------
4) Layout
---------------------------------------------------------------------------------------------------------- */

#main {width:910px; margin:0 auto; text-align:left;}

#header {position:relative; height:100px; background:url("http://www.abdn.ac.uk/geology/design/header.jpg") 0 0 no-repeat; overflow:hidden; /* added from scheme  background-color:#000; */  }
#header-discipline {
	position:absolute; 	top:10px; 	left:18px; /* 666px; */	margin:0; 	font-size:200%; 
	letter-spacing:-1px; 	font-weight:normal; 	width: 600px;
}
#header-discipline span {font-weight:bold;}
#header-discipline a {text-decoration:none; color:#FFFFFF;}
        
#header-school { 	position:absolute; 	top:60px; 	left: 18px; width:600px; font-size:120%;
	font-weight:normal; 	font-style:italic; 	text-align:left; }
#header-school a { text-decoration:none; color: #999999; }

#uoacrest { 	position:absolute; 	top:11px; 	left:773px; 	margin:0; 	width: 40px; height=47px }  
/* text link in header   */
#textversion { 	position:absolute; 	top:75px; 	right:16px; 	margin:0; 	 }   
	#textversion a { color:  #CCCCCC;	font-weight:bold; text-decoration:none;  }   
	#textversion a:hover { color:#FFF;	font-weight:bold; text-decoration:none;  }    
	
#nav {padding:0 15px 5px 6px; background:url("http://www.abdn.ac.uk/geology/design/nav.gif") 0 100% no-repeat;  /* added from scheme  */ background-color:  #D9D9D9; }
	#nav ul {margin:0; padding:0; list-style:none;}
    #nav ul li {display:inline; margin:0; padding:0;}
    #nav ul li a {display:block; float:left; padding:12px 15px 12px 14px; background:url("http://www.abdn.ac.uk/geology/design/nav-link.gif") 100% 0 repeat-y; text-decoration:none; /* added from scheme */ color: #555; }
    #nav ul li#nav-active a {font-weight:bold; text-decoration:none; /* added from scheme */ color: #000;} /* active page */
	#nav ul li a:hover {color: #000;} /* added from scheme */

#cols {
		width:910px; /*  width included to display whitebox in IE6 subfolders*/
		background:url("http://www.abdn.ac.uk/geology/design/cols.gif") 0 0 repeat-y;
		/* added from scheme */ background-color: #FFF; }

#content {float:left; width:655px; overflow:hidden;}
	/* #content #content-title {margin:0; padding:15px 15px 10px 20px; background:url("http://www.abdn.ac.uk/geology/design/content-title.gif") 0 0 no-repeat; font-size:140%; font-weight:normal;
	 background-color:#000; color:#FFFFFF;  }	*/		/* added from scheme */
	#content #content-in {padding:15px 15px 10px 20px;}
        
#aside {float:right; width:255px; overflow:hidden;}       
    /* #aside #aside-title {margin:0; padding:15px 15px 10px 15px; background:url("http://www.abdn.ac.uk/geology/design/aside-title.gif") 0 0 no-repeat; font-size:140%; font-weight:normal;
	 background-color: #000; color:#FFF; }	*/			/* added from scheme */
    #aside .aside-in {padding:10px 10px 15px 10px; }
    #aside .aside-in-top {padding:10px 10px 15px 10px; background:url("http://www.abdn.ac.uk/geology/design/aside-in.jpg") 0 0 no-repeat;}
	#aside .aside-box {padding:10px; background:url("http://www.abdn.ac.uk/geology/design/aside-box.jpg") 0 0 no-repeat;} 
    #aside .title {margin:0 5px 0 0; padding:10px 15px;  }    

#cols-top {width:910px; height:12px; background:url("http://www.abdn.ac.uk/geology/design/cols-top.gif") 0 0 no-repeat; font-size:0;}
#cols-bottom {width:910px; height:12px; background:url("http://www.abdn.ac.uk/geology/design/cols-bottom.gif") 0 0 no-repeat; font-size:0;}
    
#footer {width:870px; height:40px; padding:20px 20px 0 20px; background:url("http://www.abdn.ac.uk/geology/design/footer.gif") 0 0 no-repeat;font-size:80%; width:910px; height:60px; /* from main-msie */ color:#CCCCCC; /* added from scheme color:#999; */ 
}
   	#footer p {margin:0; }
	#footer a {color:#CCCCCC;}  /* 	added from scheme */ 
 	#footer a:hover {color:#FFF;} 	/* added from scheme */ 
/* #footer {background-color:#ff0; color:#999;} removed from scheme to remove extra black box below footer */
 
#browsertype { text-align:center; color:#000000;  }  /* message about browser type in footer.php, added from scheme */

/* ----------------------------------------------------------------------------------------------------------
5) Page: Home
---------------------------------------------------------------------------------------------------------- */

/* #perexhome {margin-left:0px; padding:0px;} */

/* #perex {margin-left:5px; padding:15px; background:url("http://www.abdn.ac.uk/geology/design/perex.gif") 0 100% no-repeat; /* added from scheme  border-top:1px solid #2A2A2A; background-color:#000; color:#CCC;}
	#perex p {margin:0;}
	#perex a {color:#CCC;} /* added from scheme 
	#perex a:hover {color:#bdc6ca;} /* added from scheme - may need changing to 555 like a:hover*/


#sections {
	background-color: #FFFFFF;
	background-image: url(http://www.abdn.ac.uk/geology/design/sections.gif);
	background-repeat: repeat-y;
	background-position: 0 0;
}
#sections-bottom {width:620px; height:7px; background:url("http://www.abdn.ac.uk/geology/design/sections-bottom.gif") 0 0 no-repeat; font-size:0;}

.section { 	float:left; width:231px; }
    .section p {margin:0;}
    .section.margin {margin:0 10px;}
/* section h3 - discipline headings above image in aside - normal font */
    .section h3 {margin:0; padding:10px; background:url("http://www.abdn.ac.uk/geology/design/section-title.gif") 0 0 no-repeat; font-size:100%; /* added from scheme */ color:#555; }
	.section h3 a {color:#555;} /* added from scheme */
	.section h3 a:hover {color:#000;} /* added from scheme */
/* section h4 - discipline headings above image in aside - small font */
	.section h4 {margin:0; padding:10px; background:url("http://www.abdn.ac.uk/geology/design/section-title.gif") 0 0 no-repeat; font-size:90%; /* added from scheme */ color:#555; }
	.section h4 a {color:#555;}  /* added from scheme */
	.section h4 a:hover {color:#000;} /* added from scheme */
/* section h5 - background of text without image */
	.section h5 {margin:0; padding:10px; padding-bottom:15px; background:url("http://www.abdn.ac.uk/geology/design/section-button.gif") 0 0 no-repeat; font-size:100%;  color:#555; }
	.section h5 a {color:#555;}  
	.section h5 a:hover {color:#000;}  
	.section.fix {margin-right:-3px;} /* from main-msie */
    .section-in {margin-bottom:10px; padding:0 10px 10px 10px; /* added from scheme */ border-bottom:1px solid #DADADA; /* from main-msie */ padding-top:5px; }
	.section h6 {margin:0; padding:10px; background:url("http://www.abdn.ac.uk/geosciencesdesign/section-title.gif") 0 0 no-repeat; font-size:100%;}

dl#news, dl#news dd {margin:0;}
dl#news dt {clear:both; padding-left:8px; } 
dl#news dd {margin:7px 0 10px 0; padding-bottom:10px; 
/* from main-msie */ margin:5px 0 10px 0;
/* added from scheme */ border-bottom:1px solid #CACACA; color:#555;}
dl#news dd span.date {padding-right:10px; background:url("http://www.abdn.ac.uk/geology/design/date.gif") 100% 50% no-repeat; font-size:85%; font-weight:bold; /* added from scheme */ color:#0288CA;}

dl#asidemenu, dl#asidemenu dd {margin:0;}
dl#asidemenu dt {clear:both; padding-left:8px; } 
dl#asidemenu dd {padding-bottom:10px;  margin:5px 0 10px 0; border-bottom:1px solid #CACACA; color:#555;}
dl#asidemenu dt img{margin:10px;}

/* Date field in news pages */
.date {
	font-size:80%;
	color: #000000;
}

/* caption in news pages  */
.caption-left {
	font-size: 8pt;
	line-height: 8pt;
}

/*positioning images in various pages */
.image-border { /*for images */
	padding:3px;
	border:1px solid #021a40;
	background-color:#ffffff;
}
.table-left {
	float: left; 	clear: left;     margin-left: 0px;     margin-top: 0px;     margin-right: 4px;     margin-bottom: 4px; 	padding:2px;
}

.table-right {
	float: right; 	clear: right;    margin-left: 4px;     margin-top: 0px;     margin-right: 0px;     margin-bottom: 4px; 	padding:2px;
}

/* specific table sizing */
table.twoequalcolumns td{ width:300px; text-align:left; vertical-align:top;}  
   

/* occasional highlighting */
.highlight { color:#FF0000; }

/* buttons in pgrapps */
.formbutton {
	font-size: 80%; color: #000000; background-color:#cccccc; 
}