@charset "UTF-8";
/* CSS Document */

body {
	background-color: #f4f2f2;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 17px;

}



p { font-size: 12px; font-family:Arial, Helvetica, sans-serif; color:#333333; }

a {
text-decoration:underline;
font-weight:bold;
color: #669933;
}

a:hover{
text-decoration: none;
}



.large-font {font-size: 14px; font-weight:normal; font-family: Arial, Helvetica, sans-serif; color:#333333; text-decoration:none; line-height: 18px;}

.clear { clear: both; }

hr {
color:#f4f2f2;
}

h3 {font-weight:bold; font-size:14px; color:#000000;}

ul {
color:#333333;
}

blockquote { 
	width: 595px; 
	margin: 10px 0 0 0; 
	padding: 10px; 
	background-color: #f4f2f3;
	float:right;

	} 

#content-align {
text-align:left;
}

.no-border {
border:none;
}

.blue-link {color: #0070b8;}
.green-link {color: #006600;}
.purple-link {color: #6633CC;}
.pink-link {color: #FF3366;}

.small-link {
	color: #666666;
	font-weight: normal;
	font-size: 9px;
}

.uppercase {
	text-transform: uppercase;
}

#main-container {
	background-color:#FFFFFF;
	width: 854px;
	height: auto;
	padding: 23px;
	margin: 10px 0 10px 0;
	
}

#navigation-container {
	width: 854px;
	height: 30px;
	margin-bottom: 10px;
	display:block;
	
}

#book-now a {background-image: url(images/BOOK-NOW.jpg); height: 204px; width:203px; display: block; position: 0 0; float:right  }
#book-now a:hover { background-position:0 -204px;   }

#book-now-bar a {background-image: url(images/booking-button-bar.jpg); height: 45px; width:245px; display: block; position: 0 0; float:right  }
#book-now-bar a:hover { background-position:0 -43px;   }


#nav_home a {background-image: url(images/NAV_HOME.jpg); height: 30px; width:42px; display: block; float:left; position: 0 0; margin-right: 7px;  }
#nav_sessions a {background-image: url(images/NAV_SESSIONS.jpg); height: 30px; width:57px; display: block; float:left; position: 0 0; margin-right: 7px;}
#nav_keynote a {background-image: url(images/NAV_KEYNOTE.jpg); height: 30px; width:57px; display: block;  float:left; position: 0 0; margin-right: 7px;}#nav_precon a {background-image: url(images/NAV_PRECON.jpg); height: 30px; width:51px; display: block;  float:left; position: 0 0; margin-right: 7px;}
#nav_opening_address a {background-image: url(images/NAV_OPENING_ADDRESS.jpg); height: 30px; width:107px; display: block;  float:left; position: 0 0; margin-right: 7px;}
#nav_presenters a {background-image: url(images/NAV_PRESENTERS.jpg); height: 30px; width:72px; display: block;  float:left; position: 0 0; margin-right: 7px;}
#nav_expo a {background-image: url(images/NAV_EXPO.jpg); height: 30px; width:37px; display: block;  float:left; position: 0 0; margin-right: 7px;}

#nav_travel_accommodation a {background-image: url(images/NAV_TRAVEL_ACCOMMODATION.jpg); height: 30px; width:157px; display: block;  float:left; position: 0 0; margin-right: 7px;}
#nav_entertainment a {background-image: url(images/NAV_ENTERTAINMENT.jpg); height: 30px; width:92px; display: block;  float:left; position: 0 0; margin-right: 6px;}
#nav_booking a {background-image: url(images/NAV_BOOKING.jpg); height: 30px; width:57px; display: block;  float:left; position: 0 0; margin-right: 6px;}
#nav_contact a {background-image: url(images/NAV_CONTACT.jpg); height: 30px; width:51px; display: block;  float:left; position: 0 0; margin-right: 0;}

#nav_home a:hover, #nav_sessions a:hover, #nav_keynote a:hover, #nav_precon a:hover, #nav_opening_address a:hover, #nav_travel_accommodation a:hover, #nav_entertainment a:hover, #nav_booking a:hover, #nav_contact a:hover, #nav_expo a:hover, #nav_presenters a:hover, .current   {
background-position:0 -30px;
}
#header {
display: block;
width: 854px;
height: 204px;
}

#header img {
float:left;
}


#content-side-container {
display: block;
width: 854px;
height: auto;
padding-top: 10px;
top-border: 1px solid #cccccc;
text-align:left;
float:left;
background-color:#FFFFFF;
}

