/* 
 ------------------------------------------------------------
 Breck Club - CSS.
 ------------------------------------------------------------
*/

body {
/*	width: 100% ;  */
	background: #CBDEF1 ;
	background-attachment : fixed;
   background-image : url(images/background.jpg); 
	color: black ;
	border: 0 ; 
	font-family: Arial, Helvetica, sans-serif ;
	font-size: 16px;
}

h1  {
	font-family: Arial, Helvetica, sans-serif ;
	font-size: 22px;
	text-align: center ;
}
h2  {
	font-family: Arial, Helvetica, sans-serif ;
	font-size: 20px;
	text-align: center ;
}
h3  {
	font-family: Arial, Helvetica, sans-serif ;
	font-size: 18px;
	text-align: center ;
}
h4 {
	font-family: Arial, Helvetica, sans-serif ;
	font-size: 16px;
	text-align: center ;
}

/* Hyperlinks */
a:link, 
a:visited, 
a:active {
/*	color: #6666CC; 
	color: #FFCC33; */
	color: blue ;
	text-decoration: none;
}
a:hover {
/*	background: #CCFFFF;
	color: #6666CC; 
	background: #FBCE2A ; */
	color: blue ;
	text-decoration: underline;  
}


/* 
 ------------------------------------------------------------
 Main DIV styles
 ------------------------------------------------------------
*/
#PageBackground {
	margin-top: 30px;
	margin-left: 100px;
	margin-right: 100px;
	background: #FFFFFF ;
}

/* Main Container DIVs for page */
#PageHeader {
	clear: both ;
	float: left ;
	width:100%;
	background: #1A6F8E ;
	color: #FFFFFF ;
	border: 0;
	top: 0px;
	display: block ;
}

#PageHeaderText {
	font-family: Verdana, Arial, Helvetica, sans-serif ;
	font-size: 24pt ;
	/*font-weight: bold ; */
	text-align: center ;
	margin-bottom: 12px;
}

#PageFooter {
	clear: both ;
/*	background: #99CCFF ;
	color: #000000 ; */
	background: #1A6F8E ;
	color: #FFFFFF ;
	margin-top: 19px; 
	text-align: center ;
	padding: 4px ; 
	border: 2px solid #1A6F8E ; 
/*	font-family: Arial, Helvetica, sans-serif ;
	font-size: 14px ; */
}

/* Page header DIVs */
#PageHeaderLeft {
	top: 0px;
	float: left ;
	width: 100 ;
/*	background: #FBCE2A ;
	color: #A12D16 ; */
	text-align: center ;
}
#PageHeaderCentre {
	top: 0px ;
/*	background: #FBCE2A ;
	color: #EFE8D8 ; */
	margin-left: 115px ;
	margin-right: 115px ;
	padding: 4px;
	text-align: center ;
}
#PageHeaderRight {
	top: 0px;
	float: right ;
	width: 100px ;
/*	background: #FBCE2A ;
	color: #A12D16 ; */
	text-align: center ;
}

#PageContent {
	clear: both ;
	background: #FFFFFF ;
/*	margin-top: 30px; */
	margin-left: 30px ; 
	margin-right: 30px ; 
	margin-bottom: 30px; 
	padding: 5px;
}

#Contact {
	font-family: Verdana, Arial, Helvetica, sans-serif ;
	font-size: 16pt ;
	/*font-weight: bold ;*/
	text-align: center;
}


/* 
 ------------------------------------------------------------
 Centred Menu (Version 3).
 ------------------------------------------------------------
*/

/* Container */
#CentredMenuContainer {
/*	clear: both ;
	float: left ;
	width:100%; 
	display: block ;	*/
	height: 42px;
	background: #1A6F8E ;
	color: #FFFFFF ;
	border: 0;
/*	top: 0px; */
/*	border: 2px solid #1A6F8E; 
	padding: 8px ; */

}
/* Main menu settings */
#CentredMenu {
   clear:both;
   float:left;
   margin:0;
	margin-top: 2px;
	margin-left: 2px;
	margin-right: 2px;
/*   padding:4px; */
   /*border-bottom: 1px solid #000; /* black line below menu */
   width:100%; 
   font-family:Verdana, Geneva, sans-serif; /* Menu font */
   font-size:90%; /* Menu text size */
   z-index:1000; /* This makes the dropdown menus appear above the page content below */
   position:relative;
}

/* Top menu items */
#CentredMenu ul {
   margin:0;
   padding:0;
   list-style:none;
   float:right;
   position:relative;
   right:50%;
}
#CentredMenu ul li {
   margin:0 0 0 1px;
   padding:0;
   float:left;
   position:relative;
   left:50%;
   top:1px;
}
#CentredMenu ul li a {
   display:block;
   margin:0;
   padding:.6em .5em .4em;
   font-size:1em;
   line-height:1em;
   text-decoration:none;
	background: #0E5B78;  
/*	background: rgba(26, 111, 142, 0.75); /* It'll look nice semi-transparent */
   color: #FFFFFF;
	margin-left: 4px;
	margin-right: 4px;
   font-weight:bold;
   border-bottom:1px solid #000;
}
#CentredMenu ul li.active a {
   color:#FFFFFF;
   background:#000000;
}
#CentredMenu ul li a:hover {
   background: #CBDEF1; /* Top menu items background colour */
   color:#000000;
   border-bottom:1px solid #03f;
}
#CentredMenu ul li:hover a,
#CentredMenu ul li.hover a { /* This line is required for IE 6 and below */
   background: #CBDEF1; /* Top menu items background colour */
   color:#000000;
   border-bottom: 1px solid black;
}

