/* /#917151/;/#345473/;/#345473/ */

/*--------------------------
COPYRIGHT 2010 WILDFIREWEB INC
---------------------------*/

@import url(/css/wildfirecommon.css);

body{
font-size: 62.5%;
margin: 0;
padding: 0;
font-family: Verdana, Arial, sans-serif;
background: #979797;
}

.adminlinks {
display: block;
position: relative;
padding: 4px 20px;
font-size: 12px;
background: #fe622b url(/home/wfw/images/adminlinks_w.jpg) left no-repeat;
color: #eee;
text-align: center;
}

.adminlinks a{
color: #fff;
font-size: 12px;
text-decoration: none;
}

.adminlinks a:visited{
color: #fff;
}


.adminlinks a:hover{
color: #fff;
text-decoration: underline;
}

a {
color: #0066A1;
}

a:visited {
color: #0066A1;
}

a:hover {
color: #917151;
}

#wrapper{
display: block;
position: relative;
margin:0 auto;
padding: 0;
width: 904px;
}

#innerwrapper{
display: block;
position: relative;
float: left;
padding: 0 12px;
background: transparent url(/templates/northbaygas/images/wrapbg.gif) repeat-y top left;
width: 880px;
}

.hide{
position: absolute;
left: -9999em;
}

span.clearboth{
clear: both;
margin: 0;
height: 1px;
padding: 0;
display: block;
}

#container{
width: 880px;
position: relative;
display: block;
float: left;
margin: 0;
padding: 0;
background: #345473;
}

#wrapper_foot{
position: relative;
display: block;
float: left;
width: 904px;
height: 14px;
padding: 0;
margin: 0;
background: #fff url(/templates/northbaygas/images/wrapfoot.gif) repeat-y top left;
}

/* HEADER */

#header{
position: relative;
display: block;
float: left;
width: 840px;
padding: 10px 20px;
margin: 0;
background: #345473;
color: #fff;
font-size: 14px;
clear: both;
border-top: 15px solid #917151;
z-index: 30;
}

#header a{
color: #fff;
}

#header a:visited{
color: #fff;
}

#header a:hover{
color: #ccc;
}

/* band for top nav */

#topnav {
position: relative;
display: block;
width: 880px;
height: 20px;
margin:0;
padding: 0;
background: #917151;
clear:both;
z-index: 3;
}



/* SIDE NAVIGATION */

#nav{
float: left;
display: block;
margin: 0;
padding: 10px 10px 20px 10px;
width: 155px;
list-style: none;
clear: both;
font-size: 10px;
color: #000;
}

#nav a {
color: #CC9F72;
}

#nav a:hover{
color: #fff;
}


#nav ul{
margin: 0;
padding: 0;
list-style: none;
}

#nav li{
position: relative;
display: block;
font-size: 13px;
margin: 0 10px 0 0;
padding: 8px 5px 3px 0px;
border: none;
}

#nav li span{
font-size: 14px;
font-weight: 600;
color: #CC9F72;
}

#nav li a{
color: #fff;
padding: 0;
font-weight: 600;
font-size: 14px;
text-decoration: none;
}

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

#nav li.tab_2 {
padding: 5px 5px 3px 10px;
font-weight: 500;
font-size: 12px;
}

#nav li.tab_2 a{
color: #fff;
padding: 0;
font-weight: 600;
font-size: 12px;
text-decoration: none;
}

#nav li.tab_2 span{
color: #fff;
padding: 0;
font-weight: 600;
font-size: 12px;
text-decoration: none;
}

#nav li.tab_3 {
padding: 5px 5px 3px 20px;
font-weight: 500;
font-size: 11px;
}

#nav li.tab_3 a{
color: #fff;
font-weight: 600;
font-size: 11px;
text-decoration: none;
}

#nav li.tab_3 span{
color: #fff;
font-weight: 600;
font-size: 11px;
text-decoration: none;
}


#smallbox{
position: relative;
display: block;
clear: both;
background: transparent;
width: 139px;
overflow: hidden;
margin-top: 20px;
font-size: 12px;
padding: 0 8px;
color: #ccc;
}

#smallbox a {
color: #345473;
}

#smallbox a:visited {
color: #345473;
}

