/* $Id: style.css,v 1.13 2006/04/03 22:20:48 unconed Exp $ */

/*
** HTML elements
*/
body {
  /*font-family: Verdana, Arial, Helvetica, sans-serif;*/
  font-family: Verdana,Arial, Helvetica, sans-serif;
  font-size: 11px;
  color: #626469;
  line-height: 16px;
  width: 770px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  padding: 0px;
  margin-top: 0px;
  background-image: url(images/bodyBg.gif);
  background-repeat: repeat-y;
  background-position: center top;

}
tr.odd td, tr.even td {
  padding: 0.3em;
}
h1{
  color: #0067C6;
}
h2{
  color: #0067C6;
}
h3,h4,h5,h6{
  color: #FF8A02; 
}
h1, h2, h3, h4, h5, h6 {
  margin-bottom: 0.5em;
  font-family:Arial, Helvetica, sans-serif;
}
h1 {
  font-size: 1.4em;
}
h2 {
  font-size: 1.2em;
}
h3, h4, h5, h6 {
  font-size: 1.0em;
}
a:link, a:visited {
  color:#626469; 
  text-decoration: underline;
}
a:hover {
  color:#626469;
  text-decoration: none;
}
fieldset {
  border: 1px solid #ccc;
}
pre {
  background-color: #eee;
  padding: 0.75em 1.5em;
  font-size: 12px;
  border: 1px solid #ddd;
}
table {
  /* make <td> sizes relative to body size! */
  font-size: 1em;
}
.form-item label {
  font-size: 1em;
  color: #222;
}
.item-list .title {
  font-size: 1em;
  color: #222;
}
.links {
  margin-bottom: 0em;
}
.comment .links {
  margin-bottom: 0em;
}

/*
** Page layout blocks / IDs
*/
#header, #content {
  width: 100%;
}
#header {
  background-color: #ffffff;
}
#logo {
  vertical-align: left;
  border: 0;
}
#logo img {
  float: left;
  padding: 0em 1.0em 0em 1em;
  border: 0;
}
#menu {
  padding: 0.5em 0.5em 0 0.5em;
  text-align: right;
  vertical-align: middle;
}
#primary {
  font-size: 1.0em;
  padding: 0em 0.8em 0.5em 0;
  color: #9cf;
}

#secondary {
  padding: 0 1em 0.5em 0;
  font-size: 0.8em;
  color: #9cf;
}
#secondary a {
  font-weight: bold;
  color: #9cf;
}
#search {
  position: relative;
  float: right;
  margin: 0px 10px 0px 0px;
  padding: 0px 0px 0px 0px;
  background-color: #FFFFFF;
  vertical-align: top;
}
#search p {
  margin: 0px;
  padding: 0px;
  text-align: left;
  background-image: url(images/searchArrow.gif);
  background-position:4.1em 0.7em;
  background-repeat: no-repeat;
}
#mission {
  background-color: #369;
  padding: 1.5em 2em;
  color: #aaccff;
}
#mission a, #mission a:visited {
  color: #9cf;
  font-weight: bold;
}
.site-name {
  margin: 0.6em 0em 0em 0em;
  padding: 0em;
  font-size: 2em;
}
.site-name a:link, .site-name a:visited {
  color: #aaccff;
}
.site-name a:hover {
  color: #369;
  text-decoration: none;
}
.site-slogan {
  font-size: 1em;
  color: #eee;
  display: block;
  margin: 0em 0em 0em 0em;
  font-style: italic;
  font-weight: bold;
}
#main {
  /* padding in px not ex because IE messes up 100% width tables otherwise */
  padding: 10px;
}
#mission, .node .content, .comment .content {
  /*line-height: 1.4;*/
}
#help {
  font-size: 0.9em;
  margin-bottom: 1em;
}
.breadcrumb {
  margin-bottom: .5em;
}
.messages {
  background-color: #eee;
  border: 1px solid #ccc;
  padding: 0.3em;
  margin-bottom: 1em;
}
.error {
  border-color: red;
}
#sidebar-left, #sidebar-right {
  background-color: #ffffff;
  /* padding in px not ex because IE messes up 100% width tables otherwise */
  padding: 10px;
  vertical-align: top;
  text-align:top;
}
#sidebar-left {
 width: 170px;
 padding-left:4px;
}
#sidebar-right {
  width: 170px;
  background-color: #EEEEEE;
}
#footer {
  font-size: .9em;
  width: 750px;
  clear: both;
  text-align: center;
  margin-top: 0px;
  padding-top: 16px;
  padding-left: 10px;
  padding-right: 10px;
  padding-bottom: 10px;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #EDEEF0;
  background-color: #CCCCCC;
}

