/*=======================
Crosskeys Main CSS
Last update : 19 Jan 2008
=======================*/

/*=====================
Global Styling
=====================*/
* {
	margin : 0;
	padding : 0;
}

body {
	text-align : center;
	margin :  0 auto;
	padding : 0;
	color : #333;
	background : #999 url(../images/general/backgradient.gif) repeat-y top;

	font: 62.5%/1.5  Verdana, Geneva, Arial, Helvetica, sans-serif;
	/*
	font: 86%/1.5  Verdana, Geneva, Arial, Helvetica, sans-serif;
	*/
}

/*=====================
Utlities
=====================*/
/*Hide outline on links*/
a {
	outline : none;
}

.vbox { 
	padding: 10px;
}
.vbox20 { 
	padding: 10px;
}

.vbox30 {
       	padding: 15px;
}

/*Horizontal Rule
hr {
	display: none;
}*/

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

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

/*=====================
Page Layout
=====================*/
#wrapper {
	margin :  0 auto;
	padding : 0;
	text-align : left;
	width: 750px;
	border-left : 1px solid #000;
	border-right : 1px solid #000;
}
#wrapper1 {
	margin :  0 auto;
	padding : 0;
	text-align : left;
	width: 750px;
	font: 62.5%/1.5  Verdana, Geneva, Arial, Helvetica, sans-serif;
}

/*=====================
Page Backgrounds:
#bgnone = fullwidth white
#bgright = right column grey
=====================*/
#bgnone {
	background : #fefefe;
}

#bgright {
	background : #fefefe url(../images/general/bgcontent1.gif) repeat-y 0 0;
}

/*column right with #bgright */
#main {
	float : left;
	width : 525px;
	font-size: 1.2em;
}
#bodyh {
	text-align: center;
}

	
#container {
	margin : 0 auto;
}
#sidebar {
	float : right;
	width : 220px;
	padding : 20px 0 0 0;
	margin: 0;
	font-size : 1em;
}

/*full width with #bgnone */
#fullwidth {
	clear : both;
	width : 80%;
	margin : 0 auto;
	padding :0;	
}
#fwidth {
	clear : both;
	text-align: center;
	margin : 0 auto;
	padding :0;	
}
#fwidth p {
	text-align: center;
}
.backdrop {
	float: right;
	margin: 50px 50px 20px 20px;
}
.right {
	width: 150px;
	float: right;
	margin: 50px 50px 20px 20px;
}
.thinright {
	width: 150px;
	float: right;
	margin:  0;
}
/*footer*/
#footer {
	clear : both;
	padding : 10px 30px;
	margin : 1em 0 0 0;
	color : #fff;
	background-color : #a000a0;
}

/*==============================
Header Styling
==============================*/
#header {
	clear : both;
	position : relative;
	margin: 0;
	padding: 0;
	text-align : left;
	color : #000;
	background : #a000a0;
}

/*==============================
Banner Image Replacement for header
==============================*/
.rir { 
	width: 750px;
	height: 165px;
	position: relative;
}

.rir span {
	background: url(../images/general/banner.jpg) no-repeat 0 0;
	width: 100%;
	height: 100%;
	position: absolute;
}

/*==============================
FooterStyling
==============================*/
#footer .right {
	float : right;
}

#footer p {
	margin: 0;
	padding: 0;	
}












/*======================
Global Site Navigation Tabs
======================*/
.globalnav {
	text-align : center;
	font-weight : bold;
	margin : 0;
	padding : 20px 0 2px;
	color : #fff;
	background : #f5f5f5;
	border-bottom : 6px solid #a000a0;
}

.globalnav ul {
	padding : 0;
	margin : 0;
	list-style : none;
}

.globalnav li {
	display : inline;
	list-style : none;
	margin : 0 ;
	padding : 0;
}

.globalnav li a:link, .globalnav li a:visited {
	text-decoration : none;
	margin : 0 ;
	padding : 4px 15px;
	color : #fff;
	background : #a000a0;
	border : 1px solid #000;
	border-bottom : 1px solid #a000a0;
}

