* {
margin: 0; 
padding: 0; }

:focus { outline: 0;}

body {
background: #fff; }

img { 
border: 0; }

.clear {
clear: both; }

.right {
float: right; }

.left {
float: left; }

hr, .hide {
display: none; }



/*STRUCTURE*/

#wrapper {
width: 800px;
background: #fff; 
margin: 0px auto;
padding: 20px 0px 0px 10px; }

#masthead {
height: 40px;
width: 780px;
margin: 0px 0px 10px 0px; }

#masthead .mark {
margin: -20px 0px 0px 0px;
float: left; }

#masthead img {
width: 301px; }



/*NAV*/

#masthead ul { 
margin: 0px 0px 0px 0px;
padding: 0;
list-style-type: none;
float: right; }

#masthead li { 
display: block; 
height: 38px; 
width: 100px; 
background: #fff url(../_images/rule_nav.gif) no-repeat left top;
font-family: arial;
text-transform: uppercase;
text-align:center;
font-size: 12px; 
line-height: 38px; 
float: left; }

#masthead li a:link, li a:active, li a:visited  {
display: block;
background: #fff url("../_images/rule_nav.gif") no-repeat left top;
color: #0050DA; 
 }

#masthead li a:hover  {
display: block;
background: #F9F9F9 url("../_images/rule_nav.gif") no-repeat left top;
color: #0050DA; 
}



/*SECTION*/

.section {
background: #fff;
height: 20px;
width: 790px;
border-top: #ccc solid 1px; }



/*MODS*/

.mod_wrapper {
margin: 10px 0px 0px 0px; }

.mod_wrapper  .body {
margin: 10px 0px 0px 5px; }

.mod_boiler {
background: #fff;
width: 900px; }

.mod_intro {
background: #fff;
width: 870px;
margin: 0px 0px 40px 4px; }

.mod_description {
background: #fff;
width: 820px;
margin: 0px 0px 0px 4px; }

.mod_2 {
height: 420px;
width: 390px;
margin-bottom: 10px;
padding-right: 4px;
margin-right: 5px;
border-right: #ccc dotted 1px;
float: left; }

.mod_2b {
height: 420px;
width: 390px;
margin-bottom: 10px;
padding-right: 4px;
margin-right: 5px;
border-right: none;
float: left; }

.mod_3 {
height: 350px;
width: 250px;
margin-bottom: 10px;
padding-right: 4px;
margin-right: 5px;
border-right: #ccc dotted 1px;
float: left; }

.mod_3b {
height: 350px;
width: 250px;
margin-bottom: 10px;
padding-right: 4px;
margin-right: 5px;
border-right: none;
float: left; }



/*IMAGES*/

.mod_5 img {
width: 170px; 
height: 110px; }



/*GLOBAL TYPOGRAPHY*/

h2 {
font-family: Georgia, serif;
font-weight: bold;
font-size: 13px;
line-height: 40px;
color: #000;
float: left;
margin: 0px 0px 0px 4px; }

h2 a:link, 
h2 a:active, 
h2 a:visited  {
color: #00aeef; 
text-decoration: none; }

h2 a:hover  {
color: #00aeef;
text-decoration: underline; }

h3.header {
  background: url(http://enlargementworks.com/images/h3-underline.gif) repeat-x bottom;
  font-size: 200%;
  margin-top: 0.25em;
  margin-bottom: .75em;
}

h3 {
font-family: Georgia, serif;
font-weight: normal;
color: #000;
margin: 0px 0px 15px 0px; }

h3 a:link, 
h3 a:active {
color: #00aeef; 
text-decoration: none; }

h3 a:visited  {
color: #7ecfed; 
text-decoration: none; }

h3 a:hover  {
color: #00aeef;
text-decoration: underline; }

.mod_intro h3 {
font-size: 20px;
line-height: 26px;}

.mod_2 h3 {
font-size: 20px;
line-height: 20px; }

.mod_3 h3 {
font-size: 18px;
line-height: 20px; }

.mod_4 h3 {
font-size: 13px;
line-height: 15px; }

.mod_5 h3 {
font-size: 12px;
line-height: 15px;
min-height: 30px; }

.mod_d h3 {
font-size: 13px;
line-height: 18px; }

h4 {
font-family: helvetica, arial;
font-weight: normal;
font-size: 11px;
line-height: 40px;
color: #aaa;
float: right; 
margin: 0px 4px 0px 0px; }

h4 a:link, h4 a:active, h4 a:visited  {
color: #999;
text-decoration: none; }

h4 a:hover  {
color: #00aeef;
text-decoration: underline; }

.sort_form {
font-family: helvetica, arial;
font-size: 11px;
float: right; 
margin: 10px 0 0 0; }

.body h4 {
font-family: helvetica, arial;
font-weight: normal;
font-size: 10px;
line-height: 12px;
text-transform: uppercase;
color: #999; 
float: none;
margin: 0px 4px 0px 0px; }

p a:link, 
p a:active, 
p a:visited  {
color: #5BC236; 
text-decoration: none; }

p a:hover  {
color: #5BC236;
text-decoration: underline; }


.mod_3 p {
font-size: 13px;
line-height: 16px; 
}

.mod_3b p {
font-size: 13px;
line-height: 16px; 
}

.mod_intro p {
font-family: Georgia, serif;
font-size: 22px;
line-height: 30px;
color: #bfbfbf; 
margin: 20px 0px 0px 0px; }

.mod_description p {
font-size: 12px;
line-height: 18px;
color: #b6b6b6; 
margin: 0px 0px 0px 0px; }

p {
font-family: "Trebuchet MS",Verdana,Arial,Helvetica,sans-serif;
font-size: 15px;
line-height: 15px;
color: #666; 
margin: 0px 5px 15px 0px; }


/* FORM ELEMENTS */

.section form {
display: inline; }

.mod_wrapper form {
background: #fff;
border-top: 1px dotted #ccc; }

label { 
font-family: HelveticaNeue, "Helvetica Neue", helvetica, arial;
font-weight: normal;
font-size: 10px;
line-height: 12px;
text-transform: uppercase;
display:block; 
margin:20px 0 5px 0; }

form select {
font-family: HelveticaNeue, "Helvetica Neue", helvetica, arial;
font-size: 10px;
width: 170px; }

form input {
font-family: HelveticaNeue, "Helvetica Neue", helvetica, arial;
font-size: 11px;
width: 170px; }

form input.button { 
font: bolder 12px Georgia, Times; 
border: 1px solid #ccc; 
padding: 2px 3px; 
background: #fff; 
color: #00aeef;
display:block; 
width: auto; 
margin: 20px 0 5px 0; }

/* The rest of this file is for the second tutorial */

#NewsList {
	background:#f0f0f0;
	border:1px dotted #ccc;
	padding:10px;
}

#NewsList li{
	margin: 0;
	list-style-type: none;
}

#NewsList li a:link, li a:active, li a:visited  {

 }

	#NewsList li.newsDateTitle a {
		font-weight:bold;
		color:#0083C8;
		text-decoration:none;
		padding-left:20px;
		font-size: 15px;
		background:url(../images/treeicons/news-file.gif) no-repeat left center;
	}
		#NewsList li.newsDateTitle a:hover {
			border-bottom:1px dotted #0083C8;
		}
		
	#NewsList li.newsSummary {
		margin-bottom:20px;
		font-size: 12px;
	}
		#NewsList li.newsSummary a.readMoreLink {
			color:#0083C8;
			text-decoration:none;
		}
			#NewsList li.newsSummary a.readMoreLink:hover {
				border-bottom:1px dotted #0083C8;
			}
			