/*
** Common declarations for child classes of node, comment, block, box, etc.
** If you want any of them styled differently for a specific parent, add
** additional rules /with only the differing properties!/ to .parent .class.
** See .comment .title for an example.
*/
.title, .title a {
  font-weight: bold;
  color: #0067C6;
  margin: 0 auto 0 auto;  /* decrease default margins for h<x>.title */
}
h1.title {
  font-size: 1.4em;
}
.submitted {
  color: #999;
  font-size: 0.8em;
}
.links {
  color: #999;
}
.links a {
  font-weight: bold;
}
.block, .box {
  /*padding: 0 0 1.5em 0;*/
}
.block {
  /*border-bottom: 1px solid #bbb;*/
  /*padding-bottom: 0.75em;*/
  /*margin-bottom: 1.5em;*/
}
.block .title {
  margin-bottom: .25em;
}
.box .title {
  font-size: 1.1em;
}
.node {
  margin: .5em 0 2em 0;
}
.sticky {
  padding: .5em;
  background-color: #eee;
  border: solid 1px #ddd;
}
.node .content, .comment .content {
  margin: .5em 0 .5em 0;
}
.node .taxonomy {
  color: #999;
  font-size: 0.8em;
  /*padding: 1.5em;*/
}
.node .picture {
  border: 1px solid #ddd;
  float: right;
  margin: 0.5em;
}
.comment {
  border: 1px solid #abc;
  padding: .5em;
  margin-bottom: 1em;
}
.comment .title a {
  font-size: 1.1em;
  font-weight: normal;
}
.comment .new {
  text-align: right;
  font-weight: bold;
  font-size: 0.8em;
  float: right;
  color: red;
}
.comment .picture {
  border: 1px solid #abc;
  float: right;
  margin: 0.5em;
}



#topnav {
  width: 770px;
  height: 28px;
  position: relative;
  margin-left: 0px;
  margin-right: 0px;
  margin-top: 0px;
  margin-bottom:2px;
  padding-bottom: 2px;
  background-color: #006DBA;
}
#topnav tr {
  margin:0px;
  padding:0px;
}
#topnav td {
  height: 16px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
  text-align: center;
  color: #FFFFFF;
  font-weight: bold;
  vertical-align: center;
  /*padding-top: 6px;
  padding-bottom: 6px;*/
  /* Needed these when this was a ul
  height: auto;
  padding-left: 2.12em;
  padding-right: 2.12em;
  float: left;
  list-style-type: none;
  */
  width: 14%;
  padding-left: 7px;
  padding-right: 7px;
}
#topnav td.item {
  background-image: url(images/pixelLine.gif);
  background-repeat: repeat-y;
  background-position: right top;
}
#topnav td.itemon {
  color: #F8A43F;
  background-image: url(images/pixelLine.gif);
  background-repeat: repeat-y;
  background-position: right top;
}
#topnav td.itemonend {
  color: #F8A43F;
}
#topnav td.itemon a:link, #topnav td.itemon a:visited {
  color: #F8A43F; 
  text-decoration: none;
}
#topnav td.itemonend a:link, #topnav td.itemonend a:visited {
  color: #F8A43F; 
  text-decoration: none;
}
#topnav a:link, #topnav a:visited {
  color:#FFFFFF; 
  font-weight: bold;
  text-decoration: none;
}
#topnav a:hover {
  color:#F8A43F;
  font-weight: bold;
  text-decoration: none;
}
.sidenav {
  width: 150px;
  position: relative;
  float: left;
  padding: 0px 15px 50px 10px;
  margin: 0px;
}
.sidenav ul.menu {
  margin: 0px;
  padding: 0px;
  list-style-type: none;
  list-style: none;
}
.sidenav li {
  position: relative;
  text-align: left;
  line-height: 14px;
  list-style-type: none;
  list-style: none;
  padding-bottom: 5px;
  padding-top: 10px;
  margin: 0px;
  background-image: url(images/sidenav_bg.gif);
  background-repeat: repeat-x;
  background-position: bottom;
}
.dotted_bottom {background-image: url(images/sidenav_bg.gif); background-repeat: repeat-x; background-position:center; text-align: left;line-height: 10px; list-style-type: none; list-style: none; padding-bottom: 5px;padding-top: 5px;margin: 0px; height:10px;}


