/*
	960 Grid System ~ Text CSS.
	Learn more ~ http://960.gs/

	Licensed under GPL and MIT.
*/

/* `Basic HTML
----------------------------------------------------------------------------------------------------*/

body {
	font: 13px/1.5 Helvetica, Arial, 'Liberation Sans', FreeSans, sans-serif;
	background: #958c55 url(../images/background_fade.jpg) repeat-x;
	color: #302823;
}

a {
color: #302823;
}

a:visited {
color: #66554a;
}

a:focus {
	outline: 1px dotted invert;
}

hr {
	border-color: #696b47;
	border-style: solid;
	border-width: 1px 0 0;
	clear: both;
	height: 0;
}

/* `Headings
----------------------------------------------------------------------------------------------------*/

h1 {
	font-size: 1.5em;
}

h2 {
	font-size: 1.2em;
	color: #336090;
}

h2 a {
	color: #336090;
	}

h3 {
	font-size: 1em;
	font-weight:bold;
}

h4 {
	font-size: .9em;
	font-style:italic;
}

h5 {
	font-size: .9em;
	background-color:#4f622e;
	padding-left: 5px;
	color: #ffffff;
}

h6 {
	font-size: .9em;
	text-transform:uppercase;
}

/* `Spacing
----------------------------------------------------------------------------------------------------*/

ol {
	list-style: decimal;
}

ul {
	list-style: square;
}

li {
	margin-left: 30px;
}

p,
dl,
hr,
h1,
h3,
h4,
h5,
h6,
ol,
ul,
pre,
table,
address,
fieldset {
	margin-bottom: 10px;
}

h2 {
	margin-bottom:0;
	}

/* ----- custom ----- */

blockquote {
font-style: italic;
margin: 0 20px 10px;
}

#pageHeader p {
	height: 150px;
	width: 940px;
	background: url(/images/header_images/rotator.php) no-repeat;
	}

#pageHeader p span {
	display: none;
	}
	
#pageHeader p a, #pageHeader p a:hover, #pageHeader p a:active {
display:block;
text-align:left;
background:none;
left: 0;
top: 0;
height:150px;
width:940px;
border:none;
text-indent: -9000px;
outline:none;
}

.toplinks {
	font-size: .9em;
	font-weight: bold;
	margin-top: -5px;
	text-align: right;
}

.toplinks a {
color:#302823;
text-decoration: none;
}

.toplinks a:hover {
text-decoration: underline;
}

.fish {
margin-top: -10px;
}

/* ----- drop-down menu ----- */
/* ================================================================ 
This copyright notice must be kept untouched in the stylesheet at 
all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/pro_variable4.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
#nav {padding:0; margin:0; list-style:none; font: 1.2em arial, sans-serif; position:relative; z-index:200; height:25px; width: 828px;}
 
#nav ul {padding:0 0 0; margin:0; list-style:none; float:left; background-color:#FAFCE7;}

#nav li {float:left;}
#nav li li {float:none; border-left:1px solid #fff; border-right:1px solid #666;}
#nav li.last {border-bottom:1px solid #666;}
/* a hack for  IE6 */
* html #nav li li {float:left;}

#nav li a {
	display:block;
	float:left;
	color:#302823;
	height:25px;
	padding:0 15px 0 5px;
	line-height:25px;
	text-decoration:none;
	white-space:nowrap;
	font-weight:bold;
	text-transform: uppercase;
	font-size:.9em;
}
#nav li a.down {background:url(../images/down.gif) no-repeat right 5px; margin-right: 65px;}

#nav li li a {
	display:block;
	height:20px;
	line-height:20px;
	float:none;
	padding:0 25px 0 5px;
	font-weight:normal;
	text-transform: none;
}
#nav li li a.fly {background:url(fly.gif) no-repeat right center;}

#nav li:hover {position:relative; z-index:300;}
#nav li.cssplay_hover {position:relative; z-index:300;}
#nav li.cssplay_hover a {color:#66554a;}

#nav li li a {color:#302823;}
#nav li li.cssplay_hover a {color:#fff; background-color:#b0aa8a;}

#nav li:hover ul {left:0; top:25px; z-index:500;}
#nav li.cssplay_hover ul {left:0; top:25px; z-index:500;}

