/*CSS Document*/
/*Common Styles for all Sections*/

* {
	margin: 0;
	padding: 0;
}

html {
	margin: 0;
	padding: 0;
	overflow: scroll;
	
}

body {
	font-size: 12px;
	margin: 0;
	padding: 0px 0 0 0;
	background: white;
	
	
}

dd {
	font-family: Arial, Vernada, sans-serif;
	text-align: left;
	color: #666;
}


dt {
	font-family: Arial, Vernada, sans-serif;
	text-align: left;
	color: #666;
}


label {
	font-family: Arial, Vernada, sans-serif;
	text-align: left;
	color: #666;
}

ul{
	
	
}



li {

	font-family: Arial, Vernada, sans-serif;
	text-align: left;
	color: #666;
	padding-right:20px;
	font-size:12px;
	
}


p {
	font-family: Arial, Vernada, sans-serif;
	text-align: left;
	color: #666;
	font-size:12px;
}


h6 {
	font-family: Arial, Vernada, sans-serif;
	text-align: left;
	color: #666;
}


h5 {
	font-family: Arial, Vernada, sans-serif;
	text-align: left;
	color: #666;
}


h4 {
	font-family: Arial, Vernada, sans-serif;
	text-align: left;
	color: #666;
}


h3 {
	font-family: Arial, Vernada, sans-serif;
	text-align: left;
	color: #666;
}


h2 {
	font-family: Arial, Vernada, sans-serif;
	text-align: left;
	color: #666;
}



h1 {
	font-family: Arial, Vernada, sans-serif;
	text-align: left;
	color: #666;
}


.body{
	height:100%;
	background-color: #333;
}

/*--------------------------------Outer---------------------------------*/
#outer 
{
	margin: 0 auto;
	border:solid 1px black;	
	width:800px;
	height:auto;
	background-color: #1e4c6e;

}

/*------------------------------- Header -------------------------------*/
#header {
	margin: 0 auto;
	width: 800px;
	height: 138px;
	position: relative;
	background:  #1e4c6e url(/Style%20Library/Images/Cogent/Cogent_logo.gif)  no-repeat top left;
	
	
}



#headerimage
{
	margin: 0 auto;
	width: 800px;
	height: 138px;
	position: relative;
	background: url(/Style%20Library/Images/Cogent/cogent_banner1.gif) no-repeat top right;
}


/*------------------------------- Wrapper -------------------------------*/
#wrapper {
	margin: 0 auto;
	width: 800px;
	background-color: white;
	height:100%;	
}

#innerwrapper {
	margin: 0 auto ;
	padding: 0 0 0px 0;
	width: 800px;
	min-height:400px;
	height:100%;
	
}

#leftPanel 
{	
	float:left;
	width:150px;	
	height:100%;	
	padding: 15px 10px 30px 0px;
	background: #acacac  url(/Style%20Library/Images/Cogent/left_nav_fade.gif) repeat-x left bottom;
	min-height:500px;
	
		
	/*border-right:1px;
	border-right-style:solid;
	border-right-color:gray;
	border-bottom:1px;
	border-bottom-style:solid;
	border-bottom-color:gray;*/

	
	
}

#leftPanel a:active{
	color:#1e4c6e;}


#mainPanel 
{	

	width:460px;
	float:left;	
	padding: 15px 0px 30px 0px;
	background-color: white;
	color:#666;
	
	
}

#mainPanel a{
	color:#666;
}

#rightPanel 
{	
font-size:12px;
	float:right;
	width:149px;	
	padding: 15px 10px 30px 10px;
	background-color: white;
	
}

#rightPanel a{
	color:#666;
}




/*------------------------------- Footer -------------------------------*/
#footercontainer {
	background: #1e4c6e  url(/Style%20Library/Images/Cogent/Cogent_footer_bg.gif) repeat-x top right;
	height: 50px;
	position: relative;
}

#footer {
	background: url(/Style%20Library/Images/Cogent/Cogent_topNav_bg.gif) repeat-x bottom left;
}

/*------------------------------- Navigation -------------------------------*/
#topNav
{
	
	width: 800px;
	height: 37px;
	/*vertical-align: top;*/
	position: relative;
	background: url(/Style%20Library/Images/Cogent/Cogent_topNav_bg.gif) repeat-x ;
	
	

}


