@charset "UTF-8";

/* CSS Document */

/*******************   DIV styling properties   *******************/

* {
	border:0;
	padding:0;
	margin:0;
}

body {
	background-color:#05131a;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
}

#centerer {
	width: 900px;
	margin: 0 auto;
}

#container {
	background-color: #FFFFFF;
	float: left;
}

#header {
	background-image:url(../images/header/lernz_header_logo.png);
	background-repeat:no-repeat;
	background-position:right;
	float:left;
	width: 900px;
	margin:auto;
	margin-bottom:20px;
	}

/*contains breadcrumb and topnav*/

#breadcrumb {
	height:12px;
	margin-top:5px;
	color:#666666;
	float:right;
	}

#topnav {
	width:900px;
	float:left;
	margin-top:205px;
	padding-right:5px;
	text-align:right;
	}

#main {
	width:880px;
	float:left;
	clear:both;
	padding: 0px 20px 0px 0px;
}

#leftbar {
	margin-top:8px;
	float:left;
	width:180px;
	}

#leftnav {
	margin-bottom:20px;
}


#rightbar {
	margin-top:12px;
	width:650px;
	/*min-height:500px;*/
	float:left;
	position:relative;
	margin-left:40px;	
	}

#subhead{
padding: 0px 10px 10px 0px;
}

#lernzblurb{
padding: 18px 10px 10px 0px;
float:left;
width:350px;
margin: 0px 10px 10px 0px;
}

#recentpublic{
padding: 10px 10px 10px 0px;
width:600px;
float:left;
}

#homeimage {
	margin: 0px 10px 10px 15px;
	float:left;
	text-align:center;
	border:thin solid	#CCCCCC;
	padding:10px;
	}
	
#sensingbuoyad{
	margin:28px 0px 5px 18px;
	float:right;
	text-align:center;
	border:thin solid	#CCCCCC;
	width:152px;
}
		

#info {
	width:663px;
	/*min-height:500px;*/
	float:left;
	position:relative;
	margin-left:37px;
	margin-right:37px;
}

#extra {
	margin-top:20px;
}

#footer {
	text-align:center;
	width:890px;
	font-size:11px;
	line-height:14px;
	background-color:#FFFFFF;
	float:left;
	padding:40px 0px 20px 6px;
}


/*******************   More specific internal DIV Properties   *******************/


#topnav input#button {
	color:#FFFFFF;
	font-size:12px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	cursor:help;
	border: thin inset #666666;
	background-color: #666666;
	width:60px;
	padding:0px;
}

#topnav input{
	padding:2px;
	width:150px;
	margin:3px 3px 3px 7px;;
	float:right;
}

#breadcrumb a {
	text-decoration:none;
	color:#666666;
}

#breadcrumb a:hover {
	color:#333333;
	text-decoration:none;
	}


/*******************   First level nav   *******************/


#leftnav ul {
	list-style:none;
	margin-left:25px;
	font-size:12px;
		}
	
#leftnav li a{
	font-weight: normal;
	color:#000000;

}	

#leftnav li {
	border-bottom:1px #BBBBBB solid;
	padding-top:10px;
	padding-bottom:3px;
}

#leftnav li a:hover {
	color:#999999;
	text-decoration:none;
}

/*******************   Second level nav   *******************/

#leftnav ul ul {
	margin-left:15px;
	margin-top:5px;
}

#leftnav ul ul li {
	border:none;
}


/*******************   Third level nav   *******************/
#leftnav ul ul ul li a {
	font-size:10px;
}

/********************** footer styling *********************/

#footer ul {
	margin-bottom:5px;
}

#footer li {
	display:inline;
		}	
	
#footer ul.padding li {
padding:0 12px 0 12px;
}


/*******************   content styling properties   *******************/


/*******************   TEXT styling properties   *******************/
/*  H tags like H2 and H4 are reserved for headings, only use these for text which is some form of
heading otherwise use a p (which stands for paragraph) and style it directly using classes and ID's  */

#cpy {
text-align:right;
} /*this may not be needed - query delete */

/*#rightbar .inlineimage{
margin-left:15px;
margin-right:15px;
margin-top:15px;
margin-bottom:15px;
float:right;
}*/

.indent {
	/*list-style:none;*/
	margin-left:30px;
	/*font-size:13px;*/
	color:#333333;
}

.indent a {
	text-decoration:underline;
}

.indent a:hover {
	color:#333333;
}

h1, h2, h3, h4, h5, h6{
color:#333333;
font-weight:100;
}

h1 {/*title*/
	font-size:24px;
	padding-bottom:20px;
}

h2 {/*sub-title*/
	font-size:17px;
	padding-bottom:10px;
	
}

h3 { /*for the people pages  AND  on the contact us page*/
	font-size:15px;
	padding-bottom:10px;
	clear:both; /*for people page dont delete plz*/
}


p {
	font-size:12px;
	font-weight:100;
	color:#000000;
	padding-bottom:12px;
}