#content {
	display: block;
	float: left;
	height: auto;
	width: 615px;
	margin-right: 15px;
	text-align:left;
}


#content-left {
	display: block;
	float: left;
	height: auto;
	width: 285px;
	padding-right: 15px;
	margin-top: 20px;
	text-align:left;
	border-right: 1px solid #cccccc;
}

#content-right {
	display:block;
	float: right;
	height: auto;
	width: 285px;
	margin-left: 15px;
	margin-top: 20px;
	text-align:left;
}


#side {
	display: block;
	float: right;
	height: auto;
	width: 219px;
	text-align:left;
}

#side-content {
	display: block;
	height: auto;
	width: 209px;
	text-align:left;
	padding: 5px 5px 10px 5px;
}

#flash-banner {
width:600px;
height: 247px;
display:block;
padding: 5px;
background:#e7e5e5;
}


.img-float {
float:left;
margin: 5px 10px 0px 0;

}

.img-float-right {
float:right;
margin: 5px 0px 10px 10px;

}

.img-float-trainer {
float:left;
margin: 7px 10px 20px 0;

}


#sponsors {
width: 854px;
text-align: left;

}

#entertainment-happy-hour, #entertainment-boogie-night, #national-rail {
display:block;
width: 297px;
float:left;
}

#entertainment-boogie-night {
padding: 0 0 10px 5px;
}

#entertainment-happy-hour {
padding: 0 5px 10px 0;
}

#national-rail {
display:block;
width: 250px;
float:left;
}

#travel-accomodation {
width: 350px;
padding: 0 0 10px 0;
margin-right: 15px;
float:left;
}

#presenters-info-row {
display:block;
width: 610px;
padding: 0 0 0 0;
margin-bottom:10px;
border-bottom: 1px solid #cccccc;
float:left;
}

#presenters-info-left {
display:block;
width: 295px;
float:left;
}

#presenters-info-right {
display:block;
width: 295px;
float:right;
}


.titleBox {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:#F6F6F6 none repeat scroll 0 0;
border:1px solid #E6E6E6;
clear:both;
display:block;
margin:10px 0;
padding:2px 0.7em;
vertical-align:middle;
text-align:right;
color:#CCCCCC;

}


.titleBox-link-disabled{
display:inline;
color:#CCCCCC;
padding: 0 3px 0 3px; 
}

.titleBox a {
display: inline;
width: 15px;
text-decoration:none;
color:#666666;
font-weight:normal;
padding: 0 3px 0 3px;
}

.titleBox a:hover, .current-page  {
background-color:#96bc33;
color:#ffffff;
}

.filterBox {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:#F6F6F6 none repeat scroll 0 0;
border:1px solid #E6E6E6;
clear:both;
display:block;
margin:10px 0;
padding:2px 0.7em;
vertical-align:middle;
text-align:left;

}

.bookingBox {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:#F6F6F6 none repeat scroll 0 0;
border:1px solid #E6E6E6;
clear:both;
display:block;
margin:10px 0;
padding:2px 0.7em;
vertical-align:middle;
text-align:right;
font-size: 12px;

}



.ico_first a {background-image: url(images/pageNavBtns.gif); height: 15px; width:9px; display: inline-block; position: 0 0; background-repeat:no-repeat; float: left; }
.ico_first a:hover { background-position:0 -15px;   }




/*.ico_next a {background-image: url(images/pageNavBtns.gif); height: 15px; width:9px; display: inline-block; position: -30px -30px; background-repeat:no-repeat; float: right; }
.ico_next a:hover { background-position:-30px 0;   }*/

/*.ico_first a, .ico_prev, .ico_next, .ico_last {
display: block;
background-image:url(images/pageNavBtns.gif);
background-repeat:no-repeat;
display:inline;
height:15px;
padding-bottom:1px;
vertical-align:middle;
width:15px;
}

.ico_first a:hover {
background-position:0 0;
}


.ico_first a {

background-position:0 -15px;

}*/

.bold-left {
font-weight:bold;
float:left;
color:#333333;
margin-right: 3px;
}

#presenter-page1 {
display:block;
}