.sidenav ul.menu li a:hover {
  color: #FF8A02; 
  text-decoration: none;
}
.sidenav ul.menu li a.active {
  color: #FF8A02; 
  text-decoration: none;
}
.sidenav ul.menu li a:active {
  color: #F8A43F;
  text-decoration: none;
}
.sidenav ul.menu li a {
  text-decoration: none;
}  
.sidenav h2 {
  visibility: hidden;
}
.sidenav ul.menu li.leaf, .sidenav ul.menu li, .sidenav ul.menu li.collapsed, .sidenav ul.menu li.expanded {
  list-style-type: none;
}
.sidenav ul.menu ul {
  margin: 0px;
  padding-left: 15px;
  padding-bottom: 15px;
}
.sidenav ul.menu ul li {
  position: relative;
  color: #9598A0;
  text-align: left;
  line-height: 13px;
  list-style-type: none;
  padding-bottom: 0px;
  padding-top: 6px;
  margin: 0px;
  background-image: none;
}
.sidenav ul.menu ul li a:link, .sidenav ul.menu ul li a:visited {
  color: #8E9198; 
  text-decoration: none;
}
.sidenav ul.menu ul li a:hover {
  color: #FF8A02; 
  text-decoration: none;
}
.sidenav ul.menu ul li a.active {
  color: #FF8A02; 
  text-decoration: none;
}
.sidenav ul.menu ul li a:active {
  color: #F8A43F;
  text-decoration: none;
}
hr{
  border: 1px dotted #dfdfdf;
}
#main .view-All_Stories {
 padding-top: 10px;
}
#main .view-All_Stories .item-list li {
  list-style-image:url(images/newsArrow.gif);
  border-bottom:1px solid #EDEEF0;
  padding-bottom: 7px;
}
#main .view-All_Stories .view-data-node_created {
  color: #626469;
}
#main .view-All_Stories .view-data-node_title {
  padding-top: 4px;
  padding-bottom: 4px;
  margin-left: 12px;
}
#main .view-All_Stories .view-data-node_title a {
  color: #0067C6;
  text-decoration: underline;
}
#main .view-All_Stories .view-data-node_title a:hover {
  text-decoration: none;
}
.block-views .view-All_Stories {
  padding-left: 0px;
  border-top: 2px solid #ffffff;
}
.block-views .view-All_Stories .item-list li {
  list-style:none;
  /*list-style-image:url(images/newsArrow.gif);*/
}
.block-views .view-All_Stories .view-data-node_created {
  color: #0067C6;
  background:url(images/newsArrow.gif) center left no-repeat;
  margin-left: -30px;
  padding-left: 10px;
}
.block-views .view-All_Stories .view-data-node_title {
  padding-top: 4px;
  padding-bottom: 4px;
  margin-left: -32px;
  border-bottom: 2px solid #ffffff;
}
.block-views .view-All_Stories .view-data-node_title a {
  color: #626469;
  text-decoration: none;  
}
.block-views .view-All_Stories .view-data-node_title a:hover {
  text-decoration: underline;
  color: #626469;  
}
img {
  border: 0;
}
.search-form {
  margin-bottom: 1em;
}
.search-form p {
  margin-top: 0;
  margin-bottom: 0.2em;
  padding-top: 0;
  padding-bottom: 0;
}
.search-form input {
  margin-top: 0;
  margin-bottom: 0;
}
.search-results p {
  margin-top: 0;
}
.search-results dt {
  font-size: 1.1em;
}
.search-results dd {
  margin-bottom: 1em;
}
.search-results .search-info {
  font-size: 0.85em;
}
.search-advanced .criterion {
  float: left;
  margin-right: 2em;
}
.search-advanced .action {
  float: left;
  clear: left;
}

