/* 
STYLE SHEET FOR ATHLONE REGIONAL SPORTS CENTRE
Author:Simon Daly
Last Updated:13/05/2009
*/

#navContainer {
clear:left;
}


/*Main Navigation*/

#mainNavigation a {
-x-system-font:none;
color:#FFFFFF;
font-family:Arial,sans-serif;
font-size:1.2em;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:bold;
line-height:27px;
overflow:hidden;
padding:6px 10px 5px;
text-decoration:none;
}


#mainNavigation {
background:transparent url(images/main-navigation-backgroundb.jpg) no-repeat scroll 0 0;
height:27px;
}

#mainNavigation ul, #subNavigation ul {
text-align:center;
}


#mainNavigation ul {
text-align:center;

}

#mainNavigation li {
display:inline;
overflow:hidden;

}

.separator {
clear:both;
height:0;
}



/*Subnavigation*/

#subNavigation li {
display:inline;
}

#subNavigation a {
-x-system-font:none;
color:#FFFFFF;
font-family:Arial,sans-serif;
font-size:1em;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:bold;
line-height:26px;
padding:0 6px;
text-decoration:none;
}
#subNavigation a:hover, .selectedSubnav {
color:#FFD700 !important;
/*color:#1D4061 !important;*/

}

#subNavigation{height:26px;background:url(images/sub-navigation-background.jpg) repeat-x;border-bottom:1px solid #6b6b6b}


.sectionHome #mainNavigation #linkHome a, .sectionNews #mainNavigation #linkNews a, .sectionBlogs #mainNavigation #linkBlogs a, .sectionSwimming #mainNavigation #linkSwimming a, .sectionFitness #mainNavigation #linkFitness a, .sectionGym #mainNavigation #linkGym a, .sectionMembership #mainNavigation #linkMembership a, .sectionKids #mainNavigation #linkKids a, .sectionOutdoor #mainNavigation #linkOutdoor a, .sectionCreche #mainNavigation #linkCreche a, .sectionAwards #mainNavigation #linkHome a, .sectionResellers #mainNavigation #linkHome a, .sectionWidget #mainNavigation #linkNews a, .sectionContact #mainNavigation #linkContact a ,.sectionGallery #mainNavigation #linkGallery a{
background:#499DE8 url(images/active-tab-background.jpg) repeat-x scroll 0 0;
}

 col:first-child {background: #FF0}

.standardtable{border: 1px solid #ccc; font-size:10px; font-weight:normal;}

.standardtable th{padding: 0.2em; background-color:#356751; text-transform:uppercase; color:#fff; font-weight:bold; font-size:10px;border-right: 2px solid #333;}

.firstcol {
font-weight:bold;
background-color:#DEE1E5; text-transform:uppercase;
}

.secondcol{background-color:#AFAFAF; text-transform:uppercase;font-weight:bold;}

.standardtable th[scope=col]
{
  border-bottom: 2px solid #333;
  border-right: 2px solid #333;
}


.standardtable td{
border-right: 1px solid #AFBF9B;
padding:0 2px 0 2px;
font-weight:normal;
}

td.lastcell{border:none;}


*{margin:0;padding:0}


body{
text-align: center; 
margin-top:10px;
background:#fff url(images/bkgd.gif) repeat-x top left;
}


/* This is where you set your desired font size. The line-heights 
   and vertical margins are automatically calculated from this. 
   The percentage is of 16px (0.75 * 16px = 12px). */

body          { font-size: 75%; }   /* IE (10px = 62.5%, 11px = 68.75%, 12px = 75%, and so forth) */
html > body   { font-size: 12px; }  /* All other browsers */


/* ---------------------------- */
#wrapper {
margin: 0 auto; /*centers the div*/
text-align:left;
width:900px;
background-color:#fff;
/*border:1px solid #333;*/
padding: 0 0 0;
border:1px solid #efefef;
}
		
		
#header{
background: #fff url(images/bg_header_new.jpg) no-repeat top left;
height:159px;
padding:0;
/*margin:0 14px 0 14px;*/
margin:0;
}
		


/* ---------------------------- */
/* NAVIGATION */

/*top navigation*/



/*vertical navigation*/
.sidenav{

}

/* ---------------------------- */
/* PRIMARY CONTENT */

#primaryContent{
float:left;
width:650px;
margin:12px 2px 12px 8px;
padding:0;
border-right:1px solid #efefef;
}   

#primaryContent h1{
font-family: times, Times New Roman, times-roman, georgia, serif;
font-size: 28px;
line-height: 40px;
letter-spacing: -1px;
color: #B38600;
}


