.hidelowvis, #logo_print

{

display:none;

}






/* CSS FOR CORK CITY DOT IE - BY ECLIPSE INTERNET SERVICES - 25 AUG '10  */



/* RESET BY ERIC MEYER  */


/* v1.0 | 20080212 */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}



img {
	border:0;
}



body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}




/* CORE LAYOUT ELEMENTS */


body {
	
	font-size:1em;
	font-family:"trebuchet MS", verdana, arial, sans-serif;
	background: url(/media/ckc-124w-wideTileBgd.jpg);
	background-color:#f7f4ed;
	word-wrap:break-word;
 
 }

#minMax {
	min-width:700px;
	max-width:960px;
	margin:10px auto;
	background:#fff;
	
	
	}












/* Most browsers get this... */
#wrapper {
	overflow:hidden;
	background:#fff; 
	border-left: 8px solid #cc0000;
	border-right: 8px solid #cc0000;
	}
	
	
	
/* Then Target Firefox 2... */
#wrapper, x:-moz-any-link {
	overflow:visible;
	background:#fff; 
	border-left: 8px solid #cc0000;
	border-right: 8px solid #cc0000;
	}
          			
/* Then, overwrite for Firefox 3 specifically */
#wrapper, x:-moz-any-link, x:default {

	overflow:hidden;
	background:#fff;
	border-left: 8px solid #cc0000;
	border-right: 8px solid #cc0000;
	}









/* Alternative to fix FF2 issue where red vertical borders did not run the full width of the page. Only problematic if there is a tab/pane with only a little content, but the LHS nav is longer - white spaces appeared below the red borders
	
	Most browsers get this... */
	
#wrapper2 {
	overflow:hidden;
	background:#fff; 
	border-left: 8px solid #cc0000;
	border-right: 8px solid #cc0000;
	}
	
	
	
/* Then Target Firefox 2... */
#wrapper2, x:-moz-any-link {
	
	background:#fff; 
	border-left: 8px solid #cc0000;
	border-right: 8px solid #cc0000;
	}
          			
/* Then, overwrite for Firefox 3 specifically */
#wrapper2, x:-moz-any-link, x:default {

	overflow:hidden;
	background:#fff;
	border-left: 8px solid #cc0000;
	border-right: 8px solid #cc0000;
	}







#header {background:#cc0000; display:block;}

#outer1 {float:left; width:200px; padding:2px 6px 6px 10px; background:#fff;}
#outer2 {float:left; width:309px; padding:6px; background:#fff;}
#outer3 {background:#fff; padding:2px; margin-left:310px;}


/* Homepage Only */
#outer2-home {float:left; width:510px; padding:1px 6px 6px 6px; background:#fff;  }
#outer3-home {background:#fff; padding:2px; margin-left:520px;}


/* Travel and Tourism */
#outer3-half {background:#fff; padding:2px; margin-left:305px;}

/* Lord Mayor */



#lordmayor-inner-wrap:after {
content:" ";
display:block;
clear:both;
}


#outer3-twitter {
float:right;
width:100px;

}
#outer2-lordmayor {
position:relative;
margin-right:100px;
background-color:#096;
} 



#outer2-lordmayor {  padding:0px 6px 6px 20px; background:#fff;}
#outer3-twitter {background:#fff; padding-right:4px;}

#outer2-lordmayor img {padding:4px 6px 6px 6px;
	margin:4px;
	background-image: url(/media/ckc-strips.gif); background-repeat: repeat;
	
	}
	
#outer2-lordmayor a:link, #outer2-lordmayor a:visited {text-decoration:none; color:#0066cc; line-height:1.2em; }
#outer2-lordmayor a:hover {text-decoration:underline; color:#0066cc; line-height:1.2em; }


#outer3-twitter img a:link, #outer3-twitter img a:hover {background:#fff; text-decoration:none;}

#outer3-twitter {font-size:12px; text-align:right;}
#outer3-twitter a:link, #outer3-twitter a:visited {text-decoration:none; color:#0066cc; line-height:1.2em; }
#outer3-twitter a:hover {text-decoration:underline; color:#0066cc; line-height:1.2em; }







/* Most browsers get this... */
#non-lhs {
	overflow:hidden;
	
	
	}
	
	
	
/* Then Target Firefox 2... */
#non-lhs, x:-moz-any-link {
	
	
	
	
	
	}
          			
/* Then, overwrite for Firefox 3 specifically */
#non-lhs, x:-moz-any-link, x:default {

	overflow:hidden;
	
	
	}










#skiplink a {

	width: 0;

	position: absolute;

	overflow: hidden;

	height: 0;

}

#skiplink a:active, #skiplink a:focus {

	width: auto;

	padding: 3px 5px 5px;

	border: 1px solid #FFFFFF;

	background-color: #666666;

	color: #FFFFFF;

	font-weight: bold;

	font-size: 13px;

	position: absolute;

	overflow: visible;

	height: auto;

	top: 3px;

	right: 3px;

	z-index: 5;

}



.accessible-keys {
/* Hide contents off-left, so it will be read out but not seen*/ 
height: 1px !important ; left: 0px; overflow: hidden; position: absolute; left: -9999px; width: 1px;line-height:1px !important ;}



  



#footer {clear:both; background:#cc0000; margin-bottom:50px;}

.content {padding:10px;}
h1 {font-size:1.3em; margin:0; padding:10px 0; color:#fff;}
h4 {font-size:.9em; margin:0; padding:8px 0;}
p {font-size:.8em; line-height:1.5em; margin:0; padding:5px 0;}



/* LEFT HAND SIDE MENU  */


#leftmenu-container {

	position: relative;
	float: left;
	width: 195px;
	overflow: visible;
	

}

.lhscontent {

	position: relative;
	background-color: #fff;
	border: 1px solid #a8b2bb;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	-moz-box-shadow: 0 2px 5px #aaa;
	-webkit-box-shadow: 0 2px 5px #aaa;
	box-shadow: 0 2px 5px #aaa;
	margin-top: 10px;
	padding: 10px;

}


#lhsPrint  {
	
	margin:12px 0px 0px 6px;
	vertical-align:top;
	

}


#lhsPrint a:link, #lhsPrint a:visited  {
	color:#333;
	font-size:.8em;
	vertical-align:text-top;
	text-decoration:none;

}


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

}





.lhscontent.sidebar {

	background-image: url('/media/ckc-lhs-sidebar_header.png');
	background-position: top;
	background-repeat: repeat-x;
	padding: 0 5px;

}



.lhscontent.sidebar h3 {

	margin: 0;
    color: #cc0000;
    font-size: 12px;
	font-weight: bold;
	text-align: center;
	line-height: 24px;
	height: 24px;
	white-space: nowrap;


}



.lhscontent.sidebar.menu {

	padding: 0 0 10px 0;

	overflow: visible;

}

.lhscontent.sidebar.relatedContent {
	padding-bottom: 5px;

}

.lhs_menu {

	position: relative;
	margin: 0;
	padding: 0;

}


.lhs_menu ul {
	margin: 0;
	padding: 0;

}

.lhs_menu li {

    position: relative;
	list-style: none;
	
	
	background-color:#c00;
	color: #fff;
	
	line-height: 20px;
	font-size: 12px;
	margin-left:5px;
	
	

}


.lhs_menu a {

	display: block;
	color:#c00;
	line-height: 20px;
	padding: 0 0px;
	font-weight:normal;
	font-size: 12px;
	border-bottom: 1px solid #a8b2bb;
	text-decoration:none;
	background-color:#fff;
		



}


