/* CSS Document */
/***********************************************************************/
/* dirtyfork                                                           */
/***********************************************************************/



body
{
	margin: 0px;
	padding: 0px;
	font-family: Arial, Helvetica, sans-serif;
	background: url(wea_images/bg_grad.jpg) top left repeat-x #FFF;
	font-size: 11.5px;
}



/***********************************************************************/
/* main container build                                                */
/***********************************************************************/

#outer
{
	margin: 0px;
	padding: 0px;
	width: 100%;
	background: url(wea_images/bg_grad.jpg) top left #FFFFFF repeat-x;
}

#whiteFullWidth
{
	margin: 0px;
	float: left;
	padding: 0px;
	width: 100%;
	background: url(wea_images/main_content_bg.jpg) top left #FFFFFF repeat-x;
}

/***********************************************************************/
/* top | includes print etc                                            */
/***********************************************************************/

#top
{
	float: left;
	width: 100%;
	padding: 0px;
	margin: 0px;
	min-width: 980px;
	background: url(wea_images/bg.jpg) top left repeat-x #FFF;
}
#logo
{
	float: left;
	width: 279px;
	height: 96px;
	padding: 0px;
	margin: 0px;
	margin-left: 57px;
}
#logo h1
{
	display: none;
}

#topBar
{
	float: left;
	width: 100%;
	height: 14px;
	overflow: hidden;
	padding: 3px 0px 0px 0px;
	margin: 0px;
	text-align: right;
	background-color: #00ACEE;
}

#topBarInner
{
	float: left;
	width: 800px;
	padding: 0px;
	margin: 0px;
}

#topBarInner p
{
	font-size: 11px;
	line-height: 11px;
	color: #FFF;
	padding: 0px;
	margin: 0px;
	font-weight: normal;
	text-decoration: none;
	text-align: right;
}

#topBarInner p a
{
	font-size: 11px;
	line-height: 11px;
	color: #FFF;
	padding: 0px;
	margin: 0px;
	font-weight: normal;
	text-decoration: none;
	text-align: right;
}

#topBarInner p a:hover
{
	font-size: 11px;
	line-height: 11px;
	color: #FFF;
	padding: 0px;
	margin: 0px;
	font-weight: normal;
	text-decoration: none;
	text-align: right;
	text-decoration: underline;
}
div.legend {
	border: 1px solid #00acee;
	float: left;
	width: 707px;
	padding: 8px 0 8px 0;
}
div.legend div.keyleft {
	margin-left: 90px;
	float: left;
	margin-right: 30px;
}
html>body div.legend div.keyleft {
	margin-left: 185px;
}
div.legend div.provcolour {
	float: left;
	margin-right: 5px;
	width: 40px;
	height: 18px;
	background: #d62810;
}
div.legend div.confirmcolour {
	float: left;
	margin-right: 5px;
	width: 40px;
	height: 18px;
	background: #00acee;
}
div.legend div.keyright {
	float:left;
}
/***********************************************************************/
/* navigation                                                          */
/***********************************************************************/

#navigation
{
	float: left;
	width: 179px;
	margin: 0px;
	padding: 52px 0px 20px 6px;
	background: url(wea_images/nav_top.jpg) top left no-repeat;
}

#navigation ul
{
	list-style: none;
	display: block;
	width: 179px;
	margin: 0px;
	padding: 0px;
	float: left;
}

#navigation li
{
	list-style: none;
	display: block;
	margin: 0px;
	padding: 0px;
	float: left;
}


#navigation a
{
	float: left;
	padding: 5px 0px 4px 15px;
	margin: 0px;
	color: #FFF;
	width: 164px;
	font-weight: normal;
	text-decoration: none;
	font-size: 11px;
	text-transform: uppercase;
	background-color: #00ACEE;
	border-bottom: solid 1px #7FD6F4;
}

#navigation a:hover
{
	color: #0063A0;
	text-decoration: none;
	background-color: #FFC10E;
}

#navigation a.active, #navigation a.active:hover
{
	color: #0063A0;
	text-decoration: none;
	background-color: #FFC10E;
}

#navigation a.selected, #navigation a.selected:hover
{
	color: #0063A0;
	text-decoration: none;
	background-color: #FFC10E;
}

body#home #navigation #navHome,
body#about #navigation #navAbout,
body#calendar #navigation #navCalendar,
body#instructions #navigation #navInstructions,
body#submitInstructions #navigation #navSubmitInstructions,
body#search #navigation #navSearch,
body#events #navigation #navEvents,
body#eventssub1 #navigation #navEventsSub1,
body#eventssub2 #navigation #navEventsSub2,
body#eventssub3 #navigation #navEventsSub3,
body#faq #navigation #navFaq,
body#register #navigation #navRegister
{
	color: #0063A0;
	text-decoration: none;
	background-color: #FFC10E;
}

#navEvents {
	cursor: pointer;
}

#navigation a.reduced
{
	background-color: #A1CAE6;
}

#navigation a:hover.reduced
{
	background-color: #FFC10E;
}

#navigation a.submenu
{
	color: #00acee;
	background-color: #FFFFFF;
}

#navigation a:hover.submenu
{
	color: #0063A0;
	text-decoration: none;
	background-color: #FFC10E;
}

/***********************************************************************/
/* Vertical Accordions                                                 */
/***********************************************************************/
#largeText
{
	width: 500px;
	float: left;
	padding: 30px 0px 20px 20px;
	margin: 0px;
}
	
	
	
#vertical_nested_container 
{
	margin: 0px;
	width: 586px;
}

.accordion_toggle 
{
	height: 17px;
	width: 586px;
	padding-top: 1px;
	margin-top: 10px;
	background-image: url(wea_images/btm_border.gif);
	background-repeat: repeat-x;
	background-position: bottom;
	display: block;
	cursor: help;
	color: #0099ff;	
	font-weight: bold;
	font-size: 11px;
}

/* Container styling*/
#horizontal_container 
{
	margin: 0px;
	width: 495px;   
	height: 100px;    
}
		
