/* CSS Document -- STYLES FOR COMPLIANT BROWSERS */
body {
	font-family: "Palatino Linotype", Palatino, "Book Antiqua", Georgia, "Times New Roman", Times, serif;
	font-size: medium;
	color:#333333;
	background-color: #191B37;
	padding: 0;
	margin: 0;
	border:0;			/* This removes the border around the viewport in old versions of IE */
	width:100%;
	min-width:800px;		 /*Minimum width of layout - remove line if not required */
					/* The min-width property does not work in old versions of Internet Explorer */
	behavior: url(/common/csshover.htc);
}

body.whaling	{
	background-image: url(/images/bkgnd_whaling.jpg);
	-webkit-background-size: 100%;   											/* Safari 3.0 */
	-moz-background-size: 100%;      											/* Gecko 1.9.2 (Firefox 3.6) */
  -o-background-size: 100%;        											/* Opera 9.5 */
  -moz-border-image: url(/images/bkgnd_whaling.jpg) 0;  /* Gecko 1.9.1 (Firefox 3.5) */
  background-size: cover;           										/* Gecko 2.0 (Firefox 4.0) and other CSS3-compliant browsers */
}
body.laura	{
	background-image:url(/images/bkgnd_laura.jpg);
	-webkit-background-size: 100%;   											/* Safari 3.0 */
	-moz-background-size: 100%;      											/* Gecko 1.9.2 (Firefox 3.6) */
  -o-background-size: 100%;        											/* Opera 9.5 */
  -moz-border-image: url(/images/bkgnd_laura.jpg) 0;  	/* Gecko 1.9.1 (Firefox 3.5) */
  background-size: cover;           										/* Gecko 2.0 (Firefox 4.0) and other CSS3-compliant browsers */


/*  background-size: 100% 100%;           									 Gecko 2.0 (Firefox 4.0) and other CSS3-compliant browsers */
/*  background-origin: content;
/*	-moz-background-size: 100% 100%;      									 Gecko 1.9.2 (Firefox 3.6) */
/*  -o-background-size: 100% 100%;        									 Opera 9.5 */
/*  -webkit-background-size: 100% 100%;   									 Safari 3.0 */
/*  -moz-border-image: url(/images/bkgnd_laura.jpg) 0;     Gecko 1.9.1 (Firefox 3.5) */
}
body.map	{
	background-image: url(/images/bkgnd_map.jpg);
	-webkit-background-size: 100%;   											/* Safari 3.0 */
	-moz-background-size: 100%;      											/* Gecko 1.9.2 (Firefox 3.6) */
  -o-background-size: 100%;        											/* Opera 9.5 */
  -moz-border-image: url(/images/bkgnd_map.jpg) 0;    	/* Gecko 1.9.1 (Firefox 3.5) */
  background-size: cover;           										/* Gecko 2.0 (Firefox 4.0) and other CSS3-compliant browsers */


/*  background-size: 100% 100%;           									Gecko 2.0 (Firefox 4.0) and other CSS3-compliant browsers */
/*  background-origin: content;
/*	-moz-background-size: 100% 100%;      									Gecko 1.9.2 (Firefox 3.6) */
/*  -o-background-size: 100% 100%;        									Opera 9.5 */
/*  -webkit-background-size: 100% 100%;   									Safari 3.0 */
/*  -moz-border-image: url(/images/bkgnd_map.jpg) 0;     		Gecko 1.9.1 (Firefox 3.5) */
}
body.journal	{
	background-image: url(/images/bkgnd_journal.jpg);
}
body.timeline	{
	background-image: url(/images/bkgnd_sea.jpg);
}
body.ship	{
	background-image: url(/images/bkgnd_ship.jpg);
}
body.whales	{
	background-image: url(/images/bkgnd_whales.jpg);
}
body.artifacts	{
	background-image: url(/images/bkgnd_sea.jpg);
}
body.crew	{
	background-image: url(/images/bkgnd_sea.jpg);
}
body.gallery	{
	background-image: url(/images/bkgnd_sea.jpg);
}
body.glossary	{
	background-image: url(/images/bkgnd_sea.jpg);
}
body.people	{
	background-image: url(/images/bkgnd_sea.jpg);
}
body.essays	{
	background-image: url(/images/bkgnd_sea.jpg);
}
/* ------------------------------------------ */
/* ------------------	HEADER -----------------*/
/* ------------------------------------------ */
#header {
	clear:both;
	float:left;
	width:100%;
	margin: 0 0 0 3%;
}
#header h1	{
	font-size: 1.5em;
	font-style: italic;
	font-weight: normal;
	padding: 0;
}
#header a:link	{
	color:#CC9900;
	text-decoration: none;
}
#header a:visited	{
	color:#CC9900;
	text-decoration: none;
}
#header a:hover	{
	color:#FFFFCC;
	text-decoration: underline;
}
/* ----------------holy grail---------------- */
/* ------------------	LAYOUT -----------------*/
/* ------------------------------------------ */
/* column container */
.colmask {
	position:relative;	/* This fixes the IE7 overflow hidden bug */
	clear:both;
	float:left;
	width:100%;			/* width of whole page */
	overflow:hidden;		/* This chops off any overhanging divs */
}
/* common column settings */
.colright,
.colmid,
.colleft {
	float:left;
	width:100%;			/* width of page */
	position:relative;
}
.col1,
.col2,
.col3 {
	float:left;
	position:relative;
	padding:0 0 1em 0;	/* no left and right padding on columns, we just make them narrower instead 
					only padding top and bottom is included here, make it whatever value you need */
	overflow:hidden;
}
/* 3 Column settings */
.threecol {
}
.threecol .colmid {
	right:35%;			/* width of the right column */
}
.threecol .colleft {
	right:40%;			/* width of the middle column */
}
.threecol .col1 {/* col1 is the middle column-main content area */
	width:40%;			/* width of center column content (column width minus padding on either side) //this shifts everything to the right// */
	left:100%;			/* 100% plus left padding of center column */
}
.threecol .col2 {/* col2 is the left nav content area */
	width:21%;			/* Width of left column content (column width minus padding on either side) */
	left:38%;			/* width of (right column (35)) plus (center column left (1) and right padding(1)) plus (left column left padding(2))//this controls left-most margin// */
}
.threecol .col3 {/* col3 is the right-most content area */
	width:32%;			/* Width of right column content (column width minus padding on either side) //this makes the right-most margin//*/
	left:80%;			/* Please make note of the brackets here:
					(100% - ((25)left column width) plus ((1+1)center column left and right padding) plus ((2+1)left column left and right padding) plus ((1)right column left padding) //this moves right hand column--bigger number, moves it further right */
}

