/*
 +----------------------------------------------------------+
 |        GLOBAL CSS STYLE FOR SECTIONS                     |
 +----------------------------------------------------------+
 | The following are the global style items that will be    |
 | used in all Sections. The colors and imges may differ    |
 | but the core layer class will stay the same              |
 +----------------------------------------------------------+
*/


/*
 +-------------------------+
 |       GENERAL HTML      |
 +-------------------------+
*/


html {
	color: #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
}

body{
	padding:0px;
	margin:0px;
	text-align:left; 
	background	:#C6C9CD url(../img/container_bg.gif) center repeat-y;

}

table, td, tr, div, th 
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
}


ul
{	
	font-color:#ffffff;
 	margin:0px;
 	margin-left:10px;
 	margin-right:10px;
	padding:0px;

}


/*
 +-------------------------+
 |       LINKS             |
 +-------------------------+
*/

/* DEFAULT NO CSS */
a{text-decoration:none;color:blue;}
a:visited {text-decoration:none;color:blue;}
a:hover {text-decoration:underline;}

/* HIGHLIGHT GREEN*/
a.highlight_1{text-decoration:underline;color:#30FF00;}
a.highlight_1:visited {text-decoration:underline;color:#30FF00;}
a.highlight_1:hover {text-decoration:underline;}

/* HIGHLIGHT WHITE*/
a.highlight_2{text-decoration:none;color:#ffffff;}
a.highlight_2:visited {text-decoration:none;color:#ffffff;}
a.highlight_2:hover {text-decoration:underline;}

/* HIGHLIGHT BLACK*/
a.highlight_3{text-decoration:underline;color:#000000;}
a.highlight_3:visited {text-decoration:underline;color:#000000;}
a.highlight_3:hover {text-decoration:underline;}

/*  COPYRIGHT */
a.copyright{text-decoration:none;color:#ffffff;}
a.copyright:visited {text-decoration:none;color:#f7f7f7;}
a.copyright:hover {text-decoration:underline;color:#ffffff;}


/*
 +-------------------------+
 |     PAGE STRUCTURE      |
 +-------------------------+
*/


.container
{
	padding:0px;
	padding-left:5px;
	padding-right:3px;
	width:764px;
	border:solid 1px #474747;
    margin: 0 auto;
    text-align:left;
	background: #ffffff;
}



/*  HEADER  */
.header{
	margin:0px;
	margin-top:5px;
	padding:0px;
	height:116px;
	width:764px;
	background: #ffffff url(header_bg.gif) no-repeat;
}

.header_left{
		width:140px;
		height:116px;
		float:left;
		background: url(CCN_Logo.gif) center no-repeat;
}
.header_center{
		width:300px;
		height:116px;
		float:left;
		background: #ff0000;
		background: url(CCN.gif) left no-repeat;
}

.header_right{
		width:399px;
		height:116px;
		float:left;
		overflow:hidden;
}
.header_right_phone{
    margin-top: 15px;
    margin-right: 10px;
		text-align:right;
		color:#747273;
		border:solid 0px #ff0000;
	
}
.header_right_sep{
    margin-right: 10px;
    height: 15px;
		background: url(../img/header_separator.gif) right no-repeat;
	
}
.header_right_login{
		color:#000000;
 		margin-right: 10px;
		text-align:right;
		border:solid 0px #0000ff;
}
.header_right_login_btn{
	  color:#ffffff;
	  background: #474747;
	  border : solid 1px #474747;
}
.header_right_login_input{
	  width:100px;
	  border: solid 1px #474747;
}




/*  CONTENT  */
.content{
	margin:0px;
	margin-top:0px;
	padding:0px;
	/*border:solid 0px #0000ff;*/
	width:100%;
	background: #ffffff;
	position: relative;
	bottom: 85px;

	}

.tblcontent{
	/*border:solid 0px #0000ff;*/
	margin:0px;
	padding:0px;
	width:100%;
	height:400px;
}

.content_left{
	margin:0px;
	padding:0px;
	/*	border: solid 1px #ff0000;*/
	/*float: left;*/
	width:155px;
	background: #0000ff url(../img/leftside_bg.gif) repeat-y;
	vertical-align:top;
	
	
}
.content_center{
	margin:0px;
	margin-left:2px;
	margin-right:2px;
	padding-left:2px;
	padding-right:2px;
	width:452px;
	vertical-align:top;
}

.content_right{
	margin:0px;
	padding:0px;
	width:155px;
	background: #0000ff url(../img/rightside_bg.gif) repeat-y;
  vertical-align:top;

}



.left_tab_top{
	margin:0px;
	padding:0px;
	background: #389D38 url(../img/side_top_tab.gif) no-repeat;
	height:29px;
}

.left_tab_content{
	margin:0px;
	margin-left:4px;
	margin-right:4px;
	margin-top:5px;
	padding:0px;
}


.right_tab_top{
	margin:0px;
	padding:0px;
	background: #3532CB url(../img/side_top_tab.gif) no-repeat;
	height:29px;
}
.right_newsroom{
	margin:0px;
	margin-bottom:5px;
	padding:0px;
	background: #3532CB url(../img/newsroom.gif) no-repeat;
	height:39px;
}

.right_content{
 	margin:0px;
 	margin-left:0px;
 	margin-right:0px;
	padding:0px;
	color:#ffffff;
	
}





.right_content_spacer{
 	margin:0px;
 	margin-top:5px;
 	margin-bottom:5px;
 	height:1px;
	padding:0px;
	background: transparent url(../img/rightside_spacer.gif) center no-repeat;
}

.right_content_readmore{
	margin-left: 50px;
	width:75px;
	text-align:right;
	background: transparent url(../img/whitearrow.gif) left no-repeat;
}

.content_center_item{
margin:0px;
	margin-top:10px;
	padding:0px;
	margin-left:5px;
	margin-right:5px;
	width:440px;
	background: transparent url(../img/center_spacer.gif) bottom no-repeat;
}
.content_content_readmore{
	margin-left: 340px;
	height:20px;
	width:70px;
	text-align:right;
	background: transparent url(../img/blackarrow.gif) left no-repeat;
}

.content_center_item_highlight{
	margin:0px;
	padding:0px;
	width:430px;
	background:#ffffff;
  color:#000000;
}


.content_center_item_highlight_top{
	margin:0px;
	padding:0px;
	background: #FFFFFF
	height:10px;
	width:450px;
}
.content_center_item_highlight_bottom{
	margin:0px;
	padding:0px;
	background: #191890 url(../img/center_tab_bottom.gif)  no-repeat;
	height:10px;
	width:450px;	
}

.content_center_item_highlight_middle{
	color:#ffffff;
	margin:0px;
	padding-left: 10px;
	padding-right: 10px;
	width:430px;
	background: #191890
}

.content_center_item_highlight_title{
	margin:0px;
  padding:0px;
  padding-left:15px;
  width:415px;
  font-weight:bold;
  font-size:12px;
  background: #191890 url(../img/TitleBullet.gif) left no-repeat;
}

.content_center_item_highlight_spacer{
  height:3px;
  margin:0px;
  margin-top:2px;
  margin-bottom:3px;
  padding:0px;
	background: #191890 url(../img/center_spacer_white.gif) center no-repeat;
	width:430px;
}
.content_center_item_highlight_item{
	margin:0px;
	margin-bottom:8px;
  padding:0px;
  padding-left:10px;
  padding-right:10px;
  width:410px;
}


.content_center_bottom{
	text-align:center;
	margin:0px;
  margin-top:10px;
  padding:0px;
  
  

}

/***********************************************************************************
 *                                                      MENU                                                                                                 *
 ***********************************************************************************/     

 
/****************************************************************************************************
 /*** Nav bar styles ***

ul.nav,
.nav ul{
/*Remove all spacings from the list items*
	margin: 0;
	padding: 0;
	cursor: default;
	list-style-type: none;
	display: inline;
	width: 100%;
	background: #FFF url("images/menu-bg.gif") top left repeat-x;
	height: 43px;
	color: #FFFFFF;
	line-height: 240%; 
	
}

ul.nav{
	display: table;
}
ul.nav>li{
	display: table-cell;
	position: relative;
	padding: 2px 6px;
}


ul.nav>li:hover{
	padding-right: 1px;
} 

ul.nav li>ul{
/*Make the sub list items invisible*
	display: none;
	position: absolute;
	max-width: 40ex;
	margin-left: -6px;
	margin-top: 2px;
}

ul.nav li:hover>ul{
/*When hovered, make them appear*
	display : block;
}

.nav ul li a{
/*Make the hyperlinks as a block element, sort of a hover effect*
	display: block;
	padding: 2px 10px;
}

/*** Menu colors (customizable) ***

ul.nav,
.nav ul,
.nav ul li a{
	background-color: #DFDFDF;
	color: #369;
	display: block; 
	
	
}


ul.nav li:hover,
.nav ul li a:hover{
	background-color: #0079B2;
	color: white;
}

ul.nav li:active,
.nav ul li a:active{
	background-color: #0079B2;
	color: #fff;
}

ul.nav,
.nav ul{
	border: 0px solid #369;
	color: white;
	font-weight: bold;
}

.nav a{
	text-decoration: none;
	color: #FEFEFF;
}

 
/****************************************************************************************************/

ul#menu{ 
	width: 100%;
	height: 43px;
	background: #FFF url("images/menu-bg.gif") top left repeat-x; 
	font-size: 1.0em; 
	font-family: "Lucida Grande", Verdana, sans-serif; 
	font-weight: bold; 
	list-style-type: none; 
	margin: 0; 
	padding: 0; 
	}
ul#menu li {
	display: block; 
	float: left; 
	margin: 0 0 0 5px; 
	}
	
ul#menu li  ul {
	background-color: #DFDFDF;
	color: #369;
	display: none; 

}

ul#menu li:hover>ul{
	
	display: block; 
position: relative;
	max-width: 30ex;
	padding: 0px;
	margin-top: 5px;
	
	
}


ul#menu li a { 
	height: 43px; 
	color: #777; 
	text-decoration: none; 
	display: block; 
	float: left; 
	line-height: 200%; 
	padding: 8px 15px 0; 
	}
ul#menu li a:hover { 
	color: #333; 
	}
ul#menu li a.current{ 
	color: #FFF; 
	background: #FFF url("images/current-bg.gif") top left repeat-x; 
	padding: 5px 15px 0; 
	}

.current {
	color: #FFF; 
	font-weight: bold;
	padding: 5px 15px 0; 
	background: #FFF url("images/current-bg.gif") top left repeat-x; 
	height: 43px;
	}

.left_tab_content_menu{
	margin:0px;
  padding:0px;
  padding-top:4px;
  padding-bottom:4px;
  font-size: 12px;
  font-weight:bold;
  width:146px;
  background: transparent url(../img/leftside_spacer.gif) bottom no-repeat;
  color:#ffffff;
}

.left_tab_content_text{
	margin:0px;
  padding:0px;
  color: #ffffff;
}

li.latestnews a{color:#FFFFFF;}
li.latestnews a:visited{color:#FFFFFF;}
li.latestnews a:hover {color:#FFFFFF;}


/*  FOOTER  */
.footer{
	margin:0px;
	margin-top:1px;
	padding:0px;
	padding-top:6px;
	padding-bottom:5px;
	height:15px;
	width:100%;
	background: #191890;
	border:solid 1px #191890;
	text-align:center;
}


.Apple-style-span{
	font-weight:bold;
}

.contentheading{
	font-weight:bold;

}

.pointTitle{

text-align: left;
}

/*
 +-------------------------+
 |     PAGE SPECIFIC       |
 +-------------------------+
*/