.lhs_menu ul a {

	padding-left: 20px;
 	font-weight: normal;
	text-decoration:none;

}


.lhs_menu a:hover {

	background-color: #f1f1f1;
	text-decoration:underline;

}



.lhs_menu a.selected {

	background-color:#c00;
	color: #fff;

}



.lhs_menu li li a.selected {

	background-image: url('/media/ckc-lhs-menu_selected.png');
	color: #fff;

}





/* FOOTER: MULTI-COLUMN NAVIGATION  */


.footer-colmask{
   width: 100%;
   left: 0%
}
.footer-colmid{ right: 39% }
.footer-colin{ right: 22% }
.footer-colleft{ right: 20% }
.footer-col1{
   width: 18%;
   left: 101%
}
.footer-col2{
   width: 17%;
   left: 64%
}
.footer-col3{
   width: 20%;
   left: 86%
}
.footer-col4{
   width: 37%;
   left: 88%
}

.footer-colmask{
   clear: both;
   float: left;
   overflow: hidden;
   position: relative;
   background-color: #cc0000;
}
.footer-colmid{
   float: left;
   width: 100%;
   position: relative;
   background-color: #cc0000;
}
.footer-colin{
   float: left;
   width: 100%;
   position: relative;
   background-color: #cc0000;
}
.footer-colleft{
   float: left;
   width: 100%;
   position: relative;
   background-color: #cc0000;
}
.footer-col1{
   padding: 0px 0px 1em 0px;
   overflow: hidden;
   float: left;
   position: relative;
}
.footer-col2{
   padding: 0px 0px 1em 0px;
   overflow: hidden;
   float: left;
   position: relative;
}
.footer-col3{
   padding: 0px 0px 1em 0px;
   overflow: hidden;
   float: left;
   position: relative;
}
.footer-col4{
   padding: 0px 0px 1em 0px;
   overflow: hidden;
   float: left;
   position: relative;
}

.footer-nav{
   clear: both;
   width: 100%;
   float: left;
   position: relative;
   background-color: #cdeb8b;
   list-style: none;
   font-size:12px;
   
   
   	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #fff;



}

.footer-nav ul {
    margin:0px;
    padding:0px;
}



.footer-nav li{
   list-style: none;
   margin: 2px 5px 2px 5px;
   padding: 2px 5px 2px 5px;
}


body {
   border-width: 0px;
   padding: 0px;
   margin: 0px;
   width: 100%;
   min-width: 600px;
}


.doublecol {
    margin: 0px;
    text-align: left;
   
}

.doublecol ul {
    margin:0px;
    padding:0px;
}

.doublecol li {
    list-style: none;   
    width: 47%;
    float: left;
    margin: 0px 2px 2px 3px;
    padding: 2px 0px 2px 0px;
}


.footer-colleft a:link, .footer-colleft a:visited {
	color: #fff;
	text-decoration:none;
	
	}

.footer-colleft a:hover {
	text-decoration:underline;
	}

.footer-colleft h4 {
	text-decoration:none;
	color:#FFF;
	margin: 2px 2px 2px 3px;
    padding: 6px 0px 10px 0px;
	font-size:19px;
	font-weight:normal;	
	}


/* FOOTER: SOCIAL MEDIA LINKS  */

.footer-social {
	background:#6e0b00;
	font-size:13px;
	padding:10px;
	
	
	border-top-width: 2px;
	border-top-style: solid;
	border-top-color: #ffffff;
	
	
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #cc0000;
	
	}


#footer-social-list ul {
  margin:               0px 0 0 0;
  padding:              0px 0px 0px 0px;
  background-color:     #6e0b00;

  text-align: center;
  
  
}

#footer-social-list li {
  
  list-style-type:      none;
  display: inline;
 
}

#footer-social-list a {
  text-align: center;
  margin:               0px;
  background-repeat:    no-repeat;
  background-position:  5px 50%;
  text-decoration:      none;
  color:                #fff;
  
}

#footer-social-list .inner {
  padding:              0 .4em 0 40px;  /* Adjust based on the width of icon + 10px */
  display:              inline;
  line-height:          40px;
  vertical-align:       middle;
}

#footer-social-list .follow {
  color:#FFF;
}


#footer-social-list .twitter {
  background-image: url(/media/ckc-social-twitter-off.gif)
}

#footer-social-list .youtube {
  background-image: url(/media/ckc-social-youTube-off.gif)
}

#footer-social-list .flickr {
  background-image: url(/media/ckc-social-flickr-off.gif)
}

#footer-social-list .podcast {
  background-image: url(/media/ckc-social-podcast-off.gif)
}


#footer-social-list .rss {
  background-image: url(/media/ckc-social-rss-off.gif)
}

#footer-social-list .email {
  background-image: url(/media/ckc-social-email-off.gif)
}

#footer-social-list a:hover {
 
  text-decoration:underline;
  
}



/* FOOTER: LEGAL */

#footer-legal-container {
	background: url(/media/ckc-footer-legal-bgd-114w.jpg);
	}

#footer-legal-outer1 {float:left; width:120px; padding:10px; background:inherit;}
#footer-legal-outer3 {float:right; width:120px; padding:10px; background:inherit;}
#footer-legal-outer2 {background:inherit; margin:3px 110px;}

#footer-legal-outer1, #footer-legal-outer2, #footer-legal-outer3 {padding-bottom:32767px; margin-bottom:-32767px;}

#footer-legal-wrapper {overflow:hidden;}


#footer-legal-outer2 p { padding:20px 0 10px 0px; color:#FFF; text-align:center;}

#footer-legal-outer2 p a:link, #footer-legal-outer2 p a:visited {color:#FFF; text-decoration:none;}
#footer-legal-outer2 p a:hover {color:#FFF; text-decoration:underline;}




#footer-legal-outer2 {
	 
	 text-align:center;
	
	}

	
	#footer-legal-outer2 ul {
	 margin: 0.25em 0;
	 padding: 0 1em;
	 list-style: none;
	}
	
	
	
	#footer-legal-outer2 li {
	 display: inline;
	 margin: 0;
	 padding: 0 0.2em 7px 0.5em;
	 font-size:12px;
}
	

div#footer-legal-outer2 li a {
	 text-decoration: none;
	 padding: 7px 7px 7px 7px;
	color:#fff;
	line-height:20px;
	white-space: nowrap;
	}
	div#footer-legal-outer2 li a:link {
	color:#fff;
	}
	div#footer-legal-outer2 li a:visited {
	 color: #fff;
	}
	div#footer-legal-outer2 li a:hover {
	 color:#fff;
	 text-decoration:underline;
	 
	}



#footer-legal-outer1 img {
	padding-top:55px;
	}
	
	

#footer-legal-outer3 img {
	padding:25px 0 0 0;
	margin: 0px;
	float:right;
	}
	
	



/* TRAVEL TOURISM THEME LANDING PAGE */