/* 2 Column (left menu) settings */
.leftmenu .colleft {
	right:75%;			/* right column width */
}
.leftmenu .col1 {
	width:72%;			/* right column content width */
	left:101%;			/* 100% plus left column left padding */
}
.leftmenu .col2 {
	width:21%;			/* left column content width (column width minus left and right padding) */
	left:6%;			/* (right column left and right padding) plus (left column left padding) */
}

/* ------------------------------------------ */
/* -----------	LEFT NAVIGATION --------------*/
/* ------------------------------------------ */
#leftnav {
	background-color: #191B37;
	opacity: 0.85;
	filter:alpha(opacity=85);
	width: 220px;
	border: 1px #6B7995 solid;
}
#leftnav ul {
	font-variant: small-caps;
	letter-spacing: .10em;
	list-style-type: none;
	padding: 0 .25em 0em .75em;
	margin-top: 0;
	font-size: .70em;
}
/* ------this is a hack for Safari and Chrome------*/

@media screen and (-webkit-min-device-pixel-ratio:0)	{
#leftnav ul	{	font-size: .75em; }
}

#leftnav ul li	{
	padding-bottom: .5em;
}
#leftnav ul li.selected	a {
	padding-bottom: .5em;
	color:#FFFFCC;
}
#leftnav li	a:link	{
	color:#8299BC;
	text-decoration: none;
}
#leftnav li	a:visited	{
	color:#666699;
	text-decoration: none;
}
#leftnav li	a:hover	{
	color:#FFFFCC;
	text-decoration: underline;
}
#leftnav li img	{
	border: none;
	vertical-align: middle;
	padding-right: .5em;
	background-color:#191B37;
}

#leftnav li.nav_subhead	{
	background-color: #6B7995;
	color:#333366;
	font-weight: bold;
	padding: .25em 1em .25em 1em;
	margin: 0 -4px 0 -9px;
}
/* ------------------------------------------ */
/* ---- MIDDLE SECTION - 3 COLUMN LAYOUT ---- */
/* ------------------------------------------ */

