html, body {
/* Mozilla browsers require the following CSS for this doctype, */
/* otherwise page content height is not 100%. */
margin: 0;
padding: 0;
height: 100%;
}

body{
 	/*scrollbar-face-color: #cccccc;
	scrollbar-highlight-color: #CCFF99;
	scrollbar-shadow-color: #009900;
	scrollbar-3dlight-color: #CCFF99;
	scrollbar-arrow-color: #ffffff;
	scrollbar-track-color: #cccccc;
	scrollbar-darkshadow-color: #006600;*/
	background-image: url(../images/coolblue-bground-main.jpg);
	background-position: top left;
	background-repeat: repeat-x;
	background-color: #104AA5;
	font-family: Arial, Helvetica, Verdana, Geneva, sans-serif;
   font-size: 62.5%;
	font-weight: normal;
	padding: 0;
	margin: 0;
	
}

table.holdAll{
	width:100%;
	border:none;
}


table.main {
	border:none;
	width: 786px;
	margin: 0 0 20px 0;
}

table.main tr td.leftFade {
	background-image: url(../images/coolblue-main-leftshadow.gif);
	background-position: top left;
	background-repeat: repeat-y;
	vertical-align:top;
}

table.main tr td.mastheadHolder {
	height:109px;
}

table.main tr td.mastheadShadow {
	height:5px;
}

table.main tr td.rightFade {
	background-image: url(../images/coolblue-main-rightshadow.gif);
	background-position: top right;
	background-repeat: repeat-y;
	vertical-align:top;
}

#Masthead {
	border:none;
	width:778px;
	margin: 0;
	padding: 0;
}

#Masthead tr td.leftSide {
	width:7px;
	height:109px;
	background-image: url(../images/coolblue-masthead-bground.gif);
	background-position: top right;
	background-repeat: repeat-x;
	background-color:#ffffff;
	text-align:left;
	vertical-align:bottom;
}

#Masthead tr td.bground {
	height:109px;
	background-image: url(../images/coolblue-masthead-bground.gif);
	background-position: top right;
	background-repeat: repeat-x;
	background-color:#ffffff;
	text-align:left;
	vertical-align:bottom;
}

#Masthead tr td.rightSide {
	width:122px;
	height:109px;
	background-image: url(../images/coolblue-masthead-bground.gif);
	background-position: top right;
	background-repeat: repeat-x;
	background-color:#ffffff;
	text-align:right;
	vertical-align:bottom;
}

#Masthead tr td.bground img{
	margin: 0 0 10px 0;
}

table.main tr td.menuHolder {
	height:35px;
}

#Menu {
	border:none;
	width:778px;
	margin: 0;
	padding: 0;
	border-collapse: collapse;
	border-spacing: 0px;
}

#Menu tr td {
	padding:0;
	margin:0;
	border:none;
}

#Menu tr td.spacer {
	width:2px;
}


#ContentTable {
	border:none;
	width:778px;
	margin: 0;
	padding: 0;
}

#ContentTable tr td{
	background-color:#ffffff;
}

#ContentTable tr td.left{
	width:20px;
	background-image: url(../images/coolblue-contentPanel-left.gif);
	background-position: top left;
	background-repeat: repeat-y;
}

#ContentTable tr td.content{
	width:527px;
	padding:4px 0 0 0;
	text-align:left;
	vertical-align:top;
}

#ContentTable tr td.spacer{
	width:14px;
}

#ContentTable tr td.rightCol{
	width:200px;
	padding:4px 0 0 0;
	vertical-align:top;
}

#ContentTable tr td.right{
	width:17px;
	background-image: url(../images/coolblue-contentPanel-right.gif);
	background-position: top right;
	background-repeat: repeat-y;
}

#ContentTable tr td.rightCol table.rightPanel {
	border:none;
	width:200px;
	margin:0 0 15px 0;
	padding:0;
}

#ContentTable tr td.rightCol table.rightPanel tr td {
	padding:0;
	margin:0;
}

#ContentTable tr td.rightCol table.rightPanel tr td.left {
	width:11px;
	text-align:left;
}