#nav ul {position:absolute; left:-9999px; top:-9999px;}
* html #nav ul {width:2px;}
/* it could have been this simple if all browsers understood */
/* show next level */
#nav li:hover li:hover > ul {left:-5px; margin-left:100%; top:-1px; z-index:500;}
/* keep further levels hidden */
#nav li:hover > ul ul {position:absolute; left:-9999px; top:-9999px; width:auto; }
/* show path followed */
#nav li:hover > a {color:#66554a;}
#nav li li:hover > a {color:#fff; background-color:#b0aa8a;}


/* but IE5.x and IE6 need this lot to style the flyouts*/
#nav li.cssplay_hover li.cssplay_hover a,
#nav li.cssplay_hover li.cssplay_hover li.cssplay_hover a,
#nav li.cssplay_hover li.cssplay_hover li.cssplay_hover li.cssplay_hover a,
#nav li.cssplay_hover li.cssplay_hover li.cssplay_hover li.cssplay_hover li.cssplay_hover a,
#nav li.cssplay_hover li.cssplay_hover li.cssplay_hover li.cssplay_hover li.cssplay_hover li.cssplay_hover a
{color:#fff; background-color:#b0aa8a;}

#nav li.cssplay_hover li.cssplay_hover li a,
#nav li.cssplay_hover li.cssplay_hover li.cssplay_hover li a,
#nav li.cssplay_hover li.cssplay_hover li.cssplay_hover li.cssplay_hover li a,
#nav li.cssplay_hover li.cssplay_hover li.cssplay_hover li.cssplay_hover li.cssplay_hover li a,
{color:#66554a; background-color:#ddd;}

/* show next level */
#nav li.cssplay_hover li.cssplay_hover ul,
#nav li.cssplay_hover li.cssplay_hover li.cssplay_hover ul,
#nav li.cssplay_hover li.cssplay_hover li.cssplay_hover li.cssplay_hover ul,
#nav li.cssplay_hover li.cssplay_hover li.cssplay_hover li.cssplay_hover li.cssplay_hover ul
{left:100%; margin-left:-5px; top:-1px;}

/* keep further levels hidden */
#nav li.cssplay_hover ul ul,
#nav li.cssplay_hover li.cssplay_hover ul ul,
#nav li.cssplay_hover li.cssplay_hover li.cssplay_hover ul ul,
#nav li.cssplay_hover li.cssplay_hover li.cssplay_hover li.cssplay_hover ul ul
{position:absolute; left:-9999px; top:-9999px;}

/* ----- menu additions ----- */
.nav {
	border-top: 1px solid #b0aa8a;
	border-right: none;
	border-bottom: 1px solid #b0aa8a;
	border-left: none;
	margin-top: 13px;
}
ul#nav li {margin-left: 0;}
li a.down {text-transform: capitalize;}
ul#nav ul li a {font-size: .8em;}


.explore, .news {
padding-top: 26px;
}

.explore_pic {
float:left;
width: 60px;
}

.explore_text {
width: 150px;
float:left;
padding-left: 10px;
}

.explore p a, .explore p a:visited {
color: #302823;

}

.news p, .explore p {
font-size: .9em;
font-weight:bold;
line-height: 1.3em;
}

/*.news a span.arrows {
color: #302823;
text-decoration: none;
}

.news a:visited span.arrows {
color: #66554a;
text-decoration:none;
}*/

.news a {
text-decoration: none;
}

.news a span.learnmore {
text-decoration: underline;
}

.news h2, .explore h2 {
color: #302823;
padding-bottom: 18px;
}

.explore h3 {
color:#696b47;
margin-bottom:0;
margin-top:-2px;
line-height: 1.3em;
}

.explore h3 a, .explore h3 a:visited {
color:#4f622e;
}

.news h3, .news h3 a, .news h3 a:visited {
color:#336090;
text-decoration: none;
line-height: 1.2em;
margin-bottom: 2px;
margin-top:-2px;
}

.news h3 a.viewall, .news h3 a.viewall:visited {
text-decoration: underline;
}

.explore img, .staff_info img {
padding: 2px;
border: 1px #000 solid;
background-color: #FFFFFF;
float:left;
}

.explore a {
text-decoration: none;
}

.welcome {
	background: #d3ded0 url(../images/welcome_fade.jpg) repeat-x;
	margin-top: 25px;
	width: 318px;
	padding: 0 10px 20px;
	border: 1px solid #b0aa8a;
}

.welcome img {
	margin: 10px 0 5px;

}

.main_content {
margin-top: 25px;
}

.main_content p {
text-align: justify;
}



.conditions, .inner_data {
	background-color:#FAFCE7;
	margin-top: 30px;
	}

.conditions h3, .inner_data th {
color:#FFFFFF;
background-color: #786937;
font-weight: bold;
padding: 0 10px;
margin-bottom: 0;
}

.inner_data th {
background-color: #4f622e;
text-align:left;
}

.conditions table, .inner_data table {
margin-bottom: 0;
}

.conditions p {
padding: 0 10px;
font-weight: bold;
font-size: .9em;
margin-top: 0;
margin-bottom: 0;
background-color: #d6d3ae;
}

.conditions p.updated {
border-bottom: 1px #FAFCE7 solid;}

.conditions td {
	padding: 0 10px;
	font-weight: bold;
	font-size: .9em;
	letter-spacing: 1px;
	background-color: #d6d3ae;
}

.inner_data td {
letter-spacing: normal;
padding: 0 10px;
font-size: .9em;
background-color: #eae7be;
}

.inner_data tr.odd td {
background-color: #fafce7;
}

.conditions table, .inner_data table { border-collapse:collapse; }
.conditions td { border-bottom:1px solid #FAFCE7;}
.inner_data td { border-bottom:1px solid #FAFCE7; border-right:1px solid #FAFCE7;}


.logos {
	margin-top: 80px;
	border-top: 1px solid #E2E0D3;
	padding: 10px 0;
/*	margin-right: 50px;
	margin-left: 50px;
*/	text-align: center;
	width: 580px;
}

.logos img {
padding: 0 15px;
}

/* ----- formatting CTP Training Events page ----- */

.eventA, .eventB {
	border: 1px solid #B0AA8A;
	margin-bottom:10px;
	padding: 10px;
}

.eventA h2, .eventB h2 {
text-transform: uppercase;
font-size:1.1em;
}

.eventA h3, .eventB h3 {
margin-bottom:0;
font-weight:normal;
}

.eventA h4, .eventB h4 {
font-weight:normal;
margin-bottom:0;
}

.eventA {
background-color:#D8D5B4;
}

.eventB {
background-color:#E9E8CC;
}

/*p.directions {
float:left;
}

p.register {
float:left;
}

p.moreinfo {
clear:left;
}*/

p.moreinfo a {
font-weight:bold;
}

.first_col, .second_col, .third_col {
width:172px;
float:left;
margin-left: 15px;
}

.lat {
font-weight:normal;
}

.toggle {
color:#00CC99;
}

a.reveal {
background:transparent url(/../../images/down.gif) no-repeat scroll right 5px;
padding: 0 15px 0 0;
}

img.right {
padding: 2px;
border: 1px #000 solid;
background-color: #FFFFFF;
float:right;
margin-left: 10px;
}

img.left {
padding: 2px;
border: 1px #000 solid;
background-color: #FFFFFF;
float:left;
margin-right: 10px;
}

/*.staff_info {
padding-top: 20px;
}

.staff_info h3 {
padding-left: 85px;
padding-top: 30px;
padding-bottom: 30px;
}

.staff_info img {
clear:left;
}*/

div.staff_info div {
width: 175px;
float:left;
margin-right:15px;
}

.staff_info h3 {
clear:left;
text-align:center;
}

div.partner {
clear: left;
padding: 30px 0;
}

div.partner_sub {
margin-left: 20px;
padding-top: 20px;
}

div.partner_links {
	float: left;
	padding: 20px 0 20px 20px;
}

div.partner a img {
	border: 1px #000 solid;
	background-color: #FFFFFF;
	float:left;
	clear:left;
	margin-bottom:20px;
}

div.address {
float:left;
width: 250px;
}

div.whatname {
margin-bottom:10px;
}

table.name {
font-size: .9em;
text-align:center;
}

table.name th {
font-size: 1em;
color:#336090;
}

table.name td {
padding: 0 2px 0 2px;
}

.pronounce {
font-size: .9em;
}

.pronounce a[href$=".wav"] {
padding:0;
margin:0;
}

span.habitat {
text-align:right;
font-weight: bold;
}

table.maproom {
text-align:center;
}

table.maproom td {
width: 165px;
}

/* ----- Google Maps ----- */
#side_bar {
float:right;
}

#map {
float:left;
height: 600px;
margin-bottom: 10px;
width: 650px;
}