/* 

Lancashire Aikikai     02Feb2008
Thanks to .net magazine for css techniques  
ToC

	1. defaults
	2. structure
	3. navigation
	4. links 
	5. fonts
	6. images
	7. forms stuff
	8. table stuff

*/



/* 1 --------- defaults  --------- */

* {/* zero margins and padding */
		margin: 0;
		padding: 0;
		}

#printLogo {
		position: absolute;
		left: -10000px;
		top: -10000px;
		}

body {
		padding-top: 5px;
		font-family: "Lucida Grande", "Lucida Sans Unicode", Lucida, Verdana, Arial, sans-serif;
		}
		
/* 2a --------- structure  --------- */

#wrapper {
		width: 900px;
		margin: 0 auto;
		}

#masthead {
		margin-bottom: 5px;
		}

#mainContent, #sidebar, #sidebarindex {
		float: left;
		padding: 1.5em;
		}
		
#mainContent {
		width: 55em;
		}

.introBox {
		border: 1px solid #bbbbbb;
		padding: 15px 15px 15px 15px;
		background: #e1e1e1;
		position: relative;
		}

.starburst {
		position: absolute;
		right: -20px;
		top: 10px;
		}
		
#sidebar, #sidebarindex {
		width: 28.9em;
		}

#clubnavBox {
		border: 1px solid #bbbbbb;
		background: #e1e1e1;
		padding: 15px 10px 15px 10px;
		position: relative;
		}

.clubnavBoxItem {
		color: #660099;
		}		

.emailwords {
		font-size: 85%;
			}

.clearFix:after {
	    content: "."; 
    	display: block; 
	    height: 0; 
    	clear: both; 
	    visibility: hidden;
		}

	
.separator {
	clear: both; /* Clears the area away from floats - 
					had to be used above footer as clearfix didn't work in IE7 */
	height: 0;
	}  

.sub-heading {
	font-size: 1.1em;
	line-height: 1.6em;
	font-weight: bold;
	color: #660099;
	font-variant: normal;
}
		
#footer {
	background-color:#ffffff;
	border-top: 5px solid #ffffff;
	overflow: hidden; /* sorted the far right from being white */
	text-align: right;
	padding-bottom: 5px;
	}
		
/* 2b  ---------- Structure home page ---------- */

.columnContainer {
		padding-top: 10px;
		}

.column {
		float: left;
		margin-right: 10px;
		margin-bottom: 10px;
		}

#mainContent .column {
		width: 17.10em;
		}

#mainContent .spanTwo {
		width: 35.2em;
		}

#mainContent .spanThree {
		width: 52.75em;
		}
		
#sidebarindex .column {
		width: 13em;
		}

#sidebarindex .spanTwo {
		width: 27.0em;
		}

		
/* 3  ---------- navigation ---------- */

#masthead a:link, #masthead a:visited {
		color: #222222;
		text-decoration: none;
		}

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

#masthead ul {
		list-style-type: none;
		}

#navigationContainer {
		background: url(assets/images/navigation-background-top.jpg) no-repeat;
		}

ul#navigation {
		background: url(assets/images/navigation-background-bottom.jpg) no-repeat 0 100%;
		}

ul#navigation ul {
		background: url(assets/images/navigation-item-separator.gif) 0 1px no-repeat;
		font-size: 1.3em;
		height: 3em;
		line-height: 3em;
		display: table;
		margin: 0 auto;
		padding-left: 3px;
		}

ul#navigation ul li {
		display: table-cell;
		}

ul#navigation ul a {
		background: url(assets/images/navigation-item-separator.gif) 100% 1px no-repeat;
		display: block;
		height: 3em;
		padding: 0 12px 0 9px;
		}

ul#navigation ul a:hover {
		background-color: #aeaeae; /* light grey */
		}

.Home #masthead #navHome a,
.What #masthead #navWhat a,
.Start #masthead #navStart a,
.Where #masthead #navWhere a,
.Calendar #masthead #navCalendar a,
.Who #masthead #navWho a,
.Members #masthead #navMembers a,
.Members_home #masthead #navMembers_home a,
.Policy #masthead #navPolicy a,
.Technical #masthead #navTechnical a,
.Video #masthead #navVideo a,
.Coaching #masthead #navCoaching a,
.Resources #masthead #navResources a
 	{
		background: #E1A3EF url(assets/images/navigation-item-highlight.gif) repeat-x; /* 99d7a2 pale green now pale purple */
		color: #ffffff;
		margin-left: -3px;
		padding-left: 12px;
		}

ul#sub-navigation {
	list-style-type: none;
	font-size: 125%;
	padding-left:  100px; /* So 1st tab is not against the edge*/
	}

ul#sub-navigation li {
	float: left; /* causes list to be display horiz */
	color: #000099;/* colour dark blue  */
	margin: 5px 5px 0 5px; /* space between one tab and the next  -3px set to push into mast head had been 2px*/
	}

ul#sub-navigation a:link, ul#sub-navigation a:visited {
	display: block;  /* makes whole link clickable */
	background-color: inherit; /* inherit background of <li> element */
	text-decoration: underline;
	padding: 2px;
	}