#ContentTable tr td.rightCol table.rightPanel tr td.title {
	width:178px;
	background-image: url(../images/coolblue-blueTab-bground.gif);
	background-position: top left;
	background-repeat: repeat-x;
	background-color: #53AFF5;
	text-align:left;
}

#ContentTable tr td.rightCol table.rightPanel tr td.right {
	width:11px;
	background-image: url(../images/coolblue-blueTab-bground.gif);
	background-position: top left;
	background-repeat: repeat-x;
	background-color: #53AFF5;
	text-align:right;
}

#ContentTable tr td.rightCol table.rightPanel tr td.textArea {
	padding:0 3px 0 3px;
	text-align:left;
}

#ContentTable tr td.rightCol table.rightPanel tr td.textAreaBO {
	padding:0 5px 0 5px;
	text-align:left;
	background-image: url(../images/coolblue-blueTabBOPanel-bgr.gif);
	background-position: top left;
	background-repeat: repeat;
}

table.main tr td.baseMenuHolder {
	width:786px;
	height:37px;
	background-image: url(../images/coolblue-baseNav-bground.gif);
	background-position: top left;
	background-repeat: no-repeat;
	background-color: #ffffff;
	vertical-align:middle;
}

#baseMenu tr td {
padding:0 6px 0 6px;
text-align:center;
vertical-align:middle;
background-color: transparent;
font-family: Arial, Helvetica, Verdana, Geneva, sans-serif;
font-size: 1.1em;
font-weight: normal;
color: #53AFF5;
}

#baseMenu tr td a:link {
	color: #999999;
	text-decoration: none;
}

#baseMenu tr td a:visited {
	color: #999999;
	text-decoration: none;
}

#baseMenu tr td a:hover {
	color: #104AA5;
	text-decoration: underline;
}

#baseMenu tr td a:active {
	color: #999999;
	text-decoration: none;
}

#ContentTable tr td.content p{
margin: 0 0 15px 0;
}

h1 {
	font-family: Arial, Helvetica, Verdana, Geneva, sans-serif;
	font-size: 1.9em;
	color:#000033;
}

h2 {
	font-family: Arial, Helvetica, Verdana, Geneva, sans-serif;
	font-size: 1.6em;
	color:#333399;
}

h2.mockH1 {
	font-family: Arial, Helvetica, Verdana, Geneva, sans-serif;
	font-size: 1.9em;
	color:#000033;
}

h3 {
	font-family: Arial, Helvetica, Verdana, Geneva, sans-serif;
	font-size: 1.3em;
	font-weight:bold;
	color:#333399;
	margin: 0;
}

.text {
	font-family: Arial, Helvetica, Verdana, Geneva, sans-serif;
	font-size: 1.2em;
	font-weight:normal;
	color: #222222;
}

a.text:link {
	color: #0000ff;
	text-decoration: underline;
}

a.text:visited {
	color: #006699;
	text-decoration: underline;
}

a.text:hover {
	color: #0044FF;
	text-decoration: none;
}

a.text:active {
	color: #0000ff;
	text-decoration: underline;
}

.textBoldDGrey {
	font-family: Arial, Helvetica, Verdana, Geneva, sans-serif;
	font-size: 1.2em;
	font-weight:bold;
	color: #333333;
}

.introtext {
	font-family: Arial, Helvetica, Verdana, Geneva, sans-serif;
	font-size: 1.2em;
	font-weight:bold;
	color: #222222;
}

.textSmall{
	font-family: Arial, Helvetica, Verdana, Geneva, sans-serif;
	font-size: 1.1em;
	font-weight:normal;
	color: #333333;
}

.textSmallGrey{
	font-family: Arial, Helvetica, Verdana, Geneva, sans-serif;
	font-size: 1.1em;
	font-weight:normal;
	color: #666666;
}

.textSmallBlue{
	font-family: Arial, Helvetica, Verdana, Geneva, sans-serif;
	font-size: 1.1em;
	font-weight:normal;
	color: #104AA5;
}

.textCarbonDetails {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 1.0em;
	font-weight:normal;
	color: #111111;
	text-align:center;
}

