/* Marine Parasites CSS (www.marineparsites.com)
 * Copyright (C) 2009 Elysium Design (http://www.elysiumdesign.net.au)
 */

html { 
}

body {
	margin: 0px;
	padding: 0px;
	background-color: #030b1c;
	color: white;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
}

body#home-bg {background: #030b1c url(../images/home-bg.jpg) no-repeat center top;}
body#parares-bg {background: #030b1c url(../images/parasites-bg.jpg) no-repeat center top;}
body#paradiv-bg {background: #030b1c url(../images/parasites-bg.jpg) no-repeat center top;}
body#research-bg {background: #030b1c url(../images/resnews-bg.jpg) no-repeat center top;}
body#staff-bg {background: #030b1c url(../images/staff-bg.jpg) no-repeat center top;}
body#ack-bg {background: #030b1c url(../images/ack-bg.jpg) no-repeat center top;}

h1, 
h2 {
	text-indent: -1000000px;
	margin: 0px;
	padding: 0px;
}

h3 {
	font-size: 1em;
}

a {
	outline: none;
}

p {
	margin-top: 0px;
	line-height: 1.3em;
	letter-spacing: -0.1px;
}

#wrapper {
	width: 100%;
	margin: 0 auto;
}

#wrapper_outer {
	width: 100%;
	margin: 0 auto;
	background: url(../images/wrapper_outer-bg.png) center top;
}

#wrapper_inner {
	width: 960px;
	margin: 0 auto;
}

#header {
	width: 960px;
	height: 65px;
	margin: 0 auto;
}

.bg-padding {
	background: red;
}

#logo_wrapper {
	background: url(../images/1x1blue40.png) repeat;
	float:left;
	height:65px;
	margin-right:1px;
	width:300px;
}
 
#logo {
	background: url(../images/mplogo.png) no-repeat;
	width: 311px;
	height: 65px;
	float: right;
}

#logo a {
	display: block; 
	width: 297px;
	height: 65px;
}

#logo h1 {
	text-indent: -100000px;
}

#menu {
	list-style-type: none;
	padding: 0px;
	margin: 0px;
	height: 63px;
}

#menu li {
	float: left;
	position: relative;
	list-style-type: none;	
	font-size: 11px;
	color: white;
}

#menu #home a,
#menu #parasites a ,
#menu #fishhosts a, 
#menu #research a,
#menu #staff a,
#menu #acknowledgements a {
	display: block;
	height: 65px;
	text-indent: -100000px;	
}
	
#menu #home a{
	background: url(../images/menu.png) 0px 0px;
	width: 92px;
}

#menu #parasites a{
	background: url(../images/menu.png) -92px 0px;
	width: 97px;
	cursor: default;	
}

#menu #fishhosts a {
	background: url(../images/menu.png) -189px 0px;
	width: 100px;
	cursor: default;
}

#menu #research a {
	background: url(../images/menu.png) -289px 0px;
	width: 99px;
	cursor: default;	
}

#menu #staff a {
	background: url(../images/menu.png) -388px 0px;
	width: 72px;
}

#menu #acknowledgements a {
	background: url(../images/menu.png) -460px 0px;
	width: 170px;
}

/* Menu "over" states */
#menu #home a:hover {background-position: 0px -65px;}
#menu #parasites a:hover {background-position: -92px -65px;} 
#menu #fishhosts a:hover {background-position: -189px -65px;}
#menu #research a:hover {background-position: -289px -65px;}
#menu #staff a:hover {background-position: -388px -65px;} 
#menu #acknowledgements a:hover {background-position: -460px -65px;} 
	


/* Menu "on" states */
#menu #home.on a {background-position: 0px -130px;}
#menu #parasites.on a {background-position: -92px -130px;}
#menu #fishhosts.on a {background-position: -189px -130px;}
#menu #research.on a {background-position: -289px -130px;}
#menu #staff.on a {background-position: -388px -130px;} 
#menu #acknowledgements.on a {background-position: -460px -130px;} 



/* Sub menu
   ----------*/

#menu li:hover ul  {
	display: block;
}

#menu li ul {
	position: absolute;
	left: -40px;
	top: 65px;	
	display: none;	
}

#menu li li {
	margin-top: 1px;
}