#middle, #middle_wide {
	font-size: .9em;
	font-weight: normal;
	line-height: 155%;
	color: #FFFFCC;
	word-spacing: .05em;
}

/* ------------------------------------------ */
/* ----  2 COLUMN LAYOUT FOR INTERACTIVES---- */
/* ------------------------------------------ */
#middle_wide	{
	margin: 0;
	padding: 0;
}

#middle h2, #middle_wide h2	{
	font-weight: normal;
	font-style: italic;
	margin: 0;
}
#middle h3, #middle_wide h3	{
	font-weight: normal;
	font-style: italic;
	letter-spacing: .05em;
	margin: 0;
}
#middle a:link, #middle_wide a:link	{
	text-decoration: underline;
	color:#DEC36B;
}
#middle a:visited, #middle_wide a:visited	{
	text-decoration: underline;
	color:#CDAD47;
}
#middle a:hover, #middle_wide a:hover	{
	text-decoration: underline;
	color:#FFFFCC;
}
/* -------------------------------------------------- */
/* ----  HTML5 Non-Flash version of interactives ---- */
/* -------------------------------------------------- */
/* ----  GENERAL ---- */
#controls/*the whole feature*/	{ width: 840px; height:630px; background-color:#336; border:#6B7995 thin solid; }
div.header	/*top band*/{ width: 100%; height: 65px; background-color:#6B7995;}
div.titles	{float:left; width: 300px;}
div.titles h2 {/*feature title*/
	color:#E4BD5F;
	padding-left: 25px;
	padding-top: 0.5em;
	text-shadow: 2px 2px 2px #333;
	letter-spacing: .05em;}

/* ----  JOURNAL ---- */
div.titles p, ul.mode_nav li.zoom a, div.buttons h4	{ padding-left: 25px; font-family:Verdana, Geneva, sans-serif; font-size: 75%; color:#D4DAED;}
div.titles p.date {font-weight: bold;}
div.buttons {float:right; width: 540px;}
div.buttons h4 {margin:0; padding: 0;}
div.buttons p { padding-left: 25px; font-family:Verdana, Geneva, sans-serif; font-size: 75%; color:#D4DAED;}
div.buttons audio {float: left; width: 250px; margin-right: 25px;}
ul.mode_nav {/*mode buttons*/   list-style-type: none;}
ul.mode_nav li {float: left; padding: 0; margin-top: -30px;}

/*paging nav*/
#controls ul.page_nav	{list-style-type: none; float: none; margin: 10px 0 10px 5%; padding: 0;}
#controls ul.page_nav li	{float: left; padding-right: .5em; font-family:Verdana, Geneva, sans-serif; font-size: 50%; margin: 0; line-height: 110%;}
#controls ul.page_nav li a:link { color:#336;}
#controls ul.page_nav li a:visited { color:#336;}
#controls ul.page_nav li a:hover { color:#FFF;}
#controls ul.page_nav li.selected a { color:#FFF;}
#controls ul.page_nav li a.nextprev { color:#DAC06A;}
#controls ul.page_nav li.disabled { color:#CCC;}

#journal_page	{ text-align: center; margin: 20px auto 0 auto;}
#journal_page div.leftpage, #journal_page div.rightpage	{	
	text-align: left;
	color:#630;
	border: #C96 1px solid;
	padding: 1.5em;
	background-color:#FDF3DC;
	margin:0;
	width: 300px;
	height: 442px;
}
#journal_page div.leftpage	{float: left; margin-left:75px;}
#journal_page div.rightpage	{margin-left: 420px;}
#journal_page a:link	{color:#600; text-decoration: underline;}
#journal_page a:visited	{color:#960; text-decoration: underline;}
#journal_page a:hover	{color:#930; text-decoration: underline;}
#journal_page p.cursive	{font-style: italic;}

a.tooltip {outline:none; }
a.tooltip strong {line-height:30px;}
a.tooltip:hover {text-decoration:none;} 
a.tooltip span {
    font-size: 1em; z-index:10;display:none; padding:10px 12px;
    margin-top:-30px; margin-left:28px;
    width:200px; line-height:18px;
}
a.tooltip:hover span{
    display:inline; position:absolute; color:#111;
    border:1px solid #DCA; background:#fff;}
.callout {z-index:20;position:absolute;top:30px;border:0;left:-12px;}
    
/*CSS3 extras*/
a.tooltip span
{
    border-radius:4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
        
    -moz-box-shadow: 5px 5px 8px #666;
    -webkit-box-shadow: 5px 5px 8px #666;
    box-shadow: 5px 5px 8px #666;
}






/* Cascading menus at top of middle section */
#middle ul.breadcrumbs, #middle_wide ul.breadcrumbs	{/* top level menu */
	list-style: none;
	margin: 0;
	padding: 0;
	z-index: 15;
	position: relative;
	width: 140px;
}
#middle ul.breadcrumbs li, #middle_wide	ul.breadcrumbs li	{/* top level menu's list items */
	position: relative;
	font-style: italic;
	font-weight: bold;
}
#middle ul.breadcrumbs li ul, #middle_wide ul.breadcrumbs li ul {/* second level menu */
	list-style: none;
	position: absolute;
	left: 140px;
	width: 200px;
	top: 0;
	display: none;
	background-color: #191B37;
	padding: 0;
	opacity: 0.9;
	filter:alpha(opacity=90);
	border-top: 1px solid #6B7995;
}
#middle ul.breadcrumbs li ul li, #middle_wide ul.breadcrumbs li ul li {/* second level menu's list items */
	border-left: 1px solid #6B7995;
	border-right: 1px solid #6B7995;
	border-bottom: 1px solid #6B7995;
	font-style: normal;
	font-size: 90%;
	padding: 2px 5px 0px 5px;
}
#middle ul.breadcrumbs li:hover ul, #middle_wide ul.breadcrumbs li:hover ul { /*  */
	display: block;
}
#middle ul.breadcrumbs a, #middle_wide ul.breadcrumbs a	{/*  */
	text-decoration: none;
	display: block;
}	
#middle ul.breadcrumbs a:hover, #middle_wide ul.breadcrumbs a:hover	{/*  */
	text-decoration: underline;
}
/*--- styles for interactive journal transcriptions ---*/
p.cursive	{font-size: 1.15em;}
.journal_date	{font-weight: bold;}
#journal_transcription	{padding: 1.5em 1.5em 1em 0;}
#journal_transcription p { margin-bottom: 2sem;}