/* Curved Box: all Black  */



		.curvedBlackBoxContainer {

		 position:relative;

		 margin:0px auto;

		 min-width:8em;
		 


		 color:#000;

		 z-index:1;

		 margin-left:12px; /* default, width of left corner */

		 margin-right:5px;

		 margin-bottom:0.5em; /* spacing under curvedBlackBoxContainer */

		}

		

		.curvedBlackBoxContainer .curvedBlackBoxContent,

		.curvedBlackBoxContainer .t,

		.curvedBlackBoxContainer .b,

		.curvedBlackBoxContainer .b div {

		 background:transparent url(/media/ckc-curveBox-Black-450w950h.jpg) no-repeat top right;

		}

		

		.curvedBlackBoxContainer .curvedBlackBoxContent {

		 position:relative;

		 zoom:1;

		 _overflow-y:hidden;

		 padding:0px 5px 0px 0px;

		}



		.curvedBlackBoxContainer .curvedBlackBoxContent .whiteTitle {

		color:#FFF;
		font-size:14px;
		padding: 4px 0px 0px 18px;

		}


		

		.curvedBlackBoxContainer .t {

		 /* top+left vertical slice */

		 position:absolute;

		 left:0px;

		 top:0px;

		 width:12px; /* top slice width */

		 margin-left:-12px;

		 height:100%;

		 _height:1600px; /* arbitrary long height, IE 6 */

		 background-position:top left;

		}

		

		.curvedBlackBoxContainer .b {

		 /* bottom */

		 position:relative;

		 width:100%;

		}

		

		.curvedBlackBoxContainer .b,

		.curvedBlackBoxContainer .b div {

		 height:15px; /* height of bottom cap/shade */

		 font-size:1px;

		}

		

		.curvedBlackBoxContainer .b {

		 background-position:bottom right;

		}

		

		.curvedBlackBoxContainer .b div {

		 position:relative;

		 width:12px; /* bottom corner width */

		 margin-left:-12px;

		 background-position:bottom left;

		}

		

		.curvedBlackBoxContainer .hd,

		.curvedBlackBoxContainer .bd,

		.curvedBlackBoxContainer .ft {

		 position:relative;

		}

		

		.curvedBlackBoxContainer .wrapper {

		 /* extra content protector - preventing vertical overflow (past background) */

		 position:static;

		 max-height:1000px;

		 overflow:auto; /* note that overflow:auto causes a rather annoying redraw "lag" in Firefox 2, and may degrade performance. Might be worth trying without if you aren't worried about height/overflow issues. */

		}

		

		.curvedBlackBoxContainer h1,

		.curvedBlackBoxContainer p {

		 margin:0px; /* margins will blow out backgrounds, leaving whitespace. */

		 padding:0.5em 0px 0em 0px;
		 color:#FFF;

		}
		
		
		.curvedBlackBoxContainer p a:link, .curvedBlackBoxContainer p a:visited {
			color:#CCC;
			text-decoration:none;
	
	
		}
		
	.curvedBlackBoxContainer p a:hover {
			color:#fff;
			text-decoration:underline;
	
	
		}		

		

		.curvedBlackBoxContainer h1 {

		 padding-bottom:0px;

		}
		
		
		.curvedBlackBoxContainer h3 {

		 padding:8px 0px 5px 0px;
		 color:#FFF;
		 font-size:1.2em;

		}
		
		
		
		
		.curvedBlackBoxContainer img {
			 border: 1px solid #FFFFFF;
			 margin:10px 0px 0px 0px;
			 padding:0px;


		}
		
		
		.featureTitle {
			color:#FFF;
			font-size:18px;
			padding: 12px 0px 8px 0px;
			line-height:18px;

		}
		
		
		.featureTitle a:link, .featureTitle a:visited  {
			color:#FFF;
			text-decoration:none;
		}
		
		
		.featureTitle a:hover  {
			color:#FFF;
			text-decoration:underline;
		}


#wrapper h1 {
    color: #000000;
}




/* Theme Landing Page: Curved News Box - gray body, black thin border: used for News lists   */



	.curvedNewsBoxContainer {


	 margin:0px auto;
	 min-width:320px;
	 


	 color:#000;

	 z-index:1;

	 margin-left:22px; /* default, width of left corner */

	 margin-right:5px;

	 margin-bottom:0.5em; /* spacing under curvedNewsBoxContainer */

	}

	

	.curvedNewsBoxContainer .curvedNewsBoxContent,

	.curvedNewsBoxContainer .t,

	.curvedNewsBoxContainer .b,

	.curvedNewsBoxContainer .b div {

	 background:transparent url(/media/ckc-curveBox-whiteBlack-800w900h.jpg) no-repeat top right;

	}

	

	.curvedNewsBoxContainer .curvedNewsBoxContent {

	 position:relative;

	 zoom:1;

	 _overflow-y:hidden;

	 padding:0px 5px 0px 0px;

	}



	.curvedNewsBoxContainer .curvedNewsBoxContent .whiteTitle {

	color:#FFF;
	font-size:20px;
	padding: 4px 0px 0px 18px;

	}



	

	.curvedNewsBoxContainer .t {

	 /* top+left vertical slice */

	 position:absolute;

	 left:0px;

	 top:0px;

	 width:12px; /* top slice width */

	 margin-left:-12px;

	 height:100%;

	 _height:1600px; /* arbitrary long height, IE 6 */

	 background-position:top left;

	}

	

	.curvedNewsBoxContainer .b {

	 /* bottom */

	 position:relative;

	 width:100%;

	}

	

	.curvedNewsBoxContainer .b,

	.curvedNewsBoxContainer .b div {

	 height:15px; /* height of bottom cap/shade */

	 font-size:1px;

	}

	

	.curvedNewsBoxContainer .b {

	 background-position:bottom right;

	}

	

	.curvedNewsBoxContainer .b div {

	 position:relative;

	 width:12px; /* bottom corner width */

	 margin-left:-12px;

	 background-position:bottom left;

	}

	

	.curvedNewsBoxContainer .hd,

	.curvedNewsBoxContainer .bd,

	.curvedNewsBoxContainer .ft {

	 position:relative;

	}

	

	.curvedNewsBoxContainer .wrapper {

	 /* extra content protector - preventing vertical overflow (past background) */

	 position:static;

	 max-height:1000px;

	 overflow:auto; /* note that overflow:auto causes a rather annoying redraw "lag" in Firefox 2, and may degrade performance. Might be worth trying without if you aren't worried about height/overflow issues. */

	}

	

	.curvedNewsBoxContainer h1,

	.curvedNewsBoxContainer p {

	 margin:0px; /* margins will blow out backgrounds, leaving whitespace. */

	 padding:0px 0px 0em 0px;

	}

	

	.curvedNewsBoxContainer h1 {

	 padding-bottom:0px;

	}
	
	

/* new styles to cater for T4's limitations */
	.curvedNewsBoxContainer img {

	 padding:0px 10px 10px 0px;
	 float:left;

	}
	
	


.curvedNewsBoxContainer a:link, .curvedNewsBoxContainer a:visited {
	color:#0066cc;
	text-decoration:none;
	
	}
	
.curvedNewsBoxContainer a:hover {
	color:#0066cc;
	text-decoration:underline;
	
	}
		
	
	
	



	.newsTitle {
		color:#000;
		font-size:18px;
		padding: 12px 0px 8px 0px;
		line-height:18px;

	}
	
	
	.newsTitle a:link, .newsTitle a:visited  {
		color:#000;
		text-decoration:none;
	}
	
	
	.newsTitle a:hover  {
		color:#000;
		text-decoration:underline;
	}


