/* ====== Kent Sport Leisure and Olympics Stylesheet ===== */


	 
/* =====  Global ===== */

body { 
  	background-color: #fff;  
 	font-family: Arial, Helvetica, sans-serif; 
  	color: #333333; 
  	margin: 0; 
	padding:0;
	text-align: center;  
} 
  
#super_cont {
width: 780px;
background-color: #ffffff;
margin-left: auto; /* Fix for centring bordered page in Safari */
margin-right: auto; /* Fix for centring bordered page in Safari */
text-align: left;
}
	 
	 
#content {
	color: #666;  
	margin: 0;
	padding: 0;
}


#pageContent {
	position: relative;
	margin: .25em .5em .5em .15em;
	padding:0;
}

/* IE 6 only */

* html #pageContent {
	position: relative;
	margin: .25em .12em .5em .12em;
	padding:0;
}
  
p {
	font-size:85%; 
	line-height:150%;
	padding: 0px 10px 0px 10px;
}
  

  
h1, h2, h3, h4, h5, h6 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color: #333;
	padding:0;
	margin: 1px 5px 5px 8px;
}  



h1 {font-size:146%}
h2 {font-size:98%}  
h3 {font-size:85%}  
h4 {font-size:80%}  
h5 {font-size:70%}  
h6 {font-size:60%}  


.important {
   color:#FF0000; 
   font-weight:bold;
   font-size: 1em;
}

 .caption {
 font-size: 70%
 }

.clearfix {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}



ul {
	list-style-type: disc;
	list-style-position: outside;
    margin:1em 1em 1em 1em;
    padding:.25em .25em .25em 1em;
}


li {
	margin: 0 0 0 1em;
	padding-left:.1em;
	line-height: 1.8em;
	font-size: .85em;
}


						
/* ===== Global links (LVHA) ===== */

img a {
	border:none;
}


a:link, a:visited {
	color:#0033FF;
	text-decoration: none;
}  

a:hover, a:active {
	color: #3399CC; 
	text-decoration: underline;
} 




/* ===== Forms ===== */

form div {
	margin: 0 0 1ex 0; 
	clear:left;
}

label {
	width: 15em;
	display: block;
	float:left;
	font-weight: bold;
	padding-right: 1.5em;
	margin: 0 0 0 5px;
}

form div.actions {
	margin-left: 16.4em;
	margin-top: 1em;
}
  


/* ===== Image Styling ===== */ 
img {
	border:0;
}

img.left {
	float: left; 
	margin: 0 30px 5px 0; 
	padding: 0 10px 0 0;
	border: 0;
}


img.right {
	float: right; 
	margin: 0 0 5px 30px; 
	padding: 0 0 0 10px;
	border: 0;
}


img.news {
	float:left;  
	margin-right:5px;  
	margin-bottom:5px; 

}

img.front_page_left_col_logos {
	margin:4px 2px 4px 2px;
}


#enews_header {
	width: 780px;
	margin: 0;
	padding: 15px 0 25px 0;

}



/* ===== mainNav ===== */

#mainNav {
 	padding: 0 0 10px 0;
	margin: 0;
}

/* IE 6 only */

* html #mainNav ul {
	margin: -1em 0 1.3em 0;
	padding: 0;
}

#mainNav ul {
	list-style: none;
	margin: 0;
	padding: 0;
	font-size: .7em;
	font-weight:bold;
}


#mainNav li {
	float:left;
	margin: 0;
	padding: 0;
	border-right: solid 1px #fff;
	font-family: verdana, arial, san-serif;
}

#mainNav li a:link, #mainNav li a:visited {
	display:block;
	color:#fff;
	text-decoration: none;
	padding: 0 5px;
	line-height: 25px;	
	background:url(graphics/menuMainGradExp.png) left bottom;
}


#mainNav li a:hover {
	display:block;
	color:#fff;
	text-decoration: none;
	padding: 0 5px;
	line-height: 25px;	
	background-position: left top;
}


#mainNav li a:active {
	display:block;
	color:#fff;
	text-decoration: none;
	padding: 0 5px;
	line-height: 25px;	
	background-position: left bottom;
}

