/*
-------------------------------------------------
Main CSS styles for the Alaska Sea Grant Web site
Design by Dave Partee (dave.partee@alaska.edu)
-------------------------------------------------	*/
/*
###########################
########  GENERAL  ########
###########################
*/
@import url(https://fonts.googleapis.com/css?family=Cabin:400,500,600,700,400italic,500italic,600italic,700italic);

body {
	background-color: #f6f6f6;
	background: linear-gradient(to bottom, #e3e3e3, #f6f6f6 40px);
	background: -webkit-linear-gradient(top,#e3e3e3,#f6f6f6 40px);
	background: -moz-linear-gradient(top,#e3e3e3,#f6f6f6 40px);

	background-color: rgb(235,235,255);
	background: -webkit-linear-gradient(top, rgb(175,215,255), rgb(235,235,255) 190px);
	background: -moz-linear-gradient(top, rgb(175,215,255), rgb(235,235,255) 190px);
	background: linear-gradient(to bottom, rgb(175,215,255), rgb(235,235,255) 190px);


	border: 1px solid #ddd;
	border-radius: 7px 7px 0 0;
	-moz-box-shadow: 1px 1px 4px rgba(240,240,240,1);
	-webkit-box-shadow: 1px 1px 4px rgba(240,240,240,1);
	box-shadow: 1px 1px 4px rgba(240,240,240,1);
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 1.45;
	margin: 25px auto;
	width: 1000px;
}
body#map {
	background-color: #fff;
}
body#bookstore {
	background-color: #eafaf3; 
}
#wrapper {
	float: left;
	margin-right: 220px;
}
section {
	margin: .8em 0 .8em 0;
	padding: .8em 0 .8em 0;
}
/*
###########################
#########  TYPE  ##########
###########################
*/
h1, h2, h3, h4, h5, h6, .event-heading1, .event-heading2 {
	font-family: Cabin;
	font-weight: normal;
	overflow: hidden;
}
h1 {  
	color: #500;
	font-size: 200%;
	margin: 0 0 .4em 0; 
}
h2 {  
	font-size: 165%; 
	margin: 1.7em 0 .4em 0; 
}
h3 {
	color: #223;
	font-size: 135%;
	margin: 1.7em 0 .3em 0;
}
h4 {
	font-size: 125%;
	font-style: italic;
	margin: 1em 0 0 0;
}
h5 {
	color: #229;
	font-size: 125%;
	margin: .8em 0 0 0;
	text-transform: none;
}
h6 {
	font-size: 120%;
	margin: .8em 0 0 0;
	text-transform: uppercase;
}

/* Collapse space between adjacent headers		*/

h1+h2, h2+h3, h3+h4, h4+h5, h5+h6 {
	margin-top: .5em;
}
.subhead {
	font-size: 80%;
	margin-bottom: .3em;
	margin-top: .2em;
}
.subhead + p {
	margin-top: 1em;
}
header p, h1+.subhead {
	font-size: 1.3em;
	font-style: italic;
}
p.announce, div.announce {
	background-color: #ffe;
	border: 1px solid #666;
	border-radius: .4em;
	padding: 14px;
	width: 23em;
}
h2+.subhead {
	font-size: 1em;
}
p, ol, ul, li, blockquote {
	font-size: inherit;
	line-height: 1.5;
	margin: .2em 0 .9em 0;
}
blockquote {
	color: #343;
	font-style: italic;
	font-size: 88%;
	padding: 0 2em 0 3em;
}
.description {
	color: #444;
	font-size: .9em;
	font-style: italic;
}
.description em {
	font-weight: bold;
}
.pullquote {
	border: 1px solid #500;
	border-width: 1px 0 1px 0;
	color: #500;
	float: right;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 1.1em;
	font-style: italic;
	padding: 8px 8px 8px 8px;
	margin: 5px 5px 20px 20px;
	width: 200px;
}
.note { /* e.g. footnote, endnote, asterisk */
	color: rgb(70,70,70);
	font-size: 88%;
	max-width: 50em;
}
/*
###########################
#####  SPECIAL TYPE  ######
###########################
*/
.book, .article, .periodical {
	font-style: italic;
}
.scientific, .variable {
	font-style: italic;
}
.vessel {
	font-style: italic;
}
.highlight, span.notice, p.notice, div.notice {
	background: -webkit-linear-gradient( top, #ffeaff, #fff9ff 1em);
	color: #700;
}
.credit {
	color: #555;
	font-size: 8pt;
}
.date-updated {
	color: rgb(102,102,102);
	font-size: 10pt;
}
.highlight2 {
	font-weight: bold;
	font-style: italic;
	color: darkgreen;
}
.highlight-block {
	background-color: #004;
	color: #fff;
	font-size: 120%;
	font-weight: normal;
	padding: 2pt 12pt 3pt 12pt;
	margin-left: -12pt;
	width: 70%;
}
.highlight-block h1:first-child, .highlight-block h2:first-child, .highlight-block h3:first-child {
	margin-top: 10pt;
}
p.notice, div.notice {
	border-left: 2px solid #a00;
	border-radius: 0;
	box-shadow: 2px 2px 2px #aaa;
	margin-bottom: 1.5em;
	margin-top: 1.3em;
	max-width: 600px;
	padding: 1em 2em;
}
div.notice h2 {
	margin-top: .3em;
}
.label {
	font-weight: bold;
}
.emphasis {
	font-weight: bold;
	font-style: italic;
}
.inline-head {
	font-weight: bold; 
}
.download {
	font-size: 90%;
	color: #003300;
	font-weight: bold;
	line-height: normal;
}
.file-info {
	color: rgb(100,100,100);
	font-size: 87%;
}
p.button {
	background: #0095cd;
	background: -webkit-gradient(linear, left top, left bottom, from(#00adee), to(#0078a5));
	background: -moz-linear-gradient(top,  #00adee,  #0078a5);
	border: solid 1px #0076a3;
	-webkit-border-radius: 18px; 
	-moz-border-radius: .18px;
	border-radius: 18px;
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	box-shadow: 0 1px 2px rgba(0,0,0,.2);
	color: #d9eef7 !important;
	display: inline-block;
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#00adee', endColorstr='#0078a5');
	font-size: 15px;
	font-weight: normal;
	margin: 1em 0;
	outline: none;
	padding: .05em .5em .05em;
	text-align: center;
	text-shadow: 0 1px 1px rgba(0,0,0,.3);
	vertical-align: baseline;
	width: 200px;
	zoom: 1; /* zoom and *display = ie7 hack for display:inline-block */
	*display: inline;
}
p.button a {
	display: block;
	padding: 8px 15px;
	text-decoration: none;
}
p.button a:link, p.button a:visited {
	color: inherit !important;
}
p.button:hover {
	background: #007ead;
	background: -webkit-gradient(linear, left top, left bottom, from(#0095cc), to(#00678e));
	background: -moz-linear-gradient(top,  #0095cc,  #00678e);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#0095cc', endColorstr='#00678e');
}
p.button:active {
	color: #80bed6 !important;
	background: -webkit-gradient(linear, left top, left bottom, from(#0078a5), to(#00adee));
	background: -moz-linear-gradient(top,  #0078a5,  #00adee);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#0078a5', endColorstr='#00adee');
	position: relative;
	top: 1px;
}
.strikethrough {
	text-decoration: line-through;
}
#sitealert { /* For sitewide emergency notices at the top of the page */
	color: #600;
	background-color:#FF6;
	padding: 1px 20px 5px 20px;
	font-weight: bold;
	font-size: 100%;
	margin-top: -30px;
}
#sitealert p, #sitealert h1, #sitealert h2, #sitealert h3 {
	max-width: 700px;
}
.facebook {
	background-image: url(/images/FaceBook_32x32.gif);
	background-repeat: no-repeat;
	margin: 20px 0;
	min-height: 40px;
	padding-left: 45px;
	padding-top: 4px;
}
.no-text { /* image replacement for background graphic text */
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}
.toggle-link {
	cursor: pointer;
	text-decoration: underline;
}
p.toggle-link {
	font-size: 9pt;
	text-decoration: none;
}
/* shared with before and after */
p.toggle-link:before, p.toggle-link-down:before {
	border: 5pt solid transparent; /* arrow size */
	border-top-color: #44F;  /* arrow (up) color */
	content: ' ';
	height: 0;
	left: -3pt;
	position: relative;
	top: 9pt;
	width: 0;
	z-index: 2;
}
p.toggle-link-down:before {
	border-top-color: transparent;
	border-bottom-color: #44F;  /* arrow (down) color */
	top: -7pt
}

/*
###########################
#########  LISTS  #########
###########################	
*/
ul, ol {  
	line-height: 1.3em; 
	margin-bottom: .5em;
	margin-left: -5px;
}
li {
	margin-bottom: .7em;
}
ol {
	list-style-image: none;
	list-style-type: decimal;
}
li ol {
	list-style-type: lower-alpha;
}
li li ol {
	list-style-type: lower-roman;
}
ul {
	list-style-image: url(/images/arrow-bullet4.gif);
}
li ul {
	list-style-image: none;
	list-style-type: square;
}
li li ul {
	list-style-type: circle;
}
.index {
	list-style-position: outside;
	margin: 0;
	padding: 0;
}
.index li {		/* for TOC */
	font-size: .9em;
	font-weight: bold;
}
.index > li {
	list-style-image: none;
	list-style-type: none;
}
#main ul.inline {
	margin-left: 0;
	padding-left: 0;
}
#main ul.inline li {
	display: inline;
	font-size: .9em;
	list-style: square outside;
	list-style-image: none;
	padding: 0 .6em 0 .3em;
	border-right: solid 1px #000;
}	
#main ul.inline li:first-child {
	padding-left: 0;
}
.horizontal-nav {
	color: #333399;
	font-size: 11px;
	margin: 0;
	padding-top: 4px;
	padding-bottom: 7px;
}
.nav {
	font-size: 11px;
	font-style: normal;
	font-weight: bold;
	line-height: 1.2em;
	margin-bottom: 2px;
	margin-top: 2px;
}
.nav-left {
	font-size: 11px;
	font-style: normal;
	font-weight: bold;
	line-height: 1.2em;
	margin-top: 0;
	margin-bottom: 10px;
}
.rh-link-nav {
	font-size: 11px;
	font-style: normal;
	margin-top: 4px;
	margin-bottom: 10px;
	line-height: 1.2em;
}
.inlinebullets {
	color: #666;
	font-weight: bold;
	list-style-type: disc;
	margin: 4px 0 2px 0;
	padding: 0;
}
.inlinebullets li {
	display: inline;
	list-style-type: disc;
	padding: 0 5px 0 5px;
}
.inlinebullets li:first-child {
	list-style-image: none;
	list-style-type: none;
	padding-left: 0;
}
/*
###########################
#########  IMAGES  ########
###########################	
*/
.photo, .photo-right, .photo-left, .flow {
	color: #555;
	font-size: .88em;
}
.photo img, .photo-right img, .photo-left img, .flow img {
	border: 1px solid #aaa;
	box-shadow: 2pt 2pt 3pt #aaa;
}
.photo p, .photo-right p, .photo-left p, .flow p {
	margin-top: 4px;
}
.photo {
	margin: 20px 0 10px 0;
	padding: 0;
}
.photo-right, .flow {
	float: right;
	margin: 2px 0 15px 45px;
}
#panotop + .flow {
	margin-top: 40px;
}
.photo-left {
	float: left;
	margin: 2px 45px 15px 0;
}
.flow {
	clear: right;
}
.graphic-inline-leading-1 {
	float: left;
	margin: 5px 15px 2px 0;
}
.lightcover, .lightimage {
	border: solid 1px #666666;
}
div.logos {
	margin: 1em 0;
}
div.logos img {
	margin-right: 4em;
}
/*
###########################
#########  LINKS  #########
###########################	
*/
a:link, .toggle-link {  
	color: #000099;
}
h1 a:link, h2 a:link, h3 a:link, h4 a:link, h5 a:link, h6 a:link {
	color: rgb(80,0,0);
	text-decoration: none;
}
h1 a:visited, h2 a:visited, h3 a:visited, h4 a:visited, h5 a:visited, h6 a:visited {
	color: rgb(80,0,0);
}
a:hover, h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover, .toggle-link:hover {
	color: #6699FF;
	text-decoration: underline;
}
a:active, h1 a:active, h2 a:active, h3 a:active, h4 a:active, h5 a:active, h6 a:active, .toggle-link:active {
	color: #00CCFF;
}
a:visited {
	color: #990000;
}
h1 a:after, h2 a:after, h3 a:after, h4 a:after, h5 a:after, h6 a:after {
	content: '»';
	padding-left: 5px;
}

/* PDF & EXTERNAL LINKS */

#main a[href^="//"], #main a[href^="http://"], #main a[href^="https://"], #sidebar a[href^="//"], #sidebar a[href^="http://"], #sidebar a[href^="https://"] {
    background: url(/images/icons/external-link.png) center right no-repeat;
		background-size: 12px;
    padding-right: 13px;
}
a[href^="http://marineadvisory.org"], a[href^="https://marineadvisory.org"], a[href^="https://www.marineadvisory.org"], 
a[href^="http://www.marineadvisory.org"], a[href^="http://www.alaskaseagrant.org"], a[href^="https://www.alaskaseagrant.org"], 
a[href^="http://alaskaseagrant.org"], a[href^="https://alaskaseagrant.org"], 
a[href^="https://seagrant.uaf.edu"], a[href^="http://seagrant.uaf.edu"], 
a[href^="http://aquaculture.seagrant.uaf.edu"], 
a[href^="http://aswc.seagrant.uaf.edu"], 
a[href^="http://fishbiz.seagrant.uaf.edu"] {
    background-image: none !important;
    padding-right: 0 !important;
}
#main a[href$=".pdf"] {
  padding-right: 18px;
  background-image: url(/images/pdficon_small.gif);
  background-position: 100% 50%;
  background-repeat:no-repeat;
}

/*
###########################
########  TABLES  #########
###########################	
*/
table {
	border-collapse: collapse;
}
table.mediumtable {
	width: 450px;
}
th, td {
	padding: 6px;
	text-align: left;
}

.greyheader th, .greyheader th a {
	background-color: #EBEBEB;
}

/*
###### TYPE 1 ######
*/
.type1 {
	margin-top: 1.5em;
}
.type1 caption {
	font-size: 90%;
	font-weight: bold;
	padding-bottom: .4em;
	text-align: left;
	text-transform: uppercase;
}
.type1 th {
	background-color: #005;
	border-right-color: #FFF;
	padding: 7px 3px 2px 5px;
}
.type1 th, .type1 th a {
	color: #fff;
}
.type1 th.tableh2, .type1 th.tableh2 a{
	background-color: rgb(242,242,255);
	color: rgb(51,0,102);
}
.type1 td h2:first-child {
	margin-top: .2em;
}
.type1 td {
	border: solid 1px #000;
	font-size: .88em;
	margin: 0;
	padding: 8px 6px 3px 6px;
}
.type1 tr {
	margin: 0;
	padding: 0;
}
/*
###### TYPE 2 ######
*/

table.type2 {
	width: 98%;
}
.type2 th {
	background-color: #005;
	border-right-color: #FFF;
	color: #fff;
	font-size: .88em;
	font-weight: normal;
	padding: .2em .8em .1em .5em;
}
.type2 th.tableh2 {
	background-color: #77f;
}
.type2 th a {
	color: #fee;
}
.type2 th.tableh2 a {
	color: #fee;
}
.type2 td {
	border: solid 1px #000;
	font-size: .9em;
	padding: .2em .2em .1em .4em;
	margin: 0;
}
.type2 tr {
	padding: 0;
	margin: 0;
}
/*
###### TYPE 3 ######
*/

.type3 th, .type3 th a {
	background-color: #009;
	color: #fff;
	padding: 4px 10px 2px 6px;
	border-right-color: #FFF;
}
.type3 th.tableh2 {
	background-color: #77f;
}
.type3 th.tableh2 a {
	color: #fee;
}
.type3 td {
	font-size: .88em;
	border: solid 0px #000;
	padding: 6px 10px 5px 6px;
	margin: 2px;
}
.type3 tr {
	padding: 0;
	margin: 0;
}

/*
###### TYPE 4 ######
*/
.type4 {
	background-color: white;
	border-collapse: collapse;
	box-shadow: 5pt 5pt 12pt rgb(173,173,173);
	margin-top: 1.5em;
	margin-bottom: 2em;
}
.type4 td, .type4 th {
	padding: .8em .8em .8em 1em;
}
.type4 caption {
	color: rgb(51,51,51);
	font-size: 95%;
	font-weight: bold;
	padding-bottom: 1em;
	text-align: left;
	text-transform: uppercase;
}
.type4 th {
	background-color: rgb(105,194,225);
	border-right-color: #FFF;
	font-size: 90%;
	font-weight: normal;
	text-transform: uppercase;
	vertical-align: bottom;
}
.type4 th, .type4 th a {
	color: rgb(255,255,255);
}
.type4 th.tableh2, .type4 th.tableh2 a{
	background-color: rgb(242,242,255);
	color: rgb(51,0,102);
}
.type4 td h2:first-child {
	margin-top: .2em;
}
.type4 td {
	border: solid 1px rgb(225,225,225);
	font-size: 83%;
	margin: 0;
	vertical-align: top;
}
.type4 tr {
	margin: 0;
	padding: 0;
}

/*
###### Event schedule, agenda, etc ######
*/
table.event-schedule {
	font-size: .92em;
	max-width: 695px;
}
table.event-schedule td, table.event-schedule th {
	vertical-align: top;
}
table.event-schedule th, table.event-schedule th a {
	background-color: #009;
	color: #fff;
	padding: 5px 10px 4px 8px;
	border-right-color: #FFF;
}
table.event-schedule th.tableh2 {
	background-color: #77f;
}
table.event-schedule th.tableh2 a {
	color: #fee;
}
table.event-schedule td {
	border: solid 0px #000;
	padding: 8px 10px 9px 8px;
	margin: 2px;
}
table.event-schedule td, table.event-schedule td p, table.event-schedule td ul, table.event-schedule td li {
	font-size: inherit;
}
table.event-schedule td.event-time {
	min-width: 10em;
}
table.event-schedule td.event-talk {
	
}
table.event-schedule td.event-heading1 {
	background-color: rgb(247,196,197);
	color: rgb(0,0,102);
	font-size: 150%;
	padding: 16pt;
}
table.event-schedule td.event-heading2 {
	background-color: #FFE89E;
	color: rgb(0,0,102);
	font-size: 125%;
	padding: 16pt;
	
}
table.event-schedule td.event-activity {
	font-weight: bold;
}
table.event-schedule tr {
	padding: 0;
	margin: 0;
}
table.event-schedule tr {
	background-color: rgb(255,255,240);
}
table.event-schedule tr:nth-of-type(even) {
	background-color: rgb(255,248,225);
}


table.event-schedule .agenda-speaker {
	font-style: italic;
}
table.event-schedule .agenda-speaker-affiliation {
	font-size: 88%;
	font-style: italic;
}
table.event-schedule .agenda-title {
	color: rgb(102,51,0);
	font-size: 110%;
	font-weight: bold;
}
table.event-schedule .agenda-time {
	
}
table.event-schedule .agenda-event {
	font-weight: bold;
}
table.event-schedule .agenda-description {
	color: rgb(80,80,80);
}


/* Collapse headers in table cells */
td h3 {
	margin: 0px;
}
td h3 + p {
	margin-top: 0px;
}
td h4 {
	margin-top: 0px;
}
td h4 + p {
	margin-top: 0px;
}
/*
###########################
#########  MAIN  ##########
###########################
*/
#main, #rightcol {
	background-color: #FFF;
	padding: 30px 312px 18px 30px;
	margin: 0 0 0 0;
}
#main blockquote {
	max-width: 40em;
}
#main h1 {
	margin-top: 1.2em;
}
#sub-banner + #sidebar + #main h1 {
	margin-top: .2em;
}
#main .mainimage {
	float: right;
	padding: 8px 0px 8px 12px;
}
#main[class=main-column] {
	padding-right: 230px;
}

