/*****************************************************************************************
 Main CSS for the CCN Website.
*****************************************************************************************/
/* Wrapper div*/
div#wrapper {
  width: 1004px;
  background-color: #FFFFFF;
  margin-top: 0px;
  margin-right: auto;
  margin-left:auto;
  padding: 0px;
  border: 0px;
  overflow: hidden;
}
div#banner { 
  float: left;
  width: 100%; 
  height: 125px; 
  overflow: hidden;
  margin: 0;
  padding: 0;
  border: 0;
} 

div#topbar {
  clear:both;
  height: 16px;
  background-color: #336699;
  width: 100%;
  overflow: hidden;
  margin: 0;
  padding: 0;
  border: 0;
}

div#body_wrap {
  clear: both;
  float: left;
  width: 100%; 
  overflow: hidden;
  margin: 0;
  padding: 0;
  border: 0;
}

div#bottom_bar {
  clear:both;
  height: 32px;
  background-color: #000000;
  width: 100%;
  overflow: hidden;
  margin: 0;
  padding: 0;
  border: 0;
}
div#basic{ 
  font: normal 150% arial, verdana, helvetica, sans-serif;
  background-color: #FFFFFF;
  text-align: left;
  height: 98%;
  width: 98%;
  overflow: hidden;
  margin: 0px;
  padding: 5px;
  border: 0px;
}
/* HTML Tag Mod*/
H1 {
  font: bold 140% arial, verdana, helvetica, sans-serif;
}
H2 { 
  font: bold 120% arial, verdana, helvetica, sans-serif;
}
H3 {
  font: italic 120% arial, verdana, helvetica, sans-serif;
}
html {}

body { 
  background: url(/inc/pics/basic/ccn_bkgnd.gif) repeat center;
  font: normal 50% arial, verdana, helvetica, sans-serif;
  text-align: center;
  margin: 0;
  padding: 0;
  border: 0;	
}

/* Main Body Classes */
.tablez {
  border-collapse: collapse;
  border: 0px;
  padding: 0px;
  margin: 0px;
}
.blank_table {
  border-collapse: collapse;
  border: 0px;
  padding: 0px;
  margin: 0px;
}
.border_table {
  border-collapse: collapse;
  border: 0px;
  padding: 0px;
  margin: 0px;
}
.border_table TR TD {
  border-collapse: collapse;
  border: 1px solid black;
  padding: 0px;
  margin: 0px;
}
.blank_table TR TD {
  border-collapse: collapse;
  border: 0px;
  padding: 0px;
  margin: 0px;
}

.normal_table {
  border-collapse: collapse;
  border: 0px;
  padding: 0px;
  margin: 0px;
}

.normal_table TR TD {
  font: normal 75% arial, verdana, helvetica, sans-serif;
  background-color: #FFFFFF;
  border-collapse: collapse;
  border: 0px;
  padding: 0px;
  margin: 0px;

}

.l_nav  {
  width: 160px;
  font: normal 50% arial, verdana, helvetica, sans-serif; 
  background-color: #FFFFFF;
  vertical-align: top;
  margin: 0px;
  padding-top: 28px;
  padding-right: 0px;
  padding-left: 0px;
  padding-bottom: 0px;
  border: 0px;
}
.top_nav {
  width: 798px;
  height: 23px;
  background-color: #339999;
  margin: 0px;
  padding: 0px;
  border: 0px;
}
.nav_list {
  list-style-type: none;
  border: 0;
  margin: 0;
  padding: 0;
}

.nav_list2 {
  list-style-type: none;
  border: 0;
  margin: 0;
  padding: 0;
}
.nav_list2 li{
  list-style-type: none;
  border: 0;
  margin: 0;
  padding: 4px;
}

.l_div{ 
  width: 46px;
  background-color: #000000;
  vertical-align: top;
  margin: 0px;
  padding: 0px;
  border: 0px;
}
.t_content { 
  width: 550px;
  font: normal 75% arial, verdana, helvetica, sans-serif;
  background-color: #FFFFFF;
  vertical-align: top;
  margin: 0px;
  padding: 15px;
  border: 0px;
}