#menu #home li a,
#menu #parasites li a ,
#menu #fishhosts li a, 
#menu #research li a,
#menu #staff li a,
#menu #acknowledgements li a {
	background: url(../images/1x1blue30.png) repeat;
	color: white;	
	color: #d0d0d0;
	text-decoration: none;
	display: block;
	height: 24px;
	text-indent: 0px;	
	width: 100px;
	padding-left: 20px;
	padding-top: 8px;	
	cursor: pointer;
	cursor: hand;
}

#menu #fishhosts li a {
	width: 145px;
	padding-left: 5px;
}

#menu #fishhosts li a img {
	border: 0px;
	vertical-align: middle;
	padding-right: 6px;
	
}

/* Sub menu hover states */
#menu li li:hover {
	background: url(../images/1x1blue30.png) repeat;	
}

#menu #parasites li a:hover {
	color: #f6d84e;
	color: white;
}

#menu #fishhosts li a:hover {
	color: #eb9729;
	color: white;
}

#menu #research li a:hover {
	color: #ef9b99;
	color: white;
}

#menu #staff li a:hover {
	color: #83bdcd;
	color: white;
}

#menu #acknowledgements li a:hover {
	color: #a2bf90;
	color: white;
}


/* Content panels 
   ----------------------*/
 
.line {
	background: url(../images/1x1blue50.png) repeat;
	height: 1px;
	width: 100%;
	margin: 5px 0px 5px 0px;
}
 
.content_outer a {
	outline: none;
	text-decoration: none;
	border-bottom: 1px dotted white;
	color: white;
}

.content_outer a:hover {
	border-bottom: 1px solid white;	
} 
 
.content_outer {
	font-size: 14px;
}

.content_outer .heading {
	float: left;
	display: block;
	background:url(../images/1x1blue50.png) repeat;
	width: 100%;
	height: 54px;
	margin: 0px;
	/*background: url(../images/heading-dis-bg.png) no-repeat left top;*/
}

.content_inner {
	float: left;
	clear: both;
	background: url(../images/1x1blue30.png) repeat;	
	width: 100%;
	padding: 10px;
	/*background: url(../images/content-dis-bg.png) no-repeat left bottom;*/
}

.content_outer .heading,
.content_inner {
	padding: 10px 15px 10px 15px;
}

.content_inner ul {
	padding-bottom: 5px; 
}
.content_inner ul li {
	padding-bottom: 8px;	
}


/* Home 
   ----------*/

.content_outer#home a {
	outline: none;
	text-decoration: none;
	border-bottom: 1px dotted #f7cdb6;
	color: #f7cdb6;
}

.content_outer#home a:hover {
	border-bottom: 1px solid #f7cdb6;	
} 
   
.content_outer#home {
	width: 426px;
	padding-left: 20px;
	float: left;
}

.content_outer#home #line {
	width: 100%;
	float: left;
	background: url(../images/home-line.png) no-repeat 326px 0px;
	height: 170px;
}

.content_outer#home .heading {
	height: auto;
}

.content_outer#home .heading h2 {
	background:url(../images/home-h2.png) no-repeat;
}

.content_outer#home .heading h3 {
	background:url(../images/home-h3.png) no-repeat;
	height: 41px;
}

#home-bg #footer {
	margin-top: 300px;
}


/* Parasites - Parasite Research  
   ------------------------------*/  

.content_outer#parares a {
	outline: none;
	text-decoration: none;
	border-bottom: 1px dotted #f6d84e;
	color: #f6d84e;
}

.content_outer#parares a:hover {
	border-bottom: 1px solid #f6d84e;	
} 

.content_outer#parares {
	width: 410px;
	padding-left: 60px;
	float: left;
}

.content_outer#parares #line {
	width: 100%;
	float: left;
	background: url(../images/parasites-line.png) no-repeat 110px 0px;
	height: 90px;
	padding-left: 20px;
}

.content_outer#parares .heading {
	height: auto;
}

.content_outer#parares .heading h2 {
	background:url(../images/parares-h2.png) no-repeat;
}


/* Parasites - Parasite Diversity  
   ------------------------------*/  

.content_outer#paradiv a {
	outline: none;
	text-decoration: none;
	border-bottom: 1px dotted #f6d84e;
	color: #f6d84e;
}

