@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: white;
	background: #4b8bb1;
}
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 Georgia, "Times New Roman", Times, serif;
	color: #fff;
	background:#357498 url(gfx/footer_grad.jpg) repeat-y top center;
}

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

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

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

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

#container {
  width: 960px; 
  position: relative;
	margin: -20px auto 0 auto;
}

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

#primary {
	width:640px;
	float:left;
	padding-top:40px;
	padding-bottom:40px;
}

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

#secondary {
	width:280px;
	float:right;
	padding-top:40px;
}

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


#footer {
	width:100%;
}

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

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

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

#nav {
position:absolute;
left:0; top:250px;
}

#nav li {
	font-family: helvetica, arial, sans-serif;
	font-size: 1.4em;
	font-weight:bold;
	text-transform:uppercase;
	display:inline;
	margin:0 15px 0 15px;
}


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

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

#nav li a {
	text-decoration:none;
	color:white;
	padding:5px 10px;
}

#nav li a:hover {
	color:#ccc;
}

/* 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:#135d84;
}

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.3em;
	line-height: 1.2em;
  margin-bottom: 1em;
}

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

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

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

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:#5eadca;}
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 */