#mainNav li a.current {
	display:block;
	color:#fff;
	text-decoration: none;
	padding: 0 5px;
	line-height: 25px;	
	background-position: left top;
}

/* ie6 only */

* html #mainNav li a.current {
	display:block;
	color:#fff;
	text-decoration: none;
	padding: 0 5px;
	line-height: 25px;
	background-image:url(graphics/menuMainGradExpHover.gif)!important;
}


#mainNav li a.current:hover {
	cursor:default;
}

#mainNav li.last {
	border-right: none;		
}


#searchForm {
	margin: -1em 0 0 0;
	padding: 0;
}


/* IE 6 only */

* html #searchForm {
	margin: -2em 0 -1.2em 0;
	padding: 0;
}


/* ===== Front Page Styling =====*/

#feature {
		float:left;
		margin:2px 0 14px 4px;
		padding: 0;		
}

div.featureSecondary {
		padding:0 2px 2px 2px;
		margin:0px 1px 1px 1px;
		
}

div.featureSecondary a {
		border:0;
}

#colOne {
	clear:left;
	float:left;
	width: 200px;
	padding: 0;
	margin: 0 .15em 0 0; 
}


#colTwo {
	float:left;
	width: 225px;
	padding: 0 .25em .25em .3em;
	margin: 0 0 0 0;
}


#disColTwo {
	float:left;
	width: 460px;
	padding: 5px 5px 5px 0px;
	margin: 0 0px 0 -3px;
}

/* ie6 only */
#disColTwo {
	float:left;
	width: 400px;
	padding: 5px 5px 5px 0px;
	margin: 0 0px 0 -3px;
}



#colThree {
	float: left;
	width: 150px;
	padding: 0 .5em;
	margin: 0 .15em;
}

#colFour {
	float: right;
	width: 120px;
	padding: 0 3px 0 3px;
	margin: 0;
}

/* ie6 only */
* html #colFour {
	float: right;
	width: 130px;
	padding: 0 0px 0 3px;
	margin: 0;
}

/* ===== fys front banner =====*/

#fysFront {
	margin-left: 3px;
	padding: 0;
}

/*===== ie6 only =====*/

* html #fysFront {
	margin-left: 5px;
	padding: 0;
}




/*===== news items ul ===== */

#newsItem {
 	padding: 0 0 1px 0;
	margin: 0;
}

#newsItem ul { 
	list-style: none;
	margin: 0;
	padding: 0;
	font-size: 1em;
}

#newsItem li {
	display:block;
	float:left;
	margin: 0 .25em .25em .10em;
	padding: 0;
	font-family: verdana, arial, san-serif;

}

#newsItem li a:link, #newsItem li a:visited {
	display:block;
	color:#333;
	text-decoration: none;
	padding: 0 3px;
}


#newsItem li a:hover, #newsItem li a:active {
	display:block;
	color:#666;
	text-decoration: underline;
	padding: 0 3px;
}

#newsItem li img {
	float:left;
}

#newsItem li p {
	margin: 0 3px 0 55px;
	
}






/*===== leftMenu =====*/

#leftMenu {
	clear:left;
	float:left;
	background-color:#666699;
	width: 130px;
	margin: 0 .15em 2ex -.15em;
	padding: 0;
}

/* ie6 only */

* html #leftMenu {
	clear:left;
	float:left;
	background-color:#666699;
	width: 130px;
	margin: 0 .15em 2ex -.15em;
	padding: 0;
}


#leftMenu ul {
	list-style: none;
	margin: 0;
	padding: 5px 0 5px 0;
	font-family: verdana, arial, san-serif;
	font-size: .8em;
	/*background: url("graphics/left_menu_top.gif") no-repeat top left; */
	background: url("graphics/right_panel_bottom2.gif") no-repeat bottom left;

}

#leftMenu li {
	border-top-color:#999; 
	border-top-style: dotted; 
	border-top-width: 1px; 
	margin: 0; 
	padding: 0 .5em;
}

