/***********************************************/
/* HTML tag styles                             */
/***********************************************/

* {
  margin:0;
  padding:0;
}


body {
    background: url(../images/bg_html.gif);
    font-family: Verdana,Arial,sans-serif;
	color: #003366;
	line-height: 1em;	
	margin: 0;
	padding: 0;
    text-align:center;
}

a {
	color: #003366;
	text-decoration: underline;
}

a:link {
	color: #003366;
	text-decoration: underline;
}

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

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

h1 {
 font-size: 120%;
 font-weight: bold;
 color: #FF6600;
 margin: 10px 0;
 padding: 0;
}

h2 {
 font-size: 105%;
 font-weight: bold;
 color: #999999;
 margin: 10px 0 10px 0;
 padding: 0px;
}

h3 {
 font-size: 90%;
 color: #003366;
 margin: 0px;
 padding: 0px;
}

h4 {
 font-size: 80%;
 font-weight: bold;
 color: #006699;
 margin: 0px;
 padding: 0px;
}

h5 {
 font-size: 100%;
 color: #334d55;
 margin: 0px;
 padding: 0px;
}

p {
  font-size:80%;
  margin:0 0 1em 0;
}

blockquote {
  font-size: 80%;
  margin:-10px 0 10px 30px;
  padding:0 0 0 0;
}

hr {
    border: 0;
    color: #CCCCCC;
    background-color: #CCCCCC;
    height: 1px;
    width: 100%;
    text-align: left;
    margin:3px 0 6px 0;
    padding:0;
}

form {
  margin:0;
  padding:0;
}


/***********************************************/
/* PAGE LAYOUT                                 */
/***********************************************/

#container {
  width:98%;
  padding:0;
  margin:0 0 0 0;
  text-align:left;
  background:#FFFFFF;
  border:4px solid #003366;
}

#pagearea{
  width: auto;
  border-top:2px solid #FFFFFF;
  border-bottom:2px solid #FFFFFF;
  background:#FFFFFF;
  text-align:left;
 }


#hero {
 width: 100%;
  height: 182px;
  border-bottom: 6px solid #FF6600;
  text-align: left;
  padding: 0;
  background-color:#1B3476;
  background-position: top left;
  background-repeat: no-repeat;

 }

#hero h1 {
  font-size:250%;
  font-weight:nomal;
  color:#FFFFFF;
  margin:0 0 0 220px;
  padding:60px 0;
 }

#leftcolumn {
  float:left;
  height:auto;
  width:225px;
 }

#singlecolumn {
  /*float:left;*/
  width:auto;
  margin: 14px 20px 0 225px;
  /*border: 1px solid #FF00FF;*/
}


#rightcolumn {
  float:right;
  width:180px;
  margin:0 5px 0 5px;
  padding:5px;
  background: transparent;
 }

#rightcolumn .column-in {
  margin:0;
  padding:8px;
 }




/* ------------- HEADER -------------------- */

#masthead {
  padding: 0;
  margin:2px;
  width: auto;
  height:97px;
  background:#FFFFFF url(../images/bg_greypanel.jpg) top left repeat-x;
  text-align: left;
  
}

#masthead p {
  padding: 0 0 0 20px;
  margin:0;
  font-size:85%;
  font-weight:bold;
  color:#666666;
}


#logopanel{
  /*float:left;*/
  width:329px;
  height:49px;
  padding:20px 0 0 15px;
  margin:0;
}

#headright {
  float:right;
  width:auto;
  height:auto;
  display:inline;
  text-align:right;
  font-size:80%;
  margin:10px 10px 0 0;
  padding:0;
}

#headright h2 {
  font-size:170%;
  font-weight:bold;
}

#headright a {
  font-size:1.15em;
  font-weight:bold;
  color:#666666;
  text-decoration:none;
}

#headright a:hover {
  font-size:1.15em;
  font-weight:bold;
  color:#CC0000;
}

#headright span a {
  color:#CC0000;
  font-size:13pt;
  font-weight:bold;
}

#headright span a:hover {
  color:#FF0033;
  font-size:13pt;
  font-weight:bold;
}

/* ------------- TOPNAV -------------------- */