ul {
	list-style-type: square;
	padding:0 0 0 15px;
	margin: 3px 0 3px 0;
}

ul li {
	font-family: Arial, Helvetica, Verdana, Geneva, sans-serif;
	font-size: 1.2em;
	font-weight:normal;
	margin: 0 0 7px 0;
}

ul li ul {
	list-style-type: circle;
	padding:0 0 0 25px;
	margin: 3px 0 3px 0;
}

ul li ul li{
	font-family: Arial, Helvetica, Verdana, Geneva, sans-serif;
	font-size: 100%;
	font-weight:normal;
	margin: 0 0 7px 0;
}

ul.panelLinks {
	list-style-type: square;
	padding:0 0 0 14px;
	margin: 3px 0 3px 0;
}

ul.panelLinks li {
	font-family: Arial, Helvetica, Verdana, Geneva, sans-serif;
	font-size: 1.2em;
	font-weight:bold;
	margin: 0 0 3px 0;
	color: #55B3FB;
}

ul.panelLinks li a:link {
	color: #104AA5;
	text-decoration:none;
}

ul.panelLinks li a:visited {
	color: #104AA5;
	text-decoration:none;
}

ul.panelLinks li a:hover {
	color: #55B3FB;
	text-decoration:underline;
}

ul.panelLinks li a:active {
	color: #104AA5;
	text-decoration:none;
}

table.formHolder {
	border:none;
	width:527px;
}

table tr td.label {
	font-family: Arial, Helvetica, Verdana, Geneva, sans-serif;
	font-size: 1.1em;
	font-weight:normal;
	color: #666666;
	width:160px;
	text-align:left;
	vertical-align:top;
	padding: 2px 0 2px 0;
}

table tr td.formElement {
	font-family: Arial, Helvetica, Verdana, Geneva, sans-serif;
	font-size: 1.1em;
	font-weight:normal;
	color: #666666;
	padding: 2px 0 2px 0;
}

table tr td.formElement textarea.inputText {
	width:360px;
	font-family: Arial, Helvetica, Verdana, Geneva, sans-serif;
	font-size: 1.2em;
	font-weight:normal;
	vertical-align:top;
	background-color: #CBEEF7;
	border-style:solid;
	border-width:1px;
	border-color:#55B3FB;
}

table tr td.formElement input.inputText {
	width:360px;
	font-family: Arial, Helvetica, Verdana, Geneva, sans-serif;
	font-size: 1.2em;
	font-weight:normal;
	background-color: #CBEEF7;
	border-style:solid;
	border-width:1px;
	border-color:#55B3FB;
}

select {
	font-family: Arial, Helvetica, Verdana, Geneva, sans-serif;
	font-size: 1.2em;
	font-weight:normal;
}

.divider {
	background-image: url(../images/coolblue-divider.gif);
	background-position: left;
	background-repeat: repeat-x;
	background-color: #ffffff;
	margin: 10px 0 10px 0;
}

td.divider {
	background-image: url(../images/coolblue-divider.gif);
	background-position: left;
	background-repeat: repeat-x;
	background-color: #ffffff;
	padding: 10px 0 10px 0;
}

table#coolBoxResults {
	margin:0 5px 5px 5px;
	border-collapse: collapse;
	border-spacing: 0px;
}

table#coolBoxResults tr th {
	font-family: Arial, Helvetica, Verdana, Geneva, sans-serif;
	font-size: 1.1em;
	font-weight:normal;
	color: #666666;
	padding: 5px;
	border-width: 0 1px 1px 0;
	border-color: #999999;
	border-style: solid;
	background-color: #dddddd;
}

table#coolBoxResults tr th.end {
	border-width: 0 0 1px 0;
} 

table#coolBoxResults tr td {
	font-family: Arial, Helvetica, Verdana, Geneva, sans-serif;
	font-size: 1.2em;
	font-weight:normal;
	color: #000000;
	padding: 5px;
	border-width: 0 1px 1px 0;
	border-color: #cccccc;
	border-style: solid;
}

table#coolBoxResults tr td.end {
	border-width: 0 0 1px 0;
} 

table#NewsTable tr td h2{
	margin:0 0 3px 0;
}