/* Tab navigation */
ul.primary {
  border-collapse: collapse;
  padding: 0 0 0 1em;
  white-space: nowrap;
  list-style: none;
  margin: 5px;
  height: auto;
  line-height: normal;
  border-bottom: 1px solid #bbb;
}
ul.primary li {
  display: inline;
}
ul.primary li a {
  background-color: #ddd;
  border-color: #bbb;
  border-width: 1px;
  border-style: solid solid none solid;
  height: auto;
  margin-right: 0.5em;
  padding: 0 1em;
  text-decoration: none;
}
ul.primary li.active a {
  background-color: #fff;
  border: 1px solid #bbb;
  border-bottom: #fff 1px solid;
}
ul.primary li a:hover {
  background-color: #eee;
  border-color: #ccc;
  border-bottom-color: #eee;
}
ul.secondary {
  border-bottom: 1px solid #bbb;
  padding: 0.5em 1em 0.5em 1em;
  margin: 5px;
}
ul.secondary li {
  display: inline;
  padding: 0 1em;
  border-right: 1px solid #ccc;
}
ul.secondary a {
  padding: 0;
  text-decoration: none;
}
ul.secondary a.active {
  border-bottom: 4px solid #999;
}
#main li {
  list-style-image:url(images/bullet_square.gif);
}

/*---------------CONTACT FORM--------------------*/

#formbox	{
	width:350px;
	}
#formrow	{
	padding:0 0 8px 0;
	}
#formname	{
	width:85px;
	float:left;
	font-weight:bold;
	}
#formfield	{
	width:250px;
	display:block;
	}
.select, input, textarea, select { 
	color: #666666; 
	font-family: Arial, Verdana, Helvetica, sans-serif; 
	font-size: 11px; 
	font-style: normal; 
	font-weight: normal;
	vertical-align: top;	
}
/* List functions */

ul {list-style:none; padding-left:10px;}

.arrowBullet ul {
	list-style: none; 
	padding:0; 
	margin:0;
}
.arrowBullet li {
	margin:0 0 5px;
	padding:0 0 0 10px;
	background: url(images/arrow_bullet.gif) no-repeat left 2px;
	}
	
/* Plan Details Panel */

#planspec TD{border-bottom:1px solid #DDDDDD; padding:1px 0px 1px 5px; font-size:9px; font-family:Verdana, Arial, Helvetica, sans-serif}
#planspecheader TD {background-color:#eeeeee; font-weight:bold; color:#FF9900; border-top:15px solid #FFFFFF; font-size:11px;}
#planspecheaderecom TD {background-color:#EEFBF0; font-weight:bold; color:#2FB743; border-top:15px solid #FFFFFF; font-size:11px;}
#homeproductdisplay TD {border-bottom:1px solid #DDDDDD; padding:10px 0px 5px 1px;}
.entline {height:2px; color:#80ABDF;}
#padmybottom10 TD {padding-bottom:10px;}
#superpower TD {padding:3px; font-size:11px; font-family:tahoma;}
.superpower-gray {background-color:#f2f2f2;}
.superpower-grey {background-color:#888888; color:#FFFFFF;}