.globalnav li a:hover {
	text-decoration : none;
	color : #500050;
	background : #fcd2f8;
	border : 1px solid #000;
	border-bottom : 1px solid #a000a0;
}










/*======================
Sub  Navigation Tabs
======================*/
.subnav {
	text-align : center;
	font-weight : bold;
	margin : 0;
	padding : 20px 0 2px;
	color : #fff;
	background : #f5f5f5;
	border-bottom : 6px solid #a000a0;
}

.subnav ul {
	padding : 0;
	margin : 0;
	list-style : none;
}

.subnav li {
	display : inline;
	list-style : none;
	margin : 0 ;
	padding : 0;
}

.subnav li a:link, .subnav li a:visited {
	text-decoration : none;
	margin : 0 1px ;
	padding : 4px 15px;
	color : #fff;
        background : #ea80ff;  
	border : 1px solid #000;
	border-bottom : 1px solid #a000a0;
}

.subnav li a:hover {
	text-decoration : none;
	color : #500050;
	background : #fcd2f8;
	border : 1px solid #000;
	border-bottom : 1px solid #a000a0;
}

/*======================
subSub  Navigation Tabs
======================*/
.subsubnav {
	text-align : center;
	font-weight : bold;
	margin : 0;
	padding : 20px 0 2px;
	color : #fff;
	background : #f5f5f5;
	border-bottom : 6px solid #a000a0;
}

.subsubnav ul {
	padding : 0;
	margin : 0;
	list-style : none;
}

.subsubnav li {
	display : inline;
	list-style : none;
	margin : 0 ;
	padding : 0;
}

.subsubnav li a:link, .subsubnav li a:visited {
	text-decoration : none;
	margin : 0 ;
	padding : 4px 15px;
	color : #fff;
	background : #c480ff;
	border : 1px solid #000;
	border-bottom : 1px solid #a000a0;
}

.subsubnav li a:hover {
	text-decoration : none;
	color : #500050;
	background : #fcd2f8;
	border : 1px solid #000;
	border-bottom : 1px solid #a000a0;
}


/*======================
Ord  Navigation Tabs
======================*/
.ordnav {
	text-align : right;
	font-weight : bold;
	margin : 0;
	padding : 20px 0 2px;
	color : #fff;
	background : #f5f5f5;
	border-bottom : 5px solid #a000a0;
	border-top : 5px solid #a000a0;
}

.ordnav ul {
	padding : 0;
	margin : 0;
	list-style : none;
}

.ordnav li {
	display : inline;
	list-style : none;
	margin : 0 ;
	padding : 0;
}

.ordnav li a {
	text-decoration : none;
	margin : 0 2px;
	padding : 4px 15px;
	color : #fff;
/*	background : #ea80ff; */
	background : #c480ff;
	border : 1px solid #000;
	border-bottom : 1px solid #a000a0;
}

.ordnav li a:hover {
	text-decoration : none;
	color : #500050;
	background : #fcd2f8;
	border : 1px solid #000;
	border-bottom : 1px solid #a000a0;
}







/*Page Here Indicator*/

#whoweare li.whoweare a, 
#juniors li.juniors a,
#seniors li.seniors a,
#news li.news a, 
#gallery li.gallery a,
#awards li.awards a,
#contact li.contact a,
#train li.train a
 {
	color : #500050;
	background : #fffafa; 
	border : 1px solid #000;
	border-bottom : 1px solid #800080;
	cursor : default;
}

/*=====================
Typography Styling
=====================*/

/* HEADINGS */
#header h1 {
	font-size: 2em;
	line-height : 1em;
	margin : 0;
	padding : 0;
}

#main .mcdfright {
	float: right;
	margin : 10px  300px 10px  0;
}
#main .espfright {
	float: right;
	margin : 0 100px 0 0;
}
.xklfright {
	float: right;
	margin : 10px;
}