.plist
{ padding: 10px 0; border-bottom: 1px solid #ececec; overflow: hidden; background:#FFF;  }

.ptext
{ padding: 10px 0; border-bottom: none; overflow: hidden; background:#FFF; }



.ptext a:link, .ptext a:visited
{color:#0066cc; text-decoration:none; }


.ptext a:hover
{color:#0066cc; text-decoration:underline; }



.plist img, .ptext img
{ padding: 0 15px 0 0; border: none; margin: 0; float:left; }

.plist .title, .ptext .title
{ font-size: 12px; display: block;  float: right; vertical-align:text-top; line-height:16px; margin:0px 3px 10px 2px; }

.plist .note
{ font-style: normal; display: block; font-size: 12px; line-height: 1; font-weight: normal; position: relative; line-height:15px;}

.plist .title a:link, .plist .title a:visited, .ptext .title a:link, .ptext .title a:visited
{ color:#0066cc;
text-decoration:none;
}

.plist .title a:hover, .ptext .title a:hover
{ color:#0066cc;
text-decoration:underline;

}


/* Header Top Area   */

.header-top {
	
	}


#header-top-container {
	height:70px;
	
	}

#header-top-outer1 {float:left; width:75px; padding:0px; background:inherit;}

#header-top-outer2 {float:left; width:400px;background:inherit; margin:0px 0px;}

#header-top-outer3 {background:inherit; padding:10px; margin-left:480px;}






#header-top-outer1, #header-top-outer2, #header-top-outer3 {padding-bottom:32767px; margin-bottom:-32767px;}

#header-top-wrapper {overflow:hidden;}


#header-top-outer2 { padding:20px 0 10px 0px; color:#FFF; text-align:center; font-size:16px;}

#header-top-outer2 p { display:inline; font-size:15px; color:#FFF;}



#header-top-outer2 a:active, #header-top-outer2 a:link, #header-top-outer2 a:visited {color:#FFF; text-decoration:none;}
#header-top-outer2 a:hover {color:#FFF; text-decoration:underline;}

#header-top-outer2 {
	 
	 text-align:left;
	 white-space:nowrap;
	 vertical-align:text-top;
	
	}

#header-top-outer1 img {
	padding:0px;
	margin:0px;
	}
	
	

#header-top-outer3 img {
	padding:0px 0 0 0;
	margin: 0px;
	
	}
	
	

#header-top-outer3 {color:#FFF; font-size: 12px; padding: 10px 0px 0px 0px; line-height:12px; }


#header-top-outer3 a:link, #header-top-outer3 p a:visited {color:#FFF; text-decoration:none;}
#header-top-outer3 a:hover {color:#FFF; text-decoration:underline;}





#header-top-outer3 form {
color:#fff;
display:inline;
padding:0;
margin:0;

margin-top: -5px;
}









#weather-top, #style-change-top, #search-top, #lowviz-top {
	color:#fff;
	display:inline;
	padding:0;
	margin:0px 0px 0px 2px;
	font-size:1em;
}

#style-change-top a:link, #style-change-top a:visited, #lowviz-top a:link, #lowviz-top a:visited {
	color:#FFF;
	text-decoration:none;
}


#style-change-top a:hover, #lowviz-top a:hover {
	color:#FFF;
	text-decoration:underline;
}




.a-smaller {
	font-size:.8em;
	}

.a-bigger {
	font-size: 1.3em;
}





/* Edward */
#weather-top, #style-change-top, #search-top {
	margin-right: 5px;
}

#header-top-outer3 {
	padding: 0;
	margin-top: 8px;
	text-align:right;
	
	
}

#weather-top img {
	padding-top: 0;
	vertical-align: top;
}

/* end Edward */

#gobutton

{



border:0;
background:#FFF;
color:#cc0000;
margin-left:3px;
font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
font-size: 1em;
padding-left:3px;
padding-right:3px;

font-weight:bold;



}





/* Header : Primary Navigation   */


#header-horiz-nav {
	clear:both;
	padding-top:0px;
	font:.9em/2 "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	overflow:hidden;
}
#header-horiz-nav ul {
	float:left;
	width:100%;
	margin:0;
	padding:0;
	list-style:none;
	background:#970601 url(/media/ckc-pri-nav-tab.png) repeat-x;
}
#header-horiz-nav li {
	display:inline;
	margin:0;
	padding:0;
}
#header-horiz-nav a {
	display:block;
	float:left;
	padding:0 12px;
	border-right:1px solid #88100d;
	border-bottom:none;
	border-left:1px solid #b21203;
	color:#fff;
	background:#970601 url(/media/ckc-pri-nav-tab.png) repeat-x;
	text-decoration:none;
	white-space:nowrap;
}
#header-horiz-nav a:hover,
#header-horiz-nav a:focus {background:#b31203 url(/media/ckc-pri-nav-tab.png) repeat-x 0 -150px;}
#header-horiz-nav .sel a {background:#720000 url(/media/ckc-pri-nav-tab.png) repeat-x 0 -300px;}
#header-horiz-nav .sel a:hover,
#header-horiz-nav .sel a:focus {background:#b31203 url(/media/ckc-pri-nav-tab.png) repeat-x 0 -150px;}





/* Header : Site Title   */


#header-site-title {
	
	background:#cc0000 url(/media/ckc-siteTitle-940w.gif) no-repeat;
	height:116px;
	margin: 0px 0px 0px 10px;
	padding: 0px 0px 0px 0px;
	display:block;

	
}


#header-site-title h1{
text-indent: -9999px;}








#header-site-titleb {
	
	
	height:116px;
	margin: 0px 0px 0px 10px;
	padding: 0px 0px 0px 0px;
	display:block;

	
}


#header-site-titleb h1{
	display:none;
margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	}









/*** PAGE TITLE ***/



#page-title {
	
	padding: 10px 0px 0px 20px;
}



#page-title h2 {
	color:#000;
	font:1.6em/2 "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;

	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color:#CCC;
	line-height:1.2em;
}





/*** BREADCRUMB ***/


.breadcrumb
{
	font-family: "Trebuchet MS",Verdana,Arial,Helvetica,sans-serif;
	color:#333;
	font-size: .8em;
	padding-top: 6px;
	padding-right: 0pt;
	margin: 0px 0px 0px 18px;
	padding-bottom: 20px;
	padding-left: 0px;
	line-height:1em;

}



.breadcrumb a:link, .breadcrumb a:visited

{
	color:#333;
	text-decoration: none;
}



.breadcrumb a:hover

{
	text-decoration: underline;
}



















/* Theme Page: TABS   */



#tabs-container {
	width:97%;
	margin: 0px 25px 0px 10px;

	padding: 0px 20px 10px 0px;
	
	
}




/* root element for tabs  */
ul.tabs { 
	list-style:none; 
	margin:0 !important; 
	padding:0;	
	border-bottom:1px solid #666;	
	height:30px;
}

/* single tab */
ul.tabs li { 
	float:left;	 
	text-indent:0;
	padding:0;
	margin:0 !important;
	list-style-image:none !important;
	
}

/* link inside the tab. uses a background image */
ul.tabs a { 
	background: url(/media/ckc-tabs-red1.png) no-repeat -420px 0;
	font-size:12px;
	display:block;
	height: 30px;  
	line-height:30px;
	width: 134px;
	text-align:center;	
	text-decoration:none;
	color:#fff;
	padding:0px;
	margin:0px;	
	position:relative;
	top:1px;
}

ul.tabs a:active {
	outline:none;		
}

/* when mouse enters the tab move the background image */
ul.tabs a:hover {
	background-position: -420px -31px;	
	color:#fff;	
}

/* active tab uses a class name "current". it's highlight is also done by moving the background image. */
ul.tabs a.current, ul.tabs a.current:hover, ul.tabs li.current a {
	background-position: -420px -62px;		
	cursor:default !important; 
	color:#000 !important;
}

/* Different widths for tabs: use a class name: w1, w2, w3 or w2 */


/* width 1 */
ul.tabs a.s 			{ background-position: -553px 0; width:81px; }
ul.tabs a.s:hover 	{ background-position: -553px -31px; }
ul.tabs a.s.current  { background-position: -553px -62px; }