.content_outer#paradiv a:hover {
	border-bottom: 1px solid #f6d84e;	
} 

.content_outer#paradiv {
	width: 410px;
	padding-left: 60px;
	float: left;
}

.content_outer#paradiv #line {
	width: 100%;
	float: left;
	background: url(../images/parasites-line.png) no-repeat 110px 0px;
	height: 90px;
	padding-left: 20px;
}

.content_outer#paradiv .heading {
	height: auto;
}

.content_outer#paradiv .heading h2 {
	background:url(../images/paradiv-h2.png) no-repeat;
}

#paradiv-bg #footer {
	margin-top: 170px;
}



/* Research - News  
   --------------------*/  

.content_outer#research a {
	outline: none;
	text-decoration: none;
	border-bottom: 1px dotted #f09ba6;
	color: #f09ba6;
}

.content_outer#research a:hover {
	border-bottom: 1px solid #f09ba6;	
} 

.content_outer#research {
	width: 100%;
	padding-left: 60px;
	float: left;
}

.content_outer#research #line {
	width: 100%;
	float: left;
	background: url(../images/research-line.png) no-repeat 229px 0px;
	height: 90px;
}

.content_outer#research .heading {
	height: auto;
	width: 410px;	
}

.content_outer#research .heading h2#resnews {
	background:url(../images/resnews-h2.png) no-repeat;
}

.content_outer#research .content_inner {
	background: url(../images/1x1blue40.png) repeat;
	width: 410px;
}

#parares-bg #footer {
	margin-top: 110px;
}


/* Research - Media  
   --------------------*/  

.content_outer#research .heading {
	height: auto;
}

.content_outer#research .heading h2#resmedia {
	background:url(../images/resmedia-h2.png) no-repeat;
}

.content_outer#research .content_inner {
	background: url(../images/1x1blue40.png) repeat;
}


.content_outer#research #media-list {
	list-style-type: none;
	padding-left: 0px;
	padding-right: 10px;
/*
	list-style-image: url(images/pdf-large.png);	
	vertical-align: middle;
	background-position: 5px 5px;
*/
}
.content_outer#research #media-list li {
	background: url(../images/pdf-large.png) no-repeat 0px 0px;	
	padding-left: 40px;
	padding-bottom: 20px;
}

body.media #footer {
	margin-top: 300px;
}


/* Research - Gallery  
   --------------------*/  

.content_outer#gallery a {
	outline: none;
	text-decoration: none;
	border-bottom: 1px dotted #f09ba6;
	color: #f09ba6;
}

.content_outer#gallery a:hover {
	border-bottom: 1px solid #f09ba6;	
} 

.content_outer#gallery {
	width: 100%;
	padding-left: 0px;
	float: left;
}

.content_outer#gallery #line {
	width: 100%;
	float: left;
	background: url(../images/research-line.png) no-repeat 289px 0px;
	height: 90px;
}

.content_outer#gallery .heading {
	height: auto;
	width: 930px;	
}

.content_outer#gallery .heading h2#gallery {
	background:url(../images/resgallery-h2.png) no-repeat;
}

.content_outer#gallery .content_inner {
	background: url(../images/1x1blue40.png) repeat;
	width: 930px;
}


/* Staff  
   ------------------------------*/  

.content_outer#staff p {
	margin: 0px;
	font-size: 11px;
}

.content_outer#staff a {
	outline: none;
	text-decoration: none;
	border-bottom: 1px dotted #bbbef8;
	color: #bbbef8;
}

.content_outer#staff a:hover {
	border-bottom: 1px solid #bbbef8;	
} 

.content_outer#staff {
	width: 930px;
	float: left;
}

.content_outer#staff #line {
	width: 100%;
	float: left;
	background: url(../images/staff-line.png) no-repeat 206px 0px;
	height: 90px;
	padding-left: 20px;
}

.content_outer#staff .heading {
	height: auto;
}

.content_outer#staff .heading h2 {
	background:url(../images/staff-h2.png) no-repeat;
}

.content_outer#staff .profile h3 {
	margin-top: 0px;
	margin-bottom: 5px;
	color: #caccf2;
}