/*
###########################
######  SUB-SITES  ########
###########################
*/
div#sub-banner {
	background-repeat: no-repeat;
}
div#sub-banner span {
	color: inherit;
	display: block;
	font-size: 24pt;
	font-weight: normal;
	position: relative;
	text-shadow: inherit;
	top: 90px;
	left: 20px;
}
div.vessel-energy-audits {
	background-color: #D4E5FF;
	background-image: url(/map/fisheries/fishing-vessel-energy-audit/images/pat06partee-1910.jpg);
	background-position: 0px 0px;
	color: white;
	font-size: 95%;
	height: 100px;
	padding: 25px 40px 40px 75px;
}
div.goa-travel-routes {
	background-image: url(/map/recreation/gulf-of-alaska-coastal-travel/images/banner2.jpg);
	background-repeat: no-repeat;
	color: white;
	height: 170px;
	text-shadow: 2pt 2pt 5pt black;
}
div#sub-banner[class=changing-coast] {
	background-image: url(/map/climate/images/changing-coast-banner-1000.jpg);
	color: white;
	height: 220px;
	text-shadow: 2pt 2pt 5pt black;
}
div#sub-banner[class=changing-coast] span {
	font-size: 26pt;
	top: 100px;
}
div#sub-banner[class=changing-coast] span span {
	font-size: 16pt;
	position: static;
}
/*
###########################
########  SIDEBAR  ########
###########################
*/
#sidebar {
	background-color: rgb(252,252,255);
	border-right: 0px solid rgb(240,240,240);
	box-shadow: inset rgb(235,235,235) 1pt 1pt 1pt;
	float: right;
	font-size: 88%;
	margin: 0 0 25px 25px;
	padding: 35px 10px 30px 10px;
	width: 230px;
}
#sidebar h2 {
	margin-top: 0;
}
#sidebar h3 {
	color: #000;
}
#sidebar h4 {
	font-size: 120%;
}
#sidebar ul {
	margin: 0 8px 0 5px;
	padding: 9px 0 4px 0;
}
#sidebar ul:first-child {
	border: none;
}
#sidebar li {
	display: block;
	list-style-type: none;
	margin: 0 0 10px 0;
	padding: 0;
}
#sidebar a:link {
	color: #600;
}
#sidebar a:visited {
	color: #609;
}
#sidebar a:hover {
	color: #F00;
}
#sidebar a:active {
	color: #3BB;
}