p a {
	font-size:12px;
	font-weight:100;
	padding-bottom:12px;
}

p a:hover {
	font-size:12px;
	font-weight:100;
	color:#333333;
	padding-bottom:12px;
}

p.publication {
        text-align:justify;
}

#rightbar p {
	line-height:18px;
	
}

#rightbar p a {
	text-decoration:underline;
}

#rightbar a.toplink{
	font-size:12px;
	float:right;
	clear:both;
	
}

#rightbar a:hover.toplink{
	color:#333333;
}

#rightbar p.qua{
padding: 0 0 0 0;
}

/*******************   Links properties   *******************/
a {
	/*text-decoration:underline;*/
	/*font-size:12px;*/
	color:#000000;
}

a:hover {
	/*text-decoration:underline;*/
	/*font-size:12px;*/
	color:#000000;
}

	
#leftbar a {
	text-decoration:none;
}
	
.current {
	color:#999999;
	}

a.current {
	color:#999999;
	}

#peopleimage{
margin-right:15px;
margin-bottom:10px;
	float:left;
	
	}
	/*centered image*/
	IMG.centred {
    display: block;
    margin-left: auto;
    margin-right: auto }


	
#rightbar ul.menulist {
	list-style:none;
	float:left;
	/*padding-top:10px;*/
    margin-left:20px;
	width:600px;
}

#rightbar ul.menulist li {
float:left;
width:200px;
padding:2px 40px 2px 60px;
}

div#rightbar #menubar {
	border: 1px solid #999;
	float:left;
	margin-bottom:10px;
	padding:20px;
	width:600px;
}


#rightbar ul.list li{ /* Robyn new style for people list*/
margin-left:15px;
line-height:18px;
padding-bottom:12px;
}



/* andrews new stuff here */

.nb, .nb a, .nb a:hover { /*these are for notes, how you would write nb. blahh */
font-size:10px;
}
/*
#rightbar hr {
margin:5px 0;
}*/

#rightbar hr { /*remove hr from line 13 */
	background-color:#666;
	height:1px;
	margin-bottom:8px;
	margin-left:1em;
	width:600px;
}


.sb { /*means Space Below */
margin-bottom:15px;
}

/* ncea page table style*/
table{
margin-bottom: 10px;}

td {
	border: #999999  1px solid;
	margin:0;
	padding:8px;

}
.tablebg {
background-color:#CCCCCC;

}
.tablebg2 {
background-color:#999999;

}
td h4{
text-align:center;
}


.lake table {
text-align:center;
width:90%;
margin:6px auto;
}

.lake table, .lake th, .lake td {
border:1px solid #666;
}

.imgcap {
text-align:left;
font-size:10px;
padding-bottom:0;
}





/*********************************************************************************************************************************************************/
/*********************************************************************************************************************************************************/
/**********************************    NO NEW CSS BELOW THIS LINE. ALL CODE BELOW THIS AREA IS PENDING REVIEW     ****************************************/
/*********************************************************************************************************************************************************/
/*********************************************************************************************************************************************************/



/*******************   Home styling properties   *******************/

/*
#homeindent {
	list-style:disc;
	margin-bottom:5px; ***this is good because it puts a 5px gap below the bullets on the pain page. need a better way of doing this
}
*/

	/*color:#7E7E7E;
font-size:11px;
line-height:13px;
}

#homeimage a {
	font-size:11px;
	color:#333333;
	text-decoration:underline;
}

#homeimage a:hover {
	font-size:11px;
	color:#666666;
	text-decoration:underline; */


/*******************   research styling properties   *******************/
#researchindent1 {
	list-style:none;
	margin-left:60px;
	text-decoration:none;
	float:left;
}

#researchindent1 ul {
	list-style:none;
	margin-bottom:40px;
}

#researchindent1 ul li {
	text-align:center;
}

#researchindent1 li a {
	text-decoration:underline;
	font-size:12px;
}

#researchindent1 li a:hover {
	text-decoration:underline;
	font-size:12px;
	color:#666666;
}

#researchindent2 {
	list-style:none;
	margin-left:110px;
	text-decoration:none;
	float:left;
}

#researchindent2 ul {
	list-style:none;
	margin-bottom:40px;
}

#researchindent2 ul li {
	text-align:center;
}

#researchindent2 li a {
	text-decoration:underline;
	font-size:12px;
}

#researchindent2 li a:hover {
	text-decoration:underline;
	font-size:12px;
	color:#666666;
}

/*******************   invasive fish styling properties   *******************/

#cases {
	width:640px;
	padding-bottom:20px;
}

#invasivefishleft ul {
	float:left;
	list-style:none;/*margin-left:75px;*/
}

#invasivefishleft li a {
	font-size:12px;
	text-decoration:underline;
}

#invasivefishleft li a:hover {
	font-size:12px;
	color:#666666;
	text-decoration:underline;
}