/* Stylesheet for web version of "Beneath the Reflections: A User's 
Guide to the Fiordland (Te Moana o Atawhenua) Marine Area". */

/* Styles inherited from the FMG website */

BODY {
	margin: 0px;
	color: #505050;
	font: verdana,arial,helvetica,sans-serif;
/*	font: x-small verdana,arial,helvetica,sans-serif; - Original font-size replaced to avoid tiny-text in IE, 22 January 2010, JLG */
}


TD, P, LI {
	color: #505050;
	font: x-small verdana,arial,helvetica,sans-serif;
}



.dark_blue {
	background-color: #004d73;
}


.light_blue {
	background-color: #cbdae6;
}


.mid_blue {
	background-color: #b5cbdb;
        background-image: url("../images/mid_blue.png");
}

A {
	color: #0098ca;
	font: x-small verdana,arial,helvetica,sans-serif;
	text-decoration: underline;
}


A:Hover {
	text-decoration: none;
}


A.side_on {
	color: #003a72;
	font: 8pt verdana,arial,helvetica,sans-serif;
}


A.side_off {
	color: white;
	font: 8pt verdana,arial,helvetica,sans-serif;
}


A.top_off {
	font: 8pt verdana,arial,helvetica,sans-serif;
	color: #b5cbdb;
}


A.top_on {
	font: 8pt verdana,arial,helvetica,sans-serif;
	color: #b5cbdb;

}


.top_menu {
/* Testing 22 Jan 2010 */
	vertical-align: middle;
		background-image: url("../images/top_menu_bg.png");
        background-position: top left;
}


.top_menu_gd {
        background-image: url("../images/top_menu_gradient.png");
        background-position: top right;
	background-repeat: no-repeat;
	height: 24px;

}


.main {
	font: small verdana,arial,helvetica,sans-serif;
/*	font: x-small verdana,arial,helvetica,sans-serif; - Original font-size replaced to avoid tiny-text in IE, 22 January 2010, JLG */
	border-left: 1px solid white;
	border-top: 1px solid white;
}

/* links inside content */

.content a {
	color: #0098ca;
	font: small verdana,arial,helvetica,sans-serif;
	text-decoration: underline;
}

.content a:hover {
	text-decoration: none;
}

/* New for list-size fix, 22 Janary 2010, JLG */

.main td, p, li {
	font-size: small;
}

.menu_spacer {
	padding: 8px 0px 8px 0px;
}


.top_menu_spacer {
	color: white;
}


.content {
	width: 612px;
	padding: 8px;
}


h1 {
	color: #00a1cb;
	font: 1.1em verdana,arial,helvetica,sans-serif;
/*	font: 10pt verdana,arial,helvetica,sans-serif; - Changed for font size fix, 22 January 2010, JLG */
	font-weight: bold;
}


h2 {
	color: #004d73;
	font: 1.1em verdana,arial,helvetica,sans-serif;
/*	font: 10pt verdana,arial,helvetica,sans-serif; - Changed for font size fix, 22 January 2010, JLG */
	font-weight: bold;
}


h3 {
	color: #aaaaaa;
	font: 1.1em verdana,arial,helvetica,sans-serif;
/*	font: x-small verdana,arial,helvetica,sans-serif; - Changed for font size fix, 22 January 2010, JLG */
	font-weight: bold;
}


.footer_line {
	border-top: 1px solid #d4d4d4;
}


.footer {
	color: #d4d4d4;
	font: 8pt verdana,arial,helvetica,sans-serif;
	padding: 2px;
}


.zilt {
	color: #0c4aa3;
}


.right_menu {
	Padding: 8px;
	background-color: #f0f9fe;
}


UL {
	list-style-image: url("../images/bullet.gif");
/*	margin-bottom: 3px;
	margin-left: 18px; */	/* Testing - 22 Jan 2010 */

}

.ULN {
	list-style-image: none;
	list-style-type: lower-roman;
	margin-bottom: 3px;
	margin-left: 18px;
}

.error {
	color: #ff0000;
}


.profile_photo {
	float: left;
	margin: 5px, 5px, 0px, 0px;
	border: 1px solid #004d73;
}


.photo_left {
	float: left;
	margin: 5px, 5px, 0px, 0px;
	border: 1px solid #004d73;
}


.photo_right {
	float: right;
	margin: 5px, 0px, 0px, 5px;
	border: 1px solid #004d73;
}


.beneath {
	color: #00a1cb;
	font: 8pt verdana,arial,helvetica,sans-serif;
	font-weight: bold;
}


.grey {
	color: #aaaaaa;
	font-weight: bold;
}


.smalltext {
	color: #aaaaaa;
	font-size: x-small;
}

/* images inside content, and captions */

.contentimage {
	margin:0 0 5px 5px;
	padding:2px;
	}

.contentimageright {
	float:right;
	margin:0 0 5px 5px;
	padding:2px;
	}

.contentimageleft {
	float:left;
	margin:0 5px 5px 0;
	padding:2px;
	}

.contentimage p,
.contentimageright p,
.contentimageleft p {
	font-size: .8em;
	margin-top: 3pt;
	}

/* table styles - tables inside content */

.content table {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#666;
	padding:0;
	margin:0;
	font-size: 100%;
	border: none;
	border-collapse: collapse;
	}
	
.content table th {
	margin:0;
	background: #004d73;
	color: #fff;
	padding:8px 5px 10px 5px;
	text-align: left;
	vertical-align:top;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.1em;
	font-weight: bold;
	border-top:none;
	border-right:none;
	border-bottom:1px solid #CCC;
	border-left:none;
	}

.content table td {
	margin:0;
	padding:10px 5px;
	border-top:none;
	border-right:none;
	border-bottom:1px solid #CCC;
	border-left:none;
	font-size: 1em; /* Test boost from 1em - 22 Jan 2010, JLG */
	text-align: left;
	vertical-align:top;
	}

.content td ol {
	color:#fff;
	}

td ol, td p, td ul, li li, ul ol, ol ul, ol p, ul p, td h4, th h4, ol ol, ul td p {
	font-size:100%;
	}

/* subnav styles - new for FMUG */

#subnav {
/*	background-image: url("../images/menu_bottom.png"); - Potential management of background image for footer - requires formatting so doesn't overlay text */
	background-position: bottom left;
	background-repeat: no-repeat;
}

#subnav h2 {
	margin: 3px;
}

#subnav ul {
	margin-left: 18px;
	padding: 0;
	}

.highlight-box {
	background-color: #e1f6fd;
	margin: 5px 0 15px 0;
	padding: 0 20px 10px 20px;
	border-top: 1px solid #96e5ff;
	}

.highlight-box h2 {
	margin: 10px 0 0 20px;
	}

#midalign table td {
	vertical-align:middle;
	}