.t_content_nonews { 
  width: 768px;
  font: normal 75% arial, verdana, helvetica, sans-serif;
  background-color: #FFFFFF;
  vertical-align: top;
  margin: 0px;
  padding: 15px;
  border: 0px;
}
.b_content0 { 
  width: 198px;
  height: 77px;
  background-color: #FFFFFF;
  margin: 0px;
  padding: 0px;
  border: 0px;
}
.b_content1 { 
  width: 168px;
  max-height: 77px;
  background-color: #FFFFFF;
  margin: 0px;
  padding: 0px;
  border: 0px;
}
.sp_image {
  height: 515;
  width: 1;
  margin: 0px;
  padding: 0px;
  border: 0px;
}
.b_content2 {
  width: 147px;
  max-height: 77px;
  background-color: #FFFFFF;
  margin: 0px;
  padding: 0px;
  border: 0px;
}
.r_div{ 
  width: 7px;
  background-color: #CCCC33;
  vertical-align: top;
  margin: 0px;
  padding: 0px;
  border: 0px;
}
.r_div_no_color{ 
  width: 7px;
  background-color: #FFFFFF;
  vertical-align: top;
  margin: 0px;
  padding: 0px;
  border: 0px;
}
.r_nav  {
  width: 211px;
  background-color: #FFFFFF;
  font: normal 75% arial, verdana, helvetica, sans-serif;
  vertical-align: top;
  margin: 0px;
  padding: 0px;
  border: 0px;
}
.r_nav_wl  {
  width: 211px; 
  background-color: #FFFFFF;
  font: normal 75% arial, verdana, helvetica, sans-serif;
  vertical-align: top;
  margin: 0px;
  padding-top: 28px;
  padding-right: 0px;
  padding-left: 0px;
  padding-bottom: 0px;
  border: 0px;
}
/* Nav Bar Stuff */
/* home */
.home a {
  background: url(/inc/pics/buttons/menu_home.gif) no-repeat center;
  display:block;
  height:48px;
  width:160px;
  text-decoration:none;
  margin: 0px;
  padding: 0px;
  border: 0px;
}
.home a:visited{}
.home a:hover{
  cursor: pointer;
  cursor: hand;
  background: url(/inc/pics/buttons/menu_home_over.gif) no-repeat center;
  display:block;
  height:48px;
  width:160px;
  text-decoration:none;
  margin: 0px;
  padding: 0px;
  border: 0px;
}
.home a:active{}
.shome a {
  background: url(/inc/pics/buttons/menu_home_over.gif) no-repeat center;
  display:block;
  height:48px;
  width:160px;
  text-decoration:none;
  margin: 0px;
  padding: 0px;
  border: 0px;
}
.shome a:visited {}
.shome a:hover{
  cursor: pointer;
  cursor: hand;
  background: url(/inc/pics/buttons/menu_home_over.gif) no-repeat center;
  display:block;
  height:48px;
  width:160px;
  text-decoration:none;
  margin: 0px;
  padding: 0px;
  border: 0px;
}
.shome a:active{}
/* about */
.about a {
  background: url(/inc/pics/buttons/menu_about.gif) no-repeat center;
  display:block;
  height:48px;
  width:160px;
  text-decoration:none;
  margin: 0px;
  padding: 0px;
  border: 0px;
}
.about a:visited{}
.about a:hover{
  cursor: pointer;
  cursor: hand;
  background: url(/inc/pics/buttons/menu_about_over.gif) no-repeat center;
  display:block;
  height:48px;
  width:160px;
  text-decoration:none;
  margin: 0px;
  padding: 0px;
  border: 0px;
}
.about a:active{}
.sabout a {
  background: url(/inc/pics/buttons/menu_about_over.gif) no-repeat center;
  display:block;
  height:48px;
  width:160px;
  text-decoration:none;
  margin: 0px;
  padding: 0px;
  border: 0px;
}
.sabout a:visited{}
.sabout a:hover{
  cursor: pointer;
  cursor: hand;
  background: url(/inc/pics/buttons/menu_about_over.gif) no-repeat center;
  display:block;
  height:48px;
  width:160px;
  text-decoration:none;
  margin: 0px;
  padding: 0px;
  border: 0px;
}
.sabout a:active{}