#main .previous {
	border-right: 2px solid #500050;
}
#sidebar h2,
#fullwidth h2
{
	font-size: 1.7em;
	margin: 0;	
	padding : 1em 30px 0;
	color: #700070;
}
#fullwidth h1, #main h1
{
	font-size: 2em;
	margin: 0;	
	padding : 1em 30px 0;
	color: #700070;
}

#main h2 {
	font-size: 1.7em;
	margin: 30px 0 0 0;	
	padding : 1em 30px 0;
	color: #700070;
}
#main h3,
#fullwidth h3 
         {
	font-size: 1.3em;
	margin: 0;
	padding: 0.5em 40px 0;
	color: #700070;
}
#main h5,
#fullwidth h5 
         {
	font-size: 1.3em;
	margin: 0;
	padding: 0.5em 40px 0;
	color: #990ccc ;
}



#AENA   {
	text-align : center;
	position: relative;
}
#AENA  span#gold {
	margin: 50px  auto 30px;
	font-size: 1.3em;
	line-height : 3em;
	display:block;
	font-weight : bold;
	width: 75%;
	color: gold;
	background : #900090;
}

#a4 {
        margin : 50px  auto;
        padding : 0 ;
        color: #700070;
        background : #fcd2f8;
        border : 1px solid #800080;
}


#main h2.gap,
#main h3.gap,
#fullwidth h2.gap, 
#fullwidth h3.gap 
{
	padding-top: 2em;
	border-top : 1px dashed #a1a6bf;
	color: #700070;
}

#sidebar h3
{
	font-size: 1.3em;
	margin: 0;
	padding: 0.5em 20px;
	color: #700070;
}

/*TEXT*/
#main p,
#fullwidth p 
{
	margin: 0;
	padding: 1em 30px 0.8em 50px;
	line-height : 1.8em;
}

#sidebar p
{
	margin: 0;
	padding: 1em 20px 0.8em;
	line-height : 1.8em;
}

#main p.date,
#fullwidth p.date 
{
	font-weight : bold;
	font-size : 1.1em;
	color : #500050;
	margin: 0;
	padding: 0.5em 30px 0 50px;
}
#main p.datej
{
	font-weight : bold;
	font-size : 1.1em;
	color: #990ccc ;
	margin: 0;
	padding: 0.5em 30px 0 50px;
}

p.gap
{
	padding-bottom: 2.5em;
	border-bottom : 1px dashed #a1a6bf;
}

#main ul li,
#fullwidth ul li {
	list-style-type : square;
	margin: 1em 30px  0.8em 80px;  
	padding: 0;
}

#sidebar ul li {
	list-style-type : square;
	margin: 0.8em 10px 0 40px;
	padding: 0;	
}

#sidebar ul {
	padding : 0;
	margin: 0 0 2em 0;
}


#main p.caption,
#sidebar p.caption,
#fullwidth p.caption
{
	font-style : italic;
	text-align : center;
	margin : 0 auto;
	padding: 0 50px 1.5em;
}

/*=====================
Picture Styling
=====================*/
img.picture {
	text-align : center;
	padding : 5px;
	margin :  1em auto;
	border : 1px solid #999;
	display : block;
}

img.plain {
	border:none;
}

img.logo {
	text-align : center;
	padding : 5px;
	margin :  0 auto;
	display : block;
}

#sidebar img.picture {
	border : none;
	margin : 0 auto;
}

.picture p {
	text-align : center;
	margin: 0;
	padding: 0 30px;
	font-style : italic;
	font-size : 0.9em;
}

.picright {
	text-align : center;
	padding : 5px;
	margin :  1em 30px 1em 15px;
	border : 1px solid #999;
	float: right;
}

.picleft {
	text-align : center;
	padding : 5px;
	margin :  1em 15px 1em 30px;
	border : 1px solid #999;
	float: left;
}

