/* CSS Document

Client: Croydon Sports Club
Job num: 
Version: 1.0
Date: 18/05/2010
Author: G Boult
Company: Marketing for Education
Website: www.marketing-for-education.co.uk

*/

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

/*

01: Reset styles
02: Body/main containers
03: Typography
04: Headings
05: Header
06: Left panel
07: Centre panel
08: Right panel
09: Footer
10: Aux classes
11: Forms
12: Top navigation
13: Left navigation
14: News settings
15: Search bar
16: Calendar
*/

/* - 01 (Reset Styles) ---------------------------------------------*/
* {margin:0; padding:0;}

p {
    margin-bottom:1em;
    margin-top:0;
    padding:0;
}

.leftPanelHome p {margin-bottom:0.1em;}

a img {border:0;}
/********************************************************************/



/* - 02 (Body/main containers) -------------------------------------*/
body {
    background:url(images/main_bg.jpg) repeat-x;
    background-position:left top;
    background-color:#fff;
    font-family:Arial, Helvetica, sans-serif;
}



#mainContainer {
    width:1000px;
    height:750px;
    min-height:750px;
    height:auto;
    margin:0 auto;
    position:relative;
    margin-top:10px;
}

#centreHomePanel {
    width:100%;
    height:auto;
    min-height:200px;
    float:left;
    background:#FFF;
    margin-bottom:15px;
	*margin-top:15px;
	_margin-top:0;
}



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



/* - 03 (Typography) -----------------------------------------------*/

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



/* - 04 (Headings) -------------------------------------------------*/

h1 {color:#045d91; font-family:"Georgia", Times New Roman, Times, serif; font-size:150%; padding-bottom:5px; margin-bottom:0.3em; font-weight:normal; padding-top:10px;}
.post h2 {color:#032f79; font-family:"Georgia", Times New Roman, Times, serif; font-size:140%; padding-bottom:5px; margin-bottom:0.5em; font-weight:normal; margin-bottom:10px;}
h2 {color:#045d91; font-family:"Georgia", Times New Roman, Times, serif; font-size:130%; padding-bottom:5px; margin-bottom:0.3em; font-weight:normal; margin-top:0;}
h3 {}
h4 {}

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



/* - 05 (Header) ---------------------------------------------------*/
#headerContainer {
    width:100%;
    height:300px;/*adjustable*/
    background:none;
}

#mainLogo a {
	visibility:hidden;
}

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



/* - 06 (Left panel) -----------------------------------------------*/
#facilitiesHireHeader {
    height:15px;
    background:url(images/facilities_header_img.jpg) no-repeat;
}

#facilitiesHire {
    width:174px;
    height:200px;/*adjustable*/
    min-height:200px; /*adjustable*/
    height:auto;
    background-color:#e0e0e0;
    margin-bottom:0;
	font-size:82.5%;
}

#facilitiesHireFooter {
    height:7px;
    background:url(images/facilites_footer_img.jpg) no-repeat;
    margin-bottom:10px;
}

#facilitiesHire p, #activityCamps p {
    padding:10px 10px 0 10px;
}

#facilitiesHire a {
    color:#006dac;
    text-decoration:none;
    text-align:center;
	margin-top:-5px;
}

#facilitiesHire a:hover {
    text-decoration:underline;
}

#activityCampsHeader {
    height:12px;
    background:url(images/activity_camps_top.jpg) no-repeat;
}

#activityCamps {
    width:174px;
    height:140px;
    min-height:140px;
    height:auto;
    background:url(images/activity_camps_side.jpg) repeat-y;
	font-size:82.5%;
}

#activityCampsFooter {
    height:7px;
    background:url(images/activity_camps_footer.jpg) no-repeat;
}

#activityCamps a {
    color:#006dac;
    text-decoration:none;
    margin:0 auto;
}

#activityCamps a:hover {
    text-decoration:underline;
}

.leftPanelInternal, .leftPanelHome {
    width:185px;/*adjustable*/
    height:385px;
    height:auto;
    min-height:385px;
    float:left;
    position:relative;
    padding:0;
}

.leftPanelInternal ul {
    margin-top:15px;
}

.leftPanelInternal ul li {
    width:470px;
    height:35px;
    list-style-type:none;
    background:url(images/latest_news.jpg) no-repeat;
    padding:3px 0px 20px 0;
}

.leftPanelInternal ul li a {
    width:470px;
    height:35px;
    padding:0px 0px 10px 0;
    color:#032f79;
    text-decoration:none;
}

.leftPanelInternal ul li a:hover {
    text-decoration:underline;
}


#internalLeftPanel {
    width:631px;
    height:420px;
    min-height:420px;
    height:auto;
    float:left;
    padding:20px;
    margin-left:10px;
    background:url(images/main_internal_left_bg.jpg) no-repeat;
}