.content_outer#staff .profile_block {
	float: left; 
	margin-bottom: 30px;
}

.content_outer#staff .profile {
	width: 300px;
	float: left;
	text-align: center;
}

.content_outer#staff .profile#left {
	padding-right: 30px;
	width: 270px;	
}

.content_outer#staff .profile#middle {
	width: 300px;
}

.content_outer#staff .profile#right {
	padding-left: 30px;
	width: 270px;	

}

.content_outer#staff .profile img {
	padding: 1px;
	background: url(../images/1x1blue50.png) repeat;
	margin-top: 5px;
	margin-bottom: 5px;
}

.content_outer#staff .content_inner {
	background: url(../images/1x1blue40.png) repeat;
}

.content_outer#staff #offcolab,
.content_outer#staff #othercolab {
	margin-top: 20px;
}

.content_outer#staff #offcolab {
	width: 930px;
}

.content_outer#staff #offcolab img,
.content_outer#staff #othercolab img {
	border: 1px solid #3e3f55;
}

.content_outer#staff #offcolab #left,
.content_outer#staff #offcolab #right {
	width: 250px;	
}

.content_outer#staff #offcolab #left {
	padding-left: 200px;
	padding-right: 0px;
}

.content_outer#staff #offcolab #right {
	float: right;
	padding-right:200px;
	padding-left: 0px;
}

.content_outer#staff h3#resstaff,
.content_outer#staff h3#offcolab,
.content_outer#staff h3#othercolab {
	margin: 0 auto;
	margin-bottom: 20px;
	margin-top: 10px;
	height: 22px;
	text-indent: -100000px;
}

.content_outer#staff h3#resstaff {
	background: url(../images/staff-h3-resstaff.png) no-repeat;
	width: 133px;
}

.content_outer#staff h3#offcolab {
	background: url(../images/staff-h3-offcolab.png) no-repeat;
	width: 195px;
}

.content_outer#staff h3#othercolab {
	background: url(../images/staff-h3-othercolab.png) no-repeat;
	width: 183px;
}

.content_outer#staff .profile_block#othercolab #right {
	text-align: center;
	font-weight: normal;
}

.content_outer#staff .profile_block#othercolab ul {
	margin-top: 0px;
}

.content_outer#staff .profile_block#othercolab ul li {
	color: #bbbef8;
	font-weight: bold;
	margin-bottom: 10px;
}

.content_outer#staff .profile_block#othercolab .title {
	font-size: 11px;
	color: white;
}


/* Acknowledgements  
   --------------------*/  

.content_outer#ack a {
	outline: none;
	text-decoration: none;
	border-bottom: 1px dotted #b5f1a5;
	color: #b5f1a5;
}

.content_outer#ack a:hover {
	border-bottom: 1px solid #b5f1a5;	
} 

.content_outer#ack {
	width: 100%;
	padding-left: 20px;
	float: left;
}

.content_outer#ack #line {
	width: 100%;
	float: left;
	background: url(../images/ack-line.png) no-repeat 109px 0px;
	height: 90px;
}

.content_outer#ack .heading {
	height: auto;
	width: 450px;
}

.content_outer#ack .heading h2 {
	background:url(../images/ack-h2.png) no-repeat;
	height: 32px;
}

.content_outer#ack .content_inner {
	width: 450px;
}

#footer {
	width: 100%;
	text-align: center;
	background: url(../images/1x1blue30.png) repeat;	
	clear: both;
	padding: 10px;
	font-size: 11px;
	margin: 70px 0px 20px 0px;
	float: left;
	color: #bac2d1;
	position: relative;
	bottom: 0px;
}

#footer a {
	color: #bac2d1;
	text-decoration: none;
	margin: 0px 5px 0px 5px;
	
}

#footer a:hover {
	color: white;
	text-decoration: none;
	border-bottom: 1px dotted white;	
}

#footer #elysiumdesign {
	width: 50px;
	height: 21px;
	margin: 0 auto;
	margin-top: 8px;
}

#footer #elysiumdesign a {
	width: 50px;
	height: 21px;
	display: block;
	border: none;
	text-decoration: none;
	background: url(../images/elysiumdesign.png) no-repeat;

}

#footer #elysiumdesign a:hover {
	background-position: 0px -21px;
}