.picright p,
.picleft p
{
	text-align : center;
	margin: 0;
	padding: 0 30px;
	font-style : italic;
	font-size : 0.9em
}

/*=====================
Specialist Styling
=====================*/

/*Notice panel*/

#sboard {
	position:relative; 
	display : block;
	padding : 10px;
	margin :  10px auto 30px;
	background: #f6e9fb;
	border : 3px solid #800080;
	width : 85%;
}
#sboard p
{
	margin: 0;
	padding: 1em 20px 0.8em;
	line-height : 1.8em;
}


.nbprofile {
        width: 100px;
        margin :  5px ;
        float: right;
}
/*
		textarea {
                margin: 20px auto;		
		width: 250px;
		height: 200px;
		background: #ffffa0;
		}

		#cent    {
		text-align: center;
		}
		#cont    {
		text-align: left;
		width: 350px;
                margin: 10px auto;		
		}
*/



blockquote {
	display : block;
	padding: 1.2em 10px 1em 40px;
	margin: 20px auto ;
	color : #666;
	background : #F3F3F3 url(../images/general/quote.png) no-repeat 5px 5px;
	width:75%;
}

#board {
	position:relative;
	padding : 10px;
	margin :  10px auto 30px  ;
	background: #f6e9fb;
	border : 3px solid #800080; 
	display : block;
	width : 560px;
}

.rite   {
	text-align : center;
	padding : 0;
	float:right;
	width: 150px;
	margin :  0  auto ;
/*	border : 1px solid #999; */
	display : block;
}


#webboard {
	position:relative;
	padding : 20px;
	margin :  10px auto 30px  ;
	background: #e5e5e5;
	border : 3px solid #800080; 
	display : block;
	width : 560px;
}
#smallwebboard {
	position:relative;
	padding : 20px;
	margin :  10px auto 30px  ;
	background: #e5e5e5;
	border : 3px solid #800080; 
	display : block;
	width : 400px;
}


#mail {
	position:relative;
	padding : 20px;
	margin :  10px auto  ;
	background: #f6e9fb;
	border : 3px solid #800080; 
	display : block;
	width : 400px;
}


/*=====================
Table Styling Adapted
=====================*/
/* "Muted" CSS theme for CSS Table Gallery (http://icant.co.uk/csstablegallery/) by Dan Champion */
table {
	border-collapse: collapse;
	font-size: 0.8em;
	margin :  5em 30px 1em;
	padding : 10px;
	border : 1px solid #999;
}
table#teamstats {
	border-collapse: collapse;
	font-size: 0.8em;
	margin :  1em auto ;
	padding : 10px;
	border : 1px solid #999;
}

caption {
	margin :  0 ;
	text-align: left;
	font-size: 1.5em;
	color : #500050;
	font-weight: bold; 
}

#fullwidth table {
	margin : 0 auto;
}

#fullwidth caption {
	text-align : center;
	margin : 1em auto;
}

th, td {
	border : 1px solid #999;
	padding: 0.6em;
	vertical-align: 4px;
}

th {
	text-align: left;
	/* text-transform: uppercase; */ 
}

thead th, tfoot th, tfoot td {
	color : #000;
	background-color: #D8BFD8;
	font-size: 1.1em;
}

tbody th {
	background: url(../images/general/table_bullet0.gif) no-repeat 6px 0.8em;
	padding-left: 4px;
}

tbody th, td {
	background-color:#eee;
}

tbody tr:hover td, tbody tr:hover th {
	background-color: #FFFAFA;
}

tr.odd td, tr.odd th {
	background-color: transparent;
}

tfoot th {
	text-align: right;
}

tfoot th:after {
	content: ":";
}

/*=====================
Table Styling Adapted
=====================*/
/* "Muted" CSS theme for CSS Table Gallery (http://icant.co.uk/csstablegallery/) by Dan Champion */
#res table {
	border-collapse: collapse;
	font-size: 0.8em;
	margin : 0  auto ;
	padding : 5px;
	border : 1px solid #999;
}