/*
###########################
######  NAVIGATION  #######
###########################
*/

.sidenav {
	margin: 20px 0; 
	padding: 0;
}
div.sidenav {
	padding: 0 10px;
}
.sidenav h2 {
	font-size: 1.3em
}
.sidenav h3 {
	font-size: 1.2em;
	margin: 0;
}
/* Sidebar menus */
#sidebar nav a {
	background-color: #eee;
	display: block;
	font-size: 92%;
	padding: 5px 15px 8px;
	text-decoration: none;
}

/* Breadcrumb menus */
.breadcrumb {
	font-size: 11px;
}
.breadcrumb a {
	padding: 4pt;
}
.breadcrumb a:link, .breadcrumb a:visited {
	color: #666;
}
.breadcrumb a:hover {
	background-color: #ddd;
	color: #009;
	text-decoration: none;
}
.breadcrumb a:active {
	background-color: #ddd;
	color: #900;
	text-decoration: none;
}
p.breadcrumb {
	margin-top: 10pt;
}
nav.breadcrumb ul {
	list-style-image: none;
	list-style-type: none;
	margin-top: 8pt;
	padding: 0 9pt;
}
nav.breadcrumb li {
	display: inline;
	padding: 0 1pt;
}
nav.breadcrumb li:after {
	content: '\00a0»';
}
nav.breadcrumb li:last-child:after {
	content: '';
}


/*
###########################
########  BANNER  #########
###########################
*/
#banner, #confbanner, #edbanner, #bookbanner, #newsbanner, #mapbanner {
	background-color: rgb(255,255,255);
	background: -webkit-linear-gradient(top,#eef, #FFF 80px);
	background: -moz-linear-gradient(top,#eef, #FFF 80px);
	background: linear-gradient(to bottom,#eef, #FFF 80px);
	background-clip: border-box;
	border-bottom: 3px solid #236194;
	border-radius: 7px 7px 0 0;
	color: #FFF;
	height: 100px;
	margin: 0;
	padding: 0;
	position: relative;
	width: 100%;
}
#banner img, #confbanner img, #edbanner img, #bookbanner img, #newsbanner img, #mapbanner img {
	left: 15px;
	position: relative;
	top: 12px;
	width: 150px;
}
#banner span.banner-name {
	bottom: 0;
	color: #236194;
	display: block;
	font-size: 34px;
	margin: 22px 0 22px 180px;
	position: absolute;
}
#banner a {
	color: inherit;
	text-decoration: none;
}
#banner a:hover span.banner-name {
	color: rgb(102,206,255);
}
#banner span span {
	font-size: 75%;
	color: #69F;
}
#banner .tagline {
	color: #69C;
	font-size: 11px;
	font-style: italic;
	left: 35px;
	margin: 0;
	padding: 0;
	position: relative;
	top: 18px;
}

#banner {
}
#mapbanner {
}
#edbanner {
}
#confbanner {
}
#bookbanner {
}
#newsbanner {
}
#bannerimage {
	border: 0;
	height: 79px;
	left: 1px;
	position: absolute;
	top: 17px;
	width: 150px;
}
/*
###########################
######  BANNER NAV  #######
###########################
*/
#bannernav, #secondary-nav {
	border-bottom: 2px solid #6370b5;
	font-size: 12px;
	font-weight: normal;
	padding: 0;
}
#secondary-nav {
	font-size: 11px;
}
#mapbanner + #bannernav {
	background-color: #aec9ff;
	border-bottom-color: #047;
}
#bookbanner + #bannernav {
	background-color: #aec;
	border-bottom-color: #047;
}
#bannernav ul, #secondary-nav ul {
	list-style-type: none;
	margin: 0;
	max-width: none;
	padding: 0;
}
#bannernav li, #secondary-nav li {
	border-bottom: 1px solid #300;
	display: inline;
	float: left;
	margin: 0;
	padding: 0;
	position: relative;
	width: 124px;
}
#bannernav a, #secondary-nav a {
	background-color: #e6f0f6;
	display: block;
	padding: 5px 0;
	text-align: center;
	text-decoration: none;
}
#secondary-nav a {
	background-color: rgb(0,0,102);
}
#bannernav > ul > li, #secondary-nav > ul > li {
	border-right: 1px solid white;
}
#bannernav > ul > li:last-child, #secondary-nav > ul > li:last-child {
	border-right: none;
	padding-left: 1px;
}
#secondary-nav a:link, #secondary-nav a:visited, #secondary-nav > ul > li:hover > a, #secondary-nav > ul > li:hover > a {
	color: #ddf;
}
#bannernav a:link, #bannernav a:visited, #bannernav > ul > li:hover > a {
	color: #009;
}
#bannernav a:hover, #secondary-nav a:hover, #bannernav > ul > li:hover > a:hover, #secondary-nav > ul > li:hover > a:hover {
	background-color: #aeaeae;
	color: #fed;
}
#bannernav a:active, #secondary-nav a:active {
	background-color: #FFCDD3;
	color: #000;
}
#bannernav li li, #secondary-nav li li {
	font-size: 11px;
}
#bannernav li li a, #bannernav > ul > li:hover > a {
	background-color: #f9f9cc;
}
#secondary-nav li li a, #secondary-nav > ul > li:hover > a {
	background-color: rgb(0,102,255);
}
#bannernav li li a, #secondary-nav li li a {
	padding: 8px 3px;
}
#bannernav li li:last-child, #secondary-nav li li:last-child, #bannernav li li:last-child a, #secondary-nav li li:last-child a, #bannernav li ul, #secondary-nav li ul {
	border-radius: 0 0 5px 5px;
}
#bannernav li ul, #secondary-nav li ul {
	box-shadow: 0 4px 8px rgba(0,0,0,.8);
	display: none;
	line-height: 1.3;
	margin: 1px 0 0 0;
	padding: 0;
	position: absolute;
	z-index: 200;
}
#bannernav li:hover ul, #secondary-nav li:hover ul { 
	display: block;
}
/*
###########################
#####  BANNER SEARCH  #####
###########################
*/
#top-search {
	float: right;
	position: absolute;
	right: 12px;
	text-align: right;
	top: 12px;
}
#top-search input[type=text] {
	background-color: #bbb;
	border: none;
	-webkit-box-shadow: inset 0 0 8px -1px #444;
	-moz-box-shadow: inset 0 0 8px -1px #444;
	box-shadow: inset 0 0 8px -1px #444;
	color: #f4f4f4;
	font-size: inherit;
	height: 25px;
	margin: 0;
	padding: 2px 7px;
	width: 180px;
}
#top-search input[type=submit] {
	background-image: url(../images/search-icon.svg);
	background-color: #ddd;
	background-position: -10px -15px;
	background-repeat: no-repeat;
	background-size: 45px;
	border: 1px solid #aaa;
	border-radius: 2px;
	height: 29px;
	margin: 0;
	padding: 7px;
	position: relative;
	right: 5px;
	top: 1px;
	width: 30px;
}
/*
###########################
######  BOTTOM NAV  #######
###########################
*/
#bottomnav {
	background-color: #DBD7FF;
	border-bottom: 2px solid #6370b5;
	border-top: 4px solid #55F;
	clear: both;
	font-weight: normal;
	margin: 0;
	padding: 3px 2px 3px 2px;
}
#bottomnav ul {
	margin: 0 0 0 2em;
	max-width: none;
	padding: 0 0 0 1px;
	text-align: left;
}
#bottomnav li {
	display: inline;
	font-size: 12px;
	list-style-type: none;
	padding: 0 3em 0 0;
}
#bottomnav a {
	text-decoration: none;
}
#bottomnav a:link, #bottomnav a:visited {
	color: #009;
}
/*
###########################
########  FOOTER  #########
###########################
*/
#foot {
	background-color: #DDD;
	border-top: 2px solid #999;	
	clear: both;
	padding: 8px 8px 6px 20px;
}
#foot p {
	color: #444;
	font-size: .88em;
	font-style: italic;
	margin: 0 0 1em 0;
}
#foot img {
	border: none;
	float: right;
	margin: 4px 4px 4px 20px;
}
#foot img.w3cicon {
	float: none;
	margin: .5em 2em .5em 0;
	text-align: left;
}
#foot a {
	color: #009;
	text-decoration: none;
}
#foot a:hover {
	color: #00F;
	text-decoration: underline;
}
#foot ul {
	font-size: .88em;
	font-weight: normal;
	padding: .2em;
	margin: 0 0 1em 0;
	text-align: left;
}
#foot li {
	list-style-type: none;
	display: inline;
	padding: 0 0 .5em 0;
	margin: .5em 1em .5em 1em;
}
#foot li:first-child {
	margin-left: 0;
}
#foot table {
	border: none;
}
#foot table tr {
	text-align: center;
}
#foot table td {
	line-height: 1;
	margin: 0;
	padding: 5px;
	text-align: center;
	vertical-align: bottom;
	width: 20%;
}
#foot table img {
	float: none;
	margin: 0;
}
/*
###########################
##  FOOTER inside MAIN  ###
###########################
*/
#main > footer {
	border-top: 1px solid #aaa;
	color: #444;
	display: block;
	font-size: 92%;
	margin: 20pt 0;
	padding: 12pt 0 6pt 0;
}
/*
###########################
########  EVENTS  #########
###########################
*/
#conferencehead {
	margin-top: 12px;
	padding: 10px 0;
	border-width: 8px 0;
	border-style: double;
	border-color: #600;
}
#conferencehead h2 {
	font-size: 1.3em;
	color: #600;
	margin-top: 0;
}
#conferencehead p {
	font-size: .88em;
}
#conferencehead img {
	height: auto;
	width: 100%;
}
div.home-event {
	min-height: 80px;
}
div.home-event img {
	float:left;
	margin-right:15px;
	margin-top: 7px;
	max-height: 75px;
	max-width: 75px;
}
p.event-listing-block {
	font-size: 11px;
	font-style: normal;
	line-height: 1.3em;
	margin-top: 4px;
	margin-bottom: 5px;
	border: none;
}
div.home-event img + h3 + p.event-listing-block {
	margin-left: 90px;
}
#meetings .special {
	border: 1px solid #47326D;
	padding: 4px;
	background-color: #D7D6DD;
	margin-top: 1.2em;
}
#meetings #conf-logo {
	margin-top: 15px;
	text-align: center;
}
#meetings #conf-logo a {
	border: none;
	text-decoration: none;
}
#meetings #conf-logo img {
	padding-bottom: 8px;
	border: none;
}
.conf-byline {
	color: #555;
	font-size: 90%;
	font-style: italic;
}
.conf-options {
	border: 1px solid black;
	background-color: #eef;
	padding: 12px;
	margin-top: 5px;
}
.conf-options .price {
	color: #600;
}
.conf-options h2 {
	margin-top: 2px;
	padding-top: 0;
}
.conf-options .description {
	margin-left: 20px;
}
.confsponsor {
	text-align: center;
	width: 150px;
	height: 175px;
	margin: 15px;
	float: left;
	font-size: 10px;
}
.confsponsor p {
	width: 105px;
	margin: auto;
}
.past-event-notice:first-of-type {
	color: rgb(100,0,0);
	display: block;
	font-size: 110%;
	font-weight: bold;
	margin: -8pt 0 12pt 0;
	padding: 0pt;
	width: 100%;
}
.past-event-notice:nth-of-type(2), .canceled-event-notice {
	background-color: rgb(100,0,0);
	color: #fff;
	display: block;
	font-size: 120%;
	font-weight: bold;
	margin: 20pt 0 0 0;
	padding: 8pt;
	width: 70%;
}
/* Event listing on the home page */
.upcoming-event-indent {
	padding-left: 100px;
}