/* ie only */
* html #leftMenu li { 
	margin: 0 0 0 0; 
	padding: 0 .5em;
}


#leftMenu li.first {
	border-top-style: none;
	padding-top: .5em;
	margin:0;

}


#leftMenu li.mChild { 
	border-left: 10px solid #666699;
}



#leftMenu li a {
	display:block;
	color:#fff;
	text-decoration: none;
}

#leftMenu li a:link, #mainNav li a:visited {
	display:block;
	color:#fff;
	text-decoration: none;
}


#leftMenu li a:hover, #rightPanel li a:active {
	display:block;
	color:#fff;
	text-decoration: none;
	background-color:#999;
}



#leftCol {
	
}



#leftMenu img a {
	border:0
}



#mainContentCentre {
	float:left;
	width: 460px;
	padding: 0 1em .25em .25em;
	margin: 0 0 0 .5em;
}


/* ie6 only */
* html #mainContentCentre {
	float:left;
	width: 460px;
	padding: 0 0 .25em .1em;
	margin: 0 0 0 8px;
}


#rightColumn {
	float: right;
	width: 130px;
	padding: 0 0 0 0;
	margin: 0 -8px 1em 0;
}

#rightColumn img {
	border:0;
	padding:0;
	margin: 0 0 4px 0;
}


/* ie6 only */

* html #rightColumn {
	float: right;
	width: 130px;
	padding: 0 0 0 0;
	margin: 0 -2px 1em 0;
}





/* ===== Header ===== */

#header {	
	height: 160px;
	background-image: url('graphics/header_bk7.jpg');
	margin: 0;
	padding: 0;
}


#sideBar {
	margin: 0;
	padding: 0;
}

#sideBar a:link, #sideBar a:visited {
	color: black; 
	text-decoration: none; 
	font-size:70%; 
}

#sideBar a:hover, #sideBar a:active {
	color: #ccc; 
	text-decoration: none; 
	font-size:70%; 
}

/* ==== Footer ===== */ 

#footer {
	clear:both;
	background-image:url(graphics/footer_bk.gif);
	line-height: 25px;
	list-style: none;
	margin: 1ex 0 0 0;
	padding: 0;
	font-size: .8em;
	text-align:center;
}


#footer a {
	color:#fff;
	border-right: 1px solid #fff;
	margin-right: 0; 
	margin-left: 0;
	padding-right: .8em; 
	padding-left: .5em;
}
 
#footer a:link, #footer a:visited {
	text-decoration:none; 
}

#footer a:hover, #footer a:active {
	text-decoration:underline; 
}


#footer a.last {
	border-right: none;
}






/* newsheadline  */

a.newsheadline {
	font-size:0.8em; 
}

a.newsheadline:link, a.newsheadline:visited {
	color: #333333; 
	text-decoration: none; 
}

a.newsheadline:hover, a.newsheadline:active {
	text-decoration: underline; 
	color:#666666
}

.news_lead_in {  
  	font-size:95%; 
	margin-left: -.1em;
  	color: #333333;
  	font-weight: bold;
}





/* ===== PageNav ===== */

#menuSection {
	float:left;
	margin: 55px;

}

#menuSection ul {
	list-style: none;

}


/* ===== Data Tables ===== */ 

table.data { 
	margin: 0;
	padding:0;
	font-size:70%; 
	width: 70%;
	border: 5px solid #ffffff;
	background-color:#CCCCCC;
}

table.data td {
	vertical-align:top;
	padding: 5px;
	border: 1px solid #CCCCCC;
}