#res caption {
	margin :  0;
	text-align: center;
	font-size: 1.5em;
	color : #500050;
	font-weight: bold;
}

#fullwidth #res table {
	margin : 0 auto 50px;
}

#fullwidth #res caption {
	text-align : center;
	margin : 1em auto;
}

#res th, #res td {
	border : 1px solid #999;
	text-align: center;
	padding: 0.6em;
	vertical-align: 4px;
}

#res th {
	text-align: center;
	/* text-transform: uppercase; */
}

#res thead th, #res tfoot th, #res tfoot td {
	color : #000;
	background-color: #D8BFD8;
	font-size: 1.1em;
	text-align: center;
}

#res tbody th {
	background: url(../images/general/table_bullet0.gif) no-repeat 6px 0.8em;
	padding-left: 4px;
	text-align: center;
}

#res tbody th, #res tbody  td {
	background-color:#eee;
	text-align: center;
}

#res tbody tr:hover td, #res tbody tr:hover th {
	background-color: #FFFAFA;
	text-align: center;
}

#res tr.odd td, #res tr.odd th {
	background-color: transparent;
	text-align: center;
}

#res tfoot th {
	text-align: center;
}

#res tfoot th:after {
	content: ":";
}



/*=====================
In-line Navigation Styling
=====================*/
a:link {
	color : #700070;
	background : transparent;
	text-decoration: underline;
	}

a:visited {	
	color : #700070;
	background : transparent;
	text-decoration: underline;
}

a:hover
{
	color : #fff;
	background : #700070;
	text-decoration : none;
}

a:active {
	color : Red;
	background : Yellow;
	text-decoration : none;
}


a.external {
	padding: 0 20px 0 0;
	background : url(../images/general/ext.gif) no-repeat 99% 100%;
}

a.external:hover
{
	color : #fff;
	text-decoration : none;
	padding: 0 20px 0 0;
	background : #a000a0 url(../images/general/ext-hover.gif) no-repeat 99% 100%;
}


#fullwidth li a.external:link, #fullwidth a.external:visited  {
	color : #700070;
	padding: 0 20px 0 0;
	background : url(../images/general/ext.gif) no-repeat 99% 100%;
}
#fullwidth li a.external:hover
{
	color : #fff;
	text-decoration : none;
	padding: 0 20px 0 0;
	background : #a000a0 url(../images/general/ext-hover.gif) no-repeat 99% 100%;
}


#footer a:link {
	color : #EEF2F8;
	background : transparent;
	text-decoration: underline;	
}

#footer a:visited {	
	color : #EEF2F8;
	background : transparent;
	text-decoration: underline;
}

#footer a:hover {
	color : #000;
	background : #eee;
	text-decoration : none;
}

#footer a:active {
	color : Red;
	background : Yellow;
	text-decoration : none;
}





#amble {
	clear : both;
	padding : 5px;
        width: 500px;
	background: #f6f6e6;
/*	border: 1px solid #5c3110; */
	margin: 0 auto;
}
#amble h2 {
        color: #800080; 
        font-size: 1.7em;
	text-align : left;
}
#amble h3 {
        color: #800080; 
        font-size: 1.3em;
}


div.roll   {
	position:relative;
	width: 20em;
	margin: 10px  auto ;
	padding: 0 ;
}
div.roll ul.wide  {
	list-style-type : none;
	padding: 0 ;
	margin: 0 auto ;
}
#fullwidth  div.roll ul.wide li  {
	list-style-type : none;
	padding: 0 ;
	margin: 0 auto ;
}

div.roll ul.wide li a:link, div.roll ul.wide li  a:visited {
        display: block;
	width: 20em;
	height: 2em;
	line-height: 2em;
	color: #000;
	background : transparent; 
        text-indent: 10px;
	text-decoration : none;
	border-left: 1px solid #333;
	border-right: 1px solid #333;
	border-bottom: 1px solid #333;
	margin: 0 auto ;
}