/* Event listing on topic pages, added 7/2015 */
div.event-listing {
	background-color: rgb(255,255,234);
	border: 1px solid rgb(100,100,100);
	font-size: 10pt;
	margin: 2pt 0;
	padding: 3pt 5pt;
	padding-right: 55px;
	width: 500px;
}
div.event-listing img {
	height: 40px;
	float: left;
	padding-right: 12px;
	width: 40px;
}
div.event-listing h3 {
	font-size: 12pt;
	margin: 0;
}
div.event-listing .event-date {
	margin-right: 11pt;
}
div.event-listing .event-location {
}
div.event-listing a:after {
	content: "more info »";
	font-size: 10pt;
	margin-left: 12pt;
	text-decoration: underline;
}

/*
###########################
#######  RESEARCH  ########
###########################
*/
.h2subhead {
	font-size: 1.3em; 
	margin: 1.7em 0 0 0;
	font-weight: bold;
	font-style: italic;
}
#researchhead h2 {
	font-size: 1.2em;
	color: #600;
	margin-top: 15px;
}
.summarysubhead {
	font-size: 1.1em;
	margin: 1.7em 0 .3em 0;
	font-weight: bold;
}
.summarystatement {
	font-style: italic;
	color: #33C;
}
.subtext {
	font-size: 11px;
	font-style: normal;
	line-height: 1.3em;
	margin-top: 4px;
	margin-bottom: 5px;
	border: none;
}
.sub-italic {
	font-size: 11px;
	line-height: 1.3em;
	margin-bottom: 25px;
	font-style: italic;
}
#main .project {
	max-width: 58em;
	border-bottom: 1px solid black;
	margin-bottom: 2em;
}
.project .pi {
	font-size: 10pt;
}
.project h3 {
	font-size: 14pt;
	font-style: normal;
}
.project span.project-number {
	color: rgb(55,55,55);
	font-size: 11pt;
	font-weight: normal;
	padding-left: 20pt;
}
.project ul.pi {
	margin-left: 0;
	padding-left: 0;
}
.project p.focusarea {
	font-size: .9em;
	font-weight: bold;
	font-style: italic;
}
#main .project .pi li {
	list-style-type: none;
	list-style-image: none;
	margin: .1em 0 .2em 0;
	padding-left: 0;
}
#project-detail-pi {
	font-size: 90%;
	height: 100px;
	margin-right: 100px;
	width: 400px;
}
#project-detail-pi img {
	border: 1px solid #aaa;
	box-shadow: 2pt 2pt 3pt #aaa;
	float: right;
	height: 112px;
	margin-left: 25pt;
	width: 87px;
}
#project-detail-pi .project-detail-pi-name {
	display: block;
	font-size: 120%;
	font-weight: bold;
	margin: 12pt 0 2pt 0;
}
#project-detail-students h2 {
	margin-top: 6pt;
}
.project .award, .project .date {
	display: block;
	font-size: .9em;
	font-weight: bold;
	margin: .2em 0 .5em 0;
}
span.database-impact-statement {
	color: rgb(102,0,51);
	font-size: 110%;
	font-weight: bold
}
/*
###########################
#########  NEWS  ##########
###########################
*/
.newstitle {
	font-size: 1em;
	margin: 1.5em 0 0 0;
	max-width: 56em;
}
.newsdate {
	font-size: .88em;
	margin: 0 0 0 0;
	color: #666;
}
.newsdate + p {
	margin: .3em 0 .5em 0;
}
.news-location {
	font-weight: bold;
}
.newsinfo {
	font-size: .9em;
	color: #444;
}
.news-byline-bottom {
	color: #444;
	font-size: 90%;
	font-style: italic;
}
#news div.description {
	border-top:solid 1px #333;
	clear: both;
	margin-top:20px;
	padding-top: 8px;
}

h2.contact {
	font-size: .9em;
	margin: 5px 0 0 0;
}
#main h2.contact + ul {
	margin-left: 0;
	padding-left: 0;
}
#main h2.contact + ul>li, #nr, #contact {
	font-size: .85em;
	color: #444;
	list-style-type: none;
	list-style-image: none;
	margin-left: 0;
	padding-left: 0;
}
#nr, #contact {
	margin: .2em 0 .5em 0;
}
#nr {
	border-bottom: solid 1px #333; 
	padding-bottom: 8px;
}
#main div.q-and-a h2 {
	font-size: 135%;
	font-style: italic;
	margin-top: 20px;
}
#coastwisebanner {
	background-color:#006d99;
	background-image:url(/news/coastwise/images/coastwise-background.jpg);
	background-position: -40px -150px;
	background-repeat: no-repeat;
	background-size: 800px;
	color: #333;
	font-size: 36pt;
	height:150px;
	margin: -10px 0px 20px -30px;
	padding: 15px 0px 0px 25px;
	text-shadow: 2pt 2pt 5pt white;
}
section.feature-block {
	clear: left;
	overflow: auto;
}
section.feature-block img {
	float: left;
	height: auto;
	margin: 0 14pt 5pt 0;
	max-width: 100px;
}
.feature-block h2, .feature-block h3 {
	font-size: 135%;
}
section.feature-block h2:first-of-type, section.feature-block h3:first-of-type {
	margin-top: 0;
}