/*--- for links to the pages of a narrative chapter ---*/
dl.narrPage_links	{
	clear: left;
	padding: 0;
	margin: 0 0 3em 0;
	font-style: italic;
}
dl.narrPage_links dt	{
	float: left;
	display: block;
	font-weight: bold;
	margin: 0 .25em 0 .25em;
}
dl.narrPage_links dd	{
	float: left;
	display: block;
	margin: 0 .25em 0 .25em;
}

/*--- for narrative menus at the top level ---*/	
ul.narr_menu {
	list-style-type: none;
	padding: 1em 0 0 1.5em;
	margin: 0;
}
ul.narr_menu li {
	font-style: italic;
	font-size: 100%;
	font-weight: normal;
}
ul.narr_menu ul li	{
	list-style-type: none;
	font-style: italic;
	font-size: 75%;
	padding: .25em 0 .25em 0;
	margin-left: -1em;
}
#middle ul.narr_menu a:link	{
		color: #FFFFCC;
}
#middle ul.narr_menu a:visited	{
		color:#DED4B7;
}
#middle ul.narr_menu a:hover	{
		color:#CC9933;
}

/*--- for journal quotes within text of narrative ---*/	
div.journal_quote {
  background: url(../images/topleft.gif) top left no-repeat;
  width: 90%;
  } 
div.journal_quote h4 {
  background: url(../images/topright.gif) top right no-repeat;
	font-style: italic;
	font-weight: normal;
	font-size: 100%;
  padding:15px 15px 5px 15px;
  margin:0;
  position:relative;
  right:-14px;
  padding-left:0; /* Compensation for the repositioned box */
	z-index: 10;
}
div.quote_text {
  background: url(../images/rightborder.gif) top right repeat-y;
  margin:0;
  margin-top:-2em;
  padding:15px 15px 0 15px;
  position:relative;
  right:-14px;
  padding-left:0;
	font-style: italic;
	font-size: 100%;
}
div.quote_btm {
  background: url(../images/bottomleft.gif) bottom left no-repeat;
  position:relative;
  top:12px;
}
div.quote_btm p {
  background: url(../images/bottomright.gif) bottom right no-repeat;
  padding:15px;
  display:block;
  margin:-3.5em 0 0 0;
  position:relative;
  right:-14px;
  padding-left:0;
}