/* activities */
.activities a {
  background: url(/inc/pics/buttons/menu_activities.gif) no-repeat center;
  display:block;
  height:63px;
  width:160px;
  text-decoration:none;
  margin: 0px;
  padding: 0px;
  border: 0px;
}
.activites a:visited{}
.activities a:hover{
  cursor: pointer;
  cursor: hand;
  background: url(/inc/pics/buttons/menu_activities_over.gif) no-repeat center;
  display:block;
  height:63px;
  width:160px;
  text-decoration:none;
  margin: 0px;
  padding: 0px;
  border: 0px;
}
.activities a:active{}
.sactivities a {
  background: url(/inc/pics/buttons/menu_activities_over.gif) no-repeat center;
  display:block;
  height:63px;
  width:160px;
  text-decoration:none;
  margin: 0px;
  padding: 0px;
  border: 0px;
}
.sactivities a:visited{}
.sactivities a:hover{
  cursor: pointer;
  cursor: hand;
  background: url(/inc/pics/buttons/menu_activities_over.gif) no-repeat center;
  display:block;
  height:63px;
  width:160px;
  text-decoration:none;
  margin: 0px;
  padding: 0px;
  border: 0px;
}
.sactivities a:active{}
/* tools */
.tools a {
  background: url(/inc/pics/buttons/menu_tools.gif) no-repeat center;
  display:block;
  height:63px;
  width:160px;
  text-decoration:none;
  margin: 0px;
  padding: 0px;
  border: 0px;
}
.tools a:visited{}
.tools a:hover{
  cursor: pointer;
  cursor: hand;
  background: url(/inc/pics/buttons/menu_tools_over.gif) no-repeat center;
  display:block;
  height:63px;
  width:160px;
  text-decoration:none;
  margin: 0px;
  padding: 0px;
  border: 0px;
}
.tools a:active{}
.stools a {
  background: url(/inc/pics/buttons/menu_tools_over.gif) no-repeat center;
  display:block;
  height:63px;
  width:160px;
  text-decoration:none;
  margin: 0px;
  padding: 0px;
  border: 0px;
}
.stools a:visited{}
.stools a:hover{
  cursor: pointer;
  cursor: hand;
  background: url(/inc/pics/buttons/menu_tools_over.gif) no-repeat center;
  display:block;
  height:63px;
  width:160px;
  text-decoration:none;
  margin: 0px;
  padding: 0px;
  border: 0px;
}
.stools a:active{}
/* news */
.news a {
  background: url(/inc/pics/buttons/menu_news.gif) no-repeat center;
  display:block;
  height:48px;
  width:160px;
  text-decoration:none;
  margin: 0px;
  padding: 0px;
  border: 0px;
}
.news a:visited{}
.news a:hover{
  cursor: pointer;
  cursor: hand;
  background: url(/inc/pics/buttons/menu_news_over.gif) no-repeat center;
  display:block;
  height:48px;
  width:160px;
  text-decoration:none;
  margin: 0px;
  padding: 0px;
  border: 0px;
}
.news a:active{}
.snews a {
  background: url(/inc/pics/buttons/menu_news_over.gif) no-repeat center;
  display:block;
  height:48px;
  width:160px;
  text-decoration:none;
  margin: 0px;
  padding: 0px;
  border: 0px;
}
.snews a:visited{}
.snews a:hover{
  cursor: pointer;
  cursor: hand;
  background: url(/inc/pics/buttons/menu_news_over.gif) no-repeat center;
  display:block;
  height:48px;
  width:160px;
  text-decoration:none;
  margin: 0px;
  padding: 0px;
  border: 0px;
}
.snews a:active{}
/* contact */
.contact a {
  background: url(/inc/pics/buttons/menu_contact.gif) no-repeat center;
  display:block;
  height:48px;
  width:160px;
  text-decoration:none;
  margin: 0px;
  padding: 0px;
  border: 0px;
}
.contact a:visited{}
.contact a:hover{
  cursor: pointer;
  cursor: hand;
  background: url(/inc/pics/buttons/menu_contact_over.gif) no-repeat center;
  display:block;
  height:48px;
  width:160px;
  text-decoration:none;
  margin: 0px;
  padding: 0px;
  border: 0px;
}
.contact a:active{}
.scontact a {
  background: url(/inc/pics/buttons/menu_contact_over.gif) no-repeat center;
  display:block;
  height:48px;
  width:160px;
  text-decoration:none;
  margin: 0px;
  padding: 0px;
  border: 0px;
}
.scontact a:visited{}
.scontact a:hover{
  cursor: pointer;
  cursor: hand;
  background: url(/inc/pics/buttons/menu_contact_over.gif) no-repeat center;
  display:block;
  height:48px;
  width:160px;
  text-decoration:none;
  margin: 0px;
  padding: 0px;
  border: 0px;
}
.scontact a:active{}
/* login */
.loginlab a{
  background: url(/inc/pics/basic/login_team.gif) no-repeat center;
  display:block;
  height:48px;
  width:160px;
  text-decoration:none;
  margin: 0px;
  padding: 0px;
  border: 0px;
}
div#login form table {
  border-collapse: collapse;
  text-align: right;
  text-decoration:none;
  width:160px;
  margin: 0px;
  padding: 0px;
  border-top: 1px solid #336699;
  border-bottom: 1px solid #336699;
  border-left: 0px;
  border-right: 0px;
}
div#login form table tr {
  width:160px;
  margin: 0px;
  padding: 0px;
  border: 0px;
}
div#login form table tr th {
  text-align: right;
  display:block;
  height:48px;
  width:160px;
  margin: 0px;
  padding: 0px;
  border: 0px;
}
div#login form table tr td {
  text-align: right;
  text-decoration:none;
  margin: 0px;
  padding: 1px;
  border: 0px;
  font: bold 60% arial, verdana, helvetica, sans-serif;
  color: #336699;
}

