/*----------------------------------------------------------------------------*/
/* document structure                                                         */
/*----------------------------------------------------------------------------*/

html, body {
   margin: 0 auto; /* align center */
   padding: 0;
   background-color: #003366;
   height: 100%; /* force scroll bar */
   margin-bottom: 1px;
}

body {
   font-family: Verdana, Arial, Helvetica, sans-serif;
   color: #333333;
   font-size: 70%;
   text-align: center;
}

/*----------------------------------------------------------------------------*/
/* page structure                                                             */
/*----------------------------------------------------------------------------*/

#page_box {
   margin: 0 auto; /* align center */
   text-align: left;
   padding: 0;
   width: 770px;
   background: #FFFFFF;
}

.clear {
   clear: both;
   float: none;
   font-size: 1px;
   color: #FFFFFF;
}

/*----------------------------------------------------------------------------*/
/* page header                                                                */
/*----------------------------------------------------------------------------*/

#page_header_box {
   position: relative;
   margin: 1px;
   width: 768px;
   height: 63px;
   background: #99CCFF;
}

#logo {
   position: absolute;
   left: 0px;
   top: 0px;
   width: 768px;
   height: 63px;
}

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

#top_nav_box {
   position: relative;
   margin: 1px;
   height: 2.2em !important;
   background: #DD0000;
   text-align: center;
}

#top_nav_items {
   margin: 0;
   padding: 0;
   list-style: none;
}

#top_nav_items li {
   float: left;
   padding: 0.5em;
	color: #FFFFFF;
}

#top_nav_items a {
   padding: 0.5em;
 	font-weight: bold;
 	text-decoration: none;
	color: #FFFFFF;
}

#top_nav_items a:hover {
 	font-weight: bold;
 	text-decoration: none;
   color: #003366;
}

/*----------------------------------------------------------------------------*/
/* page content                                                               */
/*----------------------------------------------------------------------------*/

#page_content_box {
   position: relative;
   z-index: 1; /* needed for IE and the menu */
   width: 770px;
}

/* main content */

#content_main.narrow {
   width: 532px;
   float: left;
   overflow: hidden; /* to fix any wrapping that may occur in IE with wide content */
   margin: 0px 1px 20px 1px;
}

#content_main.wide {
   width: 100%;
}

#content_box {
   padding: 0px 10px;
   margin: 0px;
   margin-bottom: 10px;
}

#page_content_box a {
 	font-weight: bold;
 	text-decoration: none;
	color: #999999;
}

#page_content_box a:hover {
 	font-weight: bold;
 	text-decoration: none;
   color: #444444;
}

/* right content */

#content_right {
   float: left;
   margin-bottom: 20px;
}

#quick_links {
   width: 194px;
   float: left;
   padding: 0px 2px 10px 10px;
   background: #99CCFF;
   border: 1px solid #003366;
   margin: 10px 5px 10px 5px;
}

#quick_links_head {
   margin: 0;
   padding: 0;
   color: #FF0000;
}

#quick_links_items {
   font-size: 90%;
   margin: 0;
   padding: 0;
   list-style: none;
}

#quick_links_items li {
   padding: 5px 0px 2px 0px;
}

#quick_links a {
 	font-weight: bold;
 	text-decoration: none;
   color: #444444;
}

#quick_links a:hover {
 	font-weight: bold;
 	text-decoration: none;
	color: #999999;
}

#wekaf_logo {
   text-align: center;
}

/*----------------------------------------------------------------------------*/
/* page footer                                                                */
/*----------------------------------------------------------------------------*/

#page_footer_box {
   position: relative;
   margin: 1px;
   width: 768px;
/*   background: #99CCFF;*/
   background: #DD0000;
   text-align: center;
   padding: 0.5em 0 0.5em 0;
}

#page_footer_box .text {
   font-size: smaller;
   color: #FFFFFF;
}

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

#page_footer_box a:hover {
   color: #003366;
}

/*----------------------------------------------------------------------------*/
/* results pages                                                              */
/*----------------------------------------------------------------------------*/

table#results {
	border: none;
	width: 100%;
}

.res_category { /* Single/Double/Forms */
   background: #DD0000;
	color: #FFFFFF;
	font-weight: bold;
	margin: 10px 0px 10px 0px;
}

.res_group { /* Gender & Junior/Cadet/Veteran & Weight */
   background: #99CCFF;
   color: #444444;
	font-weight: bold;
}

.event_name {
   font-size: 120%;
   text-align: center;
   padding: 10px 0px 10px 0px;
   
}

/*----------------------------------------------------------------------------*/
/* text styles                                                                */
/*----------------------------------------------------------------------------*/

.text_bold {
 	font-weight: bold;
}

.text_right {
	text-align: right;
}

.text_left {
	text-align: left;
}

.text_underline {
	text-decoration: underline;
}

.text_red {
	color: red;
}

.text_underline_bold {
	text-decoration: underline;
 	font-weight: bold;
}

.text_medium_bold {
   font-size: 130%;
   font-weight: bold;
}

.text_large {
   font-size: 200%;
   font-weight: bold;
}

.text_small {
   font-size: 80%;
}


/*----------------------------------------------------------------------------*/
/* generic styles                                                             */
/*----------------------------------------------------------------------------*/

.border_dark {
   border: 1px solid #666666;
}

.centre {
   text-align: center;
}

.box_blue {
   padding: 10px 5px 10px 5px;
   background: #99CCFF;
   margin: 10px 10px 10px 10px;
   border: 1px solid #003366;
}

.box_blue_padded {
   padding: 10px 10px 10px 10px;
   background: #99CCFF;
   margin: 10px 10px 10px 10px;
   border: 1px solid #003366;
}

hr {
   border: 0;
   background-color: #99CCFF;
   height: 1px;
}

p {
   margin:0.75em 0 1em 0;
   padding:0;}

h1 {
   margin: 1em 0 0.5em 0;
   font-size: 105%;
}

h2 {
   margin: 1em 0 0.5em 0;
   font-size: 100%;
}

h3 {
   margin: 1em 0 0.75em 0;
   font-size: 100%;
   font-weight: bold;
   color: #444444;
}

ul {
   margin: 0;
   padding: 0;
}

li {
   margin: 0;
   padding: 0;
	list-style: none;
}

#numbered_list li {
   list-style: decimal;
}

td.button {
	padding: 10px 0px 10px 0px;
	vertical-align: center;
}

.enquiry_input {
   width : 200px;
}