.accordion_toggle_active 
{
	height: 17px;
	width: 586px;
	padding-top: 1px;
	margin-top: 10px;
	background-image: url(wea_images/btm_border.gif);
	background-repeat: repeat-x;
	background-position: bottom;
	display: block;
	cursor: help;	

}
		
.accordion_content
{
	background-color: #ffffff;
	overflow: hidden;
	padding: 10px 0px;
}
			
.vertical_accordion_toggle
{
	display: block;
	height: 30px;
	width: 440px;
	background-color: #1C97C3;
	padding: 0px;
	line-height: 30px;
	font-weight: normal;
	text-decoration: none;
	outline: none;
	font-size: 12px;
	color: #000000;
	border-bottom: 1px solid #FFF;
	cursor: pointer;
	margin: 0 0 0 0;
}

.vertical_accordion_toggle_active 
{
	background-color: #000;
	color: #ffffff;
	border-bottom: 1px solid #FFF;
}

.vertical_accordion_content 
{
	background-color: #ffffff;
	color: #444444;
	overflow: hidden;
}

.vertical_accordion_content h2 
{
	margin: 15px 0 5px 10px;
	color: #0099FF;
}

.vertical_accordion_content p 
{
	line-height: 150%;
	padding: 5px 10px 15px 10px;
}






/***********************************************************************/
/* main sets                                                           */
/***********************************************************************/



#setWidth
{
	float: left;
	padding: 0px;
	margin: 0px;
	width: 980px;
	background: url(wea_images/width_fixed_bg.jpg) top left #FFFFFF repeat-y;
}

#mainContent
{
	float: left;
	padding: 0px;
	margin: 0px;
	width: 795px;
	background: url(wea_images/main_content_bg.jpg) top left #FFFFFF repeat-x;
}

/***********************************************************************/
/* page builds                                                         */
/***********************************************************************/

#bodyContainer
{
	float: left;
	padding: 52px 0px 20px 29px;
	margin: 0px;
	width: 586px;
}

#wideBodyContainer
{
	float: left;
	padding: 52px 0px 20px 29px;
	margin: 0px;
	width: 766px;
}

#leftBody
{
	float: left;
	width: 300px;
	padding: 0px 0px 0px 0px;
	margin: 0px;
}

#rightBody
{
	float: left;
	width: 286px;
	height: 297px;
	padding: 0px;
	margin: 0px;
	background: url(wea_images/buttons_right2.jpg) top right no-repeat;
}

#rightBodyPlain
{
	float: left;
	width: 286px;
	height: 297px;
	padding: 0px;
	margin: 0px;
}

.leftBodyBox
{
	float: left;
	display: block;
	width: 95px;
	height: 96px;
	padding: 0px 5px 5px 0px;
	margin: 0px;
}

#bannerRight
{
	width: 160px; 
	padding: 52px 0px 20px 20px;
	margin: 0px;
	float: left;
}

#bannerBottom
{
	width: 586px;
	padding: 20px 0px 20px 0px;
	margin: 0px;
	float: left;
}




/* more link set, stops using the javascript dreamweaver stuff */
/* business dev */

#applyButton
{
	float: none;
	margin: 0;
	height: 50px;
	width: 300px;
}

#applyButton a 
{		
	display: block;		
	float: none;
	margin: 0;
	height: 50px;
	width: 300px;
	background: url(http://www.westendagents.com/wea_images/btn-apply.gif) no-repeat 0 0;
	text-indent: -99999px;
}
#applyButton a:hover {
	background: url(http://www.westendagents.com/wea_images/btn-apply.gif) no-repeat 0px -60px;
}
		 	

#eventsButton
{
	float: none;
	margin: 0;
	height: 50px;
	width: 300px;
}

#eventsButton a 
{		
	display: block;		
	float: none;
	margin: 0;
	height: 50px;
	width: 300px;
	background: url(http://www.westendagents.com/wea_images/btn-events.gif) no-repeat 0 0;
	text-indent: -99999px;
}
#eventsButton a:hover {
	background: url(http://www.westendagents.com/wea_images/btn-events.gif) no-repeat 0px -60px;
}


#calendarButton
{
	float: none;
	margin: 0;
	height: 50px;
	width: 300px;
}

#calendarButton a 
{		
	display: block;		
	float: none;
	margin: 0;
	height: 50px;
	width: 300px;
	background: url(http://www.westendagents.com/wea_images/btn-calendar.gif) no-repeat 0 0;
	text-indent: -99999px;
}
#calendarButton a:hover {
	background: url(http://www.westendagents.com/wea_images/btn-calendar.gif) no-repeat 0px -60px;
}

/*#applyButton
{
	float: left;
	margin: 0px 0px 5px 0px;
	height: 96px;
	width: 95px;
	background: url(wea_images/apply.jpg) top left no-repeat;
}

#applyButton a 
{		
	display: block;		
	height: 96px;
	width: 95px;
	text-indent: -99999px;
}
		 	
.applyButtonInner
{
	float: left;
	margin: 0px;
	padding: 0px;
	height: 96px;
	width: 95px;
}

a.applyButtonInner:hover
{
	background: url(wea_images/apply_over.jpg) top left no-repeat;
}

a.applyButtonInner:hover { border: none; }



#eventsButton
{
	float: left;
	margin: 0px 0px 5px 0px;
	height: 96px;
	width: 95px;
	background: url(wea_images/social_events.jpg) top left no-repeat;
}

#eventsButton a 
{		
	display: block;		
	height: 96px;
	width: 95px;
	text-indent: -99999px;
}
		 	
.eventsButtonInner
{
	float: left;
	margin: 0px;
	padding: 0px;
	height: 96px;
	width: 95px;
}

a.eventsButtonInner:hover
{
	background: url(wea_images/social_events_over.jpg) top left no-repeat;
}

a.eventsButtonInner:hover { border: none; }




#calendarButton
{
	float: left;
	margin: 0px 0px 5px 0px;
	height: 96px;
	width: 95px;
	background: url(wea_images/view_calendar.jpg) top left no-repeat;
}

#calendarButton a 
{		
	display: block;		
	height: 96px;
	width: 95px;
	text-indent: -99999px;
}
		 	
.calendarButtonInner
{
	float: left;
	margin: 0px;
	padding: 0px;
	height: 96px;
	width: 95px;
}

a.calendarButtonInner:hover
{
	background: url(wea_images/view_calendar_over.jpg) top left no-repeat;
}

a.calendarButtonInner:hover { border: none; }
*/



/***********************************************************************/
/* form elements                                                       */
/***********************************************************************/

form
{
	padding: 0px;
	margin: 0px;
}

.formTextRight
{
	float: left;
	padding: 2px 15px 0px 0px;
	margin: 0px 0px 5px 0px;
	text-align: right;
	width: 170px;
	display: block;
}

.mformTextRight
{
	float: left;
	padding: 2px 15px 0px 0px;
	margin: 0px 0px 5px 0px;
	text-align: right;
	width: 120px;
	display: block;
}

.mformTextLeft
{
	float: left;
	padding: 2px 15px 0px 0px;
	margin: 0px 0px 5px 0px;
	text-align: left;
	width: 100px;
	display: block;
}
.mformTextLeft1
{
	float: left;
	padding: 2px 15px 0px 0px;
	margin: 0px 0px 5px 0px;
	text-align: left;
	width: 70px;
	display: block;
}
.formTextWidth2
{
	float: left;
	padding: 2px 15px 0px 0px;
	margin: 0px 0px 5px 0px;
	width: 137px;
	display: block;
}

.general
{
	float: left;
	padding: 0px;
	margin: 0px;
}

.rule
{
	height: 1px;
	font-size: 1px;
	overflow: hidden;
	padding: 0px;
	margin: 5px 0px 12px 0px;
	background-color: #999999;
}

/* calendar form set */

#booking_form
{
	float: left;
	width: 710px;
	border: solid 1px #7FB7B6;
	margin: 0px 0px 10px 0px;
	padding: 6px 10px 6px 10px;
	background-color: #F3F4EF;
} 

#selected_dates_list
{
	float: left;
	width: 395px;
	margin: 0px;
	padding: 0px;
}

/*#selected_dates_list ol
{
	margin: 0px;
	padding: 0px 0px 0px 20px;
	width: 180px;
}

#selected_dates_list ol li
{
	margin: 0px;
	padding: 3px 0px 7px 0px;
	width: 180px;
	font-size: 11px;
}*/

#selected_dates_list ol
{
	margin: 5px 0px 10px 10px;
	padding: 0px;
	border: 0px;
}

#selected_dates_list ol li
{
	margin: 0px 0px 0px 14px;
	padding: 2px 0px 1px 0px;
	font-size: 11px;
	border-bottom: dotted 1px #CCCCCC;
}

.selected_dates_maindiv
{
	width: 370px;
	height: 18px;
	border-bottom: dotted 1px #CCCCCC;
}

.selected_dates_datestring
{
	float:left;
	font-size: 12px;
	width:115px;
}

.selected_dates_timeselection
{
	float:left;
	width:60px;
	text-align:center;
}

.selected_dates_statusselection
{
	float:left;
	font-size: 12px;
	width:120px;	
	text-align:center;
}

.selected_dates_remove
{
	width:40px;
	font-size: 12px;
	float:left;
}

/*right form set */

#inputfields
{
	float: right;
	width: 310px;
	padding: 0px 0px 0px 5px;
	margin: 0px;
}

#inputfields .formTextRight
{
	float: left;
	padding: 2px 10px 0px 0px;
	margin: 0px 0px 5px 0px;
	text-align: right;
	width: 55px;
	display: block;
}

#inputfields .floatLeftInput
{
	float: left;
}

#inputfields p
{
	display: block;
	float: left;
	padding: 5px 0px 5px 0px;
}


/***********************************************************************/
/* body calendar elements                                              */
/***********************************************************************/


.calendarRow
{
	float: left;
	padding: 0px;
	margin: 0px;
	width: 707px;
	border-bottom: solid 1px #0063a0;
	border-left: solid 1px #0063a0;
}


.calendarBox
{
	float: left;
	width: 100px;
	padding: 0px;
	margin: 0px;
	border-right: solid 1px #0063a0;
	border-top: 2px solid #0063a0;
}

.calendarBoxDays
{
	float: left;
	width: 100px;
	padding: 0px;
	margin: 0px;
	background-color: #FFF;
	border-bottom: solid 1px #0063a0;
}

.calendarBoxDays p
{
	color: #999;
	text-align: center;
	text-transform: uppercase;
	padding: 4px 0px 2px 0px;
	margin: 0px;
	display: block;
	font-size: 10px;
}

.calendarBoxLightGreen
{
	float: left;
	width: 100px;
	padding: 0px;
	margin: 0px;
	background: #f5f8f9;
}

.calendarBoxLightGreen p
{
	color: #5B5C55;
	text-align: right;
	text-transform: uppercase;
	padding: 3px 3px 3px 0px;
	margin: 0px;
	display: block;
	font-size: 10px;
}

.calendarBoxLightGreen p a
{
	color: #5B5C55;
	text-align: right;
	text-transform: uppercase;
	padding: 2px 3px 2px 0px;
	margin: 0px;
	display: block;
	font-size: 10px;
}

.calendarBoxLightGrey
{
	float: left;
	width: 100px;
	padding: 0px;
	margin: 0px;
	background: #ddf3ff;
}

.calendarBoxLightGrey p
{
	color: #5B5C55;
	text-align: right;
	text-transform: uppercase;
	padding: 3px 3px 3px 0px;
	margin: 0px;
	display: block;
	font-size: 10px;
}


.calendarBoxDarkBlue,
.calendarBoxDarkestBlue
{
	float: left;
	width: 100px;
	padding: 0px;
	margin: 0px;
	background-color: #fff;
}

.calendarBoxDarkBlue p,
.calendarBoxDarkestBlue p
{
	color: #dddddd;
	text-align: right;
	text-transform: uppercase;
	padding: 3px 3px 3px 0px;
	margin: 0px;
	display: block;
	font-size: 10px;
}
.calendarBoxDarkBlue div.am,
.calendarBoxDarkestBlue div.am  {
	background: url('wea_images/notthismonth.gif') center no-repeat;
}
.calendarBoxDarkestBlue div.noon,
.calendarBoxDarkestBlue div.pm,
.calendarBoxDarkBlue div.noon,
.calendarBoxDarkBlue div.pm {
	background: transparent;
	border-bottom: 1px solid #dddddd;
}
.calendarBoxDarkBlue div.book,
.calendarBoxDarkestBlue div.book {
	visibility: hidden;
}

/*.calendarBoxDarkestBlue
{
	float: left;
	width: 100px;
	padding: 0px;
	margin: 0px;
	background-color: #A1CCD5;
}

.calendarBoxDarkestBlue p
{
	color: #5B5C55;
	text-align: right;
	text-transform: uppercase;
	padding: 3px 3px 3px 0px;
	margin: 0px;
	display: block;
	font-size: 10px;
}
*/
.calendarBoxSelected
{
	float: left;
	width: 100px;
	padding: 0px;
	margin: 0px;
	background-color: #FFDDDD;
}

.calendarBoxSelected p
{
	color: #5B5C55;
	text-align: right;
	text-transform: uppercase;
	padding: 3px 3px 3px 0px;
	margin: 0px;
	display: block;
	font-size: 10px;
}

.calendarBox_section1
{
	float: left;
	width: 100px;
	height: 31px;
	padding: 0px;
	margin: 0px;
	background-color: #FFFFFF;
}

.calendarBox_section2
{
	float: left;
	width: 100px;
	height: 31px;
	padding: 0px;
	margin: 0px;
	background-color: #dbdbdb;
}

.calendarBox_section3
{
	float: left;
	width: 100px;
	height: 31px;
	padding: 0px;
	margin: 0px;
	background-color: #cecece;
}

.calendarBoxLightGreen_weekly
{
	float: left;
	width: 100px;
	height: 228px;
	padding: 0px;
	margin: 0px;
	background-color: #FFF;
}

.calendarBoxLightGreen_weekly p
{
	color: #5B5C55;
	text-align: right;
	text-transform: uppercase;
	padding: 3px 3px 3px 0px;
	margin: 0px;
	display: block;
	font-size: 10px;
}

.calendarBoxLightGreen_weekly p a
{
	color: #5B5C55;
	text-align: right;
	text-transform: uppercase;
	padding: 2px 3px 2px 0px;
	margin: 0px;
	display: block;
	font-size: 10px;
}

.calendarBoxLightGrey_weekly
{
	float: left;
	width: 100px;
	height: 228px;
	padding: 0px;
	margin: 0px;
	background-color: #E9EAEC;
}

.calendarBoxLightGrey_weekly p
{
	color: #5B5C55;
	text-align: right;
	text-transform: uppercase;
	padding: 3px 3px 3px 0px;
	margin: 0px;
	display: block;
	font-size: 10px;
}


.calendarBoxDarkBlue_weekly
{
	float: left;
	width: 100px;
	height: 228px;
	padding: 0px;
	margin: 0px;
	background-color: #ABDAE4;
}

.calendarBoxDarkBlue_weekly p
{
	color: #5B5C55;
	text-align: right;
	text-transform: uppercase;
	padding: 3px 3px 3px 0px;
	margin: 0px;
	display: block;
	font-size: 10px;
}


.calendarBoxDarkestBlue_weekly
{
	float: left;
	width: 100px;
	height: 228px;
	padding: 0px;
	margin: 0px;
	background-color: #A1CCD5;
}

.calendarBoxDarkestBlue_weekly p
{
	color: #5B5C55;
	text-align: right;
	text-transform: uppercase;
	padding: 3px 3px 3px 0px;
	margin: 0px;
	display: block;
	font-size: 10px;
}

.calendarBoxSelected_weekly
{
	float: left;
	width: 100px;
	height: 228px;
	padding: 0px;
	margin: 0px;
	background-color: #FFDDDD;
}

.calendarBoxSelected_weekly p
{
	color: #5B5C55;
	text-align: right;
	text-transform: uppercase;
	padding: 3px 3px 3px 0px;
	margin: 0px;
	display: block;
	font-size: 10px;
}


/* calendar list elements */

/* slots - outer layer starts */

.am {
	background: url('wea_images/am.gif') no-repeat top right #fff5cd;
	width: 98px;
	float: left;
	padding: 1px 1px 1px 1px;
	border-bottom: 1px solid #aaaaaa;
}

.noon {
	background: url('wea_images/noon.gif') no-repeat top right #ccf1ff;
	width: 98px;
	float: left;
	padding: 1px 1px 1px 1px;
	border-bottom: 1px solid #aaaaaa;
}

.pm {
	background: url('wea_images/pm.gif') no-repeat top right #ffe2e1;
	width: 98px;
	float: left;
	padding: 1px 1px 1px 1px;
	border-bottom: 1px solid #aaaaaa;
}

/* slots - outer layer ends */


/* provisional starts */

.provisional
{
	float: left;
	padding: 0px;
	margin: 0;
}

.provisional ul
{
	list-style: none;
	margin : 0px;
	padding: 0px;
	float: left;
	width: 100px;
}

.provisional li
{
	list-style: none;
	float: left;
	margin : 0;
	padding: 0;

}

.provisional a
{
	float: left;
	border-bottom: 1px solid #aaaaaa;
	background: #d62810;
	width: 95px;
	line-height: 16px;
	margin: 0;
	padding: 0;
	padding-left: 5px;
	font-weight: normal;
	text-decoration: none;
	color: #fff;
	font-size: 10px;
}
html>body .provisional a {
	line-height: 17px;
	[line-height: 16px;]
}
.provisional ul li a:hover
{
	color: #000;
	text-decoration: none;
}

.provisional ul li a.active, .provisional ul li a.active:hover
{
	color: #666666;
	text-decoration: none;
}

.provisional ul li a.selected, .provisional ul li a.selected:hover
{
	color: #000;
	text-decoration: none;
}
/* provisional finishes */



/* confirmed starts */

.confirmed
{
	float: left;
	padding: 0px;
	margin: 0;
}

.confirmed ul
{
	list-style: none;
	margin : 0px;
	padding: 0px;
	float: left;
}

.confirmed li
{
	list-style: none;
	float: left;
	margin : 0px;
	padding: 0px;

}

.confirmed a
{
float: left;
	border-bottom: 1px solid #aaaaaa;
	background:#00acee;
	width: 95px;
	line-height: 16px;
	margin: 0;
	padding: 0;
	padding-left: 5px;
	font-weight: normal;
	text-decoration: none;
	color: #fff;
	font-size: 10px;
}
html>body .confirmed a {
	line-height: 17px;
	[line-height: 16px;]
}
.confirmed ul li a:hover
{
	color: #000;
	text-decoration: none;
}

.confirmed ul li a.active, .provisional ul li a.active:hover
{
	color: #666666;
	text-decoration: none;
}

.confirmed ul li a.selected, .provisional ul li a.selected:hover
{
	color: #666666;
	text-decoration: none;
}
/* confirmed finishes */


/* book starts */

.book
{
	width: 16px;
	height: 15px;
	padding: 0px 0px 0px 84px;
	margin: 2px 0px 2px 0px;
	background: url(wea_images/book.gif) top right no-repeat;
}

.book ul
{
	list-style: none;
	float: left;
	display: block;
	margin : 0px;
	padding: 0px;
}

.book ul li
{
	list-style: none;
	float: left;
	display: block;
	width: 16px;
	margin: 0px 0px;
	padding: 0px 0px 0px 0px;
}


.book a
{
	float: left;
	width: 16px;
	padding: 2px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	color: #999;
	font-weight: normal;
	text-decoration: none;
	text-transform: uppercase;
	font-size: 9px;
}

.book a:hover
{
	color: #999;
	text-decoration: none;
}

.book a.active, .book a.active:hover
{
	color: #999;
	text-decoration: none;
}

.book a.selected, .book a.selected:hover
{
	color: #999;
	text-decoration: none;
}

.book_selected
{
	float: left;
	width: 16px;
	height: 15px;
	padding: 0px 0px 0px 84px;
	margin: 2px 0px 2px 0px;
	background: url(wea_images/book_selected.gif) top right no-repeat;
}

.book_selected ul
{
	list-style: none;
	float: left;
	display: block;
	margin : 0px;
	padding: 0px;
}

.book_selected ul li
{
	list-style: none;
	float: left;
	display: block;
	width: 16px;
	margin: 0px 0px;
	padding: 0px 0px 0px 0px;
}


.book_selected a
{
	float: left;
	width: 16px;
	padding: 2px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	color: #999;
	font-weight: normal;
	text-decoration: none;
	text-transform: uppercase;
	font-size: 9px;
}

.book_selected a:hover
{
	color: #999;
	text-decoration: none;
}

.book_selected a.active, .book a.active:hover
{
	color: #999;
	text-decoration: none;
}

.book_selected a.selected, .book a.selected:hover
{
	color: #999;
	text-decoration: none;
}
/* .book finishes */

/* month Nav elements */

#monthNavContainerTop
{
	float: left;
	padding: 8px 0px 0px 90px;
	margin: 0px;
	height: 30px;
	width: 617px;
}

#monthNavContainer
{
	float: left;
	padding: 8px 0px 8px 90px;
	margin: 0px;
	height: 30px;
	width: 617px;
	border-bottom: solid 2px #00ACEE;
}

#monthNav
{
	float: left;
	padding: 2px 26px 8px 30px;
	margin: 0px;
	width: 450px;
}

#monthNav ul, #monthNav li
{
	list-style: none;
	display: inline;
	margin : 0px;
	padding: 0px;
}


#monthNav a
{
	float: left;
	padding: 2px 9px 2px 9px;
	margin: 0px;
	color: #515151;
	font-weight: normal;
	text-decoration: none;
	text-transform: uppercase;
	font-size: 9px;
}

#monthNav a:hover
{
	color: #FFF;
	background-color: #00ACEE;
}

#monthNav a.active, #monthNav a.active:hover
{
	color: #515151;
}

#monthNav a.selected, #monthNav a.selected:hover
{
	color: #FFF;
	background-color: #00ACEE;
}

/* arrows */

.arrowLeft
{
	float: left;
	width: 16px;
	height: 15px;
	display: block;
	padding: 0px;
	margin: 0px;
	background: url(wea_images/left_arrows.gif) top left no-repeat;
}

.arrowLeft a
{
	width: 16px;
	height: 15px;
	display: block;
	padding: 0px;
	margin: 0px;
	text-decoration: none;
}

.arrowRight
{
	float: left;
	width: 16px;
	height: 15px;
	display: block;
	padding: 0px;
	margin: 0px;
	background: url(wea_images/right_arrows.gif) top left no-repeat;
}

.arrowRight a
{
	width: 16px;
	height: 15px;
	display: block;
	padding: 0px;
	margin: 0px;
	text-decoration: none;
}

.monthNavInstructions
{
	float: left;
	padding: 12px 0px;
	margin: 0px;
	width: 707px;
	text-align: center;
}

/* event info */

.eventInfo
{
	/*float: left;
	display: block;*/
	margin: 0px;
	padding: 5px 5px 5px 5px;
	border-right: solid 1px #DEEDF5;
	font-weight: bold;
	background-color: #EBF3F8;
}


.buttonOne a, .buttonOne a:hover
{
	padding: 10px;
	margin: 0px;
	border: solid 1px #999;
	background-color: #EBF3F8;
}

/***********************************************************************/
/* help NAV dl                                                         */
/***********************************************************************/

#helpNav
{
	float: left;
	width: 586px;
	margin: 0px;
	padding: 0px;
}

#helpNav dl, #helpNav dt, #helpNav dd
{
	list-style: none;
	display: inline;
	margin : 0px;
	padding: 0px;
	width: 300px;
}

/* title set */
#helpNav dt a
{
	float: left;
	width: 285px;
	padding: 5px 0px 5px 15px;
	margin: 0px 0px 1px 0px;
	color: #0063A0;
	font-weight: bold;
	text-decoration: none;
	font-size: 11px;
	background-color: #E8F2F6;
}

#helpNav dt a:hover
{
	color: #0063A0;
	text-decoration: underline;
}

#helpNav dt a.active, #helpNav dt a.active:hover
{
	color: #289274;
	text-decoration: underline;
}

#helpNav dt a.selected, #helpNav dt a.selected:hover
{
	color: #0063A0;
	text-decoration: underline;
	background-color: #DEEDF5;
}

/* dd set */
#helpNav dd a
{
	float: left;
	width: 255px;
	padding: 6px 10px 7px 35px;
	margin: 0px 0px 1px 0px;
	color: #0063A0;
	font-weight: bold;
	text-decoration: none;
	font-size: 11px;
	background-color: #F5F8FC;
}

#helpNav dd a:hover
{
	color: #0063A0;
	text-decoration: underline;
}

#helpNav dd a.active, #helpNav dd a.active:hover
{
	color: #0063A0;
	text-decoration: underline;
}

#helpNav dd a.selected, #helpNav dd a.selected:hover
{
	color: #0063A0;
	text-decoration: underline;
	background-color: #DEEDF5;
}


/***********************************************************************/
/* footer container build                                              */
/***********************************************************************/

#footer
{
	width: 100%;
	float: left;
	margin: 0px;
	padding: 0px;
	background: url(wea_images/footer_bg.jpg) top left repeat-x;
}

#footer p
{
	font-size: 9px;
	line-height: 10px;
	color: #000;
	padding: 20px 0px 0px 213px;
	margin: 0px;
	font-weight: normal;
	text-decoration: none;
}

#footer p a
{
	font-size: 9px;
	line-height: 10px;
	color: #000;
	text-decoration: none;
}

#footer p a:hover
{
	font-size: 9px;
	line-height: 10px;
	color: #000;
	padding: 0px 0px 1px 0px;
	margin: 0px;
	text-decoration: underline;
}


/***********************************************************************/
/* general spans inc colors clear etc                                  */
/***********************************************************************/

.clear
{
	clear: both;
	height: 1px;
	font-size: 1px;
}

.clearWithHeight
{
	clear: both;
	height: 40px;
	font-size: 1px;
}

.floatLeft
{
	float: left;
}

.floatRight
{
	float: right;
}

img
{
	border: none;
}

br
{
	height: 1px;
	font-size: 1px;
}

.screenHide
{
	display: none;
}

.smallText
{
	color: #706D6D;
	font-size: 9px;
}

.purple
{
	color: #2D0054;
}

.purpleBold
{
	color: #2D0054;
	font-weight: bold;
}

.light
{
	color: #999999;
}


/***********************************************************************/
/* basic xhtml styling :)                                              */
/***********************************************************************/

p
{
	font-size: 11.5px;
	line-height: 16px;
	color: #000;
	padding: 0px 0px 14px 0px;
	margin: 0px;
	font-weight: normal;
	text-decoration: none;
}

p a
{
	line-height: 14px;
	color: #0063A0;
	padding: 0px;
	margin: 0px;
	font-weight: normal;
	text-decoration: underline;
}

p a:hover
{
	line-height: 14px;
	color: #0063A0;
	padding: 0px;
	margin: 0px;
	font-weight: normal;
	text-decoration: none;
}

h1
{
	color: #003876;
	font-size: 20px;
	line-height: 28px;
	padding: 0px;
	margin: 0px;
	font-weight: normal;
}

h2
{
	color: #0063A0;
	font-size: 20px;
	line-height: 25px;
	padding: 0px 0px 8px 0px;
	margin: 0px;
	font-weight: bold;
	text-transform: uppercase;
}

h3
{
	color: #0063A0;
	font-size: 12px;
	line-height: 12px;
	padding: 0px 0px 12px 0px;
	margin: 0px;
	font-weight: bold;
	text-transform: uppercase;
}
h3.warn {
	color: #CC3300;
}

h4
{
	color: #003876;
	font-size: 18px;
	line-height: 26px;
	padding: 0px;
	margin: 0px;
	font-weight: normal;
}

h5
{
	color: #003876;
	font-size: 18px;
	line-height: 26px;
	padding: 0px;
	margin: 0px;
	font-weight: normal;
}

a
{
	text-decoration: underline;
	color: #0063A0;
}

a:hover
{
	text-decoration: none;
	color: #0063A0;
}
select {
	font-family:  Arial, Helvetica, sans-serif;
	font-size: 10px;
}
input {
	font-family:  Arial, Helvetica, sans-serif;
	font-size: 11px;
}

/***********************************************************************/
/* ADMIN build                                                         */
/***********************************************************************/

#topAdmin
{
	float: left;
	width: 100%;
	padding: 0px;
	margin: 0px;
	background: url(images/bg_admin.jpg) top left repeat-x #ECF5FA;
}

#logoAdmin
{
	float: left;
	width: 98%;
	/*height: 93px;*/
	padding: 0px 0px 20px 0px;
	margin: 0px;
}

#logoAdmin img
{
	float: left;
}

#logoAdmin span
{
	color: #98C3E3;
	font-weight: bold;
	border: solid 1px #CCC;
	padding: 10px;
	margin-top: 10px;
	background-color: #FFFFFF; 
	float: right;
}

#topBarAdmin
{
	float: left;
	width: 100%;
	height: 14px;
	overflow: hidden;
	padding: 3px 0px 0px 0px;
	margin: 0px;
	text-align: right;
	background-color: #98C3E3;
}

#setWidthAdmin
{
	float: left;
	padding: 0px;
	margin: 0px;
	width: 980px;
	background: url(images/main_content_bg.jpg) top left #FFFFFF repeat-x;
}

#footerAdmin
{
	width: 100%;
	float: left;
	margin: 0px;
	padding: 0px;
	background: url(images/footer_admin_bg.jpg) top left repeat-x;
}

/***********************************************************************/
/* navigation                                                          */
/***********************************************************************/

#navigationAdmin
{
	float: left;
	width: 179px;
	margin: 0px;
	padding: 10px 0px 20px 6px;
}

#navigationAdmin ul
{
	list-style: none;
	display: block;
	width: 179px;
	margin: 0px;
	padding: 0px;
	float: left;
}

#navigationAdmin li
{
	list-style: none;
	display: block;
	margin: 0px;
	padding: 0px;
	float: left;
}


#navigationAdmin a
{
	float: left;
	padding: 5px 0px 4px 15px;
	margin: 0px;
	color: #FFF;
	width: 164px;
	font-weight: normal;
	text-decoration: none;
	font-size: 12px;
	text-transform: uppercase;
	background-color: #98C3E3;
	border-bottom: solid 1px #FFF;
	display: block;
}

#navigationAdmin a:hover
{
	color: #FFF;
	text-decoration: none;
	background-color: #88CD00;
	display: block;
}

#navigationAdmin a.active, #navigationAdmin a.active:hover
{
	color: #FFF;
	text-decoration: none;
	background-color: #88CD00;
}

#navigationAdmin a.selected, #navigationAdmin a.selected:hover
{
	color: #FFF;
	text-decoration: none;
	background-color: #88CD00;
}

/* dl list set up. */

#regManage
{
	float: left;
	margin: 0px;
	padding: 0px;
	width: 586px;
}



#regManage dl
{
	list-style: none;
	display: block;
	float: left;
	margin : 0px;
	padding: 0px;
	width: 586px;
}

#regManage dd
{
	float: left;
	width: 220px;
	padding: 4px 0px 8px 0px;
	margin: 0px 0px 0px 0px;
	color: #000;
	font-weight: normal;
	text-decoration: none;
	font-size: 12px;
	border-bottom: solid 1px #98C3E3;
}

#regManage dt
{
	float: left;
	width: 146px;
	padding: 4px 0px 8px 0px;
	margin: 0px 0px 0px 0px;
	color: #000;
	font-weight: normal;
	text-decoration: none;
	font-size: 12px;
	border-bottom: solid 1px #98C3E3;
}

#regManage dt a
{
	text-decoration: underline;
	color: #000000;
	padding: 0px;
}

/* dl list set up. */

#regManage2
{
	float: left;
	margin: 0px;
	padding: 0px;
	width: 586px;
}

#regManage2 dl
{
	list-style: none;
	display: block;
	float: left;
	margin : 0px;
	padding: 0px;
	width: 586px;
}

#regManage2 dd
{
	float: left;
	width: 146px;
	padding: 4px 0px 8px 0px;
	margin: 0px 0px 0px 0px;
	color: #000;
	font-weight: normal;
	text-decoration: none;
	font-size: 11px;
	border-bottom: solid 1px #98C3E3;
}

#regManage2 dt
{
	float: left;
	width: 146px;
	padding: 4px 0px 8px 0px;
	margin: 0px 0px 0px 0px;
	color: #000;
	font-weight: normal;
	text-decoration: none;
	font-size: 11px;
	border-bottom: solid 1px #98C3E3;
}

#regManage2 dt a
{
	text-decoration: underline;
	color: #000000;
	padding: 0px;
	font-size: 11px;
}


/*extra for search results */

#regManage3
{
	float: left;
	margin: 0px;
	padding: 0px;
	width: 586px;
}

#regManage3 dl
{
	list-style: none;
	display: block;
	float: left;
	margin : 0px;
	padding: 0px;
	width: 586px;
}

#regManage3 dd
{
	float: left;
	width: 146px;
	padding: 4px 0px 8px 0px;
	margin: 0px 0px 0px 0px;
	color: #000;
	font-weight: normal;
	text-decoration: none;
	font-size: 11px;
	border-top: solid 1px #98C3E3;
}

#regManage3 dt
{
	float: left;
	width: 146px;
	padding: 4px 0px 8px 0px;
	margin: 0px 0px 0px 0px;
	color: #000;
	font-weight: normal;
	text-decoration: none;
	font-size: 11px;
	border-top: solid 1px #98C3E3;
}

#regManage3 dt a
{
	text-decoration: underline;
	color: #000000;
	padding: 0px;
	font-size: 11px;
}



/* dl list set up. */

#dbManage
{
	float: left;
	margin: 0px;
	padding: 0px;
	width: 586px;
}



#dbManage dl
{
	list-style: none;
	display: block;
	float: left;
	margin : 0px;
	padding: 0px;
	width: 586px;
}

#dbManage dd
{
	float: left;
	width: 146px;
	padding: 4px 0px 8px 0px;
	margin: 0px 0px 0px 0px;
	color: #000;
	font-weight: normal;
	text-decoration: none;
	font-size: 11px;
	border-bottom: solid 1px #98C3E3;
}

#dbManage dt
{
	float: left;
	width: 146px;
	padding: 4px 0px 8px 0px;
	margin: 0px 0px 0px 0px;
	color: #000;
	font-weight: normal;
	text-decoration: none;
	font-size: 11px;
	border-bottom: solid 1px #98C3E3;
}

#dbManage dt a
{
	text-decoration: underline;
	color: #000000;
	padding: 0px;
	font-size: 11px;
}

/* dl list set up. */

#memberLog
{
	float: left;
	margin: 0px;
	padding: 0px;
	width: 585px;
	font-size: 11px;
	border-top: solid 1px #98C3E3;
	border-left: solid 1px #98C3E3;
}

#memberLog td
{
	padding: 5px;
	border-bottom: solid 1px #98C3E3;
	border-right: solid 1px #98C3E3;
}

#memberLog a
{
	text-decoration: none;
	color: #000000;
	padding: 0px;
	font-size: 11px;
}

#memberLog a:hover
{
	text-decoration: underline;
	color: #000000;
	padding: 0px;
	font-size: 11px;
}

#memberLogView
{
	float: left;
	margin: 0px;
	padding: 0px;
	width: 584px;
	font-size: 11px;
	border: solid 1px #98C3E3;
}

.longInput
{
	width: 300px;
}

.green
{
	color: #66CC33;
}

.blue
{
	color: #0099FF;
}

.whiteBold
{
	color: #FFF;
	font-weight: bold;
}

.blueAdmin
{
	color: #98C3E3;
	font-weight: bold;
}

.viewTextLeft
{
	float: left;
	padding: 5px 0px 5px 10px;
	margin: 0px 0px 0px 0px;
	text-align: left;
	width: 125px;
	display: block;
	border-bottom: solid 1px #98C3E3;
}


.viewTextLeftNoBottom
{
	float: left;
	padding: 5px 0px 5px 10px;
	margin: 0px 0px 0px 0px;
	text-align: left;
	width: 125px;
	display: block;
}

.viewTextRight
{
	float: left;
	padding: 5px 0px 5px 10px;
	margin: 0px 0px 0px 0px;
	text-align: left;
	width: 438px;
	display: block;
	border-left: solid 1px #98C3E3;
	border-bottom: solid 1px #98C3E3;
}

.viewTextRightGreen
{
	float: left;
	padding: 5px 0px 5px 10px;
	margin: 0px 0px 0px 0px;
	text-align: left;
	width: 438px;
	display: block;
	color: #66CC33;
	border-left: solid 1px #98C3E3;
	border-bottom: solid 1px #98C3E3;
}

.viewTextRightBlue
{
	float: left;
	padding: 5px 0px 5px 10px;
	margin: 0px 0px 0px 0px;
	text-align: left;
	width: 438px;
	display: block;
	color: #0099FF;
	border-left: solid 1px #98C3E3;
	border-bottom: solid 1px #98C3E3;
}

.viewTextRightNoBottom
{
	float: left;
	padding: 5px 0px 5px 10px;
	margin: 0px 0px 0px 0px;
	text-align: left;
	width: 438px;
	display: block;
	border-left: solid 1px #98C3E3;
}

/* feed */

.feed a
{
	display: block;
	float: left;
	background: url(wea_images/feed-icon-28x28.gif) top left no-repeat;
	padding: 7px 0px 17px 30px;
	margin: 0px;
	
	color: #0063A0;
	font-size: 11px;
	line-height: 12px;
	margin: 0px;
	font-weight: bold;
	text-transform: uppercase;
}

.feed a:hover
{
	display: block;
	float: left;
	background: url(wea_images/feed-icon-28x28.gif) top left no-repeat;
	padding: 7px 0px 17px 30px;
	margin: 0px;
	
	color: #0063A0;
	font-size: 11px;
	line-height: 12px;
	margin: 0px;
	font-weight: bold;
	text-transform: uppercase;
}


/*extra for search results */

#instructionsList
{
	float: left;
	margin: 0px;
	padding: 0px;
	width: 586px;
	border-bottom: solid 1px #98C3E3;
}

#instructionsList dl
{
	list-style: none;
	display: block;
	float: left;
	margin : 0px;
	padding: 0px;
	width: 586px;
}

#instructionsList dd
{
	float: right;
	width: 130px;
	padding: 4px 0px 8px 0px;
	margin: 0px 0px 0px 0px;
	color: #000;
	font-weight: normal;
	text-decoration: none;
	font-size: 11px;
	border-top: solid 1px #98C3E3;
}

#instructionsList dt
{
	float: right;
	width: 326px;
	padding: 4px 0px 8px 0px;
	margin: 0px 0px 0px 0px;
	color: #000;
	font-weight: normal;
	text-decoration: none;
	font-size: 11px;
	border-top: solid 1px #98C3E3;
}

#instructionsList dt a
{
	text-decoration: underline;
	color: #000000;
	padding: 0px;
	font-size: 11px;
}


/***********************************************************************/
/* log-in box                                                          */
/***********************************************************************/

#topBarAdminInner
{
float: left;
width: 100%;
padding: 0px;
margin: 0px 0px 4px 0px;
}

#topBarAdminInner p
{
font-size: 11px;
line-height: 12px;
color: #333;
padding: 3px 8px 3px 0px;
margin: 0px;
font-weight: normal;
text-decoration: none;
text-align: right;
}

#topBarAdminInner p a
{
font-size: 11px;
line-height: 11px;
color: #FFF;
padding: 3px;
margin: 0px;
background-color: #92C3E1;
font-weight: normal;
text-decoration: none;
text-align: right;
}

#topBarAdminInner p a:hover
{
font-size: 11px;
line-height: 11px;
color: #FFF;
padding: 3px;
margin: 0px;
font-weight: normal;
background-color: #00ACEE;
text-align: right;
text-decoration: underline;
}

.aboutus {
	
	font-size: 11px;
	line-height: 14px;
	color: #000;
	padding: 0px 0px 14px 0px;
	margin: 0px;
	font-weight: normal;
	text-decoration: none;
}

.aboutus a
{
	font-size: 12px;
	color: #0063A0;
	padding: 0px 0px 14px 0px;
	margin: 0px;
	font-weight: normal;
	text-decoration: none;
}

.aboutus a:hover
{
	font-size: 12px;
	color: #0063A0;
	padding: 0px 0px 14px 0px;
	margin: 0px;
	font-weight: normal;
	text-decoration: underline;
}

a.backtotop_link:link, a.backtotop_link:visited, a.backtotop_link:hover, a.backtotop_link:active
{
	color: #FFFFFF;
	text-decoration: none;
	font-size: 12px;
	font-weight: bold;
}

div#backtotop {
   position: fixed;
   bottom: 10px;
   right: 10px;
   visibility: hidden;
   background-color: #790619;
   color: #FFFFFF;
   padding: 3px 3px 3px 3px;
} 


/***********************************************************************/
/* ad banners                                                          */
/***********************************************************************/
.ad-top-wide {
	position:absolute;
	top:10px; 
	left:330px
}
.ad-top-wide img {
	border: none;
}