/*
###########################
######  BOOKSTORE  ########
###########################
*/
#bookstore #main .bookinfo h1 {
	font-size: 20px;
}
.toc {
	font-size: 13px;
}
.toc td {
	padding: 4px 4px 6px 2px;
}
.authors {
	margin-top: 0px;
	margin-left: 10px;
	font-style: italic;
	font-weight: normal;
}
.ch-authors {
	margin-bottom: 25px;
	font-weight: normal;
}
.ch-coverleft {
	margin: 0 25px 0px 0;
	float: left;
}
h2.pubtitle {
	margin-top: 0;
}
h3.pubtitle {
	margin-top: 0;
	font-size: 1.1em;
}
.coverbox { 
	clear: both;
	max-width: 700px;
	padding: 0 0 20px 0;
}
.coverbox img { 
	float: left;
	margin: 0 12px 20px 0;
}
.coverbox h2 { 
	margin-top: 12px;
}
.bookinfo, .posterinfo, .videoinfo { 
	padding: 0 8px 20px 0;
	min-height: 250px; /* to clear items below the cover graphic */
}
/* suppress "price" label. Can be removed if HTML code removed from pub pages */
.bookinfo span.label, .posterinfo span.label, .videoinfo span.label {
	display: none;
}
.bookinfo img, .posterinfo img, .videoinfo img { 
	float: left;
	margin: 8px 20px 0;
}
#awards {
	background-image: url(/images/ribbon.gif);
	background-repeat: no-repeat;
	padding-left: 60px;
	min-height: 70px;
}
.cover {
	float: right;
	margin: 0.2em 0em .2em 1em;
	border: 1px solid black;
}
.coverleft {
	float: left;
	margin: 20px 12px 4px 0;
	border: 1px solid black;
}
.order {
	margin: 1.2em 1em .3em 0;
	border: 1px solid #47326D;
	padding: 4px;
	background-color: #EEBCBF;
	
}
.special {
	border: 1px solid #47326D;
	padding: 8px;
	background-color: #D7D6DD;
	margin-top: 1.4em;
}
.special2 {
	padding: 2px 11px 3px 13px;
	background-color: #FFE89E;
	margin-top: 1.2em;
}
.bookstore-long-announce {
	border: 1px solid #47326D;
	padding: 6pt;
	background-color: #FCF7DC;
	margin-top: 1.4em;
	max-width: 500px;
}
.special-holiday {
	border: 1px solid #003300;
	padding: 4px;
	background-color: #99ff99;
	margin-top: 1.2em;
}
.oldprice {
	text-decoration: line-through;
}
.saleprice {
	color: #900;
	font-weight: bold;
}
.testimonial {
	font-size: .9em;
	color: #444;
	font-style: italic;
}
#main ul.pubdata {
	margin-left: 0;
	padding-left: 0;
}
#main ul.pubdata li {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	list-style-image: none;
}
.bookinfo .pubdata li {
	margin-left: 167px;
}
.videoinfo .pubdata li {
	margin-left: 140px;
}
.posterinfo .pubdata li {
	margin-left: 245px;
}
.asj {
	margin: .5em 0 1.5em 0;
	padding: 20px 0 20px 35px;
	background-image: url(/news/images/mic.gif);
	background-repeat: no-repeat;
	background-position: left;
}
/* Related Pubs section on Pub Pages */
#relatedpubs {
	margin: 28px 0 10px 0;
	padding: 0 10px 3px 10px;
	background-color: #FFF4E4;
	border: 1px solid #222222;
}
#relatedpubs h2 {
	font-size: 13px;
	font-style: italic;
	color: #440;
	padding-top: 0;
	margin-top: 8px;
	margin-bottom: 4px;
}
#relatedpubs .relatedpub {
	font-size: 11px;
	margin: 10px 5px 10px 0;
	padding: 5px;
	height: 170px;
	width: 170px;
	float: left;
	/* border: 2px solid red; */
	margin: 10px 0 0 0;
	text-align: center;
}
#relatedpubs .relatedpub .relatedpubcover {
	position: relative;
	width: 125px;
	height: 110px;
	margin: auto;
	/* border: 2px solid green; */
}
#relatedpubs .relatedpubcover img {
	position: absolute;
	bottom: 0px;
	margin: auto;
	border: 1px solid #555;
}
.relatedpub img + p {
	margin: 0;
}

/* Pub blocks on Catalog Pages */

.pub-block {
	font-size: 11px;
	margin: 12px 10px 10px 0;
	padding: 5px;
	height: 200px;
	width: 155px;
	float: left;
	/* border: 2px solid red; */
	margin: 10px 0 0 0;
	text-align: center;
}
.pub-block .pubcover {
	position: relative;
	width: 125px;
	height: 110px;
	margin: auto;
	/* border: 2px solid green; */
}
.pub-block .pubcover img {
	position: absolute;
	bottom: 0px;
	margin: auto;
	border: 1px solid #555;
}
.pub-block a {
	text-decoration: none;
}
.pub-block a:hover {
	color: rgb(120,120,255);
	text-decoration: underline;
}
.pub-block img + p {
	margin: 0;
}

/* end */

.homepubblock {
	overflow: auto;
	border-top: 4px solid black;
}
.homepub {	/* for books on the bookstore homepage */
	margin: 1em 1.5em 1em 0;
	padding-bottom: 1em;
	height: 230px;
	width: 160px;
	float: left;
}
.homepubblock .homepub {
/*	height: 180px; */
}
.gallery {	/* for books in galleries */
	margin: 1em 2em 1em 2em;
	padding-bottom: 1em;
	width: 105px;
	height: 240px;
	float: left;
}
.gallery h3 {
	font-size: .9em;
	margin: 3px 0px 0px 0px;
}
#rightcol .homepub {
	float: none;
	height: 80px;
}
.homepub h3, #rightcol .homepub h3 {
	font-size: 92%;
	font-weight: bold;
	margin-top: 5px;
}
.homepub h3 a {
	text-decoration: none;
}
.homepub .description {
	font-size: 82%;
}
.homepub h3 a:hover {
	text-decoration: underline;
}
.books {
	width: 200px;
	height: 300px;
	padding: 6px;
	margin: 6px;
	float: left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
}
/* Featured item */
.bookstorefeature {
	background-color: rgb(250,252,255);
	border: 1px solid #444;
	border-radius: 5%;
	box-shadow: 2px 2px 3px 3px rgba(40,40,35,.1);
	font-size:13px;
	margin: 25px 15px 8px 0;
	padding: 2em 2.5em;
	overflow: auto;
	width: 510px;
}
.bookstorefeature h3 {
	color: rgb(103,0,0);
	font-size: 1.4em;
	margin: .8em 0 .1em 0;
}
.bookstorefeature h3 a {
	color: inherit;
}
.bookstorefeature h3:nth-of-type(1) {
	margin-top: 3px;
}
.bookstorefeature img {
	border: 1px solid #666;
	margin: 8px 0;
}
.bookstorefeature a:nth-of-type(2n+1) img {
	float: right;
	margin-left: 1.2em;
}
.bookstorefeature a:nth-of-type(2n) img {
	float: left;
	margin-right: 1.2em;
}

/* Ruled table */

.pubinfo {
	border: none;
	font-size: .9em;
	margin: 0px 0px 15px 0;
}

.pubinfo th {
	border-top: 1px solid black;
	border-right: 1px solid black;
	text-align: left;
	padding: 5px;
}

.pubinfo td {
	border-top: 1px solid black;
	border-left: 1px solid black;
	padding: 5px;
}


/* Holiday store specials */
body.holiday {
}
.holiday #main {
	background-image: url(/bookstore/images/presents-background.jpg);
	background-repeat: repeat;
	max-width: none;
	padding-right: 5%;
	margin-right: 0;
	margin-bottom: 0;
	padding-bottom: 20px;
/*	overflow: auto; */
}
.holiday .books {
	background-image: url(/bookstore/images/holidayflare.gif);
	background-repeat: no-repeat;
	width: 200px;
	height: 200px;
	padding: 10px;
	margin: 10px;
	float: left;
	font-size: 11px;
	font-weight: bold;
	color: #006600;
}
.holiday .books img {
	margin-right: 10px;
	border: 0;
}
.holiday .books h2 {
	font-size: 1em;
	margin: 3px 0 1px 0;
}
.holiday .books h2 a {
	color: #006600;
	text-decoration: none;
}
.holiday .books h2 a:hover {
	text-decoration: underline;
	color: #00aa00;
}
.holiday .author {
	color: #990000;
	font-size: 10px;
	font-weight: normal;
	margin: 2px 0 0 0;
}
.holiday .holidayspecial {
	width: 400px;
	float: left;
	margin: 8px 0 0 0;
}
.holiday .holidayspecial .holidayspecialtop {
	background-image: url(/bookstore/images/holiday-trim-2-400px_01.gif);
	background-repeat: no-repeat;
	padding: 40px 40px 10px 40px;
}
.holiday .holidayspecial .holidayspecialbottom {
	background-image: url(/bookstore/images/holiday-trim-2-400px_02.gif);
	background-repeat: no-repeat;
	background-position: bottom;
	padding: 0px 40px 30px 40px;
}
.holiday .holidayspecial h2 {
	font-size: 1.4em;
	margin: 3px 0 1px 0;
}
/* Bookstore holiday styles. Comment this section out to remove holiday formatting. */
/*	body#bookstore {
	background-color: #dfd;
}
#bookbanner {
	height: 80px;
	background-color: #838383;
	background-image: url(/bookstore/images/banner-holiday.jpg);
	border-bottom-width: 6px;
	border-bottom-style: solid;
	border-bottom-color: #300;
}
#bookstore #bannernav, #bookstore #bottomnav {
	background-color: #faa;
	border-bottom: 2px solid #800;
}
#bookstore #bottomnav {
	margin: 0;
	clear: both;
	border-top: 4px solid #400;
}
*/
/* end bookstore holiday styles */

/* Shopping Cart */
#shoppingcart {
}
#shoppingcart p {
	margin: 0 1em 1em;
}
#booklist, #contents {
	padding: 8px;
}
#booklist ul {
	list-style-type: none;
}
#booklist ul li {
	margin: 0 1em 1em;
}
#contents table {
	font-size: 90%;
	border-collapse: collapse;
}
#contents table td, #contents table th {
	border: 1px solid #999;
	padding: 0px 6px 0px 6px;
}
#contents table th {
	color: #fff;
	background-color: #005;
	padding-top: 5px;
	padding-bottom: 5px;
}
#contents table tr.cartsum td {
	background-color: #005;
	font-weight: bold;
	color: #fff;
	padding: 5px;
}

#contents p, #contents button {
	margin: 1em;
}

#contents table.shipping td {
	padding: 5px;
}
table.order {
	font-size: 90%;
	border-collapse: collapse;
	background-color: #eef;
	width: 95%;
}
table.order td, table.order th {
	font-weight: normal;
	border: 1px solid #999;
	padding: 1px 6px 1px 6px;
}
table.order th {
	font-weight: bold;
}
.cart-info {
	margin: 20px 5px 20px 0;
	background-color: #FFF;
	padding: 4px 4px 4px 8px;
	border: 4px solid #060;
}
.cart-info h2 {
	font-size: 1.2em;
}
.shoppingcart {
	margin-bottom: .8em;
	margin-top: .3em;
}
.addtocart {
	text-align: center;
	margin: 20px auto;
	padding-bottom: 20px;
	display: block;
}
.addtocart img {
	float: none;
}
.shippinglist {
	margin: 10px 0 30px 0;
}
.shippinglist li {
	list-style-image: none;
	list-style-type: none;
}

/* For bundle */

