@charset "UTF-8";
/* CSS Document */


/* Reset 
--------------------------------------------------------------------------------------------------- */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, caption {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 100%;
  font-family: inherit;
  vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
  outline: 0;
}
body {
  line-height: 1;
  color: #333;
  background: #30404e;
}
ol, ul {
  list-style: none;
}
table {
  border-collapse: separate;
  border-spacing: 0;
}
caption, th, td {
  text-align: left;
  font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
  content: "";
}
blockquote, q {
  quotes: "" "";
}

table, caption, tbody, tfoot, thead, tr, th, td {
  font-weight: inherit;
  font-style: inherit;
  font-size: 100%;
  font-family: inherit;
}

a img {border: none;}

a {text-decoration: none; font-weight: inherit;}

/* Begin Main CSS
--------------------------------------------------------------------------------------------------- */
body {
  font: normal 10px/1.3em Times, Georgia, serif;
  color: #333;
  background:#30404e;
}

#masthead {
  height:160px;
  background:#30404e;
  clear:both;
}

#masthead-contain {
  width:960px; margin:0 auto;
  position:relative;
}


#masthead-contain p {
z-index:999;
font-size:3em;
color:white;
font-weight:100;
width:960;
padding-left:20px;
border-left:6px solid #10d126;
position:absolute; top:300px; left:0;
}

#masthead-contain-wide {
  width:1200px; margin:0 auto;
  position:relative;
}

#banner {position:relative;}

#banner img {display:block;}



#container-contain {
  background:white;
  clear:both;
}

#container {
  width: 960px; 
  position: relative;
  margin: 0 auto;
padding-top:50px; padding-bottom:50px;
}

#container-wide {
  width:1200px;
  position: relative;
  margin: 0 auto;
  padding:60px 0;
}

#primary {
  width:640px;
  float:left;
}

#home #primary {
  width:290px;
  }

  #home #primary p {
  font-size:2.1em;
  }

.project_wrap {
  padding:20px 0 20px 0;
  border-bottom:1px dotted white;
}

#secondary {
  width:280px;
  float:right;
}

#home #secondary {
  width:630px;
  }

#home #secondary #pnw-feature {
  width:290px;
  float:left;
}

#home #secondary #jrp-feature {
  width:290px;
  float:right;
}

h3#jrp-button a {
display:block;
width:280px; height:175px;
background:url(/css/gfx/JRP-button.jpg) no-repeat top left;
text-indent:-9999px;
}


#footer {
  width:100%;
  background:#30404e;
}

#footer-contain {
  width:960px; 
  margin:0 auto;
  padding-top:60px; padding-bottom:80px;
  color:white;
}

#footer img {
float:left;
margin-right:30px;
}

#footer-contain-wide {
  width:1200px; 
  margin:0 auto;
  padding-top:60px; padding-bottom:80px;
  color:white;
}

h1#logo a {
  display:block;
  height:100px; width:340px;
  text-indent:-9999px;
  text-decoration:none;
  background:url(/css/gfx/logo-new.png) no-repeat top left;
  position:absolute; left:0; top:30px;
}

#nav {
position:absolute;
right:0; top:100px;
text-align:right;
}

#nav li {
  font-family: Times, Georgia, sans-serif;
  font-size: 2.2em; line-height:1.6em;
  font-weight:100;
  display:inline;
  margin:0 15px 0 15px;
}


#nav li.first {
  margin-left:0px; padding-left:0px;
}

#nav li a {
  text-decoration:none;
  color:white;
}

#nav li a:hover {
  color:#10d126;
}

/* LNG Styles
---------------------------------------------------------------------------------------------------
--------------------------------------------------------------------------------------------------- */

body#lng #primary {
  width:960px;
}

body#lng table#lng-table {
  width:1200px;
  font-size:1.1em;
}

body#lng table#lng-table tr.shade td {
  background:#ddd;
}

body#lng table#lng-table tr.noshade td {
  background:transparent;
}

body#lng table#lng-table tr td {
  padding:4px;
  vertical-align:top;
}

body#lng table#lng-table tr th {
  font-family:Arial, Helvetica, sans-serif;
  font-weight:bold;
  vertical-align:top;
  padding:4px;
  border-bottom:1px dotted #ccc;
}
  

/* Fonts
---------------------------------------------------------------------------------------------------
--------------------------------------------------------------------------------------------------- */


/* Standard Styles most sites edit as needed
---------------------------------------------------------------------------------------------------
--------------------------------------------------------------------------------------------------- */


em, i {font-style: italic;}
strong, b {font-weight: bold;}
.left {float: left; width: auto;}
.right {float: right; width: auto;}
sub {vertical-align: sub; font-size: 50%;}
sup {vertical-align: super; font-size: 50%;}

p {
  font-size: 1.6em;
line-height: 1.2em;
  margin-bottom: 1em;
}

h2 {
  font: bold 2.4em/1.2em 'Helvetica Neue', Helvetica, Arial, sans-serif;
  margin-bottom: .7em;
  color:#30404e;
}

h3 {
  font: bold 2.0em/1.2em 'Helvetica Neue', Helvetica, Arial, sans-serif; 
  margin-bottom: .5em;
  color: #30404e;
}

h4 {
  font: bold 1.8em/1.2em 'Helvetica Neue', Helvetica, Arial, sans-serif; 
  margin-bottom: .5em;
  color: #30404e;
} 

h2 a, h3 a, h4 a {color: inherit;}

h2 a:hover, h3 a:hover, h4 a:hover {text-decoration: none;}

#primary ul, #sidebar ul {
  padding: 0 10px 1em 20px;
  list-style: outside disc;
}

#primary ul ul, #sidebar ul ul {padding-bottom: 0;}

#primary ol, #sidebar ol {
  padding: 0 10px 1em 20px;
  list-style: outside decimal;
}

#primary ol ol, #sidebar ol ol {padding-bottom: 0;}

#primary li, #sidebar li {
  margin-bottom: .4em;
  line-height: 1.5em;
  font-size: 1.4em;
}

#primary li li, #sidebar li li {font-size: 1em;}

hr {
  width: 100%;
  display: block;
}

blockquote {
  width: 90%;
  padding: 0px 20px 0 20px;
  border: 1px solid #333;
  border-left: 4px solid #333;
  background-color: #ccc;
  margin-bottom: 20px;
  clear: both;
}

blockquote p {
  margin-bottom: 0;
  padding: 10px 0;
  font-weight: bold;
}

img.left {margin-right: 10px !important;}
img.right {margin-left: 10px !important;}

#searchsite input {float: left; margin-bottom: 20px;}
#searchsite .submit {margin: 0 0 20px 20px;}

tr.resultRowTwo {background-color: #cfcfcf;}

#sitemap {clear: both;}

#primary #sitemap {list-style-type: none; font-weight: bold; padding-left: 0;}
#primary #sitemap ul {list-style-type: disc; font-weight: normal; padding-left: 40px;}
#primary #sitemap ul ul {list-style-type: square; font-weight: normal; padding-left: 40px;}

a {color:#10d126;}
a:hover {text-decoration: underline;}

/* Clear Fix
--------------------------------------------------------------------------------------------------- */
.clear { clear: both; }

/* new clearfix */
.clearfix:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0;
  }
* html .clearfix { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */
