body {
	font: 75% Arial, Helvetica, sans-serif;
	color: #666666;
	text-align: center;
	margin: 0;
	padding: 0;
	border: 0;
}

body ul.unityNavList li {
     /* this is a minor tweak which overides the unity drop menu styles*/
    font-size:11px !important;
}

body ul.unityNavList span { 
        /* this is a minor tweak which overides the unity drop menu styles*/
	padding-left: 8px !important;
	padding-right: 15px !important;
	padding-top:4px !important;
	padding-bottom:3px !important;
}

a img {
	border: 0;
}

#wrapper {
	position:relative;
	margin: 0 auto;
	text-align: left;
	width: 760px;
}

#header {
	background:url(/webdata/graphics/logo_ccs.gif) no-repeat top left;
	height: 125px;
}

#homelink {
        display: block;
        position: absolute;
        width: 100px;
        height: 100px;
        margin: 10px 0 0 20px;
} 

ul#header-links {
	position: absolute;
	right: 0;
	top: 10px;
	list-style: none;
	margin: 0;
	padding: 0;
	font-size:11px;
}

ul#header-links li {
	display: inline;
	margin: 0 6px 0 0;
	padding: 0 6px 0 0;
	border-right: 1px solid #CCC;
}

ul#header-links li.last {
	border: 0;
	margin: 0;
	padding: 0;}

ul#header-links a {
	outline: none;
}

ul#header-links a:focus{ 
	border-bottom: 1px solid #666666;
}

#searchForm { 
	position:absolute;
	top:80px;
	right:0;
	/*width:300px; */
	}

.searchInput {
	position: absolute;
	right: 55px;
	top: 0;
	margin: 0;
	width: 150px;
}


.searchBtn {
	position: absolute;
	right: 0;
	top: 2px;
	width: 46px;
	height: 17px;
}

	
#banner {
	border: 1px solid #CCCCCC;
        margin-left: -1px; /* temporary fix */
        width: 758px;
	margin-top: 23px;
}
#banner p {
	margin:0;
	padding:0;
	line-height:0;
}

#images {
	float: left;
	width: 164px;
	margin: 10px 0 0 0 ;
	padding: 0 0 80px 0;
	background: url(/webdata/graphics/images_diamonds.gif) no-repeat bottom;
	display: inline; /*IE float margin bug fix*/
}

#images img {
	border: 1px solid #CCCCCC;
	margin: 0 0 10px 0;
}

#images p {
	margin: 0;
}

#content {
	float: left;
	width: 371px;
	margin: 10px 50px 40px 20px ;
	display: inline; /*IE float margin bug fix*/
	font-size: 12px;
}
#contentFull {
	float: left;
	width: 525px;
	margin: 10px 50px 40px 20px ;
	display: inline; /*IE float margin bug fix*/
	font-size: 12px;
	}

#gallery {
	float: left;
        clear: both;
	margin: -30px 50px 40px 0 ;
	display: inline; /*IE float margin bug fix*/
	font-size: 12px;
}

#gallery p {
	margin:0;
	padding:0;
	line-height:0;
}

#google {
	float: left;
        clear: both;
	margin: -30px 50px 40px 0 ;
	display: inline; /*IE float margin bug fix*/
	font-size: 12px;
}

#google p {
	margin:0;
	padding:0;
	line-height:0;
}


#content .breadcrumbs a:link {
	color: #666;
}

#content .breadcrumbs a:hover {
	color: #0055A4;
}


#sidebar {
	float: right;
	width: 154px;
	margin: 8.7em 0 0 0;
	font-size: 11px;
	display: inline; /*IE float margin bug fix*/
}

#sidebar h2 {
	font-size: 13px;
	margin: 0 0 .7em 0;
	color: #0055A4;
}

#sidebar ul {
	list-style: none;
	margin: 0;
	padding: 0;
	}

#sidebar li {
	margin: 8px 0;
	border-bottom: 1px solid #fff; /*IE list bug fix*/
	}

a.link-back {
	padding: 2px 0 2px 21px;
	background:url(/webdata/graphics/icon_arrow_left.gif) no-repeat -2px 0;
	display:block;
}

a.link-ebook {
	padding: 2px 0 2px 21px;
	background:url(/webdata/graphics/icon_ebook.gif) no-repeat -2px 0;
	display:block;
}

a.link-wmv {
	padding: 2px 0 2px 21px;
	background:url(/webdata/graphics/icon_wmv.gif) no-repeat -2px 0;
	display:block;
}

a.link-mp3 {
	padding: 2px 0 2px 21px;
	background:url(/webdata/graphics/icon_mp3.gif) no-repeat -2px 0;
	display:block;
}