.bundle {
	margin: 50px 0 30px 0;
	border: solid 3px #330099;
	width: 220px;
	font-size: 11px;
	text-align: center;
	background-color:#fffadb;
}
.bundle h3 {
	background-color:#9999CC;
	color:#eeeeee; 
	padding: 8px;
	margin: 0 0 8px 0;
	font-size: 12px;
}
.bundle a, td.cartcell a, #chapters button {
	display: block;
	text-decoration: none;
	color: white;
	background-color:#609;
	font-size: 10px;
	font-weight: bold;
	padding: 3px;
	text-align: center;
	width: 90px;
	margin:  6px auto;
	border: 1px solid #103;
	border-top-color: #aaf;
	border-right-color: #aaf;
}
#chapters button {
	width: 120px;
	margin-left: 0;
	margin-right: 0;
}
.bundle a:hover, td.cartcell a:hover, #chapters button:hover {
	color: white;
	background-color:#c3f;
}
.bundle a:link {
	color: white;
}
.bundle a:visited {
	color: white;
}
.bundle a:active {
	color: white;
	background-color:#33F;
}

/* Order table for PDF/print/chapters */
#orderblock {
	background-color: rgba(252,248,188,.70);
  border: 1px solid #ccc;
	border-radius: 0pt;
  box-shadow: 2px 2px 2px #aaa;
	padding: 10px 15px 5px 20px;
	width: 605px;
}
.ordertable, .chaptertable {
	border: none;
  color: #006;
	font-size: 10pt;
	margin-bottom: 20px;
	width: 600px;
}
.ordertable label, .chaptertable label {
  color: inherit;
}
.ordertable th, .ordertable td, .chaptertable th, .chaptertable td {
	padding: 3px 1px;
}
.ordertable td.pricecell, .chaptertable td.pricecell {
	width: 74px;
}
.ordertable td.titlecell {
	width: 399px;
}
.chaptertable td.titlecell {
	width: 371px;
	padding-right: 8px;
}
.ordertable td.cartcell, .chaptertable td.sizecell {
	width: 100px;
}
.chaptertable td.selectcell {
	width: 15px;
}
.ordertable tr, .chaptertable tr {
	border-bottom:1px solid black;
}
.ordertable th {
	background-color: transparent;
}
.chaptertable th {
	background-color: #fbb;
}
.chaptertable {
	margin-bottom: 0px;
}
.chaptertitle {
	font-weight:bold;
}
#orderblock #chapters {
	display: none;
}
#orderblock .highlight {
	font-size: 1em;
}

/* for bypass cart option upgrade November 2019 */

.ordertable tr.bypass-cart-row {
	border-bottom-width: 0;
}


/* Sample pages display for pub pages */

div.booksamples {
	width: 99%;
	padding: 25px;
}

div.booksamples img {
	border: solid 2px #666;
}

div.booksamples ul {
	margin: 15px 0;
	padding-left: 0;
}

div.booksamples li {
	display: inline;
	padding: 2px 8px;
	margin: 0 5px;
	list-style-type: none;
	background-color: #FEC;
	font-size: 10px;
	font-weight: bold;
	border: 1px solid #777;
	border-color: #777 #ddd #ddd #777;
	text-align: center;
}
	
div.booksamples li:first-child {
	margin-left: 0;
	background-color: #FC0;
}

div.booksamples li a {
	text-decoration: none;
}

/*
Bookstore site search */

form#searchbox_014139782370576807240:tkeejwkjx1y] input[type=search] {
	font-size: 110%;
	padding: 5px 0 5px 4px;
}
/*
###########################
#####  MAP PROFILES  ######
###########################
*/
#contact {
	padding: 10px;
	float: left;
	width: 185px;
	border: 2px solid #000066;
	margin: 2.5em 2.5em 3em 0em;
}
#contact h1 {
	font-size: 1.5em;
	padding-top: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
}
#contact h1 .subh1 {
	display: block;
	font-size: .8em;
	line-height: 1.3;
}
#contact img {
	border: solid 1px #000066;
}
#contact .academictitle {
	font-size: 1em;
	font-weight: normal;
	color: #444;
}
#contact p {
	font-size: .9em;
	margin: .6em 0 0 0;
	padding: 0px;
	line-height: 1.3;
}
address {
	font-size: .9em;
	margin: .7em 0 .2em 0;
}

#contact p.job {
	font-size: 1.2em;
	font-weight: bold;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}
#contact p.location {
	font-weight: bold;
	font-size: 1em;
	font-style: italic;
	margin: 10px 0 .7em 0;
	padding: 0 0 0 0;
}
/*
###########################
#######  STUDENTS  ########
###########################
*/
.studentindex {
	width: 140px;
	height: 190px;
	margin: 0 2em 0 0;
	float: left;
}
.photocoming {
	height: 104px;
	width: 104px;
	border: 2px solid #716297;
	font-size: 10px;
	font-weight: bold;
	color: black;
	background-color: #BDB7D3;
	text-align: center;
	margin: 16px 0 1px 0;
	padding: 35px 2px 2px 2px;
	line-height: 12px;
	display: block;
}
.degree {
	font-size: 11px;
	font-style: normal;
	color: #444;
	text-decoration: none;
}
.student-small {
	border: 2px solid #716297;
	margin: 0 0 .2em 0;
}
.student-large {
	border: 4px solid #716297;
}
.names {
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
	text-decoration: none;
}
/*
###########################
#########  STAFF  #########
###########################
*/
.staff h1 {
	margin: .2em 0 .1em 0;
	letter-spacing: .1em;
}
.staff h2 {  
	font-size: 1.4em; 
	margin: 1.7em 0 .1em 0; 
}
.staff h3 {
	font-size: 1.2em;
	margin: 1.7em 0 .1em 0;
}
.staff h4 {
	font-size: 1em;
	margin: .7em 0 0 0;
}
.staff #sidebar .photo {
	margin: 2em 0 10em 0;
}
.staff #main .photo {
	float: right;
	margin-left: 20px;
	width: 200px;
}
.staff .photo img {
	border: solid 1px #000;
	margin-bottom: 3px;
}
.jobtitle {
	font-size: 1em;
	font-weight: 600;
	letter-spacing: .15em;
	margin: 0 0 2em 0;
	color: #444;
}
.academictitle {
	font-size: 1.4em;
	font-weight: 600;
	margin: 0 0 2em 0;
	color: #444;
}
.staff .contact {
	font-size: .88em;
	color: #444;
}
.staff .contact li {
	list-style-image: none;
	list-style-type: none;
	margin: 0;
	padding: 0;
}
.staff .contact ul {
	padding: 0;
	margin: 0;
}
.contact a {
	text-decoration: none;
}
.photodirectory {
	margin-bottom: 10px;
	padding-right: 30px;
	width: 45%;
	float: left;
	height: 104px;
}
.photodirectory img {
	float: left;
	margin: 2px 15px 2px 0;
}
.photodirectory p {
	padding: 5px;
	padding-top: 10px;
	font-size: 11px;
}
.staff-archive h1, #map .staff-archive h1 {
	background-color: rgb(224,224,224);
	padding-left: 5pt;
}
/*
###########################
#########  FORMS  #########
###########################
*/
/* General */

form {
	box-sizing: border-box;
}
fieldset {
	border: 3px solid #000;
	box-sizing: border-box;
	clear: left;
	margin: .5em 0 3em 0;
	padding-top: 1.4em;
}
legend {
	font-size: 140%;
	font-weight: bold;
	color: #330000;
	padding: 0 .5em 0 .5em;
}
fieldset fieldset {
	border: 1px solid #000;
	box-sizing: border-box;
	margin-bottom: .5em;
	padding: .5em .8em;
}
fieldset fieldset legend {
	font-size: 100%;
	color: #000;
}
fieldset.radio label, fieldset.radio-vertical label {
	font-size: 100%;
	font-weight: normal;
}
fieldset.radio label {
	margin-left: 1em;
}
fieldset.radio label:first-of-type {
	margin-left: 0;
}
.radio-number-scale-table {
	 border:none;
	 margin: 10px 0;
	 padding: 0 0;
}
.radio-number-scale-table td {
	 border:none;
	 padding:0px 9px;
	 text-align:center;
}

fieldset.radio-vertical input {
	margin-right: 8px;
}
fieldset.radio-vertical label {
	display: block;
	margin-bottom: .7em;
}
.formerrors { /* To be used to display form-validation errors to the user. */
	background-color: #ff9;
	border: solid #a00 2px;
	color: #800;
	margin: 10px 0 10px 0; 
	padding: 8px;
	width: 650px;
}
#sidebar .formerrors {
	width: 92%;
}
.datahead, .datahead-required { /* This should be phased out, in favor of <label> */
	margin-top: 0;
	margin-bottom: 0;
	font-size: 11px;
}
.datahead-required { /* This should be phased out, in favor of <label> */
	color: #C00;
}
.form-table {
	margin: 20px 0 10px 0;
}
.form-table td {
	padding: 4px 1px 8px 6px;
}
form label, form .sublabel, form .label {
	font-size: 100%;
	color: #222;
	font-weight: normal;
}
form .titlecell label { /* for bookstore chapter table, label is not bold */
	font-weight: inherit;
}
form .sublabel { /* for short inline descriptive explanations of a form label; for long descriptions, use <p class="description"> */
	font-weight: normal;
	font-style: italic;
	margin-left: 11px;
}
form h2 { /* This should be phased out, in favor of <fieldset> and <legend> */
	clear: left;
	margin-top: 0;
	padding-top: 1.7em;
}
.minifield, .smallfield, .mediumfield, .longfield {
	padding: 5px 20px 15px 0;
	float: left;
}
.minifield, .longfield input[type=text].tiny-input, .longfield input[type=number].tiny-input, .longfield input[type=tel].tiny-input, .longfield input[type=search].tiny-input {
	width: 52px;
}
.minifield input[type=text], .minifield input[type=tel], .minifield input[type=email], .minifield input[type=number], .minifield input[type=search], .minifield textarea, .longfield input[type=text].mini-input {
	width: 48px; /* These need to subtract the padding added to these input types below */
}
.smallfield {
	width: 125px;
}
.smallfield input[type=text], .smallfield input[type=tel], .smallfield input[type=email], .smallfield input[type=number], .smallfield input[type=search], .smallfield textarea, .longfield input[type=text].small-input, .longfield input[type=number].small-input, .longfield input[type=search].small-input {
	width: 120px;
}
.mediumfield {
	width: 270px;
}
.mediumfield input[type=text], .mediumfield input[type=tel], .mediumfield input[type=email], .mediumfield input[type=number], .mediumfield input[type=search], .mediumfield textarea, .longfield input[type=text].medium-input {
	width: 266px;
}
.longfield {
	width: 560px;
}
.longfield input[type=text], .longfield input[type=tel], .longfield input[type=email], .longfield input[type=number], .longfield input[type=search], .longfield textarea {
	width: 556px;
}
.datadisplay {
	background-color: #ffd;
	border: 1px black solid;
	padding: 5px;
	width: 100%;
}
input[type=text], input[type=search], input[type=email], input[type=tel], input[type=number], textarea {
	font-size: 110%;
	padding: 5px 0 5px 4px;
}
textarea {
	height: 200px;
}
.textarea2 {
	height: 35px;
}
.textarea3 {
	height: 50px;
}
.textarea4 { /* Approx 4 lines */
	height: 65px;
}
.textarea5 {
	height: 80px;
}
.textarea10 {
	height: 160px;
}
input:focus, textarea:focus {
	background-color: #fff4f4;
	box-shadow: 2px 2px 2px #8ac;
}
input[type=text].currency-input {
	width: 90px;
}
input[type=submit], input[type=reset], input[type=button] {
	background:#ecc;
	border: 1px solid black;
	border-color: #333 #aaa #aaa #333;
	-webkit-border-radius: 0px;
	border-radius: 0px;
	cursor:pointer;
	font-size: 1.1em;
	padding:6pt 15pt;
}
input[type=submit].disabled-button, input[type=submit].disabled-button:hover, input[type=reset].disabled-button, input[type=button].disabled-button {
  opacity: 1;
  background-color: #ddd;
  border: 1px solid #ddd;
  color: #888;
  cursor: default;
}