ul#sub-navigation a:hover {
/* change colour on hover */
	background-color: #FEF430 ; /* Yellow */
	color:#660099; /* Colour of text in hover position purple */
	}


ul#clubsub-navigation {
	list-style-type: none;
	font-size: 135%;
	text-align:left;
	padding-left:  -2px; /* So 1st tab is not against the edge*/
	}

ul#clubsub-navigation li {
		background: url(/assets/images/list_bullet.gif) 0 5px no-repeat;
		font-size: 0.85em;
		line-height: 1.4em;
		list-style: none;
		text-align: left;
		text-decoration: none;
		padding-left: 9px;
		margin: 0 3px 0 15px; 
		clear:right;	
		}

ul#clubsub-navigation a:link, ul#clubsub-navigation a:visited{
	display: block;  /* makes whole link clickable */
	text-decoration: underline;
	color: #000000;
	}

ul#clubsub-navigation a:hover {
/* change colour on hover */
	background-color: #FEF430 ; /* Yellow */
	color:#660099; /* Colour of text in hover position purple */
	}



/* 4  ---------- Links ----------  */
/* a {		default link style
		color: #FF5F55; 
		} */

#sidebar a {
		text-decoration: underline ; /* Takes the underline for link away */
		}

#sidebar a:hover {
		text-decoration: underline; /* Takes the underline for link away if "none"*/
		}

#mainContent a {
		text-decoration: underline ; /* Takes the underline for link away */
		color: #000000; /* black */
		}

#mainContent a:hover {
		text-decoration: underline; /* Takes the underline for link away if "none"*/
		color:#D40055; /*red */
		}

#sidebarindex a {
		text-decoration: underline ; /* Takes the underline for link away */
		color: #000000; /* black */
		}

#sidebarindex a:hover {
		text-decoration: underline; /* Takes the underline for link away if "none"*/
		color:#D40055; /*red */
		}

/* 5  ---------- fonts ---------- */



html {
		font-size: 100%;
		}

body {
		font-size: 60%;
		}

h1 {
		color: #660099;
		font-size: 2.0em;
		margin-bottom: 2px;
		}
		
p {
		font-size: 1.2em;
		line-height: 1.6em;
		margin-bottom: 1.6em;
		}
		
		
#footer p {
		margin: 0;
		font-size: 95%; 
		color:#660099;
		line-height: 1em;
	}

/* 5b ---------- Styling Lists  -------------- */

.indexpage ul {
 /* use for main index page */
		list-style-type: none;
		padding: 0px;
		margin: 0px;
		margin-top: -20px;
		margin-bottom: 0.3em;
		font-family: "Lucida Grande", "Lucida Sans Unicode", Lucida, Verdana, Arial, sans-serif;
		color:#AA00FF; /* Dark purple */
		font-size: 125%;
		}

.indexpage li {
		background:url(/assets/images/list_bullet.gif)  0 5px no-repeat; 		
		padding-left: 10px;
		line-height: 1.2em;
		margin-bottom: 2px;
		}
		
.listpage ul {
   /* use within normal pages with bullet in purple */
		list-style-type: none;
		padding: 0px;
		margin-left: 8px;
		margin-right: 8px;
		margin-top: -20px;
		margin-bottom: 0.3em;
		font-family: "Lucida Grande", "Lucida Sans Unicode", Lucida, Verdana, Arial, sans-serif;
		color:#000000; /* black */
		font-size: 115%;
		}

.listpage li {
		background:url(/assets/images/list_bullet.gif)  0 3px no-repeat; 		
		padding-left: 8px;
		line-height: 1.3em;
		margin-bottom: 1em;
		}

.bullet ul {
   /* use within normal pages */
   		list-style-type: none;
		padding-left: 1.5em;
		font-family: "Lucida Grande", "Lucida Sans Unicode", Lucida, Verdana, Arial, sans-serif;
		color:#000000; /* black */
		margin-top: -2.0em;
		margin-bottom: 0.6em;
		}

.bullet li { 		
		background: url(assets/images/round_bullet.gif)  0 5px no-repeat;
		font-size: 1.15em;
		padding-left: 0.8em; /* moves text further away from bullet  */
		margin-left: 0.8em;
		line-height: 1.4em;
		}

.bullet-sq ul {
   /* use within normal pages */
   		list-style-type: none;
		font-family: "Lucida Grande", "Lucida Sans Unicode", Lucida, Verdana, Arial, sans-serif;
		font-size: 1.15em;
		color:#000000; /* black */
		margin-top: 1.4em;
		}

.bullet-sq li { 		
		background: url(assets/images/square_bullet.gif)  0 5px no-repeat; 
		padding-left: 0.8em; /* moves text further away from bullet  */
		margin-left: 1.8em;  /* moves text & bullet to right  */
		line-height: 1.30em;
		margin-top: 0.20em;
		}

ul.list_a-z {
   		list-style-type:lower-alpha;
		padding-left: 1.5em;
		font-family: "Lucida Grande", "Lucida Sans Unicode", Lucida, Verdana, Arial, sans-serif;
		color:#000000; /* black */
		line-height: 1.4em;
		font-size: 1.15em;
		margin-top: -15px;
		margin-bottom: 0.5em;
		margin-left: 1.7em;	
		}