/* Documents */
.doctd {
  border-collapse: collapse;
  margin: 0px;
  padding: 0px;
  border: 0px;
}
.doctd TD {
  border-collapse: collapse;
  margin: 0px;
  padding: 0px;
  border: 0px;
}

.sam A{
  background-color:#CCCC33;
  color:#FFFFFF;
  display:block;
  height:32px;
  width:82px;
  text-align: center;
  text-decoration:none;
  font: normal 75% arial, verdana, helvetica, sans-serif;
}
.am A{
  background-color:#FFFFFF;
  color:#336699;
  display:block;
  height:32px;
  width:82px;
  text-align: center;
  text-decoration:none;
  font: normal 75% arial, verdana, helvetica, sans-serif;
}
.am a:visited {}
.am a:hover {
  cursor: pointer;
  cursor: hand;
  background-color:#CCCC33;
  color:#FFFFFF;
  display:block;
  height:32px;
  width:82px;
  text-align: center;
  text-decoration:none;
  font: normal 75% arial, verdana, helvetica, sans-serif;
 }
.am a:active{}

.xsam {
  background-color:#CCCC33;
  color:#FFFFFF;
  display:block;
  height:32px;
  width:200px;
  text-align: left;
  text-decoration:none;
  font: normal 75% arial, verdana, helvetica, sans-serif;
  margin: 0px;
  padding-top: 0px;
  padding-right: 0px;
  padding-left: 11px;
  padding-bottom: 0px;
  border: 0px;
}
.xam {
  background-color:#FFFFFF;
  color:#336699;
  display:block;
  height:32px;
  width:200px;
  text-align: left;
  text-decoration:none;
  font: normal 75% arial, verdana, helvetica, sans-serif;
  margin: 0px;
  padding-top: 0px;
  padding-right: 0px;
  padding-left: 11px;
  padding-bottom: 0px;
  border: 0px;
}
.xam visited {}
.xam hover {
  cursor: pointer;
  cursor: hand;
  background-color:#CCCC33;
  color:#FFFFFF;
  display:block;
  height:32px;
  width:200px;
  text-align: left;
  text-decoration:none;
  font: normal 75% arial, verdana, helvetica, sans-serif;
  margin: 0px;
  padding-top: 0px;
  padding-right: 0px;
  padding-left: 11px;
  padding-bottom: 0px;
  border: 0px;
}
.xam active{}
.caltable {
  border-collapse: collapse;
  font: normal 75% arial, verdana, helvetica, sans-serif;
  width: 790px;
  padding: 0px;
  margin: 0px;
  border: 0px;
}
.calheadercell {
  background-color:#336699;
  color:#FFFFFF;
  height:10px;
  border-collapse: collapse;
  border: 1px solid #000000;
  margin: 0px;
  padding: 0px;
}
.calcell {
  vertical-align: top;
  height:100px;
  border-collapse: collapse;
  border: 1px solid #000000;
  margin: 0px;
  padding: 2px;
}
.calcellitems {
  height:100px;
  vertical-align: top;
  border-collapse: collapse;
  border: 1px solid #000000;
  margin: 0px;
  padding: 2px;
}
.calcellempty {
  background-color:#336699;
  height:100px;
  vertical-align: top;
  color:#FFFFFF;	
  border-collapse: collapse;
  border: 1px solid #000000;
  margin: 0px;
  padding: 2px;
}
.calheadercell a {
  text-decoration:none;
  color:#000000;
}
.calheadercell a:hover {
  cursor: pointer;
  cursor: hand;
  text-decoration:none;
  color:#FF0000;
}
.file_list {
  /*background-color: #336699;*/
  border: #00006D 1px inset;
  border-collapse: collapse;
}

