/* CSS Document */

@import url("reset-min.css"); /* ------- Reset all CSS Styles */

/*##############################################################
Colours Styles
Blue:   #31849B
Orange: #E39B22
Yellow: #FAE697
Red:    #994346
Grey:   #333333
##############################################################*/

 /* =GENERAL - the general styles */
body {	
	background-image: url(/paleobiology/images/page_background.gif); 
	background-repeat:repeat-x;
	background-color:#FAE697;
	font: 75%/1.6 Verdana, Arial, Helvetica, sans-serif;
	}

h1 {
	color: #e39b22;	
	font-size: 18px;
	padding-top:0px;
	padding-bottom:15px;
	line-height: 15px; 
	font-weight:bold;
	text-indent:0px;
}

h2 {
	color: #31849b;	
	font-size: 15px;
	padding-top:20px;
	padding-bottom:10px;
	line-height: 15px; 
	font-weight:bold;
	text-indent:0px;
}

h3 {
	color: #31849b;	
	font-size: 12px;
	padding-top:20px;
	padding-bottom:10px;
	line-height: 15px; 
	font-weight:bold;
	text-indent:0px;
}

u { text-decoration:underline;}
em { font-style:italic;}
strong { font-weight:bold;}
ol li {list-style: decimal;}
ul li{list-style:disc;}
blockquote {margin: 0;	padding: 0;	text-indent: -0.4em;}
img {border: 0px;}
p { padding-top:15px;}

/*##############################################################
HEADER 
##############################################################*/

#pagecontainer {margin: 20px auto;	width: 925px;}

#content {
	width: 910px;
	float: left;
	background-image: url(/paleobiology/images/content_background.gif);
}

#title_image {
	width: 910px;
	height: 195px;
}

/*##############################################################
Left/Right Colunm and Navigation
##############################################################*/

#leftcontainer{ 
  width: 150px; 
  padding-top:10px;
  padding-left:10px;
  padding-right:10px;
  position: relative;
  float: left;
}

#leftcolumn {
	width: 130px;
	height: 240px;
	text-align:left;
	padding-top: 20px;
	margin-left:10px;
	padding-left:10px;
	position: relative;
    background-image:url(/paleobiology/images/leftmargin_bgimg.gif);
}



/* NAVIGATION */
#nav { 
	margin:2px; 
	padding:0px; 
	width:110px;
	float:left;
	border-width:1px 0; 
} 

#leftcolumn li { 
	display:block;
	padding-top:3px;
	padding-bottom:3px;
	padding:0px;
	margin:0px; 
	width:115px;
	text-decoration:none;
	border-bottom:1px solid #31849b;
} 
#leftcolumn li:first-child a { 
	border-top:1px solid #31849b; 
} 
#leftcolumn a:link, 
#leftcolumn a:visited { 
	color:#333333;
	font-weight:bold;
	text-decoration:none;
	padding:0px; 
	width:115px; 
} 
#leftcolumn li a:hover { 
	color:#333333; 
	font-weight:bold;
	background:#c8dde3;
	width:115px;
	text-decoration:none;
} 
#leftcolumn ol li hover { 
	background:#c8dde3;
} 

ol li a {display: block; width: 115px; text-decoration: none;}

/* Active links css controls */
#home #nav-home a, 
#update #nav-update a, 
#practicals #nav-practicals a, 
#links #nav-links a, 
#figures #nav-figures a, 
#past #nav-past a,
#instructor #nav-instructor a { 
	background:#c8dde3;
	width:115px;
	color:#333333; 
	font-weight:bold;
} 

#home #nav-home a:hover, 
#update #nav-update a:hover, 
#apracticals #nav-practicals a:hover, 
#links #nav-links a:hover,  
#figures #nav-figures a:hover,  
#past #nav-past a:hover, 
#instructors #nav-instructor a:hover { 
	background:#c8dde3;
	font-weight:bold;
} 

#nav li a:active { 
	background:#c8dde3;
	color:#333333; 
	font-weight:bold;
} 
/* Navigation CSS end */



/* RIGHT MARGIN CSS */
#rightcontainer{ 
  width: 150px; 
  padding-top:10px;
  padding-right:10px;
  margin-right:10px;
  position: relative;
  float: right;
  text-align:center;
}

#rightcolumn {
	width: 130px;
	text-align:center;
	padding-top:20px;
	padding:10px;
	position: relative;
    background-image:url(/paleobiology/images/rightmargin_bgimg.gif);
	height:250px;
}

#rightcolumn img {
	border:solid; 
	border-width:1px; 
	color:#666666; 
	padding:5px;
	margin:0px;
	margin-bottom:-5px;
}
#rightcolumn a {color: #333333;	font: bold 11px Verdana, Arial, Helvetica, sans-serif;	text-decoration:underline;}
#rightcolumn hr {color:#CCCCCC; margin-top:10px;}
#rightcolumn p {line-height:5px;}

/*##############################################################
MainContent Styles
##############################################################*/

#mainContent {
	float: left;
	width:550px;  
	position: relative;
	z-index: 1; /*Need to give low Z-index number to stop menu appearing behined maincontent*/
	margin-top:10px;
	padding-bottom:10px;
	overflow:visible;

}

#main_bodycontent { 
	width:540px;
	clear: both;
	padding:10px 0px 10px 10px;
	padding-bottom:15px;
	margin-bottom:-5px;
	margin-top:-5px;
	position:inherit;
	overflow:visable;
	display:compact;
	word-wrap:break-word;
	background-image:url(/paleobiology/images/main_whitebg.gif);
}

#main_bodycontent li {margin-left: 25px;}
#main_bodycontent ul, #mainContent ol {margin: 1em 150px 1em 1em;}
#main_bodycontent hr {margin:10px; width:515px; color:#c8dee4; border-style:solid; border-width:thin;}
.top_format a {text-align:right; color:#999999; text-decoration:none; font-size:11px; padding-right:15px;}
.pdf_sizeFormat {color:#990000; font-size:10px; font-style:italic; font-weight:500;}

#main_topcornerimage { 	
	width:540px;  
	position: relative;
	margin:0px;
	padding: 0px;
}

#main_bottomcornerimage { 	
	width:540px;  
	position: relative;
	margin:0px;
	padding: 0px;
}

/*##############################################################
FOOTER
##############################################################*/

#footer {
	clear: both;
	height: 50px;
	width:910px;
	position: relative;
	vertical-align:middle;
	background-image: url(/paleobiology/images/content_background.gif);
}
#footer_image {
	width:180px;
	height: 25px;
	padding-right:20px;
	float:right;
	margin-top:0px;
	padding-bottom:5px;
}

#footerlinks {
	width:550px;
	height: 25px;
	float:left;
	display: inline; 
	padding-left:15px;
	margin-top:5px;
	color: #FFFFFF;
	font: bold 11px Verdana, Arial, Helvetica, sans-serif;
}

#footerlinks a {color: #FFFFFF;	font: bold 10px Verdana, Arial, Helvetica, sans-serif;	text-decoration: none;}
#footerlinks a:hover {color: #e39b22;}

#footer hr {color:#FFFFFF; border-style:solid; border-width:thin; width:96%; margin-bottom:5px;}

#footer_shadow {
	width:915px;
	height:15px;
	padding-bottom:10px;
	margin-top:-5px;
}