@import url("reset.css");

body {
	background:#fff url(bg_gradient.png) repeat-x 0px 212px; border-top:1px solid #323232;
	font:12px/18px "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
  color:#403f3f;
  text-align:center;
  overflow-y: scroll;
}

/*
 * HEADERS
 */	

h1, h2, h3, h4, h5, h6 { line-height:1.5em; text-shadow:0px 1px 1px #fff; }

h1 { font-size:30px; color:#667fb2; font-weight:normal; }
h2 { font-size:24px; color:#667fb2; font-weight:normal; }
h3 { font-size:21px; }
h4 { font-size:18px; }
h5 { font-size:14px; }
h6 { font-size:12px; }

p { margin:0 0 1em; font-size: 1.2em; }

a { color:#667fb2; padding-right:12px; }
a:hover { color:#5272b2; }
a.plain { color:#667fb2; background: none; padding-right:0px; text-decoration: none; }
a.climate { color:#ff6400; background: none; padding-right:12px; }
a.climate:hover { color:#455e8f; background: none; padding-right:12px; }
a.climate:visited { color:#2d4d74; background: none; padding-right:12px; }

.true_blue { color:#000080; }
.blue_grey { color:#667fb2; }
.accent { color:#ff6400; }

#wrapper { position:relative; left:7px; width:821px; height:auto; margin:0 auto; }

/*
 * TABLE SETTINGS
 */	

table.wms {
  margin: auto;
  border-top: 3px solid #bfc6d5;
  border-bottom: 3px solid #bfc6d5;
  margin-bottom: 1em;
}

table.wms td {
  border-top: 1px solid #bfc6d5;
  border-bottom: 1px solid #bfc6d5;
  padding: 2px 2px 2px 2px;
  vertical-align: top;
}

/*
 * Multicolumn sort table colours.
 */

#ascending {
  color:#ff6400;
}

#descending {
  color:#ff6400;
}

/*
 * HEADER
 */	

#header { position:relative; width:100%; height:185px; padding:0; margin:0; }

h1#logo {
	position:relative; left:-48px; display:inline-block; width:312px; height:72px; margin:48px auto 0px;
	background:url(logo.png) no-repeat;
	text-indent:-9000px; overflow:hidden;
}

h2#logo { position:relative; left:-48px; display:inline-block; margin:48px auto 0px; }
h2#logo a {
	display:block; width:312px; height:72px; padding:0; margin:0;
	background:url(logo.png) no-repeat;
	text-indent:-9000px; overflow:hidden;
}

/*
 * NAVIGATION
 */	

ul#navbar {
	position:absolute; bottom:0; left:0; width:731px; height:33px; padding:8px 45px 5px; margin:0;  z-index:50;
	background:url(navbar.png) no-repeat;
}

ul#navbar li { display:inline; float:left; }

ul#navbar li.current, ul#navbar li a {
	display:block; float:left; width:auto; height:12px; padding:8px 12px 13px; margin:0 30px 0 0;
	background:url(nav_bar_link.png) repeat-x 0 0;
	font-size:12px; font-weight:bold; color:#50545b; text-decoration:none; text-shadow:0px 1px 1px #fff;
}
ul#navbar li.current, ul#navbar li a:hover { background-position:0 -33px; }

#sub_nav_bar {
	position:absolute; bottom:-39px; left:0; width:732px; height:36px; padding:1px 50px 2px 39px; margin:0; z-index:10;
	background:url(subnav.png) no-repeat;
	text-align:left; 
}
body#homepage #sub_nav_bar { display:none; width:0; height:0; padding:0; margin:0; background:none; }

ul#subnav {
	display:block; position:absolute; bottom:-39px; left:0; width:732px; height:36px; padding:1px 50px 2px 39px; margin:0; z-index:100;
	text-align:left; 
}

ul#subnav li.current, ul#subnav li a {
	display:block; float:left; width:auto; height:12px; padding:10px 12px 14px; margin:0 30px 0 0;
	background:url(subnav_link.png) repeat-x 0 0;
	font-size:12px; font-weight:bold; color:#fdf4ee; text-decoration:none; text-shadow:1px 1px 2px #2f3f60;
}
ul#subnav li.current, ul#subnav li a:hover { background-position:0 -36px; text-shadow:1px 1px 2px #a64303; }

/*
 * INNER PAGE
 */	

#innerpage { 
	position:relative; width:477px; min-height:271px; height:271px; height:auto; padding:30px 310px 34px 34px; margin:39px 0 20px;
	background:url(innerpage_slice.png) repeat-y;
	text-align:left;
}

#innerpage_content {
	position:relative; top:-30px; left:-34px; min-height:135px; height:135px; height:auto; padding:30px 310px 34px 34px; margin:0;
	background:url(inner_content.jpg) no-repeat;
	text-align:left; color:#403f3f; 
}

#innerpage_content_no_sidebar {
	position:relative; top:-30px; left:-34px; min-height:135px; height:135px; height:auto; padding:30px 34px 34px 34px; margin:0;
	background:url(inner_content.jpg) no-repeat;
	text-align:left; color:#403f3f; 
}

.sidebar { width:477px; padding:30px 310px 34px 34px; }
.no_sidebar { width:753px; padding:30px 34px 34px; }

#innerpage_content ol.content {
  list-style:decimal;
  margin-bottom: 1em;
}
#innerpage_content ol.content li {
  margin:0 4em 0em;
  font-size: 1.2em;
}

#innerpage_content ul.content {
  list-style:none;
}
#innerpage_content ul.content li {
  padding-left:18px;
  background:url(bullet.png) no-repeat 0 3px;
  margin:0 2em 0em;
}

ul.bullet li {
  padding-left:18px;
  background:url(bullet.png) no-repeat 0 3px;
  margin:0 2em 0em;
}

#innerpage_content pre.source {
  color: #667fb2;
}

#innerpage_content blockquote {
  margin-left: 2em;
}

img.centred {
  /* border: 1px solid #bfc6d5; */
  display: block;
  text-align: center;
  margin-top: 0px;
  margin-bottom: 0px;
  padding: 0px;
  margin-left: auto;
  margin-right: auto;
}

#innerpage_btm {
	position:absolute; bottom:-26px; left:0; width:821px; height:26px;
	background:url(innerpage_btm.png) no-repeat;
}

/*
 * SIDE BAR
 */	

#sidebar {
	position:absolute; top:0px; right:16px; width:181px; height:215px; padding:60px 45px 60px 70px;
	background:url(innerpage_sidebar.jpg) no-repeat;
	color:#666;
}

#homepage_content #sidebar {
	top:-130px; right:40px; width:158px; height:227px; padding:34px;
	background:url(sidebar.jpg) no-repeat;
}

#sidebar h1, h2, h3, h4, h5, h6 { color:#666; }

#sidebar ul { list-style:none; }
#sidebar ul li { padding-left:18px; background:url(checkmark.png) no-repeat 0 3px; margin:0 0 1em; font-size: 0.9em; }
#sidebar p { font-size: 0.9em; }

/*
 * FOOTER
 */	

p#footer, p#footer a { color:#bfc6d5; font-size: 0.9em; }
p#footer a { padding:0; background:none; font-size: 0.9em; }
p#footer a:hover { color:#667fb2; font-size: 0.9em; }

ul#sitemap { margin:34px; }
ul#sitemap li { margin-left:34px; margin-bottom:17px; }
ul#sitemap li a { font-size:14px; line-height:13px; }
ul#sitemap ul { margin:13px 0 0; }
ul#sitemap ul li { margin-bottom:6px; }

#map { width: 325px; height: 250px; }