/* *=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=* */
/*   Copyright University Corporation for Atmospheric Research (UCAR) */
/*   2009-2010. All rights reserved. The Government's right to use this */
/*   data and/or software (the "Work") is restricted per the terms of the */
/*   Government Use Only License Agreement for (JAWS), effective */
/*   2-22-2006,between UCAR and the Federal Aviation Administration */
/*   (including any and all amendments thereto) to a "nonexclusive, */
/*   noncommercial, government use license.  Such license does not */
/*   include the right to sell copies of the copyrighted works. The Work */
/*   is provided "AS IS" and without warranty of any kind.UCAR EXPRESSLY */
/*   DISCLAIMS ALL OTHER WARRANTIES, INCLUDING, BUT NOT LIMITED TO, ANY */
/*   IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR */
/*   PURPOSE */
/*  */
/* *=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=* */
@charset "UTF-8";
/*
Theme Name: Main Juneau Website
URI: http://
Description: The original theme for Juneau Project website, JAWS winds pages, JAWS Web Cam
Author: Lara Ziady
Author URI: http://www.ral.ucar.edu
Version: 1.0 | 4/1/2009
.
[Table Of Contents]
    0- Reset
	1- Global
	2- Links
	3- Headings
	4- Header
	5- Navigation
	6- Page layout
	7- Forms
	8- Extras
	9- Footer
*/

/* =0 Reset
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
@import url('reset.css');
/* =1 Global
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-style: normal;
    font-size: 62.5%; /* reduces size of Medium Font from 16px down to 10px; therefore 1em is 10px, 0.8em is 8px, 1.6em is 16px, etc. */ 
	line-height: 1;
	vertical-align: top;
    background: #364d77 no-repeat top center ;/*#959690 url(/common/images/bg_image_juneau.jpg) no-repeat top center */
	z-index:2;
    color: #000;
}
p {
    margin: 1em 2em 1em 2em;
	color: #333333;
    font-size: 1.1em;
	line-height:1.3em;
}
ul {
	margin: 0 5em 1em 5em;
	list-style: disc;
}
ul.nobullet li {
	margin: 0 0 0 1em;
    list-style:none;
}
li {
	padding:0 0 0em 0.5em;
	margin: 0 0 0 0;
}
li img {
	padding:0;
	margin: 0 0.5em 0 0;
	display: inline;
}
img {
	margin: 0 1em 0 1em;
	padding: 0;
}
.right {
float: right;
width: 44%;
}
.left {
float: left;
width: 44%;
margin: 0 20px;
}
.page_figure_right{
    width: 450px;
    float: right;
    margin: 5px 10px 16px 12px;
    padding: 0;
    color: #3c6786;
    display: inline;
    font-size: 8pt;
    line-height: 10pt;
}

.align-left {
text-align: left;
}
.align-right {
text-align: right;
}
.align-center {
text-align:center;
}
.justify {
text-align:justify;
}
.hide {
display: none;
}
.clear {
clear: both;
}
.bold {
font-weight:bold;
}
.italic {
font-style:italic;
}
.underline {
border-bottom:1px solid;
}
.highlight {
background:#ffc;
}
img.centered {
display: block;
margin-left: auto;
margin-right: auto;
}
img.alignleft {
float:left;
margin:4px 10px 4px 0;
}
img.alignright {
float:right;
margin:4px 0 4px 10px;
}

.clearfix:after {
content: ".";
display: block;
clear: both;
visibility: hidden;
line-height: 0;
height: 0;
}
.clearfix {
display: block;
}
html[xmlns] .clearfix {
display: block;
}
* html .clearfix {
height: 1%;
}
/* =2 Links
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
a:Link, a:visited {
	text-decoration: none;
	color:#FB7600; 
	border-bottom: thin dotted #FB7600;
}
a:hover {
	background: #cde8fb;
	text-decoration: #295594 underline overline;
}
a: active {
    color: #111;
}
a img {
	border: 0;
	vertical-align: middle;
}
/* =3 Headings
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
h1, h2, h3 {
	margin: 0;
    letter-spacing: -0.03em;
	color: #444444;
}
h1 {
	font-size: 1.6em;
	font-weight: bold;
	padding-left: 1em;
    border-left: 0.4em solid #444444;/*orange #f57601*/
    color: #000000;
}
h2 {
	font-size: 1.4em;
	font-weight: bold;
	padding-left:1.2em;
	background: #e0e0e0 none repeat scroll;
	background-position: 0%;
	border-left: 0.4em double #444444; /*orange #f57601*/
	border-right: 0.4em double #444444;
 	margin: 0.5em 0;
	
}