#topnav{
    padding:0;
    margin:0;
    width:100%;
    height:32px;
    background:#6AB4FF url("../images/bg_topnav.gif") left top repeat-x ;
    /* border-top: solid 1px #FFFFFF; */
    border-top: 4px solid #FF6600;
    }

 #tabs {
    float:left;
    width:100%;
    line-height:normal;
    margin:0 0 0 0;
    padding:0;
      }
 #tabs ul {
    margin:0;
    padding:0 0 0 4px;
    list-style:none;
      }
 #tabs li {
    display:inline;
    margin:0;
    padding:0;
      }
 #tabs a {
      float:left;
      font-size:12px;
      font-weight:bold;
      margin:0;
      padding:0 0 0 6px;
      text-decoration:none;
      background:url("../images/tabright.gif") no-repeat right top;
      }
 #tabs a span {
      float:left;
      display:block;
      padding:8px 12px 8px 3px;
      margin:0 2px 0 0;
      color:#CCFFFF;
      }
    /* Commented Backslash Hack hides rule from IE5-Mac \*/
 #tabs a span {float:none;}
    /* End IE5-Mac hack */
 #tabs a:hover span {
      color:#FFFFFF;
      text-decoration: underline;
      }

/***********************************************/
/* SIDE NAV                                    */
/***********************************************/

#sidenav {
	width:191px;
	background-color:#FFFFFF;
	margin:0;
	padding:0;
	}

#sidenav h3 {
	height:31px;
	font-size:13pt;
	font-weight:bold;
	color:#003366;
	text-indent:12px;
	padding-top:10px;
	margin:0;
	}

#sidenav ul {
	width:200px;
	list-style:none;
	padding:0;
	text-indent:5px;
	margin:0 0 0 10px;
    /*border-top:solid 1px #CCCCCC;
    border-left:solid 1px #CCCCCC;*/
	}

#sidenav li {
	padding:2px;
	margin:0 0 1px 0;
	background-color:#F4F4F4;
	font-size:80%;
	line-height:1.5em;
	text-indent:15px;
	background-image:url(../images/btn_arrow.gif);
	background-repeat: no-repeat;
	background-position: 5px center;
	border-top:solid 1px #FFFFFF;
	border-bottom:solid 1px #CCCCCC;
    border-right:solid 1px #CCCCCC;
	}

#sidenav li:hover {
	background-color:#D7D7D7;
	}

#sidenav li a {
	text-decoration:none;
	color:#000000;
	}

#sidenav li a:hover {
	text-decoration:underline;
	color:#CC0000;
	}

#sidenav p {
	margin:15px;
	font-size:80%;
	}


/***********************************************/
/* ID STYLING                                  */
/***********************************************/

.box {
	border:solid 1px #CCCCCC;
    width:auto;
	}

.listpanel {
    /*float:left;*/
    background:#FFFFFF;
    width:auto;
    border:2px solid #FFFFFF;
    padding:8px 8px 0 8px;
    }

.listpanel h3 {
  font-size: 120%;
  color: #003366;
  margin:0 0 5px 0;
}


.listpanel ul {
    margin:0;
    padding:0;
}

.listpanel li {
    display:block;
    list-style:none;
    margin:0 0 0 -28px;
}

.listpanel li a {
  font-size: 75%;
  font-weight: bold;
  color: #FF6600;
  text-decoration: underline;
  padding:8px 0 8px 32px;
  margin:0;
  background: url(../images/btn_bigarrow.gif) center left no-repeat;
}

.listpanel li a:hover {
  color: #02C302;
  background: url(../images/btn_bigarrow_over.gif) center left no-repeat;
}



#rightpanel {
    width:160px;
    background:#FFFFFF url(../images/bg_greenpanel.jpg) repeat-x top left;
    text-align:left;
    border:2px solid #FFFFFF;
    padding:8px 8px 0 8px;
    margin-left:10px;
    }

#rightpanel h3 {
  font-size: 120%;
  color: #003366;
}


#rightpanel ul {
    width:100%;
    list-style:none;
    margin:0;
    padding:0;
}

#rightpanel li {
    line-height:32px;

}