/* width 2 */
ul.tabs a.l 			{ background-position: -248px -0px; width:174px; }
ul.tabs a.l:hover 	{ background-position: -248px -31px; }
ul.tabs a.l.current  { background-position: -248px -62px; }


/* width 3 */
ul.tabs a.xl 			{ background-position: 0 -0px; width:248px; }
ul.tabs a.xl:hover 	{ background-position: 0 -31px; }
ul.tabs a.xl.current { background-position: 0 -62px; }


/* initially all panes are hidden */ 
div.panes div.pane {
	display:none;		
}






/* tab pane styling */
div.panes div {
	display:none;		
	padding:15px 15px 10px 10px;
	border:1px solid #999;
	border-top:0;
	margin-left:0px;
	
	font-size:12px;
	background-color:#fff;
}



div.panes p {
	font-size:1em;
}

div.panes h2 {color: #cc0000; padding-bottom:0; font-size:2em;font-weight:normal;}


div.panes img {
	padding:5px;
	margin:6px;
	background-image: url(/media/ckc-strips.gif); background-repeat: repeat;
	
}


div.panes ul {
	display:inline-block;
	
}



div.panes li {
	
list-style-image:url(/media/ckc-list-redArrow-6w.gif);
    width: 46%;
    float: left;
    margin: 2px 2px 2px 13px;
    padding: 2px 0px 2px 0px;
	
	
}


div.panes li li {
	
	padding:1px 10px 1px 10px;
	margin:3px 0px 1px 10px;
	list-style-image:url(/media/ckc-list-redArrow-6w.gif);
	display:list-item;
	
   
}



div.panes a:link, div.panes a:visited {
	color:#0066cc;
	text-decoration:none;
   
}

div.panes a:hover {
	color:#0066cc;
	text-decoration:underline;
   
}

/* YES! */
.paneList {
	overflow: hidden;
}










/*  Fullwidth: TABS   */
#tabs-container-Fullwidth { width: 97%; margin: 0px 20px 0px 10px; padding: 15px 20px 10px 5px; clear:both; }



/* root element for tabs  */
ul.tabs-Fullwidth { 
	list-style:none; 
	margin:0 !important; 
	padding:0;	
	border-bottom:1px solid #666;	
	height:30px;
}

/* single tab */
ul.tabs-Fullwidth li { 
	float:left;	 
	text-indent:0;
	padding:0;
	margin:0 !important;
	list-style-image:none !important;
	
}

/* link inside the tab. uses a background image */
ul.tabs-Fullwidth a { 
	background: url(/media/ckc-tabs-red1.png) no-repeat -420px 0;
	font-size:12px;
	display:block;
	height: 30px;  
	line-height:30px;
	width: 134px;
	text-align:center;	
	text-decoration:none;
	color:#fff;
	padding:0px;
	margin:0px;	
	position:relative;
	top:1px;
}

ul.tabs-Fullwidth a:active {
	outline:none;		
}

/* when mouse enters the tab move the background image */
ul.tabs-Fullwidth a:hover {
	background-position: -420px -31px;	
	color:#fff;	
}

/* active tab uses a class name "current". it's highlight is also done by moving the background image. */
ul.tabs-Fullwidth a.current, ul.tabs-Fullwidth a.current:hover, ul.tabs-Fullwidth li.current a {
	background-position: -420px -62px;		
	cursor:default !important; 
	color:#000 !important;
}

/* Different widths for tabs: use a class name: w1, w2, w3 or w2 */


/* width 1 */
ul.tabs-Fullwidth a.s 			{ background-position: -553px 0; width:81px; }
ul.tabs-Fullwidth a.s:hover 	{ background-position: -553px -31px; }
ul.tabs-Fullwidth a.s.current  { background-position: -553px -62px; }

/* width 2 */
ul.tabs-Fullwidth a.l 			{ background-position: -248px -0px; width:174px; }
ul.tabs-Fullwidth a.l:hover 	{ background-position: -248px -31px; }
ul.tabs-Fullwidth a.l.current  { background-position: -248px -62px; }


/* width 3 */
ul.tabs-Fullwidth a.xl 			{ background-position: 0 -0px; width:248px; }
ul.tabs-Fullwidth a.xl:hover 	{ background-position: 0 -31px; }
ul.tabs-Fullwidth a.xl.current { background-position: 0 -62px; }


/* initially all panes are hidden */ 
div.panes-Fullwidth div.pane-Fullwidth {
	display:none;		
}






/* tab pane styling */
div.panes-Fullwidth div {
	display:none;		
	padding:15px 15px 10px 10px;
	border:1px solid #999;
	border-top:0;
	margin-left:0px;
	
	font-size:12px;
	background-color:#fff;
}



div.panes-Fullwidth ul {
	display:inline-block;
	
}


div.panes-Fullwidth li {
	
	list-style-image:url(/media/ckc-list-redArrow-6w.gif);
    width: 46%;
    float: left;
    margin: 2px 2px 2px 13px;
    padding: 2px 0px 2px 0px;
	
	
	
}


div.panes-Fullwidth li li {
	
	padding:1px 10px 1px 10px;
	margin:3px 0px 1px 10px;
	list-style-image:url(/media/ckc-list-redArrow-6w.gif);
	display:list-item;
	
   
}



div.panes-Fullwidth a:link, div.panes-Fullwidth a:visited {
	color:#0066cc;
	text-decoration:none;
   
}

div.panes-Fullwidth a:hover {
	color:#0066cc;
	text-decoration:underline;
   
}


div.panes-Fullwidth p {
	font-size:1em;

}

div.panes-Fullwidth img {
	
    padding: 5px 8px 5px 8px;
	margin:5px;
	background-image: url(/media/ckc-strips.gif); background-repeat: repeat;

}


/* YES! */
.paneList-Fullwidth {
	overflow: hidden;
}






/* General Body Content */


#general-body-content {
	
	padding: 4px 5px 4px 5px;
}

#general-body-content h3 {font-size:18px; color:#000;}
#general-body-content h4 {font-size:16px; color:#333;}
#general-body-content h5 {font-size:14px; color:#666;}



#general-body-content p {margin:0 0 1.5em;}

#general-body-content p img.left {float:left; margin:10px 20px 10px 4px; clear:left; border:0;
padding: 10px; background-image: url(/media/ckc-strips.gif); background-repeat: repeat;
}

#general-body-content p img.right {float:right; margin:5px 0px 10px 10px; clear:right; border:0;
padding: 10px; background-image: url(/media/ckc-strips.gif); background-repeat: repeat;
	}


#general-body-content p img {margin:5px 10px 10px 10px; border:0;
padding: 10px; background-image: url(/media/ckc-strips.gif); background-repeat: repeat;
	}






#general-body-content a:link, #general-body-content a:visited {
	color: #0066cc;
	
	text-decoration:none;
}



#general-body-content a:hover {
	color: #0066cc;
	background-color: none;
	text-decoration:underline;
}







#floatRight {
	float:right;
	
	
	padding: 10px;
	
	background-image: url(/media/ckc-strips.gif);
	background-repeat: repeat;
	
	border-right: 8px solid #FFFFFF;
	border-bottom: 10px solid #FFFFFF;


}

/* Directorate Page Type Follows: */


#directorate-intro {
	margin:0px;
	padding: 0px;
	
	}
	
	
#directorate-intro img {
float:left;
padding: 2px;

}
	

#directorate-intro a:link, #directorate-intro a:visited{
	color:#0066cc;
	text-decoration:none;
	
	}