/*--- for jump links within text of narrative ---*/	
div.jumplink	{
	width: 360px;
	background: url(../images/jumplink_btm.gif) no-repeat bottom left;
}
p.jumplink	{
	background: url(../images/jumplink_top.gif) no-repeat left top;
	margin: 0;
	padding: 12px 8px 12px 8px;
	color: #191B37;
}
p.jumplink img	{
	padding-right: .5em;
	float: left;
}
#middle .jumplink a:link, #rightside .jumplink a:link	{
	color:#191B37;
}
#middle .jumplink a:visited, #rightside .jumplink a:visited	{
	color:#191B37;
}
#middle .jumplink a:hover, #rightside .jumplink a:hover	{
	color:#FFFFCC;
}

/*---  DIVE DEEPER MENUS ---*/
/*--- for artifact, gallery, glossary, crew menus - first level ---*/
ul.mid_menu	{ 
	list-style-type: none;
	padding: 0;
	margin: 0;
}
ul.mid_menu li	{/*--- for first level menu list item ---*/
	margin: .5em 0 0 0;
	font-style: italic;
	font-size: 1.25em;
	clear: both;
}
ul.mid_menu ul	{/*--- second level menus ---*/
	list-style-type: none;
	padding: 0;
	margin: 0;
}
ul.mid_menu ul.narr	{
	margin-left: 1em;
}
ul.mid_menu ul li	{/*--- for second level menu list item ---*/
	font-style: normal;
	font-size: .8em;
	margin-top: .25em;
	clear: both;
}
ul.mid_menu ul li img	{/*--- for thumbnail images in artifact 2nd level menus ---*/
	border: 1px solid #6B7995;
	margin: .25em .5em 1em 0;
	float: left;
}
ul.mid_menu li img	{/*--- for thumbnail images in crew 1st level menus ---*/
	border: 1px solid #6B7995;
	margin: .5em .5em 1em 0;
	vertical-align: middle;
}
.mid_scroll	{
	overflow: scroll;
	height: 500px;
	width: 350px;
	padding: 0 0 1em 1em;
	background-color: #191B37;
	opacity: 0.85;
	filter:alpha(opacity=85);
	border: 1px #6B7995 solid;
	z-index: 1;
	position: relative;
	top: 1em;
}
.mid_wide_scroll	{
	overflow: scroll;
	height: 530px;
	width: 650px;
	margin-top: 1em;
	padding: 1em 0 1em 1em;
	border: 1px #6B7995 solid;
	background-color: #191B37;
	opacity: 0.85;
	filter: alpha(opacity=85);
}
ul.about_lists { /*--used in site map--*/
	list-style-type: none;
	padding-bottom: 1em;
}
ul.about_lists li {
	padding: 0;
	margin: 0;
}
ul.about_lists li ul li {
	list-style-type: none;
}
ul.credits { /*--used on credits and sources page --*/
	padding-bottom: 1em;
}
ul.credits li {
	list-style-type: disc;
	list-style-image: url(../images/bullet.gif);
	padding: 0;
	margin: 0;
}
ul.mid_menu li img.glossary_icons	{
	border:none;
}	
ul.study li	{
	padding-bottom: 1em;
}
/*--for lesson plans--*/
.gradelevel	{
	float: right;
	margin-right: 4em;
}
ul.lesson_details	{
	font-size: .8em;
	list-style-type: none;
}
.lessonimg	{
	float: left;
	margin-right: 1em;
	margin-bottom: 1em;
	border: thin solid #191B37;
}

/* -------------------------------------------------
****** RIGHTSIDE SECTION - 3 COLUMN LAYOUT *******
----------------------------------------------------*/
#rightside {
	font-size: .9em;
	line-height: 140%;
	padding: .5em 1.25em 2em 1.25em;
	border: 1px solid #617AA4;
	background-color: #FCF7DF;
	color: #333366;
}
#rightside img	{
    max-width:100% !important;
    height:auto;
    display:block;
}
#rightside_piconly {
	padding: 1em 1em 2em 1em;
	background-color: #6B7995;
	border: 1px solid #191B37;
}
#rightside_piconly img	{
	border: 1px solid #45526A;
    max-width:100% !important;
    height:auto;
    display:block;
}
#rightside_piconly p.source	{
	font-size: 70%;
	color:#9FA9C9;
	line-height: 100%;
	width: 300px;
}
#rightside h2	{
	font-weight: normal;
	font-style: italic;
	font-size: 1.5em;
	margin: 0 0 .5em 0;
}
#rightside h4	{
	font-variant: small-caps;
	font-size: .9em;
	letter-spacing: .075em;
	margin: .25em 0 0 0;
}
#rightside a:link		{
	color:#333399;
}
#rightside a:visited		{
	color:#333366;
}
#rightside a:hover		{
	color:#3333FF;
}