table.data th { background-color:#000066; color:#FFFFFF; padding: 5px;}

table.data tr.AltRow td { background-color:#FFFFFF;

}




table.coach_pathway {font-size:70%; margin-left:60px;
width: 200px;}

td.coach_pathway { background-color:#FFFF00;}



/* ===== Flow Chart =====*/

table.flow_chart {font-size:85%; color:#FFFFFF; margin-left:80px;
width: 300px;}

td.flow_chart { background-color:#666666; padding: 20px;}





/* ===== find Your Sport Pages =====*/

.ss {padding:5px;}

div.take_part {background-color:#ebebeb; margin-top: 15px;}

div.intro_ss {background-color:#DADFF8; margin-bottom: 15px;}

div.gold_panel {
	padding:5px;
	background-color:#C7AC64;

}


  
/* ===== Left hand side menu in FYS ===== */

.bSidePanel {
	background: #ebebeb;
	width: 150px;
}


.bSidePanel a { 
	display:block; 
	margin:1px; 
	padding:4px; 
	border-top: 1px solid #fff;  
	border-bottom: 1px solid #fff; 
}

.bSidePanel a:link, .bSidePanel a:visited {
	color: #333333; 

}


.bSidePanel a:hover, .bSidePanel a:active { 
	background-color:#FFFFFF;
}


.smallmenu {
	color: black; 
	text-decoration: none; 
	font-size:70%; 
}

.smallmenu:hover {
	color: #666666; 
	text-decoration: none; 
	font-size:70%;
}

 
.smallmenu_on {
	font-weight:bold; 
}

 
.smallmenu_child { 
	border-left: 10px solid #ebebeb;
}



.coaching_ss { background-color: #CCCCCC; padding-bottom: 40px;}




/* ===== rightPanel ===== */

#rightPanel {
	background-color:#666699;
	width: 130px;
	margin:0;
	padding:0;
}

/* ie6 only */

* html #rightPanel {
	width: 130px;
	margin: 0;
	padding: 0;
}


#rightPanel ul {
	list-style: none;
	margin: 0;
	padding: 0 0 10px 0;
	font-family: verdana, arial, san-serif;
	font-size: .8em;
	background: url("graphics/right_panel_bottom2.gif") no-repeat bottom left;
}

#rightPanel li {
	border-top-color:#999; 
	border-top-style: dotted; 
	border-top-width: 1px; 
	margin: 0; 
	padding: 0 .5em;
}

/* ie only */
* html #rightPanel li { 
	margin: 0 0 0 0; 
	padding: 0 .5em;
}


#rightPanel li.first {
	border-top-style: none;
	padding-top: .3em;
	margin:0;

}


#rightPanel li a {
	display:block;
	color:#fff;
	text-decoration: none;
}

#rightPanel li a:link, #mainNav li a:visited {
	display:block;
	color:#fff;
	text-decoration: none;
}


#rightPanel li a:hover, #rightPanel li a:active {
	display:block;
	color:#fff;
	text-decoration: none;
	background-color:#999;
}



#rightPanel img a {
	border:1px solid #666666;
}



/* ===== Old Styles  ===== */


table.layout { border:0px;

}

table.layout td {
padding: 2px; 
	vertical-align:top;
}


.see_also { 
float:right; 
padding-left:5px; 
padding-right:5px; 
padding-top:0; 
padding-bottom:30px; 

}


.see_also a { font-size: 75%;
}

.see_also_title {background-color:#0033FF; color:#FFFFFF; font-weight:bold; font-size:80%; padding-left:5px; padding-right:5px;
}

.pale 
{background-color:#F2F9FF;
}
 
 .txt_brown {
 color: #660000; font-size: 100%
 }
  .txt_blue {
 color: #0000ff; font-size: 100%
 }
  
  .smallnormal {
 font-size: 85%
 }
 

	.important_white {
	font-size: 90%; color:#FFFFFF; font-weight:bold; 
	}
 
 
  .visual_impaired {
  font-size: 120%; 
 }
 
.nospace_heading {
font-size: 110%; font-weight: bold;
}


	.errorMessage {
		color : #F00;
	}
	.errorItem {
		background : #F99;
	}



.bSidePanel_dark {
	background: #cce6ff;
	
}

.bSidePanel_orange {
	BACKGROUND: #ffcc00
}

.bTitleBarBlue {
	BACKGROUND: #0099ff
}

.bGrey {
	BACKGROUND: #ebebeb
}

.bBuff {
	BACKGROUND: #ffffe6
}

.black_background {
	BACKGROUND: #000000
}