input[type=submit]:hover {
	background:#900;
	color: #fee;
}

input[type="file"].fileinput {
	background-color: #fae8d7;
	margin: 16pt 0;
	padding: 14pt;
}

/* "Public" forms, which is just a particular general-purpose style */

form.public {
	max-width: 675px;
	font-size: 100%;
	overflow: auto;
}
form.public input.radio + label {
	margin-right: 28px;
}
form.register {
	width: 625px;
	font-size: 12px;
	overflow: auto;
}

/*
###########################
######  HOME PAGE  ########
###########################
*/
#main {
	padding-right: 20px;
}
#top-block {
}
#headlines {
	float: right;
	font-size: 10px;
	width: 270px
}
#headlines h2 {
	border: 1px solid #555;
	border-width: 1px 0;
	margin-top: 0;
}
#headlines ul, #headlines li {
	list-style-image: none;
	list-style-type: none;
	padding-left: 0;
	margin-left: 0;
}
#headlines li:last-child {
	border-top: 1px solid #ddd;
	font-weight: bold;
	margin-top: 4px;
	padding-top: 5px;
}
#headlines a {
	text-decoration: none;
}
#headlines li:last-child a:after {
	content: '»';
	padding-left: 5px;
}

#middle-block {
	border: 1px solid #333;
	border-width: 1px 0;
	clear: both;
	margin: 45px 0 25px 0;
	overflow: auto;
	padding: 25px 0 35px 0;
	position: relative;
	left: -30px;
	top: -20px;
}
#maphome #middle-block {
	padding-left: 25px;
}
#middle-block #meetings, #middle-block #in-news {
	border: 1px solid #444;
	border-radius: .4em;
	-moz-box-shadow: 2px 2px 4px rgba(200,200,200,1);
	-webkit-box-shadow: 2px 2px 4px rgba(200,200,200,1);
	box-shadow: 2px 2px 4px rgba(200,200,200,1);
	padding: 14px;
}
#middle-block #meetings {
	float: right;
	width: 275px;
}
#maphome #middle-block #meetings {
	float: left;
	width: 275px;
}

#middle-block .home-event {
	border-top: 1px solid #777;
	clear: left;
	min-height: 80px;
	padding-top: 5px;
}
#middle-block #meetings img {
	float: left;
	max-height: 75px;
	max-width: 75px;
	padding: 0px 10px 8px 0;
}
#middle-block #meetings h2, #middle-block #in-news h2 {
	color: #444;
	font-size: 18px;
	font-weight: normal;
	margin: 0 0 .4em 0;
}
#middle-block #meetings h2 a, #middle-block #meetings h3 a {
	color: inherit;
}
#middle-block #meetings h3 {
	font-size: 13px;
	margin: 0 0 3px 0;
	padding-top: 0;
}
#middle-block #meetings h3:last-child {
	clear: both;
	padding-top: 12px;
}
#middle-block #meetings p {
	margin: 0 0 .5em 0;
}
#middle-block #in-news {
	background-color: rgb(230,236,255);
	margin-left: 25px;
	width: 550px;
}
#maphome #middle-block #in-news {
	margin-left: 345px;
}
#middle-block #in-news * {
	color: rgb(0,0,0);
}
#middle-block #in-news strong, #middle-block #in-news a:link, #middle-block #in-news a:visited {
	color: rgb(0,0,100);
	font-weight: bold;
}
#middle-block #in-news img {
	float: left;
	height: 100px;
	padding: 0 0 0 15px;
	padding: 0 15px 0 0;
	width: auto;
}
#middle-block #in-news h2 {
	color: #327;
	font-size: 20px;
	padding-left: 10px;
}
#middle-block #in-news p {
	background-color: rgb(248,250,255);
	border: 1px solid black;
	border-color: rgb(200,206,230) rgb(250,250,250) rgb(250,250,250) rgb(200,206,230);
	font-size: 13px;
	min-height: 100px;
	padding: 10px;
}
#middle-block #in-news > span a {
	padding-left: 8px;
	text-decoration: none;
}
#middle-block #in-news > span a:after {
	content: '»';
	padding-left: 5px;
}
#slider > div {
	
}
#slider > div a {
	text-decoration: none;
}
#slider > div h3 {
	font-size: 20px;
	font-weight: normal;
}
#slider > div h3:first-of-type {
	margin-top: .8em;
}
#slider h3 a {
	color: inherit;
}
#slider > div a:after, #newsletters a:after, #middle-block #meetings a:after {
	content: '»';
	padding-left: 5px;
}
#slider > div .credit a {
	color: inherit;
}
#slider > div .credit a:after {
	content: normal;
}
#slider > div img {
	float: left;
	height: 300px;
	margin: 0 1.2em 0 0;
	width: auto;
}
#newsletters {
	clear: right;
	margin-bottom: 35px;
}
#newsletters h3 {
	font-size: 16px;
	font-weight: normal;
}
#newsletters p, #newsletters ul {
	font-size: 12px;
}
#maphome #newsletters p, #maphome #newsletters ul {
	display: none;
}
#newsletters h3 a {
	color: inherit;
}
#newsletters div img {
	border: 1px solid #666;
	float: right;
	margin: 0 0 3px 8px;
}
#newsletters div {
	border: 1px solid #444;
	border-radius: .4em;
	-moz-box-shadow: 2px 2px 4px rgba(200,200,200,1);
	-webkit-box-shadow: 2px 2px 4px rgba(200,200,200,1);
	box-shadow: 2px 2px 4px rgba(200,200,200,1);
	float: left;
	margin: 0 25px 30px 0;
	min-height: 320px;
	padding: 18px 20px;
	width: 245px;
}
#maphome #newsletters div {
	height: 65px;
	min-height: 65px;
}
#maphome #newsletters div#fishbiz {
	height: 300px;
}
#maphome #newsletters div#fishbiz ul, #maphome #newsletters div#fishbiz p {
	display: block;
	padding-left: 5px;
}

#newsletters div:last-child {
	border: none;
	box-shadow: none;
	clear: both;
	float: none;
	height: 1px;
	margin: 0;
	min-height: 1px;
	padding: 0;
	width: 1px;
}
#newsletters div h3 {
	background-repeat: no-repeat;
	border-bottom: 1px solid #555;
	line-height: 1.2;
	margin: 0 0 15px 0;
	min-height: 35px;
	padding: 10px 0 16px 75px;
}
#newsletters #newsflash img, #newsletters #notesfromfield img, #newsletters #fishlines img, #newsletters #charterlog img {
	height: 85px;
	width: 85px;
}
#newsletters #newsflash h3 {
/*	background-image: url(/research/projects/kingcrab/images/crab.svg);
	background-size: 70px; */
	background-image: url(/images/asg-blue/asg-blue.svg);
	background-position: 0px 3px;
	background-size: 75px;
	padding-left: 85px;
}
#newsletters #fishlines h3 {
	background-image: url(/news/fishlines/images/fishlines-banner2.jpg);
	background-position: 0 0px;
  background-size: 245px;
	border-bottom: none;
	padding: 0 0 0 0;
}
#newsletters #fishlines h3 a {
	display: block;
	height: 45px;
	margin: 0;
	padding: 15px 0 0 0;
	text-indent: -10000px;
}
#newsletters #notesfromfield h3 {
	background-image: url(/news/2015/images/notepad.png);
  background-size: 70px;
}
#newsletters #charterlog h3 {
	background-image: url(/map/charterlog/images/charterlog-logo-stars.svg);
  background-size: 85px;
}
#newsletters #fishbiz h3 {
	background-image: url(/map/fishbiz/images/fblogogreensm.jpg);
  background-size: 150px;
}
#newsletters .date {
	color: #444;
	display: block;
	font-size: 11px;
	font-weight: bold;
	margin-bottom: 4px;
}
/* Define slider dimensions here, or in anythingslider.css */
#slider { 
	padding: 0;
	width: 920px; height: 300px;
}
.anythingSlider-minimalist-round {
	margin: 30px 0 0 0;
	/* 30px right & left padding for the navigation arrows */
	padding: 0; /* modified by Dave, b/c no arrows */
}