#smallbox a:visited {
color: #666;
}

/* CONTENT */

#content{
position: relative;
display: block;
float: left;
margin: 0;
padding: 20px 20px 0 20px;
width: 665px;
font-size: 12px;
line-height: 1.6;
background: #fff;
z-index: 2;
/* force min-height in most browsers */
min-height:450px;
height:auto !important;
height:650px;
}

#leftside {
position: relative;
display: block;
float: left;
}

#rightside {
position: relative;
display: block;
float: right;
margin-left: 10px;
margin-bottom: 10px;
}

#blurb{
position: relative;
display: block;
clear: both;
float: left;
width: 310px;
overflow: hidden;
}

#blurb2{
position: relative;
display: block;
clear: both;
width: 305px;
float: left;
margin-top: 20px;
overflow: hidden;
}

#box1{
position: relative;
display: block;
clear: both;
background: #dddddd;
width: 305px;
float: left;
overflow: hidden;
}

#box1 div{
font-size: 12px;
padding: 0 8px;
color: #555;
}

#box1 span.cap{
display: block;
width: 305px;
height: 26px;
background: transparent url(/templates/northbaygas/images/pomcap.gif) no-repeat top center;
}

#box1 span.foot{
display: block;
width: 305px;
height: 26px;
background: transparent url(/templates/northbaygas/images/pomfoot.gif) no-repeat top center;
}

.boxcontent {
position: relative;
top: -13px;
}

.heading1{
font-size: 1.3em;
color: #345473;
font-weight: bold;
}

.heading2{
font-size: 1.3em;
font-weight: bold;
color: #345473;
position: relative;
top: -13px;
margin: 0 0.5em;
padding: 0;
}

/* FOOTER */

#footer{
display: block;
position: relative;
float: left;
width: 880px;
clear: both;
background: #917151;
padding: 0;
margin: 0;
border: 0;
color: #fff;
font-size: 1.1em;
text-align: right;
}

#footer a{
color: #fff;
}

#footer a:visited{
color: #fff;
}

#footer a:hover{
color: #fff;
}

#footer form {
overflow: hidden;
}

#bottom_links {
display: block;
position: relative;
height: 30px;
width: 820px;
margin: 0;
border: 0;
padding: 6px 30px;
clear: both;
}

#copyright {
display: block;
position: relative;
height: 22px;
width: 851px;
margin: 0 0 0 12px;
border: 0;
padding: 8px 30px 20px 0;
clear: both;
margin: 0 auto;
text-align: right;
}

#shoppingcart {
display: block;
width: 640px;
height: 20px;
background-color: pink;
margin-bottom: 20px;
padding: 6px;
font-weight: bold;
}

span.editable {
	line-height: 1.6;
}

#PickerDiv {
z-index: 9999;
}

#PickerDiv td {
border: 0;
}

.contactform {
	margin: 1.5em 0 1.5em 0;
}

.contactform table {
	width: 520px;
	border: 2px solid #345473;
	margin: auto;
}

.contactform td {
	padding: .3em;
}

.contactform th {
	padding: .3em;
	background-color: #345473;
	color: #FFF;
}


/* Slates and Blogs */

#wfw_slate_wrapper, #wfw_blog_wrapper {
border: 1px solid #fff;
}

#wfw_slate_wrapper h3 {
color: #000;
border: 0;
margin: 0;
}

#slatelist{
position: relative;
color: #407CA1;
width: 630px;
}

#slatelist a{
color: #407CA1;
}

#slatelist a:hover{
color: #175478;
}

.wfw_blog_title {
    font-size: 1.2em;
	font-weight: bold;
	padding: .1em 0 .5em 0;
	margin: 0;
	border: none;
	color: #407CA1;

}

.wfw_blog_title a {
	text-decoration: none;
	color: #407CA1;

}

.wfw_blog_breadcrumb {
    font-size: 1.0em;
	font-weight: bold;
	padding: .1em 0 .5em 0;
	margin: 0;
	border: none;
}

.wfw_blog_breadcrumb a {
	text-decoration: none;
}

.wfw_blogpost_title {
    font-size: 1.4em;
	font-weight: bold;
	padding: 0.1em 0 1em 0;
	margin: 0;
	border-bottom: 1px solid #CCC;
	border-top: 10px solid #CCC;
	color: #333;
}

