/* 
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -

Title : British Motorcycle Federation
Author : Darren Lynch / darren.lynch@gforces.co.uk / G-Forces Web Management Ltd

Type: Screen, Projection

Description : Screen and projection stylesheet BMF site

Created : 23/01/07
Modified : 24/01/07

- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
*/

/* COMMON AND GLOBAL */
body { font:62.5%/1.6 arial, verdana, helvetica, sans-serif; margin:0; padding:0; background:url(../../images/layup/bodyBg.gif); color:#7a7a7a; text-align:center; }
/*  This font sizing is for standards based browsers (firefox, opera, mozilla) that can re-size text.  
Declaring the font size in pixels makes it more consistent across browsers. */
td, textarea, input, select { font:100% arial, verdana, helvetica, sans-serif; }
html>body td, html>body textarea, html>body input, html>body select { font-size:11px; }
/* some browsers don't inherit the font into tables or textareas! */


/* ----- IDS ----- */
#container { width:900px; margin:0 auto; text-align:left; background: url(../../images/layup/containerBgFull.gif) top left repeat-y;}   
#container2 { margin-top:2px; }   
#containerInternal { margin-top:2px; background: url(../../images/layup/container2Bg.gif) top left repeat-y;}
#containerInternal #middleCol { min-height:593px; height:auto;}

#containerInternalRegional { margin-top:2px; background:url(../../images/layup/container2Bg.gif) top left repeat-y;}    
#containerInternalRegional #middleCol { min-height:514px; height:auto;}

#header { position:relative; height:100px; background: url(../../images/layup/headerBg.gif) top right no-repeat;}
#logo { position:absolute; top:5px; left:0px;}
#betterBiking { position:absolute; top:55px; left:157px;}
#motorcyclistsUnion { position:absolute; top:64px; left:152px;}
#regionTitle { position:absolute; top:36px; left:157px;}
#bmf { position:absolute; top:60px; left:630px;}
#bikeInsurance  { position:absolute; top:35px; left:284px;}
#repLogin  { position:absolute; top:10px; left:800px;}
#back { position:absolute; top:5px; left:800px;}
#date { position:absolute; top:7px; left:20px;}

#leftColRegional { float:left; width:147px; height:514px; margin-right:3px; background:url(../../images/layup/containerBg.gif) top left;}
#leftColEvents { float:left; width:147px; height:514px; margin-right:3px; background:url(../../images/layup/containerBg.gif) top left;}
#leftCol { float:left; width:147px; min-height:668px; height:auto; margin-right:3px; background:url(../../images/layup/containerBg.gif) top left;}
#middleCol { float:left; width:626px; min-height: 514px; height:auto; margin-right:3px; background:url(../../images/layup/containerBg.gif) top left; font-size:110%; line-height:14px; color:#FFFFFF;}
#rightCol { float:right; min-height:593px; height:auto; width:121px; background:url(../../images/layup/containerBg.gif) top left;}

#searchInput { padding:10px 0 0 16px;}
#searchInput input { background:#FFFFFF; border:none; font-size:110%; text-align:center; width:85px; padding:5px 3px; color:#000000; font-weight:bold;}
#searchButton { position:absolute; top:10px; left:108px;}
#advancedSearch { padding:6px 0px 11px 2px;}
#advancedSearch a { font-size:110%; padding-left:16px; font-weight:normal; }
#searchInfo {padding:6px 0px 11px 16px; font-size:110%; font-weight:bold; color:#FFFFFF; }

#homeImage { float:left; width:442px;}
#homeImage p{ text-align: center; width: 443px; position:relative; left: 2px; background:url(../../images/layup/welcomeBg.gif) 440px 0px repeat-y; font-weight: bold; font-size: 1.5em; line-height: 130%; }
#mainImageContainer { position:relative; width:442px;  height:295px;}
#mainImage { position:absolute; top:17px; left:17px; z-index: 0; }
#mainImageFrame { position:absolute; top:8px; left:9px; }
/*#mainImageFrame { position:absolute; top:7px; left:7px;}*/
#mainImageText { position:absolute; top:220px; left:250px;}

#regionalHomeImage { float:right; position:relative; padding: 10px 0px 10px 10px; width:369px;}
#regionalMainImageFrame { position:absolute; top:0px; left:4px;}

#eventsGallery { float:left; width:617px; height: 336px; padding: 0px 0px 0px 8px;}
#eventsGalleryImages { position:relative; height:295px; float: left; }
#eventsGalleryImages .eventsPic1 { position:relative; float: left; padding: 22px 0px 0px 12px}
#eventsGalleryImages .eventsPic2  { position:relative; float: left; padding: 25px 0px 0px 19px}
#eventsGalleryImages .eventsPic3  { position:relative; float: left; padding: 28px 0px 0px 15px}
#eventsGalleryImages .eventsPic4  { position:relative; float: left; padding: 13px 0px 0px 14px}
#eventsGalleryImages .eventsPic5  { position:relative; float: left;  padding: 11px 0px 0px 18px}
#eventsGalleryImages .eventsPic6  { position:relative; float: left;  padding: 16px 0px 0px 16px}
#eventsGalleryFrame { position:absolute; top:0px; left:0px;}
#eventsBMF { background: #dd0200; height: 24px; margin: 0px 0px 2px 0px; padding: 9px 0px 0px 12px}
#eventsGems { background: #33CC33; height: 24px; margin: 0px 0px 2px 0px; padding: 9px 0px 0px 12px}
#eventsKelso { background: #159fab; height: 24px; margin: 0px 0px 2px 0px; padding: 9px 0px 0px 12px}
#eventsTailend { background:#F6F; height: 24px; margin: 0px 0px 2px 0px; padding: 9px 0px 0px 12px}
#eventsBikeShow { background: #fa9513; height: 24px; margin: 0px 0px 2px 0px; padding: 9px 0px 0px 12px}
#eventsTrackDays { background: #8200e1; height: 24px; margin: 0px 0px 2px 0px; padding: 9px 0px 0px 12px}

#eventsAdverts {height: 140px; width: 625px; clear: both;display:none;}

.event{width: 110px; float: left; text-decoration:none; cursor: hand;}
.bmf{width: 90px; float: left; color: #dd0200;}
.gems{width: 90px; float: left; color: #33CC33;}
.kelso{width: 90px; float: left; color: #159fab;}
.tailend{width: 90px; float: left; color: #e1d900;}
#ticketHotline { background:#ffffff; width: 453px; height: 20px; margin: 0px 0px 17px 0px; padding: 5px 0px 0px 12px; color: #262525; font-size: 1.0em; font-weight: bold; text-transform:uppercase; }

#bennetts { position:absolute; top:-80px; left:13px;}
#map { position:absolute; top:-160px; left:13px;}
#newsCampaigns { background:url(../../images/layup/newsCampaigns.gif) top left no-repeat; width:183px; height:298px; float:left;}
#joinEventsPoll { background:url(../../images/layup/joinEventsPoll.gif) top left no-repeat; width:624px; height:198px; float:left;}
#joinEventsShop { background:url(../../images/layup/joinEventsShop.gif) top left no-repeat; width:624px; height:198px; float:left;}
#joinEventsInformation { background:url(../../images/layup/joinEventsInformation.gif) top left no-repeat; width:624px; height:194px; float:left;}
#join { width:211px; position:relative; float:left;}
#join .padding { padding:55px 15px 20px 17px; }
#joinHere { position:absolute; top:140px; left:17px; font-size: 1.4em;} 
#joinHere .arrow { position:absolute; left:76px; bottom:3px;}
#events { width:206px; position:relative; float:left;}
#events .padding { padding:55px 10px 20px 13px; }
#latestEvents { position:absolute; top:140px; left:13px; font-size: 1.4em;} 
#latestEvents .arrow { position:absolute; left:101px; top:4px;}
#poll { width:205px; position:relative; float:left;}
#poll .padding { padding:55px 5px 20px 17px; }
#voteHere { position:absolute; top:140px; left:16px; font-size: 1.4em;}  
#voteHere .arrow { position:absolute; left:81px; top:4px;}
#latestNews { height:148px; position:relative;}
#latestNews .padding {padding:52px 17px 0px 17px; }
/* NON SCROLLING IDS
#moreNews { position:absolute; top:120px; left:17px;}
#moreNews a { text-decoration:none;}
#moreNews a:hover { text-decoration:underline;}
#moreNews .arrow { position:absolute; left:140px; top:5px;}*/
#moreNews { }
#moreNews a { text-decoration:none;}
#moreNews a:hover { text-decoration:underline;}
#moreNews .arrow { float: right; padding-top: 4px;}
#campaigns { height:148px; position:relative;}
#campaigns .padding {padding:50px 17px 10px 17px; }
#moreInformation { position:absolute; top:120px; left:17px;}
#moreInformation  a { text-decoration:none;}
#moreInformation  a:hover { text-decoration:underline;}
#moreInformation  .arrow { position:absolute; left:140px; top:5px;}
#homeContent { background:url(../../images/layup/bodyBg.gif) top left; padding-top:20px; clear:both;}
#homeContent p { font-size: 1.9em; font-weight: bold; }
#homeContent .padding { padding:0px 17px;}
#homeContent2 { background:url(../../images/layup/bodyBg.gif) top left; padding-top:20px; min-height: 80px; clear:both;}
#homeContent2 .padding { padding:0px 17px;}
#regionalHomeContent { padding-top:20px; float: left;}
#regionalHomeContent .padding { padding:0px 17px;}
#eventsHomeContent { padding-top:10px; width:626px; float: left; font-size: 1.1em; font-weight: bold;}
#eventsHomeContent .padding { padding:0px 12px 28px 12px;}
#footer { color:#ffffff; font-weight:bold; font-size:100%; height:50px; background:url(../../images/layup/footerBg.gif) bottom right no-repeat; }
#footer a { color:#ffffff; font-weight:bold; text-decoration:none;}
#footer a:hover { text-decoration:underline;}
#footer ul { list-style:none; margin:0px 0 5px 155px; padding:7px 0 0 0;}
#footer li { display:inline; padding:0px 3px;}
#companyDetails { font-size:90%; padding-top:0 !important;}
#middleColTop { background:url(../../images/layup/middleColTop.gif) top left no-repeat; width:626px; position:relative;}
#breadcrumbs { padding:12px 0 50px 16px; text-transform:lowercase;}
#breadcrumbs .link { font-weight:normal; text-decoration:none;}
#breadcrumbs .link:hover { font-weight:normal; text-decoration:underline;}
#breadcrumbs .active { text-decoration:none; color:#dd0200;}
#content {}
#content .padding { padding:0 17px 10px 17px;}


/* ----- CLASSES ----- */
.clear { clear:both; }
.hide { display:none; }
.show { display:block; }
.printShow { display:none; }
.float_left { float:left !important; }
.float_right { float:right !important; }
.align_left { text-align:left !important; }
.align_center { text-align:center !important; }
.align_right { text-align:right !important; }
.align_justify { text-align:justify !important; }
.align_bottom { vertical-align:bottom !important; }
.image_right { float:right; padding:0 0 15px 15px; }
.image_left { float:left; padding:0 15px 15px 0; }
.relative { position:relative; }
.inline {display:inline;}
.redText { color:#dd0200;  font-weight:bold;}
.redText a { color:#dd0200; font-weight:bold; text-decoration:none;}
.redText a:hover { text-decoration:underline;}
.advertTop {float:left;}
.advert { margin-top:4px; float:left;}
.voteAd { margin-top:12px; margin-left: 12px; }

#internalInfoBox  { clear: none; background:#404040; border: 1px solid #ffffff; margin:0px 0px 0px 0px; width:235px; float:right;}
#internalInfoBox a {color: #333333; }
#internalInfoBox td {text-align:left !important; padding: 0px 10px 10px 0px !important; font-size: 1.0em !important; }
.documentLink {color: #FFFFFF !important;}

.internalImage { float:right; position:relative; margin: 0px 0px 15px 15px}
#internalImageFrame {position: absolute; top: 0px; left:0px;}
.internalImage a { text-decoration:none;}
#internalImageCaption { text-align:center; font-weight: bold;}
.enlarge { position:absolute; left:185px; top:0px;}
.galleryFrame { float:left; width:148px; padding-bottom:10px;} 
.newsList { margin-left:0px; height: 102px; margin-bottom: 5px; background:url(../../images/layup/dots.gif) bottom left repeat-x;}
.newsList a { color:#dd0200; text-decoration:none;}
.newsList a:hover { text-decoration:underline;}
.newsTitle { color:#newsTitle; padding:3px 0px;}
.document { margin:10px 0 0 10px;}
.documentList { margin-left:0px; padding-top:10px; background:url(../../images/layup/dots.gif) bottom left repeat-x;}
.documentList a { color:#dd0200; text-decoration:none;}
.documentList a:hover { text-decoration:underline;}
.documentTitle { color:#newsTitle; padding:3px 0px;}
.newsListDate {padding-right: 20px;}

/* ----- HEADINGS & PARAGRAPHS ----- */
h1, h2, h3, h4, h5, h6 { margin:0; padding:0; }
h1 { position:absolute; top:0px; left:-10000px; }
h2 {  font-size: 1.2em;  }
h3 { font-size:100%;}
h4 {}
h5 {}
h6 {}

/* ----- NAVIGATION ----- */
#navigation { font-size:110%; height:31px; position:relative; background:url(../../images/layup/navBg.gif) top left repeat-x; color:#FFFFFF; font-weight:bold;}
#navigation a {color:#FFFFFF; text-decoration:none; font-weight:bold; text-transform:none; padding:7px 14px;}
#navigation ul { list-style:none; padding:7px 0 0 0; margin:0 0 0 150px;}
#navigation ul li { display:inline; padding:5px 0px 5px 0px; background:url(../../images/layup/topNavDivider.gif) center left no-repeat;}
#navigation a:hover span { background:url(../../images/layup/topNavLeft.gif) top left no-repeat; padding:7px 14px;}
#navigation a:hover { text-decoration:none; color:#000000; background:url(../../images/layup/topNavRight.gif) top right no-repeat; padding:7px 0px;}
#navigation .active a { text-decoration:none; color:#000000; background:url(../../images/layup/topNavRight.gif) top right no-repeat; padding:7px 0px;}
#navigation .active span { background:url(../../images/layup/topNavLeft.gif) top left no-repeat; padding:7px 14px;}

#navLeft {  }
#navLeft ul { margin: 0px; padding: 0px; }
#navLeft li { font-size: 0.9em; list-style: none; background: #e8f5fa;margin-bottom: 1px; }
#navLeft a {color: #0095c9; display: block; padding: 10px 0px 10px 30px;  }
#navLeft li a:hover { background: #0000FF; }


#leftNav { margin-bottom: 100px; font-size:110%; text-decoration:none; font-weight:normal;}
#leftNav a { text-decoration:none; font-weight:normal; padding-left:18px; padding-top:3px; display:block;  }
#leftNav ul { list-style:none; margin:0; padding:0;}
#leftNav li { background:url(../../images/layup/leftNavDivider.gif) bottom left no-repeat; padding:1px 0px 2px 0px;}
#leftNav a:hover { background:#666666;}
#leftNav .active a { background:#666666; font-weight:bold;}

#leftNav .subnav li {padding:0px 0px 1px 0px !important;}
#leftNav .subnav a {background:url(../../images/layup/leftNavDivider.gif) bottom left no-repeat; font-weight:normal; padding:0px 0px 0px 25px !important; font-size: 0.9em;}
#leftNav .subnav a:hover { background:#a1a1a1;}

#leftNav ul li ul li{background: none; color:#FFFFFF;  }
#leftNav ul li ul li a { background: none; text-decoration:none; font-weight:normal;padding-top:0px; display:block;  }
#leftNav .subSubNav{padding-left: 0px; display:block;}
#leftNav .subSubNav li{padding:0px 0px 1px 0px !important;}
#leftNav .subSubNav a {background:url(../../images/layup/leftNavDivider.gif) bottom left no-repeat; padding-left: 35px !important;}
#leftNav .subSubNav a:hover {text-decoration: none; background:#a1a1a1;}

/* ----- SITE MAP ----- */
#sitemap { list-style:none; margin:0 0 0 5px; padding:0;}
#sitemap ul { list-style:none;}
.sitemapLi { background:url(../../images/layup/bulletSitemap.gif) 0px 9px no-repeat; padding:5px 0 5px 15px;}

/* ----- BREADCRUMBS ----- */


/* ----- GLOBAL ----- */
img { display:block; border:0; }
p { padding-bottom:12px; margin:0; }

/* ----- LINKS ----- */
a { color:#ffffff; font-weight:bold; text-decoration:underline; }
a:hover { text-decoration:none; }

/* ----- FORMS ----- */
form { padding:0; margin:0; }
fieldset { padding:0; margin:0; border:0px none; display:inline; }
legend { padding:0; margin:0; display:none; }
label { display:block; width:260px; float:left; }
input, textarea { width:200px; padding:1px 2px;}
.submit { width: auto; padding: 0px;}
.login { width: auto; float: right; margin: 0px 120px 0px 0px;}
.required { color:#FF0000;}
.checkboxInput { width:20px !important;}
#frmContact select { width:208px;}
#frmVote input {width: 30px; padding: 0px !important; margin: 0px; }
.vote { width: 91px !important; float: right; margin: 10px 305px 0px 0px !important;}

#opinionsTitle {height: 20px; width: 120px; float: left;}
#opinionsVotes {height: 20px;width: 50px; float: left;}
#opinionsPercent{height: 20px;width: 90px;float: left;}
#opinionsRadio {height: 20px;width: 0px; float: left;}

/* ----- TABLES ----- */
table{ border-collapse:collapse; background:#404040;}

#content td {padding: 10px 10px 10px 10px;font-size: 1.1em; text-align:center;}
#content .year { font-weight: bold;}

#content .eventsTable {width: 53%; margin-bottom: 35px;}
#content .eventsTable td {text-align:center; font-size: 1.0em; font-weight: bold; padding: 2px 10px 0px 0px !important;}
#content .eventsTable th { border-bottom: 1px solid #ffffff; height: 15px; text-transform:uppercase;}

#content .eventsTable2 {width: 60%; margin-bottom: 35px;}
#content .eventsTable2 td {text-align:center; font-size: 1.0em; font-weight: bold; padding: 2px 10px 0px 0px !important;}
#content .eventsTable2 th { border-bottom: 1px solid #ffffff; height: 15px; text-transform:uppercase;}

/* ----- PAGINATION ----- */
.pagination { text-align:right; font-weight:bold; margin:0px; position:absolute; top:45px; right:10px;}
.pagination ul { list-style:none; padding:0; margin:0; }
.pagination li { display:inline; font-weight:bold; }
.pagination a { font-weight:normal; text-decoration:none; color:#ffffff; padding:0px 2px 0px 3px; }
.pagination .active a { background:#dd0200; color:#FFFFFF; font-weight:bold; }
.pagination a:hover {  text-decoration:none; background:#dd0200; color:#FFFFFF; }
.paginationBottom { text-align:right; font-weight:bold; margin:5px 10px 15px 0;}
.paginationBottom ul { list-style:none; padding:0; margin:0; }
.paginationBottom li { display:inline; font-weight:bold; }
.paginationBottom a { font-weight:normal; text-decoration:none; color:#ffffff; padding:0px 2px 0px 3px; }
.paginationBottom .active a { background:#dd0200; color:#FFFFFF; font-weight:bold; }
.paginationBottom a:hover {  text-decoration:none; background:#dd0200; color:#FFFFFF; }