div.roll ul.wide  li  a:hover {
	background : #ea80ff;
	color: #000;
}
		

div.roll ul.wide  li a.first:link, div.roll ul.wide  li  a.first:visited {
	border-top: 1px solid #333;
}
div.roll ul.wide  li  a.first:hover {
	border-top: 1px solid #333;
}

div.oneoff   {
	position:relative;
	width: 30em;
	margin: 10px  auto ;
	padding: 0 ;
}

div.oneoff  a:link, div.oneoff   a:visited {
        display: block;
	font-weight : bold;
	width: 30em;
	height: 2em;
	line-height: 2em;
	color: #fff;
	background : #700070; 
        text-indent: 10px;
	text-decoration : none;
	border-top: 1px solid #333;
	border-left: 1px solid #333;
	border-right: 1px solid #333;
	border-bottom: 1px solid #333;
	margin: 0 auto ;
}
div.oneoff  a:hover {
	background : #ea80ff;
	color: #000;
}


/*=====================
Table Styling Adapted
=====================*/
/* "Muted" CSS theme for CSS Table Gallery (http://icant.co.uk/csstablegallery/) by Dan Champion */
table {
	border-collapse: collapse;
	font-size: 0.8em;
	margin :  5em 30px 1em;
	padding : 10px;
	border : 1px solid #999;
}

caption {
	margin :  0 ;
	text-align: left;
	font-size: 1.5em;
	color : #500050;
	font-weight: bold; 
}

#fullwidth table {
	margin : 0 auto;
}

#fullwidth caption {
	text-align : center;
	margin : 1em auto;
}

th, td {
	border : 1px solid #999;
	padding: 0.6em;
	vertical-align: 4px;
}

th {
	text-align: left;
	/* text-transform: uppercase; */ 
}

thead th, tfoot th, tfoot td {
	color : #000;
	background-color: #D8BFD8;
	font-size: 1.1em;
}

tbody th {
	background: url(../images/general/table_bullet0.gif) no-repeat 6px 0.8em;
	padding-left: 4px;
}

tbody th, td {
	background-color:#eee;
}

tbody tr:hover td, tbody tr:hover th {
	background-color: #FFFAFA;
}

tr.odd td, tr.odd th {
	background-color: transparent;
}

tfoot th {
	text-align: right;
}

tfoot th:after {
	content: ":";
}

/*=====================
Table Styling Adapted
=====================*/
/* "Muted" CSS theme for CSS Table Gallery (http://icant.co.uk/csstablegallery/) by Dan Champion */
#res table {
	border-collapse: collapse;
	font-size: 0.8em;
	margin : 0  auto ;
	padding : 5px;
	border : 1px solid #999;
}

#res caption {
	margin :  0;
	text-align: center;
	font-size: 1.5em;
	color : #500050;
	font-weight: bold;
}

#fullwidth #res table {
	margin : 0 auto 50px;
}

#fullwidth #res caption {
	text-align : center;
	margin : 1em auto;
}

#res th, #res td {
	border : 1px solid #999;
	text-align: center;
	padding: 0.6em;
	vertical-align: 4px;
}

#res th {
	text-align: center;
	/* text-transform: uppercase; */
}

#res thead th, #res tfoot th, #res tfoot td {
	color : #000;
	background-color: #D8BFD8;
	font-size: 1.1em;
	text-align: center;
}

#res tbody th {
	background: url(../images/general/table_bullet0.gif) no-repeat 6px 0.8em;
	padding-left: 4px;
	text-align: center;
}

#res tbody th, #res tbody  td {
	background-color:#eee;
	text-align: center;
}

#res tbody tr:hover td, #res tbody tr:hover th {
	background-color: #FFFAFA;
	text-align: center;
}

#res tr.odd td, #res tr.odd th {
	background-color: transparent;
	text-align: center;
}

#res tfoot th {
	text-align: center;
}

#res tfoot th:after {
	content: ":";
}