.wfw_blogpost_title a {
	text-decoration: none;
	color: #407CA1;

}

.wfw_blogpost_category {
	font-size: 10px;
	font-weight: bold;
	padding-left: 2em;
}

.wfw_blog_content {
	font-size: 1.0em;
	padding-top: 1em;
	padding-bottom: 2em;
	border-top: 1px solid #CCC;
}

.wfw_blog_links {
	float: right;
	width: 200px;
	font-size: 10px;
	font-weight: normal;
	padding-left: 2em;
	margin: 0;
}

.wfw_blog_links a {
color: #407CA1;
text-decoration: underline;
}

.wfw_blog_links a:visited {
color: #407CA1;
}

.wfw_blog_links a:hover {
color: #175478;
}

.wfw_blog_contact {
	float: left;
	width: 80%;
	font-size: 10px;
	font-weight: normal;
	padding: 0;
	margin: 0;
}

.wfw_blog_contact a {
color: #407CA1;
	text-decoration: underline;
}

.wfw_blog_contact a:visited {
	color: #407CA1;
}

.wfw_blog_contact a:hover {
	color: #175478;
}

.wfw_clear {
	font-size: 1px;
	margin: 0;
	padding: 0;
	height: 0;
clear: both;
}

.wfw_line {
	font-size: 1px;
	margin: 0;
	padding: 0;
	height: 1px;
	border-top: 1px solid #CCC;
}

#wfw_archive {
	text-align: left;
	width: 250px;
	border: 1px solid #333;
	color: #333;
	background-color: #eee;
	padding: 0 1em 1em 0;
	overflow: hidden;
}

.wfw_slate_title {
    font-size: 1em;
	font-weight: bold;
	padding: .1em 0 .5em 0;
	margin: 0;
	border: none;
	color: #333;

}

.wfw_slate_title a {
	text-decoration: none;
	color: #999;

}

.wfw_slate_breadcrumb {
    font-size: 1em;
	font-weight: bold;
	color: #407CA1;
	padding: .1em 0 .5em 0;
	margin: 0;
	border: none;
}

.wfw_slate_breadcrumb a {
	text-decoration: none;
	/*color:#5d2120;*/
	font-size: 1em;
	color: #407CA1;
}

.wfw_slate_breadcrumb a:hover{
	color: #175478;
}

.wfw_slatepost_title {
    font-size: 1.0em;
	font-weight: bold;
	padding: .3em 0 .3em 0;
	margin: 0;
	border-top: 1px solid #CCC;
}

.wfw_slatepost_title a {
	text-decoration: none;
}


.wfw_blog_comment {
    font-size: 12px;
	font-weight: normal;
	margin: 0;
	margin-bottom: 1em;
	border: none;
	padding: 0;
}

.wfw_blog_comment_content {
	margin: 0;
	padding: .5em 1em;
}

.wfw_blog_keywords {
	font-size: 10px;
}

.wfw_blog_summary {
	font-weight:normal;
	font-size: 12px;
	padding: .3em 0 .3em 0;
	border: none;
	color: #777;
}

.wfw_blog_comment_title {
	font-size: 11px;
	font-weight: bold;
	margin: 0;
	padding: .5em;
	border-top: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
}

.blogcommentform {
	width: 400px;
	background-color: #CCC;
	color: #333;
	border: 2px solid #333;
	padding: 10px;
	z-index: 999;
}

.blogcommentform table {
	border: none;
	padding: 5px;
}

.blogcommentform th {
	border: none;
	padding: 5px;
	font-size: 1.2em;
	font-weight: bold;
}

.blogcommentform td {
	border: none;
	padding: 5px;
}

#blog_errors {
	color: red;
	font-weight: bold;
}

#blog_users {
	border: 2px solid #CCC;
	width: 500px;
}

#blog_users th {
	border-bottom: 1px solid #CCC;
}

#blog_settings {
	border: 2px solid #CCC;
	width: 500px;
}

#blog_settings th {
	border-bottom: 1px solid #CCC;
}

.wfw_slate_controls {
	position: relative;
	width: 20px;
	float: right;
	font-size: 10px;
	font-weight: normal;
}