ul.list_upper-a-z {
   		list-style-type:upper-alpha;
		padding-left: 1.5em;
		font-family: "Lucida Grande", "Lucida Sans Unicode", Lucida, Verdana, Arial, sans-serif;
		color:#000000; /* black */
		line-height: 1.4em;
		font-size: 1.15em;
		margin-top: -15px;
		margin-bottom: 0.5em;
		margin-left: 1.7em;	
		}

ul.list_1-4 {
   /* use within normal pages */
   		list-style-type: decimal;
		padding-left: 1.5em;
		font-family: "Lucida Grande", "Lucida Sans Unicode", Lucida, Verdana, Arial, sans-serif;
		color:#000000; /* black */
		line-height: 1.4em;
		font-size: 1.15em;
		margin-top: -15px;
		margin-bottom: 0.5em;
		margin-left: 1.7em;	
		}

/* 5c ---------- Former style sheet to old site  -------------- */
.page {  font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-style: normal; font-weight: bold; font-variant: small-caps; text-transform: uppercase; color: #187534}
.normaltext {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; color: #000000}
.newsletterheading {  font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-style: normal; font-weight: bold; font-variant: small-caps; text-transform: capitalize}
.gradeheading {  font-family: "Comic Sans MS"; font-size: 16px; font-style: normal; line-height: normal; font-weight: bold; font-variant: small-caps; text-transform: capitalize; color: #CC0000}
.backwards { font-family: Verdana, Tahoma, Arial; Lucida, Sans-Serif; font-size: 10px; font-style: normal; font-weight: normal; font-variant: normal; color: #800000; unicode-bidi: bidi-override; direction: rtl; } 


/* 6 ---------- images  -------------- */
/* a img {
		border: 0;
		}

.column a img  {
		border: 10px solid #e1e1e1;
		margin-bottom: 10px;
		}

.column a:hover img {
		border-color: #ccc; 
		} 
		
#columnRight a img {
		border: 1;
		}
#columnRight a:hover img {
		border: 2;
		border-color:#D40055;
		}
		 */		
.imageShadow {     
	background:#CCCCCC; /* shadow color */    
	border:1px solid #DDDDDD; /* darker border color */    
	margin: 5px;    
	position: relative;  
	}  

.imageFrame {    
	text-align: center;
	font-size: 120%;    
	background: #FFFFFF;     
	border: 1px solid #999999; /* lighter border color */    
	position: relative;     
	padding: 5px;    
	left:-4px; /* you can change this to change the amount of shadow */    
	top:-4px; /* you can change this to change the amount of shadow */  
	}		

.imageright {
		float:right;
		padding: 5px 5px 5px 5px;
		width: 10em;
		}

#map-c {
		float: left;
		padding 5px;
		}

/* 7 ---------- forms stuff  -------------- */

/* 8 ---------- table stuff  -------------- */		

/* -------------Table List   use with even1  ------------    */
table.list {
	border: 1px solid #CFDCE6;
	border-collapse: no-collapse;
	background-color: #fff;
	color: #000;
	font: 1.2em Arial, Verdana, Helvetica, sans-serif;
}

table.list p {
	line-height: 1.2em; /* added to overcome size of cell */ 
	margin-bottom: 0.2em; /*added to overcome size of cell */ 
	}

table.list th {
	background-color: #507EA1;
	color: #fff;
	border-bottom: 1px solid #406480;
	border-left: 1px solid #406480;
	padding: 0.5em 0.2em 0.5em 0.2em;
	text-align:left;
}

table.list td {
	padding: 0.4em 0.2em 0.4em 0.2em;
}

table.list tr.evens1 td {
	background-color: #ECECEC;
	border-bottom: 1px solid #CCCCCC;
	border-left: 1px solid #CCCCCC;
}

/* -------------Table List2 use with evens  ------------    
 			Blackish header with grey tones*/

table.list2 {
	border: 1px solid #737A80;
	border-collapse: collapse;
}

table.list2 p {
	line-height: 1.2em; /* added to overcome normal bottom of <p> */ 
	margin-bottom: 0.3em; /*added to overcome as above */ 
	}

table.list2 th {
	border: 1px solid #737A80;
	background-color: #AAAAAA;
	background-image: url(/assets/images/list2-header.gif);
	background-repeat: repeat-x;
	background-position: bottom left;
	font: 1.2em "Lucida Grande", "Lucida Sans Unicode", Lucida, Verdana, Arial, sans-serif;
	padding: 0.4em;
	color: #fff;
}

table.list2 td {
	font: 1em "Arial", Verdana, sans-serif;
	padding: 0.4em;
	border: 1px solid #737A80;
}

table.list2 tr {
	background-color: #EFEFEF;

}

table.list2 tr.evens {
	background-color: #CECECE;
}

table.list2 tr:hover, table.list2 tr.hilite {
	background-color: #AAAAAA;
	color: #FFFFFF;
}