/* Submenu items */
#CentredMenu ul ul {
   display:none; /* Sub menus are hiden by default */
   position:absolute;
   top:2em;
   left:0;
   right:auto; /*resets the right:50% on the parent ul */
   width:12em; /* width of the drop-down menus */
}
#CentredMenu ul ul li {
   left:auto;  /*resets the left:50% on the parent li */
   margin:0; /* Reset the 1px margin from the top menu */
   clear:left;
   width:100%;
}
#CentredMenu ul ul li a,
#CentredMenu ul li.active li a,
#CentredMenu ul li:hover ul li a,
#CentredMenu ul li.hover ul li a { /* This line is required for IE 6 and below */
   /*font-size:.8em; */
   /* font-weight:normal; /* resets the bold set for the top level menu items */
   background: #eee;
   color:#444;
   line-height:1.4em; /* overwrite line-height value from top menu */
   border-bottom:1px solid #ddd; /* sub menu item horizontal lines */
}
#CentredMenu ul ul li a:hover,
#CentredMenu ul li.active ul li a:hover,
#CentredMenu ul li:hover ul li a:hover,
#CentredMenu ul li.hover ul li a:hover { /* This line is required for IE 6 and below */
   background: #CBDEF1; /* Sub menu items background colour */
	background: #FFCC33 ;
/*	background: rgba(255, 204, 51, 0.75); /* It'll look nice semi-transparent */
	background: #CBDEF1 ;
   color: #000000;
}

/* Flip the last submenu so it stays within the page */
#CentredMenu ul ul.last {
   left:auto; /* reset left:0; value */
   right:0; /* Set right value instead */
}

/* Make the sub menus appear on hover */
#CentredMenu ul li:hover ul,
#CentredMenu ul li.hover ul { /* This line is required for IE 6 and below */
   display:block; /* Show the sub menus */
}


/* 
 ------------------------------------------------------------
 Input Fields.
 ------------------------------------------------------------
*/
.InputButton {
	font-family: Arial, Helvetica, sans-serif ;
	font-size: 12pt; 
	padding: 2px ;
	vertical-align: middle ;
	border: outset 2pt ;
	border: intset 2pt ;
}

.InputButton:hover {
	background: #FFCC33;
	color: #000000;
	text-decoration: none
}

.InputField {
	width: 98% ;
	background: #ffffff ;
	font-family: Arial, Helvetica, sans-serif ;
	font-size: 18px ;  
}

.InputFieldTextArea {
	width: 90% ;
	height: 200px ;
	background: #ffffff ;
	font-family: Arial, Helvetica, sans-serif ;
	font-size: 18px ; 
}

/*
 ------------------------------------------------------------
 General table styles.
 ------------------------------------------------------------
*/
table  {
	width: 98 % ;
	margin-left: auto ;
	margin-right: auto ;
	border: 1px solid lightgrey ;
	border-collapse: collapse ;
	text-align: left ; 
}

table  th {
	background: #1A6F8E ;
	color: #FFFFFF ;
	border: 1px solid lightgrey ;
	border-collapse: collapse ;
	text-align: left ; 
	font-family: Arial, Helvetica, sans-serif ;
	font-size: 16px ;
	text-align: left;
	vertical-align: top ;
	padding: 8px ; 
}

table  td {
	border: 1px solid lightgrey ;
	border-collapse: collapse ;
	text-align: left ; 
	padding: 8px ; 
	font-family: Arial, Helvetica, sans-serif ;
	font-size: 16px ;
	text-align: left;
	vertical-align: top ;
}


table.InvisibleTable tr {
	border: 0px ;
	border-collapse: collapse ;
}

table.InvisibleTable th {
	border: 0px ;
	border-collapse: collapse ;
}

table.InvisibleTable td {
	border: 0px ;
	border-collapse: collapse ;
	vertical-align: top ;
}

table.PageHeaderTable {
	width: 100%; 
	margin-left: auto;
	margin-right: auto ;
}
table.PageHeaderTable th, 
table.PageHeaderTable td {
	background: #1A6F8E ;
	border: 0px ;
	border-collapse: collapse ;
	text-align: center;
	vertical-align: middle;
}

.RowHeader {
	background: #1A6F8E ;
	color: #FFFFFF ;
/*	font-family: Arial, Helvetica, sans-serif ;
	font-size: 14px; */
}

.RowOdd {
}

.RowEven {
	background: #EFEFEF ;
}

td.PaypalButton {
text-align: center;
}

/* 
 ------------------------------------------------------------
 Various text styles.
 ------------------------------------------------------------
*/

.ErrorMessage {
	font-family: Arial, Helvetica, sans-serif ;
	font-size: 13px ;
	color: #CC3333 ;
	border: 2px solid #CC3333 ;
	padding: 4px ;
}

.SuccessMessage {
	font-family: Arial, Helvetica, sans-serif ;
	font-size: 13px ;
	color: #1A6F8E ;
}

.SearchLink {
	font-family: Arial, Helvetica, sans-serif ;
	font-size: 13px ;
/*	border: 1px solid grey;
	background: #FFFFFF;
	padding: 2px ; */
}

/* 
 ------------------------------------------------------------
 General purpose styles.
 ------------------------------------------------------------
*/

.Right, .right {
	text-align: right
}
.Centre, .centre {
	text-align: center
}
.Italic, .italic {
	font-style: italic;
}
.Bold, .bold {
	font-weight: bold ;
}