/*
###########################
#######  FISHBIZ  #########
###########################
*/
p.fishbiz {
	background-image: url(https://alaskaseagrant.org/wp-content/uploads/2020/03/fishbiz2016.svg);
	background-position: 0 0;
	background-repeat: no-repeat;
	background-size: contain;
	border: 4px solid #9aca3c;
	font-family: Georgia, "Times New Roman", Times, serif;
	height: 80px;
	margin: 30px 0;
	max-width: 400px;
	padding: 8pt 10pt 8pt 250px;
}
div.fishbiz {
	border: 4px solid #9aca3c;
	padding: 8px 10px 3px 260px;
	background-image: url(https://alaskaseagrant.org/wp-content/uploads/2020/03/fishbiz2016.svg);
	background-repeat: no-repeat;
	background-position: 0 0;
	background-size: contain;
	min-height: 105px;
	margin: 30px 0;
}
/*
###########################
########## AYFS  ##########
###########################
*/
#main.ayfs {
	background-image: url(../map/workshops/ayfs/images/ayfslonglogo.png);
	background-position: -20px 0px;
	background-repeat: no-repeat;
	padding-top: 160px;
}

/*
###########################
#####  SOCIAL MEDIA  ######
###########################
*/

/*embedded feeds */
.fb-page {
	float: right;
	margin: 30px 0 30px 40px;
}

/*
###########################
####  JQUERY TINYTIPS  ####
###########################
*/
.lightTip						{  }
.lightTip .content				{ width: 310px; padding: 10px; border: 6px solid #e2e2e2; -moz-border-radius: 5px; -webkit-border-radius: 5px; background: #ffffff; color: #020202; }
.lightTip .bottom				{ height: 14px; background: url(/images/notch-white.png) top center no-repeat; }

.yellowTip						{  }
.yellowTip .content				{ width: 310px; padding: 10px; border: 6px solid #f9e98e; -moz-border-radius: 5px; -webkit-border-radius: 5px; background: #fbf7aa; color: #020202; }
.yellowTip .bottom				{ height: 14px; background: url(/images/notch-yellow.png) top center no-repeat; }

.orangeTip						{  }
.orangeTip .content				{ width: 310px; padding: 10px; border: 6px solid #f9cd8e; -moz-border-radius: 5px; -webkit-border-radius: 5px; background: #fbe3aa; color: #020202; }
.orangeTip .bottom				{ height: 14px; background: url(/images/notch-orange.png) top center no-repeat; }

.redTip							{  }
.redTip .content				{ width: 310px; padding: 10px; border: 6px solid #ce6f6f; -moz-border-radius: 5px; -webkit-border-radius: 5px; background: #f79992; color: #020202; }
.redTip .bottom					{ height: 14px; background: url(/images/notch-red.png) top center no-repeat; }

.greenTip						{  }
.greenTip .content				{ width: 310px; padding: 10px; border: 6px solid #a9db66; -moz-border-radius: 5px; -webkit-border-radius: 5px; background: #cae8a2; color: #020202; }
.greenTip .bottom				{ height: 14px; background: url(/images/notch-green.png) top center no-repeat; }

.blueTip						{  }
.blueTip .content				{ width: 310px; padding: 10px; border: 6px solid #36a4d9; -moz-border-radius: 5px; -webkit-border-radius: 5px; background: #90d8f0; color: #020202; }
.blueTip .bottom				{ height: 14px; background: url(/images/notch-blue.png) top center no-repeat; }

.purpleTip						{  }
.purpleTip .content				{ width: 310px; padding: 10px; border: 6px solid #8671de; -moz-border-radius: 5px; -webkit-border-radius: 5px; background: #a290f0; color: #020202; }
.purpleTip .bottom				{ height: 14px; background: url(/images/notch-purple.png) top center no-repeat; }

.darkTip						{  }
.darkTip .content				{ width: 310px; padding: 10px; border: 6px solid #303030; -moz-border-radius: 5px; -webkit-border-radius: 5px; background: #505050; color: #f8f8f8; }
.darkTip .bottom				{ height: 14px; background: url(/images/notch-dark.png) top center no-repeat; }
/*
###########################
#####  Nivo Slider  #######
###########################
*/
/*
 * jQuery Nivo Slider v2.0
 * http://nivo.dev7studios.com
 *
 * Copyright 2010, Gilbert Pellegrom
 * Free to use and abuse under the MIT license.
 * http://www.opensource.org/licenses/mit-license.php
 * 
 * March 2010
 */
.nivoSlider {
	position:relative;
}
.nivoSlider img {
	position:absolute;
	top:0px;
	left:0px;
}
/* If an image is wrapped in a link */
.nivoSlider a.nivo-imageLink {
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	border:0;
	padding:0;
	margin:0;
	z-index:60;
	display:none;
}
/* The slices in the Slider */
.nivo-slice {
	display:block;
	position:absolute;
	z-index:50;
	height:100%;
}
/* Caption styles */
.nivo-caption {
	position:absolute;
	left:0px;
	bottom:0px;
	background:#000;
	color:#fff;
	opacity:0.8; /* Overridden by captionOpacity setting */
	width:100%;
	z-index:89;
}
.nivo-caption p {
	padding:5px;
	margin:0;
}
/* Direction nav styles (e.g. Next & Prev) */
.nivo-directionNav a {
	position:absolute;
	top:45%;
	z-index:99;
	cursor:pointer;
}
.nivo-prevNav {
	left:0px;
}
.nivo-nextNav {
	right:0px;
}
/* Control nav styles (e.g. 1,2,3...) */
.nivo-controlNav a {
	position:relative;
	z-index:99;
	cursor:pointer;
}
.nivo-controlNav a.active {
	font-weight:bold;
}
/*! fancyBox v2.1.5 fancyapps.com | fancyapps.com/fancybox/#license */
.fancybox-wrap,
.fancybox-skin,
.fancybox-outer,
.fancybox-inner,
.fancybox-image,
.fancybox-wrap iframe,
.fancybox-wrap object,
.fancybox-nav,
.fancybox-nav span,
.fancybox-tmp
{
	padding: 0;
	margin: 0;
	border: 0;
	outline: none;
	vertical-align: top;
}

.fancybox-wrap {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 8020;
}

.fancybox-skin {
	position: relative;
	background: #f9f9f9;
	color: #444;
	text-shadow: none;
	-webkit-border-radius: 4px;
	   -moz-border-radius: 4px;
	        border-radius: 4px;
}

.fancybox-opened {
	z-index: 8030;
}

.fancybox-opened .fancybox-skin {
	-webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
	   -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
	        box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
}

.fancybox-outer, .fancybox-inner {
	position: relative;
}

.fancybox-inner {
	overflow: hidden;
}

.fancybox-type-iframe .fancybox-inner {
	-webkit-overflow-scrolling: touch;
}

.fancybox-error {
	color: #444;
	font: 14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
	margin: 0;
	padding: 15px;
	white-space: nowrap;
}

.fancybox-image, .fancybox-iframe {
	display: block;
	width: 100%;
	height: 100%;
}

.fancybox-image {
	max-width: 100%;
	max-height: 100%;
}

#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
	background-image: url(../js/fancybox/source/fancybox_sprite.png);
}

#fancybox-loading {
	position: fixed;
	top: 50%;
	left: 50%;
	margin-top: -22px;
	margin-left: -22px;
	background-position: 0 -108px;
	opacity: 0.8;
	cursor: pointer;
	z-index: 8060;
}

#fancybox-loading div {
	width: 44px;
	height: 44px;
	background: url(../js/fancybox/source/fancybox_loading.gif) center center no-repeat;
}

.fancybox-close {
	position: absolute;
	top: -18px;
	right: -18px;
	width: 36px;
	height: 36px;
	cursor: pointer;
	z-index: 8040;
}

.fancybox-nav {
	position: absolute;
	top: 0;
	width: 40%;
	height: 100%;
	cursor: pointer;
	text-decoration: none;
	background: transparent url(../js/fancybox/source/blank.gif); /* helps IE */
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	z-index: 8040;
}

.fancybox-prev {
	left: 0;
}

.fancybox-next {
	right: 0;
}

.fancybox-nav span {
	position: absolute;
	top: 50%;
	width: 36px;
	height: 34px;
	margin-top: -18px;
	cursor: pointer;
	z-index: 8040;
	visibility: hidden;
}

.fancybox-prev span {
	left: 10px;
	background-position: 0 -36px;
}

.fancybox-next span {
	right: 10px;
	background-position: 0 -72px;
}

.fancybox-nav:hover span {
	visibility: visible;
}

.fancybox-tmp {
	position: absolute;
	top: -99999px;
	left: -99999px;
	max-width: 99999px;
	max-height: 99999px;
	overflow: visible !important;
}

/* Overlay helper */

.fancybox-lock {
    overflow: visible !important;
    width: auto;
}

.fancybox-lock body {
    overflow: hidden !important;
}

.fancybox-lock-test {
    overflow-y: hidden !important;
}

.fancybox-overlay {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
	display: none;
	z-index: 8010;
	background: url(../js/fancybox/source/fancybox_overlay.png);
}

.fancybox-overlay-fixed {
	position: fixed;
	bottom: 0;
	right: 0;
}

.fancybox-lock .fancybox-overlay {
	overflow: auto;
	overflow-y: scroll;
}

/* Title helper */

.fancybox-title {
	visibility: hidden;
	font: normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
	position: relative;
	text-shadow: none;
	z-index: 8050;
}

.fancybox-opened .fancybox-title {
	visibility: visible;
}

.fancybox-title-float-wrap {
	position: absolute;
	bottom: 0;
	right: 50%;
	margin-bottom: -35px;
	z-index: 8050;
	text-align: center;
}

.fancybox-title-float-wrap .child {
	display: inline-block;
	margin-right: -100%;
	padding: 2px 20px;
	background: transparent; /* Fallback for web browsers that doesn't support RGBa */
	background: rgba(0, 0, 0, 0.8);
	-webkit-border-radius: 15px;
	   -moz-border-radius: 15px;
	        border-radius: 15px;
	text-shadow: 0 1px 2px #222;
	color: #FFF;
	font-weight: bold;
	line-height: 24px;
	white-space: nowrap;
}

.fancybox-title-outside-wrap {
	position: relative;
	margin-top: 10px;
	color: #fff;
}

.fancybox-title-inside-wrap {
	padding-top: 10px;
}

.fancybox-title-over-wrap {
	position: absolute;
	bottom: 0;
	left: 0;
	color: #fff;
	padding: 10px;
	background: #000;
	background: rgba(0, 0, 0, .8);
}

/*Retina graphics!*/
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
	   only screen and (min--moz-device-pixel-ratio: 1.5),
	   only screen and (min-device-pixel-ratio: 1.5) {

	#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
		background-image: url(../js/fancybox/source/fancybox_sprite@2x.png);
		background-size: 44px 152px; /*The size of the normal image, half the size of the hi-res image*/
	}

	#fancybox-loading div {
		background-image: url(../js/fancybox/source/fancybox_loading@2x.gif);
		background-size: 24px 24px; /*The size of the normal image, half the size of the hi-res image*/
	}
}