.file_list td {
  font: normal 90% arial, verdana, helvetica, sans-serif;
  margin: 0;
  padding: 2px 5px;
  border: 1px solid #000000;
  text-decoration: none;
}

.file_list th {
	background-color: #339999;
}

.tablez7 {
  border-collapse: collapse;
  width: 790px;
  padding: 0px;
  margin: 0px;
  border: 0px;
}
.t1 {
  background-color: #99AAFF;
  font: normal 75% arial, verdana, helvetica, sans-serif;
}
.t2 {
  background-color: #CCCC88;
  font: normal 75% arial, verdana, helvetica, sans-serif;
}
.t3 {
  text-align:center;
  font: normal 75% arial, verdana, helvetica, sans-serif;
}

.title_span{ 
  font: bold 120% arial, verdana, helvetica, sans-serif;
}
.title_span_red{ 
  font: bold 120% arial, verdana, helvetica, sans-serif;
  color: #FF0000;
}
.small_span{ 
  font: 55% arial, verdana, helvetica, sans-serif;
}
.newsblk span {
  border-collapse: collapse;
  list-style-type: none;
  border: 0px;
  margin: 0px;
  padding: 0px;
}
.newslist {
  list-style-type: none;
/*  border-top: 1px solid #336699; */
/*  border-bottom: 1px solid #336699; */
  margin: 0;
  padding: 0;
}
.newslist LI {
  border-collapse: collapse;
  border: 0px;
  border-top: 1px solid #336699;
  margin: 0px;
  padding: 5px;
}
a {
  text-decoration:none;
  color:#336699;
}
a:visited{
  text-decoration:none;
  color:#336699;
}

a:hover {
  cursor: pointer;
  cursor: hand;
  text-decoration:none;
  color:#CCCC33;
}
a:active{
  text-decoration:none;
  color:#336699;
}
.solidlink a{
  text-decoration:none;
  color:#CCCC33;
}
.solidlink a:visited{
  text-decoration:none;
  color:#CCCC33;
}
.solidlink a:hover{
  cursor: pointer;
  cursor: hand;
  text-decoration:none;
  color:#CCCC33;
}
.solidlink a:active{
  text-decoration:none;
  color:#CCCC33;
}

/* Popups */
.popup {
  position:absolute; right:0; top:0; width:650;
  background-color: #FFFFCC;
  margin: 5px;
  padding: 15px;
  border: 2px double black;
  z-index:2;
  display:none;
 }
.rpopup {
  position:fixed; right:0; top:0; width:650;
  background-color: #FFFFCC;
  margin: 5px;
  padding: 15px;
  border: 2px double black;
  z-index:3;
  display:none;
}
.fpopup {
  position:relative; right:0; top:0; width:650;
  background-color: #FFFFCC;
  margin: 5px;
  padding: 15px;
  border: 2px double black;
  z-index:3;
  display:none;
}
/* News Block hide */
.news_hid1{
  display:none;
}
.news_sho2{
  display:block;
}

form.tinyform
{
	margin: 0;
}