#primaryContent h2{
font-family: times, Times New Roman, times-roman, georgia, serif;
font-size: 22px;
line-height: 40px;
letter-spacing: -1px;
color: #B38600;
}

#primaryContent ul{
margin-left:22px;
font-size: 1.2em;
line-height: 1.7em;
font-family: Helvetica, Arial, sans-serif;
color: #333333;}


#primaryContent img{
	border: 1px solid #ccc;
	padding: 4px;
	}
	
	
/* ---------------------------- */
/* SECONDARY CONTENT */

#secondaryContent{
float:left;
width:208px;
margin:12px 0 0 2px;
padding:0;
background-color:#fff;
font-family:Arial,sans-serif;
font-size:10px;
font-size-adjust:none;
font-style:normal;
font-variant:normal;
font-weight:normal;
line-height:18px;
}
/*
#secondaryContent a{
display:block; 
color:#001B4F;
text-decoration:underline;

}


#secondaryContent a:hover {
color:#0F83DB;
}
*/

.sidebarBox {
background:#efefef; 
border:1px solid #cbcbcb;
margin: 2px 6px 2px ;
padding:2px 2px 1px;
width:200px;
}

.newsbox a:link { color:#fff; text-transform:uppercase;}
.newsbox a:visited {color:#449DBD;text-transform:uppercase;}
.newsbox a:hover {color:#EFC300;text-decoration:underline;text-transform:uppercase;}
.newsbox a:active {color:#F6D734;text-transform:uppercase;}




.sidebarBox h2{
background:#3EA8CC none repeat scroll 0 0;
padding:4px 2px;
color:#fff;
}

#sidebar h3 {
color:#1C4A56;
font-size:1.3em;
}

.newsbox{background-color:#033498; color:#fff;}




	
/*.newsbox a{text-decoration:underline; color:#D1E8EF; }
*/
.newsbox p{color:#EED69A;}

a.last:link {border:none;}

.newsbox img{margin-top:2px;}

/*TYPOGRAPHY*/

/* Pull quote */
			blockquote {
				clear:				right;
				border-left:		10px solid #b68e55;
				font-size:			2em;
				color:				#83201a;
				background:			#ffffff;
				padding:			10px;
				width:				185px;
				float:				right;
				line-height:		1em;
				margin:				10px;
			}

/* Default fonts and colors. */
body,h1,h2,h3,h4,h5,h6,p,input,textarea { font-family: Helvetica, Arial, sans-serif; }




/* Headings
-------------------------------------------------------------- */

h1,h2,h3,h4,h5,h6 { font-weight: bold; }

h1 { font-size: 3em; line-height: 1; margin-bottom: 0.5em; }
h2 { font-size: 2em; margin-bottom: 0.75em; }
h3 { font-size: 1.5em; line-height: 1; margin-bottom: 1em; }
h4 { font-size: 1.2em; line-height: 1.25;  margin-bottom: .5em; }
h5 { font-size: 1em; margin-bottom: 1.5em; }
h6 { font-size: 1em; }

p {
font-size: 1.2em;
line-height: 1.7em;
font-family: Helvetica, Arial, sans-serif;
color: #333333;
}

/* ----- LINKS ----- */

a:link, a:visited, a:active {
color:#EAA423;
text-decoration:none;
}

a:hover {
color:#83CAF0;
text-decoration:underline;
}


/*MISC*/
A:focus, A:hover, A:active /* Firefox image outline fix */{
outline: none;}


strong{
color:#1F1700;
font-size: 1.2em;
line-height: 1.7em;}

.quiet { color: #999; }


.date, .time {
color:#697A85;
font-size:11px;
line-height:14px;
margin-bottom:0pt;
white-space:nowrap;
}


div.clear {
clear:both;
}






/* FEATURE BOXES HOMEPAGE */

.locationbox{background:#efefef url(images/location_ord.jpg) top left no-repeat;
height:177px;
margin-top:22px;
}


#mainimg{border:2px solid #333;}

.homeBox { float:left; display:inline; width:160px; height:104px; background:#ebebeb;  padding:0; border:1px solid #fff; }

.homeBox h3 { font-size:14px; font-weight:bold; color:#333; line-height:24px;  background: #fff url(images/h3homebg.gif) top left no-repeat; margin-top:70px;}

.homeBox p { line-height:20px; }

.homeBoxes{}
.homeBoxes_in{background:#fff url(images/bg_boxes.jpg) top left no-repeat; height:140px;}

.membership { background:#fff url(images/membership.jpg) top left no-repeat; margin:6px 0 0 28px;}

.timetables { background:#333 url(images/calendar.jpg) top left no-repeat; margin:6px 0 0 10px; }

.payngo {background:#333 url(images/payngo.jpg) top left no-repeat; margin:6px 0 0 32px;}



/* ---------------------------- */
/* FOOTER */

#footer { border-top: 1px solid #eee;  background-color:#fff; color:#9F9F9F; padding:12px 4px 4px;}
#footer p, #footer strong{color:#9F9F9F; font-size:1em; display:inline;}
.footercredits { color: #9F9F9F;  }
/*margin-left:40px;*/
#links {
list-style-image:none;
list-style-position:outside;
list-style-type:none;

}

.newslinks{font-size:1em;}

/* liScroll style declarations */

.tickercontainer { /* the outer div with the black border */
background: #fff; 
width: 638px; 
height: 27px; 
margin: 0; 
padding: 0
overflow: hidden; 
}
.tickercontainer .mask { /* that serves as a mask. so you get a sort of padding both left and right */
position: relative;
left: 10px;
top: 2px;
width: 618px;
overflow: hidden;
}
ul.newsticker { /* that's your list */
position: relative;
left: 750px;
font: bold 10px Verdana;
list-style-type: none;
margin: 0;
padding: 0;

}
ul.newsticker li {
float: left; /* important: display inline gives incorrect results when you check for elem's width */
margin: 0;
padding: 0;
background: #fff;
}
ul.newsticker a {
white-space: nowrap;
padding: 0;
color: #ff0000;
font: bold 10px Verdana;
margin: 0 50px 0 0;
} 
ul.newsticker span {
margin: 0 10px 0 0;
} 



ul#portfolio li img{
	border: 1px solid #ccc;
	padding: 4px;
}


ul#portfolio li {
	list-style:none;
}

ul#portfolio{
margin-bottom:120px;}



/*FORM*/


fieldset {
margin: 10px 0 0 0;
padding: 0;

}


label {


margin-right: 5px;
text-align: left;
font-weight:bold;
}


legend {
text-transform: uppercase;
font-size: 1.3em;
padding: 5px;
margin-left: 1em;
color: #ffffff;
background: #3BA0BF;

}



	
	/*SEARCH BOX*/
	#searchform p { color:#FFF; }

	#searchform{float:right; background-color:#00318F; padding:4px;color:#fff;}
#searchform input{ border:none; font-family: Helvetica, Arial, sans-serif; font-size:12px; }



/*TIMETABLES*/

.oddrow{background-color:#E7F3D9;}

.evenrow{background-color:#CFE7B3;}


.imgnoborder{border:none;}

#feature-gallery {
float:left;
width:600px;
}


#easyTooltip{
	padding:5px;
	border:1px solid #ccc;
	background:#FDFF1F;
	width:200px;
	}

	
.thumbimagescount{
color:#333;
float:right; 
padding-right:470px;
}