h3 {
	font-size: 1.2em;
	font-weight:normal;
	padding-left: 2em;
	text-decoration:underline;
}
/* =4 Header
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
/* =5 Navigation
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/


/*---   Main Site Navigation  ---*/
#nav_main_wrap {
	position: relative;
	top: 1px;
	left: 0px;
	width: 1250px;
	z-index: 1000;
	margin-left:20px;
	margin-right:auto;
	_margin: -0px 0px;
    overflow:hidden;
}
#nav_main {
    font-family: verdana, arial, sans-serif;
    font-size:1.1em;
    width:97%;
    letter-spacing:-1px;
    font-weight:bold;
    float:none;
    margin:6px 0 0 0;
    color:#fff;
    overflow:hidden;
}
#nav_main a {
    color:#000;
    background:#fff;
    padding:3px 2px 2px 2px;
    margin:0 0 0 1px;
    line-height:21px;
    opacity: 0.8;filter:alpha(opacity=80);zoom:1;
	-webkit-border-radius:5px 5px 0 0;
    -khtml-border-radius:5px 5px 0 0;
    -moz-border-radius:5px 5px 0 0;
}
#nav_main a:hover {text-decoration:none; color:#fff; background:#000;}
#nav_main a.triggeron {text-decoration:none; color:#fff; background:#FB7600;}
#nav_main ul {
    margin-top:0;
}
#nav_main ul li {
    float:right;
    list-style-type:none;
}
/*##########   BREADCRUMB NAVIGATION  ############*/

#breadcrumb_nav {
	width: 1080px;
	height: 10px;
	float: left;
	clear: both;
	font-size: 1em;
	color: #FB7600;
	margin: 4px 20px 4px 20px;
}

#breadcrumb_nav a {
	color: #FB7600;
	text-decoration: none;
}

#breadcrumb_nav li {
	display: inline;
}



/*---   Page-Level Navigation for sub-pages - in our case, the left nav  ---*/
#pagenav {
    clear: left;
	float: left;
	width: 145px;
	height: 100%;
	min-height: 600px;
	margin: 0px;
	padding: 0px;
	text-align: left;
	}
#pagenav .headers {
    color: white;
    font: bold 110% Arial;
    background-color: #666666;
	display: block;
	margin-top: 5px;
	padding: 5px 0 0 0;
    min-height: 25px;
    text-align: center;
}
#pagenav .headers_top{
    color: white;
    font: bold 110% Arial;
    background-color: #666666;
	display: block;
	margin-top: 0px;
	padding: 5px 0 0 0;
    min-height: 25px;
    text-align: center;
}
#pagenav .header2 {
    font: bold 110% Arial #444;
    background-color: #c7dbf8;
	margin-top: 0px;
	display: block;
    text-align: left;
	border-bottom: 1px solid #666666;
}
#pagenav .header2 a{
    color: #444;
    font: bold 110% Arial;
    background-color: #c7dbf8;
	display: block;
	margin-top: 0px;
    text-align: left;
}
#pagenav .header2 a:hover{
	background: #295594;
	color: #fff;
	text-decoration: none;
	display: block;
	margin-top: 0px;
}
#pagenav a {
	font-family: verdana, arial, sans-serif;
	font-size: 8pt;
	padding: 6px 4px 6px 4px;
	margin: 0;
	border: none;
}

#suckertree1 {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

#suckertree1 li {
	margin: 0;
	padding: 0;
}

#suckertree1 li ul li {
	margin: 0px;
	padding: 0px;
}

.suckerdiv {
	width: 145px; /* Width of Menu Items */
}

.suckerdiv ul li {
	position: relative;
	border-bottom: 1px solid #666666;
}

.suckerdiv ul li ul { /*1st level sub menu style */
	left: 129px; /* Parent menu width - 1*/
	position: absolute;
	width: 145px; /*sub menu width*/
	top: 0;
	display: none;
	z-index: 30;
}

.suckerdiv ul li ul li a { /*1st level sub menu style */
	background-color: #295594;
	color:#fff;
	border-bottom: 1px solid #e0e0e0;
	padding: 0px;
}

.suckerdiv ul li ul li ul { /*All subsequent sub menu levels offset */
	background: #a0c2c3;
	left: 1em; 
}


.suckerdiv ul li a  { /* menu links style */
	font: normal 8pt/10pt Arial, Helvetica, sans-serif;
	display: block;
	color: #333;
	text-decoration: none;
	background: #c5c2bd;
}
.suckerdiv ul li a:hover{
	background: #295594;
	color: #fff;
	text-decoration: none;
}
	