#rightside .artifact_icons	{	/* used to space tool icons on artifact page */
	margin: .5em 0 .5em 0;
}
#rightside img.main_img	{
	border: 1px solid #607AA4;
}
#rightside img.left_icon	{
	float: left;
}
p.source	{
	font-size: 80%;
	line-height: 140%;
	color:#777777;
	margin: .25em 0 0 0;
}
.small	{
	font-size: 75%;
}
#rightside img.cardicon	{
	float: left;
	margin: .75em .75em 0 0;
}
#rightside p.cardinfo	{
	font-style: italic;
	margin: .25em 0 0 0;
}
#rightside p.caption	{/*-- for card caption/label with no scrolling window --*/
	margin-top: 0;
}
.selected_pg	{
	color:#CC6600;
}
.cardtext	{ /*-- for card caption/label with  scrolling window --*/
	overflow: auto;
	height: 140px;
	background-color:#FDF3DC;
	border: 1px solid #607AA4;
	padding: 0 .5em 0 .5em;
}
p.musicTitle	{
	float:left;
	width: 165px;
	font-style: italic;
	font-size: 1em;
	/*font-variant: small-caps;
	font-size: .9em;
	letter-spacing: .075em;*/
	margin: .25em 0 .5em 0;
	line-height: 110%;
}
body.popup	{
	font-size: .8em;
	line-height: 150%;
	margin: .5em 1.25em 2em 1.25em;
	background-color: #FCF7DF;
	color: #333366;
	min-width:350px;	
}
body.popup .cardtext	{
	width: 350px;
	padding: 0;
}
body.popup p	{
	padding: 0 .5em 0 .5em;
}
body.popup img.main_img	{
	border: 1px solid #607AA4;
}
body.popup div.transcription	{
	border: 1px solid #607AA4;
	padding: 1em;
	background-color:#FDF3DC;
	width: 90%;
}
body.popup div.transcription table {
	font-size: 1em;
}
body.popup h2	{
	font-weight: normal;
	font-style: italic;
	font-size: 1.5em;
	margin: 0 0 .5em 0;
}
body.popup h4	{
	font-variant: small-caps;
	font-size: .9em;
	letter-spacing: .075em;
	margin: .25em 0 0 0;
}
body.popup a:link		{
	color:#333399;
}
body.popup a:visited		{
	color:#333366;
}
body.popup a:hover		{
	color:#3333FF;
}
body.popup img.cardicon	{
	float: left;
	margin: .75em .75em 0 0;
}
dl.coreinfo { /*--curatorial info --*/
	font-style: italic;
	font-size: 90%;
}
dl.coreinfo dt	{
	float: left;
}
dl.coreinfo dd	{
	padding-left: 3em;
}

.btm_links	{
	font-variant: small-caps;
	font-size: .75em;
	letter-spacing: .05em;
	margin: .25em 0 0 0;
}
body.popup p.btm_links	{
	font-size: .9em;
}
body.popup #footer	{
	font-size: .9em;
}
/* ----------------- */
/* ----  FOOTER ---- */
/* ----------------- */
#footer	{
	color: #8299BC;
	font-size: .8em;
	font-variant: small-caps;
	letter-spacing: .10em;
	clear:both;
	float:left;
	width:100%;
	margin: 0 0 0 3%;
}
#footer ul	{
	list-style-type: disc;
	padding: .5em 0 2em 0;
}
#footer ul li	{
	float: left;
	display: block;
	padding: 0 2em 0 0;
}
#footer a:link	{
	color: #8299BC;
	text-decoration: none;
}
#footer a:visited	{
	text-decoration: none;
	color: #8299BC;
}
#footer a:hover {
	text-decoration: underline;
	color:#B3BCD6;
}
/* iPads (landscape) */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
{
.colmask {
	overflow: visible;
}
.col1 {
	overflow: visible;
}
.leftmenu .col2 {
	width:24%;			/* left column content width (column width minus left and right padding)*/ 
}
div.buttons audio { margin-top: 6px;}

}