#directorate-intro a:hover {
	color:#0066cc;
	text-decoration:underline;
	
	}

.directorate-contact ptext a:link, .directorate-contact ptext a:visited {
	color:#0066cc;
	text-decoration:underline;
	
	}
	
	



	.SmallcurvedNewsBoxContainer {


	 margin:0px auto;
	 min-width:190px;

	 color:#000;

	 z-index:1;

	 margin-left:5px; /* default, width of left corner */

	 margin-right:5px;

	 margin-bottom:0.5em; /* spacing under SmallcurvedNewsBoxContainer */

	}

	

	.SmallcurvedNewsBoxContainer .SmallcurvedNewsBoxContent,

	.SmallcurvedNewsBoxContainer .t,

	.SmallcurvedNewsBoxContainer .b,

	.SmallcurvedNewsBoxContainer .b div {

	 background:transparent url(/media/ckc-curveBox-whiteBlack-800w900h.jpg) no-repeat top right;

	}

	

	.SmallcurvedNewsBoxContainer .SmallcurvedNewsBoxContent {

	 position:relative;

	 zoom:1;

	 _overflow-y:hidden;

	 padding:0px 5px 0px 0px;

	}



	.SmallcurvedNewsBoxContainer .SmallcurvedNewsBoxContent .whiteTitle {

	color:#FFF;
	font-size:20px;
	padding: 4px 0px 0px 18px;

	}



	

	.SmallcurvedNewsBoxContainer .t {

	 /* top+left vertical slice */

	 position:absolute;

	 left:0px;

	 top:0px;

	 width:12px; /* top slice width */

	 margin-left:-12px;

	 height:100%;

	 _height:1600px; /* arbitrary long height, IE 6 */

	 background-position:top left;

	}

	

	.SmallcurvedNewsBoxContainer .b {

	 /* bottom */

	 position:relative;

	 width:100%;

	}

	

	.SmallcurvedNewsBoxContainer .b,

	.SmallcurvedNewsBoxContainer .b div {

	 height:15px; /* height of bottom cap/shade */

	 font-size:1px;

	}

	

	.SmallcurvedNewsBoxContainer .b {

	 background-position:bottom right;

	}

	

	.SmallcurvedNewsBoxContainer .b div {

	 position:relative;

	 width:12px; /* bottom corner width */

	 margin-left:-12px;

	 background-position:bottom left;

	}

	

	.SmallcurvedNewsBoxContainer .hd,

	.SmallcurvedNewsBoxContainer .bd,

	.SmallcurvedNewsBoxContainer .ft {

	 position:relative;

	}

	

	.SmallcurvedNewsBoxContainer .wrapper {

	 /* extra content protector - preventing vertical overflow (past background) */

	 position:static;

	 max-height:1000px;

	 overflow:auto; /* note that overflow:auto causes a rather annoying redraw "lag" in Firefox 2, and may degrade performance. Might be worth trying without if you aren't worried about height/overflow issues. */

	}

	

	.SmallcurvedNewsBoxContainer h1,

	.SmallcurvedNewsBoxContainer p {

	 margin:0px; /* margins will blow out backgrounds, leaving whitespace. */

	 padding:0.5em 0px 0em 2px;

	}

	

	.SmallcurvedNewsBoxContainer h1 {

	 padding-bottom:0px;

	}




/* Black curved border on a white background */

	.curvedBlackBorderBoxContainer {


	 margin:0px auto;
	 min-width:320px;
	 



	 color:#000;

	 z-index:1;

	 margin-left:22px; /* default, width of left corner */

	 margin-right:5px;

	 margin-bottom:0.5em; /* spacing under curvedBlackBorderBoxContainer */

	}

	

	.curvedBlackBorderBoxContainer .curvedBlackBorderBoxContent,

	.curvedBlackBorderBoxContainer .t,

	.curvedBlackBorderBoxContainer .b,

	.curvedBlackBorderBoxContainer .b div {

	 background:transparent url(/media/ckc-curveBox-whiteBlack-800w900h.gif) no-repeat top right;

	}

	

	.curvedBlackBorderBoxContainer .curvedBlackBorderBoxContent {

	 position:relative;

	 zoom:1;

	 _overflow-y:hidden;

	 padding:0px 5px 0px 0px;

	}



	.curvedBlackBorderBoxContainer .curvedBlackBorderBoxContent .whiteTitle {

	color:#FFF;
	font-size:20px;
	padding: 4px 0px 0px 18px;

	}



	

	.curvedBlackBorderBoxContainer .t {

	 /* top+left vertical slice */

	 position:absolute;

	 left:0px;

	 top:0px;

	 width:12px; /* top slice width */

	 margin-left:-12px;

	 height:100%;

	 _height:1600px; /* arbitrary long height, IE 6 */

	 background-position:top left;

	}

	

	.curvedBlackBorderBoxContainer .b {

	 /* bottom */

	 position:relative;

	 width:100%;

	}

	

	.curvedBlackBorderBoxContainer .b,

	.curvedBlackBorderBoxContainer .b div {

	 height:15px; /* height of bottom cap/shade */

	 font-size:1px;
	 

	}

	

	.curvedBlackBorderBoxContainer .b {

	 background-position:bottom right;
	

	}

	

	.curvedBlackBorderBoxContainer .b div {

	 position:relative;

	 width:12px; /* bottom corner width */

	 margin-left:-12px;

	 background-position:bottom left;

	}

	

	.curvedBlackBorderBoxContainer .hd,

	.curvedBlackBorderBoxContainer .bd,

	.curvedBlackBorderBoxContainer .ft {

	 position:relative;

	}

	

	.curvedBlackBorderBoxContainer .wrapper {

	 /* extra content protector - preventing vertical overflow (past background) */

	 position:static;

	 max-height:1000px;

	 overflow:auto; /* note that overflow:auto causes a rather annoying redraw "lag" in Firefox 2, and may degrade performance. Might be worth trying without if you aren't worried about height/overflow issues. */

	}

	

	.curvedBlackBorderBoxContainer h1,

	.curvedBlackBorderBoxContainer p {

	 margin:0px; /* margins will blow out backgrounds, leaving whitespace. */

	 padding:0.5em 0px 0em 0px;

	}

	

	.curvedBlackBorderBoxContainer h1 {

	 padding-bottom:0px;

	}





.plist .text
{ font-size: 12px; display: block;  float: none; vertical-align:text-top; line-height:20px; }



/* Lists of Categories, used on Directorate and Theme pages */


#categoriesContainer{
  
  display:inline-block;
  
   margin:0px auto;
   width:395px;
   
   
   zoom:1; *display: inline;
 
}







.categoryItem {
	width:46%;
	float:left;
	padding: 0px 9px 20px 0px;
	
	
	}



.categoryItem a:link, .categoryItem a:visited {
	color:#0066cc;
	text-decoration:none;
	
	}
	
.categoryItem a:hover {
	color:#0066cc;
	text-decoration:underline;
	
	}




.categoryTitle a:link, .categoryTitle a:visited {
	font-size:16px;
	color:#000;
	padding: 3px 0px 0px 0px;
	margin:0px;
	text-decoration:none;
	
	}



.categoryItem ul li { /* Level 1 */
	background:url(/media/ckc-list-redArrow-6w.gif) 0em 0.3em no-repeat; /* change background em accordingly */ 
	padding: 0px 0px 0px 10px; 
	list-style: none;
	
	margin:10px 0px 0px 0px;
	
	
	font-style: normal;

display: block;

font-size: 12px;

font-weight: normal;

position: relative;

line-height: 15px;



	}
	
	
	