#adminPanelCont {
    width:810px;
    min-height:350px;
    height:auto;
    float:left; 
}

#internalAdminPanel {
    width:800px;
    min-height:350px;
    height:auto;
    float:left; 
}

#adminPanelTop {
    width:810px;
    height:13px;
    background:url(images/admin_column_top.jpg) no-repeat;
}

#adminPanelCenter {
    width:760px;
    height:200px;
    min-height:200px;
    padding:20px 30px 0 20px;
    height:auto;
    background:url(images/admin_column_inner.jpg) repeat-y;
	padding-bottom:20px;
}

#adminPanelFooter {
    width:810px;
    height:13px;
    background:url(images/admin_column_foot.jpg) no-repeat;
}

#leftPanelHeader {
	width:174px;
	height:10px;
	background:url(images/left_nav_top.jpg) no-repeat;
}

#leftPanelInner {
	width:174px;
	height:150px;
	min-height:150px;
	height:auto;
	background:url(images/left_nav_inner.jpg) repeat-y;
}

#leftPanelFooter {
	width:174px;
	height:15px;
	background:url(images/left_nav_foot.jpg) no-repeat;
}
/********************************************************************/



/* - 07 (Centre panel) ---------------------------------------------*/
.centerPanel {
    width:625px;/*adjustable*/
    height:405px;
    min-height:405px;
    height:auto;
    float:left;
    position:relative;
	margin-left:2px;
}

.centerPanelTop {
    height:13px;
    width:625px;
    background:url(images/internal_column_top.jpg) no-repeat;
}

.centerPanelInner {
    width:585px;/*adjustable*/
     padding:0px 20px 20px 20px;/*adjustable*/
    height:355px;
    min-height:355px;
    height:auto;
    background:url(images/internal_column_inner.jpg) repeat-y;
	font-size:82.5%;
}

.centerPanelInner a, .linksModule a {
	color:#045d91;
	text-decoration:none;
}

.centerPanelInner .linksModule {
	margin-left:25px;
}

.centerPanelInner .linksModule a {
	color:#045d91;
	text-decoration:none;
}

.centerPanelInner a:hover, .linksModule a:hover {
	text-decoration:underline;
}

.centerPanelFoot {
    height:13px;
    width:625px;
    background:url(images/internal_column_foot.jpg) no-repeat;
}

.centerPanelInner ul li {margin-left:30px; margin-bottom:5px;}

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



/* - 08 (Right panel) ----------------------------------------------*/
.rightPanelHome {
    width:174px;
    height:350px;
    min-height:350px;
    height:auto;
    float:right;
    position:relative;
    padding:0;
}

.rightPanelInner {
    width:161px;
    padding:0 5px 0 8px;
    background-color:#e0e0e0;
    min-height:180px;
    height:auto;
}

.rightHomeQLHeader {
     background:url(images/quick_links_bg.jpg) top left no-repeat;
}

.rightPanelHome ul {
    margin-top:5px;
}

.rightPanelHome ul li {
    width:159px;
    height:29px;
    list-style-type:none !important;
    background:url(images/quick_links_nav_bg.jpg) no-repeat;
    padding:0;
    list-style-image:none;
    margin-bottom:10px;
}

.rightPanelHome ul li a {
    width:120px;
    height:24px;
    padding:6px 0px 0 40px;
    text-decoration:none;
    list-style-type:none !important;
    list-style:none;
    color:#e8f5fd;
	font:'Arial', Helvetica, sans-serif;
    display:block;
    font-size:12px;
	font-weight:bold;
	margin:0;
}

.rightPanelHome ul li a:hover {
    background:url(images/quick_links_nav_hover.jpg) no-repeat;
	text-decoration:none;
}

#quickLinksHeader {
    width:174px;
    height:12px;
    background:url(images/quick_links_top.jpg) no-repeat;
}

#quickLinksFooter {
    height:15px;
    background:url(images/quick_links_footer.jpg) no-repeat;
}

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



/* - 09 (Footer) ---------------------------------------------------*/
#footerContainer {
    width:100%;
    height:21px;/*changeable*/
    clear:both;
    background:url(images/footer_bg.jpg) no-repeat;
    padding-top:4px;
}

#footerContainer a:hover {
    text-decoration:underline;
}

.footerLeft {
    width:600px;
    height:15px;
    float:left;
    font-size:11px;
    color:#fff;
    margin-left:10px;
}
.footerLeft a {
    text-decoration:none;
    color:#fff;
}
.footerLeft a:hover {
    text-decoration:none;
}

.footerRight {
    width:200px;
    height:15px;
    float:right;
    text-align:right;
    color:#FFF;
    margin-right:10px;
    font-size:11px;
}

.footerRight a {
    color:#FFF;
    text-decoration:none;
}
    