.custleftNav1
{
	color:white;
	font-size:12px;
	margin: 1em 0 0 0;
	padding: 0px 5px 0 20px;
	
	/*background-image:  url(/Style%20Library/Images/Cogent/menu_separtor.gif);
	background-position: right;
	background-repeat:no-repeat;*/	
	visibility: visible;
	position:relative;
	
	
	
}

.custleftNav1 a:hover
{
	
	background-image:  url(/Style%20Library/Images/Cogent/menu_triangle2.gif);
	background-position: left;
	background-repeat:no-repeat;
	
	
	
}

.custleftNav2
{
	color:white;
	font-size:12px;
	margin: 1em 0 0 0;

	padding: 0px 5px 0 20px;
	
	/*background-image:  url(/Style%20Library/Images/Cogent/menu_separtor.gif);
	background-position: right;
	background-repeat: no-repeat;*/
	visibility: visible;
	position:relative;
	


}

.custleftNav2 a:hover
{
	
	background-image:  url(/Style%20Library/Images/Cogent/menu_triangle2.gif);
	background-position: left;
	background-repeat:no-repeat;
	
}


.custleftNav3
{
	color:white;
	font-size:12px;
	/*background-image:  url(/Style%20Library/Images/Cogent/menu_separtor.gif);
	background-position: right center;*/
	background-repeat: no-repeat;
	visibility: visible;
	position:relative;
	
}






.custleftNav3 td
{
	 
	height: 30px;
}


.custleftNav1 a {
	/*HACK to get background-image from .custleftNav1 to not apply on <A>*/
	background-image: none;
	vertical-align:middle;
	
}

.custleftNav2 a {
	/*HACK to get background-image from .custleftNav2 to not apply on <A>*/
	background-image: none;	
	vertical-align:middle;
}

.custleftNav3 a {
	/*HACK to get background-image from .custleftNav2 to not apply on <A>*/
	background-image: none;	
	vertical-align:middle;
}


.custleftNav1 img
{
	/*HACK to get background-image from .custleftNav2 to not apply on <A>*/
	background-image: none;
	visibility:hidden;

}


.custleftNav2 img
{
	/*HACK to get background-image from .custleftNav2 to not apply on <A>*/
	background-image: none;
	visibility:hidden;

}

.custleftNav3 img
{
	/*HACK to get background-image from .custleftNav2 to not apply on <A>*/
	background-image: none;
	visibility:hidden;

}

/**************************************************/
#zz1_CurrentNav
{	
	padding: -3px 0 0 0;
	margin:  -3px 0 0 0;
	
}




/*.custleftNavHover
{
	background-image:  url(/Style%20Library/Images/Cogent/menu_triangle2.gif);
	background-position: left ;
	background-repeat:no-repeat;	
	text-decoration: underline;	
}*/



.topNavFlyOuts{
/*background-color:#7b96aa;*/
font-family:Vernada;
font-size:12px;
/*border:solid 1px #c2dcff;*/
vertical-align:middle;
display:block;
*width:120px;
/*min-width:120px;*/
/*background-image:  url(/Style%20Library/Images/Cogent/Cogent_Item_nav_bg.gif);*/
}

.topNavFlyOutsItems table{
 border:thin black;
}

.topNavFlyOuts td{
background-color:silver;
on

}

.topNavFlyOuts a {
background-color:silver;

color:white;
/*width: 110px;*/
/*background-color:#7b96aa;*/
}

.topNavFlyOuts:hover td {
color:gray;
}



.topNavFlyOutsItems:hover a {
color:gray;
}


.topNavFlyOutsItems {
	/*background-color:transparent;*/
	border:thin black;

	margin: 0px 20px 0px 10px;
}

.topNavFlyOutsItems td a { 
	border:thin black;
	padding: 0px 20px 0px 0;
	margin: 0px 20px 0px 0;


}

#zz1_CurrentNav
{	
	background-color:transparent;
	
}
.zz1_CurrentNav
{	
	background-color:transparent;
	
}

/*------------------------------Control Styles--------------------------*/

ul{
	padding:0px 20px 0px 20px;
	list-style:square;

}

/*********Left Panel Callout***********/
.leftPanelCallout{
	background-color: #acacac;
	font-size:10px;
	padding: 5px 2px 5px 0px;
}

.leftPanelCallout h2{
	color: #1e4c6e;
	font-size: 14px;
	font-weight:bold;
	border-bottom-color: #ffa11b;
	border-bottom-style:solid;
	border-bottom-width:1px;
	padding:0 4px 0 4px;
	margin-bottom: 3px; 
}