.categoryItem ul {
	padding: 0px;
	margin: 0px;
	display:inline;
	
	}
	
	
	
	
	
	
.categoryItem p a:link, .categoryItem p a:visited {
color:#0066cc;
padding:0;
margin:0;
text-decoration:none;
}

	
.categoryItem p a:hover {
	color:#0066cc;
	padding:0;
	margin:0;
	text-decoration:underline;
	}
	
	





.categoryHeading {
	font-size:20px;
	color:#000;
	padding: 15px 0px 6px 0px;
	text-decoration:none;
	
	clear: both;

	

	}





/** HOMEPAGE CAROUSEL - CUSTOMISING YUI - NAVIGATION **/
/* CONTENT */
#carousel-2.carousel .carousel-container{
  width: 390px;
  background-color:#000;
  
  margin: 0px auto;
  overflow: hidden;
  position: relative;
  margin: 0;
}

#carousel-2.carousel ol.carousel-content{
  position:relative;
  overflow:hidden;
  width:32000px;
  padding: 0;
  margin: 0;
}

#carousel-2.carousel ol.carousel-content li{
  width: 390px;
  vertical-align: text-top;

  position: relative;
  margin:0;
  float:left;
  overflow:hidden;
  *float:none;
  *display:inline-block;
  *zoom:1;
  *display:inline;
}

#carousel-2.carousel ol.carousel-content li h2{
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  width: 500px;
  z-index: 300;
  line-height: 28px;
  background: transparent url('/media/ckc-bg.png') top left repeat;
  color: #fff;
  margin: 0px;
  padding: 5px;
  text-align: center;
}

#carousel-2.carousel ol.carousel-content li h2 a{
  color: #fff;
  text-decoration: none;
}
#carousel-2.carousel ol.carousel-content li h3
{
  padding: 5px;
  margin-top: 0px;
  color:#FFF;
}
#carousel-2.carousel ol.carousel-content li p{
  padding: 5px 0px 20px 0px;
  color:#FFF;
}


#carousel-2.carousel ol.carousel-content li p a:link, #carousel-2.carousel ol.carousel-content li p a:visited {
	text-decoration:none;
	color:#CCC;
}



#carousel-2.carousel ol.carousel-content li p a:hover{
	color:#CCC;
	text-decoration:underline;
}






/* Navigation */
#carousel-2.carousel .yui-carousel-nav{
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 300;
  width: 390px;
  text-align: center;
  height: 35px;
  display: -moz-inline-block;
  background:#000;
}
#carousel-2.carousel .yui-carousel-nav ul{
  margin: 5px 0px 5px 0px;
  padding: 0px;
  

  display: inline-block;
  *display: inline;
  zoom: 1;
  

  vertical-align: middle;
  list-style: none;
}

#carousel-2.carousel .yui-carousel-nav ul li{  
  float: left;
  height: 8px;
  width: 8px;
  background: #424242;
  margin: 5px;
  border: 1px solid #fff;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  cursor: pointer;


  
}

#carousel-2.carousel .yui-carousel-nav ul li a{
  left:-10000px;
  position:absolute;
}

#carousel-2.carousel .yui-carousel-nav ul li:hover, 
#carousel-2.carousel .yui-carousel-nav ul li.hover, 
#carousel-2.carousel .yui-carousel-nav ul li.yui-carousel-nav-page-selected {
  background: #fff;
  cursor: pointer;
}

#carousel-2.carousel .yui-carousel-nav span{
  position: absolute;
  bottom: 3px;
  width: 25px;
  height: 25px;
}

#carousel-2.carousel .yui-carousel-nav span button, #carousel-2 .yui-carousel-nav span button:focus{
  background: transparent;
  border: none;
  padding: 30px 0 0;
  width: 25px;
  height: 25px;
  cursor: pointer;
}

#carousel-2.carousel .yui-carousel-nav span.yui-carousel-first-button{
  left: 30px;
  background: url('/media/ckc-prev-arrow.gif') no-repeat top left;
}

#carousel-2.carousel .yui-carousel-nav span.yui-carousel-next-button{
  right: 30px;
  background: url('/media/ckc-next-arrow.gif') no-repeat top left;
}

#carousel-2.carousel .yui-carousel-nav span.yui-carousel-first-button:hover,
#carousel-2.carousel .yui-carousel-nav span.prev-hover{
  background: url('/media/ckc-prev-arrow-hover.gif') no-repeat top left;
}

#carousel-2.carousel .yui-carousel-nav span.yui-carousel-next-button:hover,
#carousel-2.carousel .yui-carousel-nav span.next-hover{
  background: url('/media/ckc-next-arrow-hover.gif') no-repeat top left;
}






/* A to Z page */


#azcontainer p.a-z{color:#cacaca; font-size:1em;}

#azcontainer p.a-z a:hover,#azcontainer p.a-z a:focus{color:#cc0000;}

#azcontainer{position:relative;font-size:1em; color:#333; text-align:left; line-height:1.8em; margin:0px; background-color:#fff;padding:0 37px 0 0px;}



#azcontainer ul.headed-list{position:relative/* Fix for IE <= 6.0, to show the list background details on page load. */;background:#fff;margin:0px 0 20px 0;padding:1px /*Required for IE <= 7*/11px 9px 8px;list-style-type:none;}
#azcontainer ul.headed-list li{border-top:1px dotted #adaeb0;padding:6px 0 0px 16px;margin-top:8px;}
#azcontainer ul.headed-list li:first-child,#azcontainer ul.headed-list li.first-child{border-top:0px;margin-top:0;}
#azcontainer ul.headed-list li a{color:#0262b6;}
#azcontainer ul.headed-list ul{margin-right:0;margin-bottom:0;padding-bottom:2px;}
#azcontainer ul.headed-list ul li{border-top:0px dotted #adaeb0;background:transparent url(icon-dash-green.gif) no-repeat 6px 12px;padding:2px 0 0px 18px;margin-top:0px;}
#azcontainer ul.headed-list ul li:first-child,#azcontainer ul.headed-list ul li.first-child{padding-top:2px;background-position:6px 12px;border-top:0px dotted #adaeb0;}
#azcontainer ul.headed-list ul li a{color:#335674;}
#azcontainer ul.headed-list li a:hover,#azcontainer ul li a:focus{color:#0066cc;text-decoration:underline;}


#azcontainer h2 {color: #cc0000; padding-bottom:0; font-size:2em;font-weight:normal;}

#azcontainer { margin-right:0; }
#azcontainer p a { color:#2A71AA; }



/* stop the float */
  br
  {
    clear: left;
  }



/* Tables */


table {
	border-collapse:collapse;
	margin-bottom:15px;
	width:98%;
	}
	
caption {
	text-align:left;
	font-size:15px;
	padding-bottom:10px;
	}

table td,
table th {
	padding:5px;
	border:1px solid #fff;
	border-width:0 1px 1px 0;
	}
	
thead th {
	background:#cc1c0a;
	color:#FFF;
	}
		
thead th[colspan],
thead th[rowspan] {
	background:#7E1611;
	}
	
tbody th,
tfoot th {
	text-align:left;
	background:#cc1c0a;
	color:#FFF;
	}
	
tbody td,
tfoot td {
	text-align:left;
	background:#eceaea;
	}
	
tfoot th {
	background:#960000;
	}
	
tfoot td {
	background:#e3dfdf;
	font-weight:bold;
	}
		
tbody tr.odd td { 
	background:#bcd9e1;
	}
	
	
	