a.link-web {
	padding: 2px 0 2px 21px;
	background:url(/webdata/graphics/icon_arrow_right.gif) no-repeat -2px 0;
	display:block;
}

a.link-pdf {
	padding: 2px 0 2px 21px;
	background:url(/webdata/graphics/icon_pdf.gif) no-repeat -2px 0;
	display:block;
}

#sidebar a:link, #content a:link, #contentFull a:link {
	color: #0055A4;
}


#footer {
	position: relative;
	clear:both;
	background: url(/webdata/graphics/footer.gif) repeat-x top;
	height: 50px;
	font-size: 11px;
}


ul.footer-links {
	list-style: none;
	margin: 0;
	padding: 12px 0 8px 14px;
}

ul.footer-links li {
	display: inline;
	margin: 0 6px 0 0;
	padding: 0 6px 0 0;
	border-right: 1px solid #CCC;
}

ul.footer-links li.last { border: 0;}

a.footer-credit {
	position: absolute;
	right: 35px; 
	top: 1em;
	text-align:right;
}


img.footer-logo {
	position: absolute;
	right: 10px; 
	top: .6em;
}

a:link { color: #666; text-decoration:none; }
a:visited { color: #666; text-decoration:none; }
a:hover { color: #0055A4; text-decoration:underline; }
a:active { color: #0055A4; text-decoration:underline; }


/* - - - - - - - homepage - - - - - - -  */


#quicklinks {
	margin: 13px 0;
}

#updates {
	position:relative;
	height: 15em;
}

#updates h2 a {
	outline: none;
}

#updates  h2 a:focus { 
	font-weight: bold;
}

#updates ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

.updates1 ul {
	background: #0055A4 url(/webdata/graphics/tabs_01.png);
}

.updates2 ul {
	background: #0055A4 url(/webdata/graphics/tabs_02.png);
}

.updates3 ul {
	background: #0055A4 url(/webdata/graphics/tabs_03.png);
}

.updates4 ul {
	background: #0055A4 url(/webdata/graphics/tabs_04.png);
}

.updates5 ul {
	background: #0055A4 url(/webdata/graphics/tabs_05.png);
}

#updates ul li {
	float: left;
	margin: 0;
	padding: 0;
	width: 151px;
	text-align:center;
}

#updates ul li h2 {
	display:inline;
	font-size:12px;
	font-weight: normal;
	margin: 0;
}

#updates ul li h2 a {
	display:block;
	color: #FFF;
	text-decoration: none;
	padding: 3px 0;
	margin: 0 0 0 5px;
	}
	
#updates ul li h2 a:hover {
	font-weight:bold;
	}
	
#updates ul li#tab-clearer {
	float:none;
	clear:both;
	height: 15px;
	background: #CCCCCC;
	width: 760px;
}

#wrapper .updates1 ul li#tab-clearer {background: #0055A4;}
#wrapper .updates2 ul li#tab-clearer {background: #008A5F;}
#wrapper .updates3 ul li#tab-clearer {background: #FFC425;}
#wrapper .updates4 ul li#tab-clearer {background: #B2740E;}
#wrapper .updates5 ul li#tab-clearer {background: #F16477;}

#updates ul li ul {
	visibility:hidden; 
	position: absolute;
	top: 2.75em;
	left: 0;	
	width: 760px;
	height: 12em;
	background: #FFF url(/webdata/graphics/updates_bkgd.gif) repeat-x bottom;
	list-style: none;
	margin: 0 ;
	padding: 0;
	
}


#wrapper #updates ul li.selected ul {
	visibility: visible;
	}


#updates ul ul li {
	position: relative;
	float: left;
	margin: 0 5px 0 15px;
	padding: 0;
	width: 132px;
	text-align:left;
	font-size: 11px;
	display: inline; /* IE double margin bug fix */
}

#updates ul ul li h3 {
	 font-size: 12px;
	 margin: 1em 0 0 0;
	 }
	 
#updates ul ul li p {
	 margin: .5em 0 0 0;
}

.link-more {
	display:block;
	margin: 0;
}

	 
#updates ul ul li a {
	 color: #0055A4;
	 }
	 
	
#updates ul li#tab1 ul li h3 { color: #0055A4; } /* change use update class not tab id */
#updates ul li#tab1 ul li a { color: #0055A4; }

#updates ul li#tab2 ul li h3 { color: #008A5F; }
#updates ul li#tab2 ul li a { color: #008A5F; }

#updates ul li#tab3 ul li h3 { color: #d9a721; }
#updates ul li#tab3 ul li a { color: #d9a721; }

#updates ul li#tab4 ul li h3 { color: #B2740E; }
#updates ul li#tab4 ul li a { color: #B2740E; }

#updates ul li#tab5 ul li h3 { color: #F16477; }
#updates ul li#tab5 ul li a { color: #F16477; }