.leftPanelCallout li{
	
	list-style-type: none;

	margin: 4px 0 4px 0px;
	height: 33px;
	width:149px;
	background-repeat:	repeat-y;
	background-position: left;	
	background-image: url('/Style%20Library/Images/Cogent/leftNav_bg.gif');
	
	 
}

.leftPanelCallout li a, .leftPanelCallout li a:link, .leftPanelCallout li a:visited, .leftPanelCallout li a:active {
	position:relative;
	float: left;
	vertical-align:middle;
	font-size:12px;
	font-weight:bold;
	/*padding: 3pxpx 0px 0px 3px;*/
	margin: 3px 0 0 3px;
	text-decoration:none;
	color:#666;/*#1e4c6e;*/
		}
		
.leftPanelCallout li:hover{

	background-image: url('/Style%20Library/Images/Cogent/leftNav_bg_hover.gif');

}		

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


/*********Right Panel Callout***********/

.rightPanelCallout{
	background-color: #e2e2e2;
	font-size:10px;
	padding: 5px 2px 5px 2px;
	max-width: 148px;
}

.rightPanelCallout h2{
	color: #1e4c6e;
	font-size: 14px;
	font-weight:bold;
	text-align:center;
	border-bottom-color: #ffa11b;
	border-bottom-style:solid;
	border-bottom-width:1px;
	padding:0 4px 0 4px;
	margin-bottom: 3px; 
}

.rightPanelCallout li{
	font-size:10px;
	list-style-type: none;
	padding:2px;
}

/********************/
.indentedList{
	
	padding:0px 20px 0px 20px;
	list-style:square;
	
}

.indentedList li a:link,.indentedList li a:visited, .indentedList li a{
	
	font-family: Arial, Vernada, sans-serif;	
	color: #666;
	text-decoration:none;
}

.indentedList li a:hover{
	text-decoration:underline;

}
/********************/

.mainSiteNav{
	
	padding: 10px 0px 10px 0px;
	list-style:square;	
	
}

.mainSiteNav li a:link,.mainSiteNav li a:visited, .mainSiteNav li a{
	
	font-family: Arial, Vernada, sans-serif;	
	color: #666;
	text-decoration:none;
}

.mainSiteNav li a:hover{
	text-decoration:underline;

}
/********************/

#rootNav a{
	font-family: Arial, Vernada, sans-serif;	
	color: #666;
	text-decoration:none;


}

#rootNav ul{
list-style-type:none;
}

#rootNav a:hover{
		text-decoration:underline;

}

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

.siteStyle{
	font-weight:bold;
}

/* DEMO STYLES *//********************/

.testNav1 li{
	list-style:none;
	list-style-image: url('/Style%20Library/Images/Cogent/bullet_arrow.gif')
}

.testNav1 li a:hover{
	list-style-image: url('/Style%20Library/Images/Cogent/arrow_bullet_hor.gif')
}

.testNav1Large{
	
	list-style-image: url('/Style%20Library/Images/Cogent/bullet.gif');	
	font-size:12px;	
	font-weight:bold;
	
}
.testNav1Large a{

		list-style-image: url('/Style%20Library/Images/Cogent/bullet.gif');
}

.testNav1Small{
	color:#000061;
	font-size:10px;
	margin:0 0 0 10px;


}

.testNav2Large{

	font-size: 18px;
	font-weight:bold;
	list-style-type:none;
	background-repeat:no-repeat;
	background-image: url('/Style%20Library/Images/Cogent/largeNav2.gif');
	padding: 9px 10px 5px 15px;
	margin:0 0 10px -20px;
	
	
}

.testNav2 .testNav2Large a:link ,.testNav2  .testNav2Large a:visited,.testNav2  .testNav2Large a:hover {
	color: white;	
}


.testNav2Small{
	font-size: 10px;
	color:white;
	list-style-type:square;
	padding: 0 0 4px 0 ;
}

.testNav2 .testNav2Small a:link ,.testNav2  .testNav2Small a:visited,.testNav2  .testNav2Small a:hover {
	
	color: white;	
}

.testNav2 .testNav2Large a:hover , .testNav2 .testNav2Small a:hover  {
	list-style-type: square;
}

/* DEMO STYLES - END *//********************/



/*---------- Clear Fix for divs with items floated inside them---------- */
.clearfix:after {
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}
.clearfix {display:inline-block;}
/* Hide from IE Mac \*/
.clearfix {display:block;}
/* End hide from IE Mac */