/* NESTED LISTS */


#general-body-content li ul, #general-body-content li ol {margin:0 1.5em;}
#general-body-content ul, #general-body-content ol {margin:1em 1.5em 1.5em 1.5em;}
#general-body-content ul {list-style-type:disc;}
#general-body-content ol {list-style-type:decimal;}


#general-body-content li {
	font-size:13px;
	line-height:1.4em;
	
}









#general-body-content ol li, #general-body-content ul li { margin-bottom:0.5em; }

#general-body-content ol { margin-left:1.5em; padding-left:0px; }
#general-body-content ol li { list-style:decimal; background-image:none; padding-left:0em; }


#general-body-content ul { margin-left:0em; padding-left:1.5em; margin-bottom:1em; }

#general-body-content ul li { /* Level 1 */
	background:url(/media/ckc-list-redArrow-6w.gif) 0em 0.3em no-repeat; /* change background em accordingly */ 
	padding-left: 10px; 
	list-style: none;
	line-height:1.6em;
	}
	
	
	
#general-body-content ul li li { /* Level 2 */
	background-image:url(/media/ckc-bullet_child.gif);
	padding-left: 10px;
	list-style:none;
	line-height:1.6em;
	}


#general-body-content ul li li li { /* Level 3 */
	background:none;
	padding:0px;
	
	list-style:disc;
	line-height:1.6em;
	
	}

#general-body-content ul li li li li { /* Level 4 */
	background:none;
	
	line-height:1.6em;
	list-style:circle;
	
	}
	
	
	
/* BLOCKQUOTES */


blockquote {
background:#f9f9f9;
border-left:10px solid #ccc;
margin:1.5em 10px;
padding:.5em 10px;
quotes:"\201C""\201D""\2018""\2019";
font-size:1.3em;
}
blockquote:before {
color:#ccc;
content:open-quote;
font-size:2em;
line-height:.1em;
margin-right:.25em;
vertical-align:-.4em;
}
blockquote p {
display:inline;
}


DIV#videoTwitterBlock {
	BORDER-BOTTOM: medium none; BORDER-LEFT: medium none; PADDING-BOTTOM: 0px; MARGIN: 20px 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; BORDER-TOP: medium none; BORDER-RIGHT: medium none; PADDING-TOP: 0px
}
DIV#videoVimeo {
	BORDER-BOTTOM: medium none; BORDER-LEFT: medium none; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-LEFT: 20px; WIDTH: 420px; PADDING-RIGHT: 0px; DISPLAY: inline; FLOAT: left; BORDER-TOP: medium none; BORDER-RIGHT: medium none; PADDING-TOP: 0px
}
DIV#videoVimeo H3 {
	MARGIN: 6px 0px 3px; FONT-SIZE: 1.3em
}
DIV#social-media {
	BORDER-BOTTOM: medium none; BORDER-LEFT: medium none; DISPLAY: inline; HEIGHT: 420px; OVERFLOW: hidden; BORDER-TOP: medium none; BORDER-RIGHT: medium none
}
DIV#social-media {
	WIDTH: 440px; PADDING-RIGHT: 30px; FLOAT: right
}
#user-timelines {
	MARGIN: 0px; WIDTH: 440px
}
#user-timelines A:link {
	COLOR: #0066cc; TEXT-DECORATION: none
}
#user-timelines A:visited {
	COLOR: #0066cc; TEXT-DECORATION: none
}
#user-timelines A:hover {
	COLOR: #0066cc; TEXT-DECORATION: underline
}
#twitter-feeds H3 {
	MARGIN: 6px 0px 3px; FONT-SIZE: 1.3em
}
#user-timelines H3 {
	MARGIN: 6px 0px 3px; FONT-SIZE: 1.3em
}
#twitterUserTimeline {
	LINE-HEIGHT: 1em; COLOR: #333; FONT-SIZE: 12px
}
#twitterSearch {
	LINE-HEIGHT: 1em; COLOR: #333; FONT-SIZE: 12px
}
.tweet {
	BORDER-BOTTOM: #fff 1px solid; PADDING-BOTTOM: 4px; MARGIN: 4px 0px; PADDING-LEFT: 8px; PADDING-RIGHT: 8px; FONT-SIZE: 14px; PADDING-TOP: 4px
}
.tweet IMG {
	MARGIN: 0px 8px 4px 0px; FLOAT: left
}
.tweet .text {
	MARGIN: 0px
}
#twitterSearch .tweet .time A:link {
	WHITE-SPACE: nowrap; COLOR: #0066cc; FONT-SIZE: 1em
}
#twitterSearch .tweet .time A:visited {
	WHITE-SPACE: nowrap; COLOR: #0066cc; FONT-SIZE: 1em
}
#twitterUserTimeline .tweet .time A:link {
	WHITE-SPACE: nowrap; COLOR: #0066cc; FONT-SIZE: 1em
}
#twitterUserTimeline .tweet .time A:visited {
	WHITE-SPACE: nowrap; COLOR: #0066cc; FONT-SIZE: 1em
}
#twitterSearch .tweet {
	MIN-HEIGHT: 24px
}
#twitterSearch .tweet .text {
	MARGIN-LEFT: 32px
}
#twitterUserTimeline .tweet .text {
	MARGIN-LEFT: 32px
}
#searchLinks {
	BORDER-BOTTOM: #666 1px solid; PADDING-BOTTOM: 6px; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; DISPLAY: block; PADDING-TOP: 0px
}
#timelineLinks {
	BORDER-BOTTOM: #666 1px solid; PADDING-BOTTOM: 6px; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; DISPLAY: block; PADDING-TOP: 0px
}
.group:after {
	DISPLAY: block; HEIGHT: 0px; VISIBILITY: hidden; CLEAR: both; CONTENT: "."
}
.tweet P {
	BORDER-BOTTOM: #eee 1px solid
}
.tweet P A:link {
	PADDING-BOTTOM: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 4px; COLOR: #0066cc; TEXT-DECORATION: none; PADDING-TOP: 0px
}
.tweet P A:hover {
	COLOR: #0066cc; TEXT-DECORATION: underline
}

/* New styles for video tabs on Homepage */


/* Homepage Jquery video tabs */
#videoTabs {
    width: 415px;
    margin:0px 0px 0px 10px;
    padding: 10px 0px 20px 5px;
    float:left;
    }


#home-sms{
	width:426px;
	margin: 30px 0px 0px 0px;
	background-color:#eceaea;
 
}


#home-sms p{
	
	padding: 10px 4px 10px 8px;
	
 
}




#home-sms h2 {
	width:416px;
	margin: 0px 0px 0px 0px;
	color:#FFF;
	background-color:#2f2d26;
	padding-left:10px;
	font-weight:normal;
 
}


form.cccform
{
	margin:20px 20px 0;
	padding:0 0 20px;
}



/**** Form Section ****/
.cccform
{
	
}

.cccform li
{
	width:100%;
}

form ul
{
	font-size:100%;
	list-style-type:none;
	margin:0;
	padding:0;
	width:100%;
}

form li
{
	
	margin:0;
	padding:0px 0px 8px 0px;
	
}




#home-sms{
	width:426px;
	margin: 30px 0px 0px 0px;
	background-color:#eceaea;
 
}


#home-sms p{
	
	padding: 10px 4px 10px 8px;
	
 
}




#home-sms h2 {
	width:416px;
	margin: 0px 0px 0px 0px;
	color:#FFF;
	background-color:#2f2d26;
	padding-left:10px;
	font-weight:normal;
 
}