#presenter-page2, #presenter-page3, #presenter-page4, #presenter-page5, #presenter-page6, #presenter-page7, #presenter-page8,  #presenter-page9, #presenter-page10, #booking-info {
display:none;
}



/*#presenter-page1, #presenter-page2, #presenter-page3, #presenter-page4, #presenter-page5, #presenter-page6, #presenter-page7, #presenter-page8,  #presenter-page9, #presenter-page10, #booking-info {
display:block;
}*/

.session-freestyle, .session-pt, .sessions-date, .sessions-time, .session-nutrition, .session-mindbody, .session-lesmills, .session-YMCA, .session-childens, .session-aqua {
font-weight:bold;
}

.session-pt {color:#006699;}
.session-freestyle {color: #FF9933; }
.sessions-date {color:#333333;}
.sessions-time {color: #666666;}
.session-nutrition {color:#663399;}
.session-mindbody {color:#CC0033;}
.session-lesmills {color: #000000;}
.session-YMCA {color:#669900;}
.session-childens {color:#FF3399;}
.session-aqua {color:#003366;}

<!--national rail styles-->
 p#clear { clear:left; padding-top:10px}
       .rail-h1 { font-size:135%; color:#002868}

       .rail- h2 { font-size:109%; color:#002868}

        .rail-h2 em { color:#990400; font-style:normal}

       .rail-h3 { font-size:100%; color:#002868}

        label { font-size:100%; color:#002868;}

        fieldset,form { border:0; padding:0; margin:0}

        sup.new { color:#F00; font-weight:bold}

        li { list-style:none}

        .clear { clear:both}

        .hidden { display:none}

        hr.clear { visibility:hidden; clear:both; height:0; padding:0; margin:0}

        .canvas { background-color:#F0F4FF; margin:0; padding:7px}

        .yui-ac-highlight { background:#CCF}

        .yui-ac-content { position:absolute; left:0; top:0; width:100%; border:1px solid #404040; background:#FFF; overflow:hidden; z-index:9050}

        .sacDiv { position:absolute; z-index:9050}

        .sacDiv ul { padding:2px; list-style:none; margin:0}

        .sacDiv li { cursor:default; padding-right:2px; list-style-type:none}

        .content { padding:7px !important}

        .content p { margin-bottom:7px; padding:0 !important}

        #depCalPop,#retCalPop { position:absolute; display:none}

        span.btn { display:block; float:right}

        span.btn.left { float:left}

        span.btn input { background-color:#002868; color:#FFF; font-weight:bold; border:1px solid; font-size:10px; padding:2px 5px; cursor:pointer; text-transform:uppercase}

        .calContainer { z-index:40; margin:8px 0}

        .calContainer img { float:left; cursor:pointer}

        .mainButton { z-index:44; padding:.5em}

        .hr { border-top:1px solid #000; margin:.1em .1em 0 .1em; clear:both}

        .mainButton a { float:left}

        legend { font-weight:bold; margin-bottom:3px; margin-left:0; padding-left:0}

        legend span.nb { font-weight:normal}

        #ojp .searchChkBox,#ojp .firstDayDropHome { margin:2px 0; padding:0 0 0 14px}

        .monthSel,.twoDigitSel,.timeSep { float:left; margin-right:.3em}

        .twoDigitSel { width:3.2em}

        .monthSel { width:7.2em}

        .dayDrop { width:11em} label.hideLabel { display:none}

        .mainArea { width:240px; background:#ffffff none repeat scroll 0; margin:0; padding:0; border:1px solid #cccccc; margin-bottom:5px;  z-index:2}

        #ojp_stations { z-index:50}

        #ojp_journey { z-index:35}

        #ojp_min_changes { position:relative; z-index:5}

        #connectionsFormBasic { z-index:4}
        #ojp_stations label,.calLbl { width:35px; display:block; float:left; font-weight:bold}

        #logo { margin:0; padding:0; text-align:right;}

        #from { margin-bottom:6px; width:144px}

        #to { width:144px}

        .calPopup { top:21px; left:44px}

        legend { color:#002868; padding:0}

        .mainInner { position:relative; z-index:1; margin:5px 5px 0 5px; padding:5px 5px 0px 5px}

        fieldset.fsCol { display:block; margin-right:4px; margin-left:0px}

<!-- end of national rail-->