/* Entomology style sheet */
/* created by Iain MacKay */
/* big thanks to A List Apart */
/* Copyright University of New England 2006 */

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

html, body {
	font-family: Arial, Helvetica, sans-serif;
	color: #222;
	text-align: center;
	background-color: #000000;
	background-image: url("images/bg.gif");
	padding-bottom:25px
	}
	
	
#wrapper {
	position: relative;
	margin: auto;
	width: 815px;
	background-image: url("images/wrapper-bg.gif");
	}

#wrapper[id] {}

#footer {
	clear: both;
	font-size:x-small;
	text-align: center;
	color: #260700;
	width: 815px;
	background: url("images/footer.jpg") no-repeat bottom;
	padding-top: 20px;
	height: 30px;
	}

#content {
	text-align: left;
}

#main {
	padding: 0 50px;
	background-image: url(images/globalnav_bg.gif);
	background-repeat: no-repeat;
	}
	
.rotator {
	margin:0 -50px;
}

a	{
	color: #039!important;
	text-decoration: underline;
	}

a:hover {
	color: #00F!important;
	text-decoration: none !important;
	}

visited {
	color: #093 !important;
	text-decoration: underline;
	}
	
active {
	color: #000 !important;
	}
	
link {
	color: #039 !important;
	font-weight: bolder;
	text-decoration: underline;
	}

p	{
	margin-top: 0;
	margin-bottom: 8px;
	line-height: 125%;
	}
	

H1 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:36px;
	margin: 20px -50px;
	color: #990033;
	text-align: center;
	letter-spacing: 2px;
	font-variant:small-caps;
	text-shadow:#660000;
	font-weight:500;
	padding: 70px 50px 0 50px;
 	} 
	
H2 {
	font-family: "Trebuchet MS", Arial, sans-serif;
	font-size:28px;
	color: #CC0066;
	margin: 20px -50px 6px;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #CC00CC;
	clear: both;
	letter-spacing: 1px;
	padding: 50px 50px 0 50px;
	font-weight:200;
	} 

H3 {
	font-family: "Trebuchet MS", Arial, sans-serif;
	font-size:22px;
	color:#006600;
	clear: both;
	margin: 0 -50px;
	padding: 20px 50px 12px;
	border-top-width: 1px;
	border-top-style: dashed;
	border-top-color: #66FF66;
	} 

H4 {
	color:#000000;
	font-size:16px;
	padding: 12px 0 6px;
	clear: both;
	border-top-width: 2px;
	border-top-style: dashed;
	border-top-color: #FFFFFF;
	} 
	
H5 {
	font-size:16px;
	padding: 6px 0 6px;
	} 


ul	{
	padding: 0 30px 12px;
	}
	
ul ul{
	list-style-image: url("images/point.gif");
	padding-top:6px;
	}
	
ul ul ul{
	list-style-image: url("images/pointMinor.gif");
	padding-top:6px;
	}
	
ol	{
	padding: 0 30px 12px;
	}
	
li	{
	padding-bottom: 6px;
	}
	
li li {
	padding-top: 6px;
	}
	
ul.checklist {
	list-style-image: url("images/checkbox.gif");
	}
	
	
hr {
	height: 1px;
	color: #D8C41A;
	border-color: #D8C41A;
}

img {
	border: none ;
}

dt {
	font-weight: bold;
}

dd {
	margin-bottom: 6px;
}

dl {
	padding-bottom: 12px ;
}

blockquote {
	color: #000000;
	font-size: smaller;
}

abbr, acronym {
	border-bottom: 1px solid #00CC00 ;
}

sup {
	font-size: x-small ;
}

th {
	padding:12px 0 6px;
	margin:0px;
	font-size: 16px;
	}

/* Classes */

.linearNav {
	text-align: center;
	display: block;
	background-repeat: repeat-x;
	height:35px;
	margin: 12px -60px;
	clear: both;
}

.previous_link {
	font-size: small;
	float: left;
	width: 33%;
	text-align: left;
	background-position: left;
	background-repeat: no-repeat;
	background-image: url(images/previous.gif);
	padding: 5px 5px 5px 25px;
	clear: none;
}

.index_link {
	background-position: right;
	background-repeat: no-repeat;
	background-image: url(images/up.gif);
	padding: 5px 25px 5px 5px;
	width: 34%;
	white-space: nowrap;
}

.next_link {
	font-size: small;
	width: 33%;
	text-align: right;
	background-position: right;
	background-repeat: no-repeat;
	background-image: url(images/next.gif);
	padding: 5px 25px 5px 5px;
	float: right;
	display: block;
	clear: none;
}

/* hide headings if css enabled, Headings are already part of background images for these classes */

.next_link h4, .index_link h4, .previous_link h4, .summary H3, .topic_summary H2, .activity H2, .more_info H2 {
	height: 0;
	width: 0;
	overflow: hidden;
	position: absolute;
	display: none;
	}

.column1 {
	width:48%;
	float:left;
	overflow:hidden;
}
.column2 {
	width:48%;
	float:right;
	overflow:hidden;
}

.column1 h2,
.column2 h2,
.column1 h3,
.column2 h3{
	font-size:small!important;
	font-family: Arial, Helvetica, sans-serif;
	border-bottom: solid #BCCEEF 1px;
	color: #000 !important;
	text-transform: uppercase;
	background: url(../images/backgrounds/column-heading-default-bg.jpg) bottom right no-repeat !important;
	}

.cc { /* creative commons license */
	font-size: 10px;
	background-image:  url("images/icon_creative_commons.gif");
	background-repeat: no-repeat;
	padding-left: 14px;
	color: #333;
	display:block;
	}
	