/* Hack for IE \*/
* html .suckerdiv ul li { float: left; height: 1%; }
* html .suckerdiv ul li a { height: 1%; }
/* End */
/* =6 Page Layout
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
#wrapper {
    position: absolute;
	width:100%;
	height: auto;
}

#header {
    width:1250px;
    height:55px;
    font: #a0c2c3 Verdana, Arial, sans-serif;
    overflow:hidden;
	margin-top: 0;
	margin-bottom: 0;
    margin-left: 20px;
    margin-right: auto;
    padding: 1.5em 0 0.5em 0;
    background:#000 url(/common/images/jaws_logo.png) left no-repeat;
    background-x-position: 0%;
    background-y-position: 5px;
	border-bottom: thick #a0c2c3;
    opacity: 0.7;filter:alpha(opacity=70);zoom:1;
    -webkit-border-top-left-radius:10px;
    -webkit-border-top-right-radius:0px;
    -webkit-border-bottom-left-radius:10px;
    -webkit-border-bottom-right-radius:10px;
    -khtml-border-radius-topleft:10px;
    -khtml-border-radius-topright:0px;
    -khtml-border-radius-bottomleft:10px;
    -khtml-border-radius-bottomright:10px;
    -moz-border-radius-topleft:10px;
    -moz-border-radius-topright:0px;
    -moz-border-radius-bottomleft:10px;
    -moz-border-radius-bottomright:10px;
}
#content {
	/*background: #a0c2c3;*/
	width: 1250px;
	height: auto;
	margin-top: -.01em;
    margin-left: 20px;
    margin-right: auto;
	text-align: left;
	overflow: hidden;
}
/*##########   NEW COLUMN - PAGE-LEVEL NAVIGATION  ############*/

#column_pagenav {
	/*background: #a0c2c3;*/
	float: left;
	clear: left;
	width: 145px;
	height: 100%;
	min-height: 600px;
	margin: 0;
	padding-top: 0;
	padding-bottom: 5px;
}

/*##########   NEW COLUMN - PAGE CONTENT  ############*/

#wrap_pagecontent {
	background: none;
	float: right;
	width: 1080px;
	height: auto;/*needed for equal column heights*/
	min-height: 600px;
	margin-top: 0;
	padding: 0 5px 5px 5px;
}

        
/*##########  MAIN CONTENT  ############*/

#column_pagecontent {
	font-size:1.3em;
    text-align:justify;
    float:left;
    width:880px;
	height:auto;
	min-height: 600px;
	padding-top: 10px;
    margin-bottom:0;
    background:#fff;
    overflow:hidden;
    opacity: 0.90;filter:alpha(opacity=90);zoom:1;
    -webkit-border-radius:0px 10px 10px 10px;
    -khtml-border-radius:0px 10px 10px 10px;
    -moz-border-radius:0px 10px 10px 10px;
}
#column_pagecontent_full {
	font-size:1.3em;
    text-align:justify;
    float:left;
    width:1080px;
	height:auto;
	min-height: 600px;
    margin-bottom:0;
    background:#fff;
    overflow:hidden;
    opacity: 0.90;filter:alpha(opacity=90);zoom:1;
    -webkit-border-radius:0px 10px 10px 10px;
    -khtml-border-radius:0px 10px 10px 10px;
    -moz-border-radius:0px 10px 10px 10px;
}

/*##########  SECONDARY CONTENT  ############*/

#column_subcontent_wrap {
    background: #000000 none repeat scroll;
    background-x-position: 0%;
    background-y-position: 0%;
    overflow-x: hidden;
    overflow-y: hidden;
    opacity: 0.7;
    width: 180px;
	height:auto; /*needed for equal column heights*/
    float: right;
    color: #ffffff;
	padding-bottom: 0;
    padding-top: 10px;
    margin-top: 0;
	margin-bottom: 0;
	-webkit-border-radius:10px;
	-khtml-border-radius: 10px;
	-moz-border-radius:10px;
}

#column_subcontent_wrap h1, #column_subcontent_wrap h2, #column_subcontent_wrap h3 {
    font-family: Arial, Helvetica, sans-serif;
	margin: 0.5em 0;
	padding: 0.5em;
	font-size: 1.8em;
	font-weight: bold;
	border-left: none;
	border-right: none;
	background-color: #000;
	color: #0066ff;
}

#column_subcontent_wrap ul  {
	list-style-position: outside;
	list-style-type: none;
	margin: 0.5em 1em 1.5em 1em;
}

#column_subcontent_wrap ul li  {
	margin-bottom: 0.4em;
}

#column_subcontent_wrap p {
	font-size: 1.2em;
	line-height: 1.4em;
	margin: 0.5em 1em 1.5em 1em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #fff;
}

#column_subcontent_wrap a:hover {
    background-color: #FB7600;
	color: #000000;
}
/* =7 Form
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
/* =8 Extra
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
/* =9 Footer
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
#footer {
	background-color: #444444;
	margin: 0px;
	padding: 0.5em 0 0.4em 0;
	width: 1250px;
	height: auto;
	font-family: Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	border-top: thick #fff;
    font-size: 1.3em;
    margin: 1em 0 0 0;
    text-align: center;
    clear:both;
	opacity: 0.7;filter:alpha(opacity=70);zoom:1;
    -webkit-border-radius:10px 10px 0 0;
    -khtml-border-radius:10px 10px 0 0;
    -moz-border-radius:10px 10px 0 0;
 }

#footer p {
    color:#fff;
	font-size: 1em;
	line-height: 1.3em;
}

#footer a {
	color: #ffffff;
	border-bottom: 1px dotted #ffffff;
}
#footer a:hover {
    background-color: #FB7600;
	color: #000000;
}