/* TABLE */

table {
font:76%/160% "Trebuchet MS",Verdana,Arial,Helvetica,sans-serif;
}

table a,
table a:link,
table a:visited {
	border:none;
	}							
	
table {
	width:90%;
	border-top:1px solid #e5eff8;
	border-right:1px solid #e5eff8;
	margin:1em auto;
		border-collapse:collapse;
	}
caption {
	color: #9ba9b4;
	font-size:.94em;
		letter-spacing:.1em;
		margin:1em 0 0 0;
		padding:0;
		caption-side:top;
		text-align:center;
	}	
tr.odd td	{
	background:#f7fbff
	}
tr.odd .column1	{
	background:#f4f9fe;
	}	
.column1	{
	background:#f9fcfe;
	}
td {
	color:#678197;
	border-bottom:1px solid #e5eff8;
	border-left:1px solid #e5eff8;
	padding:.3em 1em;
	text-align:center;
	}				
th {
	font-weight:normal;
	color: #678197;
	text-align:left;
	border-bottom: 1px solid #e5eff8;
	border-left:1px solid #e5eff8;
	padding:.3em 1em;
	}							
thead th {
	background:#f4f9fe;
	text-align:center;
	font:bold 1.2em/2em "Century Gothic","Trebuchet MS",Arial,Helvetica,sans-serif;
	color:#66a3d3
	}	
tfoot th {
	text-align:center;
	background:#f4f9fe;
	}	
tfoot th strong {
	font:bold 1.2em "Century Gothic","Trebuchet MS",Arial,Helvetica,sans-serif;
	margin:.5em .5em .5em 0;
	color:#66a3d3;
		}		
tfoot th em {
	color:#f03b58;
	font-weight: bold;
	font-size: 1.1em;
	font-style: normal;
	}	
	
	
ul.scientificlit {
	font-size: 12px;
}



.mod_video {
height: 210px;
width: 320px;
margin-bottom: 10px;
padding-right: 4px;
margin-right: 5px;
border-right: #ccc dotted 1px;
float: left; }

.mod_video2 {
height: 180px;
width: 465px;
margin-bottom: 10px;
padding-right: 4px;
margin-right: 5px;
float: left; }


/*BANNER*/

#catfish {
position:fixed;
bottom:0;
background:#66A1D2;
padding:0;
height: 79px;  /* includes transparent part */ 
cursor: pointer;
margin: 0; 
width:100%;
}

#catfish p#catch{
margin: 40px 0 0 0; 
font-family:Helvetica,Arial,sans-serif;
font-size:30px;
text-align:center;
color: #fff
}

#catfish a#catchlink{
font-family:Helvetica,Arial,sans-serif;
font-size:30px;
color: #fff
}

html {
padding:0 0 58px 0;
}