.copyright {
	font-size: 10px;
	background-image:  url("images/copyright.gif");
	background-repeat: no-repeat;
	padding-left: 14px;
	display:block;
	text-align: left;
	}
	
img.imageCentred {
	margin: 4px auto;
	display: block;
	text-align: center;
	border:1px #BCCEEF dotted;
	padding: 4px;
}

img.imageLeft {
	float: left;
	margin-top: 4px;
	margin-right: 10px;
	margin-bottom: 8px;
	border:1px #BCCEEF dotted;
	padding: 4px;
}

img.imageRight {
	float: right;
	margin-top: 4px;
	margin-left: 10px;
	margin-bottom: 8px;
	border:1px #BCCEEF dotted;
	padding: 4px;
}

.form_finish_button {
	padding: 5px;
	display: block;
	float: right;
}

.boxed {
	border: 1px dotted #FF00FF;
	padding: 50px;
	background-color: #FFF0EA;
}

.vocabulary{
	border: 1px solid #352608;
	float: right;
	padding:5px;
	margin-top: 5px;
	margin-left: 15px;
	margin-bottom: 10px;
	background-color: #FFFFFF;
	width: 200px;
}

.question {
	font-weight: bolder;
	color: #260700;
}

table.tables {
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #330000;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #330000;
	padding:0px;
	margin:10px 0px 20px 0px;
}

table.tables th {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #330000;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #330000;
	border-collapse:collapse;
	padding:5px;
	margin:0px;
	text-align: left;
	background-color: #fff;
	font-weight: normal;
}
	
table.tables td {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #330000;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #330000;
	border-collapse:collapse;
	padding:5px;
	vertical-align: top;
}
/*
a.link2site {
	background-position:0px 3px;
	padding-left:12px;
	background-image:url("images/externalLink.gif");
	background-repeat:no-repeat;
}

a.link2email {
	background-position:0px 5px;
	padding-left:16px;
	background-image:url("images/email.gif");
	background-repeat:no-repeat;
}

a.link2pdf {
	background-position:0px 2px;
	padding-left:20px;
	background-image:url("images/pdf.gif");
	background-repeat:no-repeat;
}

a.link2ppt {
	background-position:0px 2px;
	padding-left:20px;
	background-image:url("images/ppt.gif");
	background-repeat:no-repeat;
}

a.link2doc {
	background-position:0px 2px;
	padding-left:20px;
	background-image:url("images/doc.gif");
	background-repeat:no-repeat;
}

a.link2zip {
	background-position:0px 2px;
	padding-left:20px;
	background-image:url("images/zip.gif");
	background-repeat:no-repeat;
}

a.link2mp4 {
	background-position:0px 2px;
	padding-left:20px;
	background-image:url("images/mp4.gif");
	background-repeat:no-repeat;
}

a.link2mp3 {
	background-position:0px 2px;
	padding-left:20px;
	background-image:url("images/mp3.gif");
	background-repeat:no-repeat;
}

a.link2mov {
	background-position:0px 2px;
	padding-left:20px;
	background-image:url("images/mov.gif");
	background-repeat:no-repeat;
}

a.link2download {
	background-position:0px 2px;
	background-image:url("images/download.gif");
	background-repeat:no-repeat;
	padding-left:20px;
}
*/

.reference{
	text-indent: -40px;
	padding-left: 40px;	
}

.phone {
	font-weight: bold;
	background-image:url("images/phone.gif");
	background-repeat: no-repeat;
	padding-left: 20px;
}

.notes {
	border: dashed #FFE11F 1px;
	padding: 20px 110px 20px 60px;
	background: #FFF url(images/notes.jpg) no-repeat right top;
	margin: 0 -50px;
	clear:both;
}

.discuss {
	border: dashed #00CC00 1px;
	padding: 20px 150px 20px 80px;
	background: #e1ffdc url(images/discuss.jpg) no-repeat right top;
	margin: 0 -50px;
	clear:both;
}

.computer {
	border: dashed #999999 1px;
	padding: 20px 150px 20px 50px;
	background: #ECDFAD url(images/computer.jpg) no-repeat right top;
	margin: 0 -50px;
	clear:both;
}

.reading {
	border: dashed #0033FF 1px;
	padding: 20px 60px 20px 150px;
	background: #E0DAD0 url(images/reading.jpg) no-repeat left top;
	margin: 0 -50px;
	clear:both;
}

.hint {
	border: dashed #F9B803 1px;
	padding: 20px 60px 20px 150px;
	background: #FCF3A0 url(images/hint.jpg) no-repeat left top;
	margin: 0 -50px;
	clear:both;
}

.magnify {
	border: dashed #000000 1px;
	padding: 20px 50px 40px 180px;
	background: #FFFFFF url(images/magnify.jpg) no-repeat left bottom;
	margin: 0 -50px;
	clear:both;
}

.case {
	border: dashed #000000 1px;
	padding: 40px 50px 20px 180px;
	background: #FFFFFF url(images/magnify2.jpg) no-repeat left top;
	margin: 0 -50px;
	clear:both;
}

.interaction {
	padding: 10px 20px 10px 50px;
	background: url(images/mouse.gif) no-repeat left top;
	border-bottom: 1px dotted #F01818;
	border-right: 2px dotted #F01818;
	text-align: left;
	font-style: italic;
	color: #990000;
}

.hot {
	color: #CC0000;
}
.cool {
	color: #006666;
}

.takenotes {
	background-image:url("images/large_take_notes.gif");
	background-repeat:no-repeat;
	padding-left:17px;
	font-style: italic;
	color: #763A00;
}