#copyrightBar {
    width:100%;
    height:20px;
    padding-top:5px;
    color:#000;
    margin-bottom:10px;
    font-size:70%;
}
#copyrightBar a {
    color:#000;
    text-decoration:none;
}
#copyrightBar a:hover {
    text-decoration:underline;
}
/********************************************************************/




/* - 10 (Auxhillary classes) ---------------------------------------*/
.quickLinks {
    font-family:"Times New Roman", Times, serif !important;
    color:#045d91;
    font-size:140%;
    font-weight:normal;
    margin-left:20px;
}

.sectionHeader {
    font-family:"Times New Roman", Times, serif !important;
    color:#045d91;
    font-size:140%;
    font-weight:normal;
    margin-left:20px;
}

.footerBlue {
    color:#04245a;
    font-size:120%;
}

.qoute {
    font-size:26px;
    font-family:"Georgia", Times New Roman, Times, serif;
    color:#FFF;
    padding:25px;
}

/*sitemap*/
#adminPanelCenter .globalMenu ul { margin:10px 10px 0 10px;}


#adminPanelCenter .globalMenu li { 
    background:url("images/sitemap_image.png") no-repeat scroll 0 9px transparent;
    list-style:none outside none;
    padding-left:12px;
    margin-top:10px;
}

#adminPanelCenter .globalMenu li a {
    font-size:14px;
    color:#0069a7;
    text-decoration:none;
}

#adminPanelCenter .globalMenu li a:hover {
    text-decoration:underline;
}
/*sitemap*/

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




/* - 11 (Forms) ----------------------------------------------------*/
 #centreHomePanel .form_container { 
 	margin-top:20px;
	padding:0;
}
	
#centreHomePanel .formHeader {
	display:none;
}
 
#centreHomePanel .fieldItem .fieldTitle {
	width:400px;
}
	

#centreHomePanel .fieldItem .fieldContent {
	float:left;
}
	
#centreHomePanel .type-name .fieldInstructions {
	height:0;
	padding:0;
}
	
#centreHomePanel .fieldTitle {
	font-family:"Times New Roman",Times,serif normal;
	color:#045d91;
	font-size:120%;
	line-height:1em;
	padding-bottom:0.1em;
	font-weight:normal;
}


#enquiry #insidecopy .element {
	line-height:0;
}
	
#centreHomePanel .fieldSelected {
	background-color:#f5f5f5;
	border-color:#f5f5f5;
}
 
#centreHomePanel .fieldNote {
	font-family:Georgia, "Times New Roman", Times, serif;
	color:#A0A0A0;
	font-size:0.9em;
}
	
#centreHomePanel .fieldItem .fieldRow { 
	padding:0;
}

#centreHomePanel .fieldItemInner {
	padding:0;
}
	
	
#centreHomePanel .medField.type-name .textField, #main-content .medField.type-address .dropdown.country {
	width:140px;
}

#centreHomePanel .type-email input, #main-content .type-phone input, {
	width:292px;
}

#centreHomePanel textarea {
	height:110px;
	width:292px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:1em;
}
	
#centreHomePanel .submitButtonContainer .submitButton {
	font-size:1em;
	width:90px;
	line-height:1.8em;
}

#centreHomePanel .submitButtonContainer {
	padding:0;
}

#centreHomePanel .fieldSelected {
background-color:transparent;
border:none;
}

#centreHomePanel .fieldItem{
background-color:transparent;
border:none;
}

/*form sending confirmations*/
#FormBuilderLightBox {
position:absolute;
width:500px !important;
height:400px !important;
left:0;
top:0;
z-index:-9999;
}

#lightbox_content {
position:absolute;
width:300px !important;
height:200px !important;
left:50px !important;
top:50px !important;
}

.lightbox-content {
width:300px !important;
height:200px !important;
}

.confirmation-content {
position:relative !important;
width:400px !important;
height:300px !important;
}

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




/* - 12 (Top navigation) -------------------------------------------*/
.topNavigation {
  height:40px;
  clear:both;
  margin-top:2px;
  margin:0 auto;
  padding-left:2px;
  float:left;
  width:100%;
  border-top:1px solid #FFF;
  background:url(images/navigation_bg.jpg) top left no-repeat;
}

.topNavigation li {
  float:left;
  position:relative;
  display:block;
  list-style-type:none;
  margin-top:0px;
  padding:0px 13px;
  background:url(Images/top_nav_border.jpg) right no-repeat;
}

.topNavigation li a {
  font-size:15px;
  color:#FFF;
  text-decoration:none;
  padding:6px 5px 6px 5px;
  display:block;
  margin-top:0;
  font-family:Arial, Helvetica, sans-serif;
}

.topNavigation li a:hover {
  background:url(images/navigation_hover.gif) top left no-repeat;
}