#rightpanel li a {
  font-size: 75%;
  font-weight: bold;
  color: #FF6600;
  text-decoration: underline;
  padding: 32px;
  background: url(../images/btn_bigarrow.gif) center left no-repeat;

}

#rightpanel li a:hover {
  color: #02C302;
  background: url(../images/btn_bigarrow_over.gif) center left no-repeat;
}


#singlecolumn ul {
	padding:10px 0 0 0;
    margin:0 0 0 25px;
	}

#singlecolumn li {
    font-size:80%;
    color: #666666;
    list-style: square;
    font-weight:bold;
	padding:0 0 15px 0;
    }

.bullets ul {
	padding:0;
    margin:0;
	}

.bullets li {
    font-size:80%;
    color: #003366;
    list-style: square;
    font-weight:bold;
	padding:0 0 3px 0;
    }


#carbon {
  float:left;
  font-size:70%;
    }

#carbon img {
   float:left;
   margin-right:10px;
   padding:0;
    }

#textpanel {
  float:right;
  width:220px;
  margin:16px 190px 0 0 ;
/*border:1px solid #FF00FF ; */
    }

/***********************************************/
/* PAGE ELEMENTS                               */
/***********************************************/

.alert {
	color:#CC0000;
	font-weight:bold;
	font-size:75%;
	}

.floatright {
  float:right;
  text-align:right;
}


.whitetextsmall {
  color: #FFFFFF;
  font-size:10px;
}


.photo {
    margin:0;
    padding:0;
    border:2px solid #FFFFFF;
	}

.photoinline {
	margin: 0 0 15px 15px;
	}

.formtable {
  /*float:left;*/
  font-size:75%;
  background:#FFFFFF url(../images/bg_greypanel.jpg) top left repeat-x;
  border:solid 2px #FFFFFF;
}

.formtable td {
   padding:0 0 0 5px;
}


/***********************************************/
/* BUTTONS */
/***********************************************/
.btn {
      width:88px;
      height:37px;
      margin:40px 5px 0 0;
      padding:0;
      }

.btn2 {
      width:88px;
      height:37px;
      margin:15px 5px 0 0;
      padding:0;
      }

/*  ------------ PADDING AND SPACING  ------------ */

.pad {
	margin:8px;
	}


.clear {
	clear:both;
	}



/***********************************************/
/* FOOTER                                      */
/***********************************************/

#footer {
  /*clear:both;*/
  width:auto;
  height:60px;
  background:#FFFFFF url(../images/bg_greypanel.jpg) 2px 2px repeat-x;
  margin:2px;
  padding:0;
  text-align:left;
  border-top: solid 6px #FF6600;
 }

#footer p {
  padding:0;
  margin:0 0 0 12px;
  color:#666666;
 }

#footer ul {
    margin:0;
    padding:5px 0 0 4px;
    list-style:none;
 }
 
#footer li {
    display:inline;
    margin:0;
    padding:0;
 }

#footer a {
    float:left;
    /* background:url("../images/tableft.gif") no-repeat left top; */
    font-size:12px;
    font-weight:bold;
    margin:0;
    padding:0 0 0 6px;
    text-decoration:none;
    }
#footer a span {
    float:left;
    display:block;
    background:url("../images/bg_botnav_div.gif") center right no-repeat;
    padding:8px 12px 8px 3px;
    margin:0 2px 0 0;
    color:#666666;
    }
  /* Commented Backslash Hack hides rule from IE5-Mac \*/
#footer a span {float:none;}
  /* End IE5-Mac hack */
#footer a:hover span {
    color:#CC0000;
    text-decoration: underline;
    }
#footer a:hover {
    /* background-position:0% -29px; */
    }
#footer a:hover span {
    /* background-position:100% -29px; */
    }


#copyright {
  width:98%;
  margin:3px 0 0 0;
  padding:0 0 15px 0;
 }

#credit {
  float:right;
  width:auto;
  text-align:right;
  color:#59A0DE;
  font-size:10px;
 }

#credit a {
  color:#59A0DE;
 text-decoration:none;
 }

#credit a:hover {
  color:#6DB7FE;
  text-decoration:underline;
 }