@media screen {

#header
{
	max-width: 960px;
	margin: 0 auto;
	padding: 0;
    border-bottom: medium none;
    border-top: medium none;
    height: 95px;
    top: 0;
    background-image: url("/ccn/_permacode/current/styles/images/subsidiary_page_banner.jpg");	
    background-position: center top;
}



#header-left #site-name 
{
    color: #fff;
    background: transparent;
    display: block;
    font: 100 2.5em/120% 'Apex Serif',Arial,Helvetica,sans-serif;
    height: 70px;
    letter-spacing: 1px;
    margin-top: -85px;
    padding: 19px 0 0 0;
    margin-left: -9000px;
    top: 34px;
    visibility: visible;
    text-align: center;
}
	
	#header-left #site-subhead 
{
    color: #222;
    display: block;
    font-family:  sans-serif;
    font-size: 2em;
    height: 28px;
    letter-spacing: 3px;
    margin-top: -100px;
    padding: 39px 10px 177px 10px;
    top: 34px;
    visibility: visible;
    text-align: right;
    text-transform: uppercase;
}

/* Horizontal navigation */

#header-nav
{
	display: none;
	visibility: hidden;	
    margin: 0 auto;
    max-width: 960px;
    height: 2px;
	padding: 0;
	background: none repeat scroll 0 0 #333333;
	border-top: 0px solid #CCC;
	border-bottom: 0px solid #0069e;
}
	
/* Containers */

#containerc
{
	clear: both;
	float: left;
	width: 100%;
	margin: 0;
	padding: 0;
	padding-bottom: 0px;
}

ul.tree
{
	margin: 0;
}

#c-content .tree li.root
{
	 
	padding: 8px 0 0 2px;
	min-height:25px;
	display: block;
	list-style: none;
	
}

.tree li a:hover
{
	background-color: #ddd;
	color: black;
}

.tree a.current
{
	background-color: #ddd;
}

.tree li a, .tree li span
{
    color: #00693E;
    text-decoration: none;
    text-transform: uppercase;
}


.tree li span.expand
{
	background: url("../images/nav-arrows-sprite.png") no-repeat 100% -69px transparent;
	display:block;
	cursor: pointer;
}

.tree li span.contract
{ 
	background: url("../images/nav-arrows-sprite.png") no-repeat 100% -135px transparent;
	display:block;
	cursor: pointer;

}

span.currentpath
{
	cursor: arrow;
}

#c-content .tree li ul li a
{
  padding: 8px 0 0 0;
  min-height: 25px;
}

/* c-content */

#c-content
{
	width: 315px;
	padding: 0;
	margin: 0;
	background-color: #fff;
	height:100%;
	float: left;
}

#c-content .c1
{
	display: block;
	visibility: visible;
	background-color: #fff;
	margin: 0 0 7px 0;
	padding: 22px 0 6px;
}

#c-content ul
{
	margin-right: 0;
}

#c-content ul li
{
	border-top: 1px solid #C1C1C1;
	border-bottom: none;
	line-height: 1.6em;
	padding: 2px;
	color: #00693e;
	font: 600 1.5em/125% 'Apex New',Arial,Helvetica,sans-serif;
}

#c-content ul li.last
{
	border-top: 1px solid #C1C1C1;
	border-bottom: 1px solid #C1C1C1;
}

#c-content ul li a
{
	text-decoration: none;
	min-height: 25px;
	padding: 8px 45px 0 0;
	color: #00693e;	
	text-transform: uppercase;
}

#c-content ul li a:hover
{
	display: block;
	padding: 8px 45px 0 0;
	color: #00693e;
	text-decoration:underline;
	margin: 0 0 0 0px;
	background-color: transparent;
}

}

/* Tablet ------------------------- */
@media only screen and (min-width: 607px) and (max-width: 980px) {

#headercommon
{
	max-width: 637px;
}

#header
{
	max-width: 637px;	
	background-image: url("/ccn/_permacode/current/styles/images/subsidiary-page-tablet.jpg ");	
}	

#header, #header-left 
{
    height: 75px;
    padding: 0;
    width: 100%;
    background-position: top center;
}

#header-left #site-name 
{
	font: 100 2em/120% 'Apex Serif',Arial,Helvetica,sans-serif;
	padding: 21px 0 2px 0;
	margin-top: -75px;
}
	
.home
{
	height: 75px;
	width: 637px;
}



/* c-content */

#c-content
{
	width: 190px;
}

#c-content ul li a:link, #c-content ul li a:visited
{
	background: none;
    /*height: 50px;*/
    padding: 8px 0 0 0;
}

#c-content ul li a:hover
{
	background: none;
    /*height: 50px;*/
    padding: 8px 0 0 0;
}

#c-content ul li a.taller
{
    height: 90px;
}

#c-content .c2 iframe.fbdesktop
{
	display: none;
	visibility: hidden;
}

#c-content .c2 iframe.fbtablet
{
	display: block;
	visibility: visible;
}

/* footer */

.last-updated 
{
	width: 95%;
}

/* Quicktree Fixes */

.tree li span.contract {
    background: none;
}
.tree li span.expand {
    background: none;
}

}




/* Phone ------------------------- */
@media only screen and (max-width: 606px) {

#headercommon
{
	max-width: 315px;
	height: 80px;
	background-position: left center;
}

#header
{
	max-width: 315px;
	background-image: url("/ccn/_permacode/current/styles/images/subsidiary-page-phone.jpg ");	
}

#headercommon ul
{
	font-size: .8em;
	margin-top:4px;
	padding: 0px;
}

#headercommon li
{
	border-right: 1px solid #333;
}

#headercommon #commonnav
{
	text-align: left;
}

#headercommon #commonnav img.dart
{
	visibility: invisible;
	display: none;
}

#header, #header-left
{
	height: 58px;
}

#header, #header-left
{
	background-position: center top;
}

.home
{
	height: 58px;
	width: 100%;
}

#header-left #site-name 
{
    font-size: 1.5em;
    letter-spacing: 1px;
    height: 48px;
    margin-top: -58px;
    padding: 16px 0px 10px 0px;
}

}