.topNavigation li:hover a {
    background:url(images/navigation_hover.gif) top left no-repeat;
}

.topNavigation .selectedPage a {
    background:url(images/navigation_hover.gif) no-repeat;
}

.topNavigation .selectedPageRoot a {
    background:url(images/navigation_hover.gif) no-repeat;
}/*styling for main menu highlight when sub menu selected*/

#topNavigation li ul{
    display: none;
    position: absolute;
    margin: 10px 0 0 0;
    padding: 0;
    width: 140px;
    background:#eaaf2c;
    top: 34px;
    border-left:1px solid #e8a614;
    border-bottom:1px solid #e8a614;
    border-right:1px solid #e8a614;
    color:#fff;
    z-index:1000;
    }

#topNavigation li ul li{
    margin: 0;
    width: 100%;
    float: left;
    padding: 0;
    padding-left:-10px;
    position: relative;
    background: none;
    clear: left;
    color: #fff;
    border-bottom: 0px solid #333333;/*turned off*/
    border-right: 0px solid #333333;/*turned off*/
    }

#topNavigation li ul li a:link, #topNavigation li ul li a:visited, #topNavigation li ul li a{
    margin: 0px;
    padding: 6px 0;
    padding-left: 7px;
    text-transform: none;
    color: #fff;
    display: block;
    background: none;
    }

#topNavigation li ul li a:hover{
    margin: 0px;
    text-transform: none;
    color: #fff;
    display: block;
    text-decoration: underline;
    background: none;
    }

#topNavigation li:hover ul, #topNavigation.sfhover ul{
    margin: 0px;
    display: block;
    color: #030303;
    z-index:1000;
    }

#topNavigation li li ul{
    display: none;
    }
    
#topNavigation li li:hover ul, #topNavigation li.sfhover ul{
    margin: 0px;
    padding: 0px;
    display: block;
    left: 100px;
    }

#topNavigation li li ul{
    display: none !important;
}

.level2 a {
    color:#fff;
}
/********************************************************************/




/* - 13 (Left navigation) ------------------------------------------*/

.leftNavigation {
    width:174px;
    height:250px;/*adjustable*/
    min-height:250px; /*adjustable*/
    height:auto;
    margin-bottom:25px;
    padding-top:0;
}

.leftNavigation ul {
    list-style-type:none;
    padding-bottom:15px;
}

.leftNavigation li {
    color:#000;
    font-size:12px;
    padding:0px 0px;
    display:block;
    border-bottom:1px dotted #FFF;
}

.leftNavigation li a {
    color:#030303;
    text-decoration:none;
    padding:8px 0 8px 10px;
    display:block;
}

.leftNavigation li a:hover {
    background-color:#0074b8;
    color:#FFF;
}

.leftNavigation .selectedPage {
    background-color:#0074b8;
    color:#FFF;
}
/********************************************************************/



/* - 14 (News section) ---------------------------------------------*/
.rss {
    visibility:hidden;
}

.postTitle {
    color:#032f79;
    font-weight:normal;
    font-size:120%;
    margin-left:0;
}

.postDate {
    font-size:70%;
}

.postBody img {
    margin-right:10px;
    float:left;
    margin-top:-22px;
}

.postBody p img {
    margin-right:10px;
    float:left;
    margin-top:-27px;
}

#internalLeftPanel .postBody img {
    margin-top:0;
}

.blogList ul li {margin-left:0;}

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




/* - 15 (Search bar) -----------------------------------------------*/
.searchArea {width:175px; height:31px; float:right;}
.search {background:url(images/search_bg.jpg) no-repeat; width:175px !important; height:31px;}
*.searchInput {border:0px solid #8C8C8C; width:110px; background:none; background-color:transparent !important; height:20px; font-size:12px; padding:0; margin:8px 0 0 7px; color:#006baa;}
.searchInput {border:0px solid #8C8C8C; width:110px; background:none; background-color:transparent !important; height:20px; font-size:12px; padding:0; margin:6px 0 0 7px; color:#006baa;}
input.searchButton {width:50px !important; height:20px; background:none; cursor:pointer; border:0;}

/*Results page*/
.searchResults li {
	font-size:82.7%;
}
.searchResults li a {
	color:#045d91;
}
/********************************************************************/




/* - 16 (Calendar) -------------------------------------------------*/
table.calendarTitle td {
background:#016eb3;
}

.calendarNextPrevious a {
color:#FFFFFF !important;
}

.calendarDayHeader {
background:#999999;
font-size:12px;
}

.calendarToday {
background:#84aec8;
color:#ffffff;
}
.eventDate, .eventBody {font-size:87.2%; margin-bottom:0.5em;}
/********************************************************************/


div#rotator {
	width:1000px;
	position:relative;
	height:260px;
	margin-left:0;
	z-index:9999;
}

.confirmation-content {border:1px solid #575757;}