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

Title : 
Author : Chris Munn / chris.munn@gforces.co.uk / G-Forces Web Management Ltd

Type: Screen, Projection

Description : Screen and projection stylesheet Biggin Hill Battle of Britain Supporters Club

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

/* COMMON AND GLOBAL */
body { font:62.5%/1.6 verdana, arial, helvetica, sans-serif; margin:0; padding:0; background:#ffffff; color:#000000; text-align:center; }
body { background:url(../images/layup/bodyHomeBg.jpg) no-repeat top center; }
#homeContent, #internalContent { line-height: 1.25em; }
/*  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 ----- */
#containerHome { width: 795px; margin:0 auto; text-align:left; font-size:110%; }
#containerHome { background: url(../images/layup/containerBg.jpg) repeat-y; }
#containerHome .containerPadding { background:url(../images/layup/containerHomeBg.jpg) no-repeat top left; }
#container { width: 795px; margin:0 auto; text-align:left; font-size:110%; }
#container { background: url(../images/layup/containerIntBg.jpg) repeat-y; }
#container .containerPadding { background:url(../images/layup/containerInternalBg.jpg) no-repeat top left; }
#printHeader { display:none;}

#header,
#primaryNavigation,
#homeContent,
#internalContent,
#container .containerPadding,
#containerHome .containerPadding { display: block; width: 795px; float: left; }

#header { margin: 60px 0px 0px 0px; }
#logo { margin: 26px 0px 0px 35px; }
#primaryContent { width: 403px; float: left; }
#internalContent #primaryContent { width: 560px !important; float: left; } /* overides primaryContent width for internal pages so we can use the same ID */
#primaryContent .padding { padding: 0px 10px 0px 30px; }
#secondaryContent { width: 191px; float: left; background: #f0eded; position: relative; }
#secondaryContent .padding { padding: 5px 16px 0px 16px; }
#newsContent { width: 201px; float: left; }
#support { padding: 7px 0px 10px 0px; }
#newsContent .padding { padding: 0px 25px 0px 16px; }
#internalContent #secondaryContent { padding: 0px 0px 0px 18px; background: none !important; }
#breadCrumbs { padding: 0px 0px 5px 0px; }

/* ----- CLASSES ----- */
.clear { clear:both; display: block; }
.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; }
.image_center { margin:0 auto;}
.relative { position:relative; }
.inline {display:inline;}
.hand { cursor:pointer;}
.badge { background: url(../images/layup/bigginBadge.jpg) top right no-repeat; margin-top: 10px; }
.title { padding: 0px 0px 7px 0px; }
#secondaryContent .box,
#newsContent .box { border-bottom: 1px solid #cacaca; padding: 0px 0px 10px 0px; margin-bottom: 8px;  }
#secondaryContent .lastBox,
#newsContent .lastBox { border: none !important; padding: 0px 0px 10px 0px; margin-bottom: 8px;  }
.newsAbs { position: absolute; top: -6px; left: 100px; }
.box .padding { padding: 0px !important; position: relative; }
.eventImage { padding-bottom: 10px; }
.link { text-decoration: underline; color:#006fb8; display: block; padding-top: 5px; }


/* ----- IMAGE FRAMES ----- */
.imageContainer { float: right; position: relative; margin: 0px 0px 30px 10px; }
.imageContainer .frame { position: absolute; left: 0px; margin: 0px; }
.imageContainer .internalImage { width: 220px; height: 165px; padding: 24px 0px 0px 20px; background: url(../images/layup/noImage220x165.jpg) 20px 24px no-repeat; }

#internalList, #newsList { padding-top: 20px; }
#internalList a { text-decoration: none; }
#internalList .imageContainer, #newsList .imageContainer { float: left !important; position: relative; margin: 0px 12px 10px 0px; }
#internalList .lastImage { float: left !important; position: relative; margin: 0px 0px 10px 0px !important; }
#internalList span { display: block; cursor: pointer; }
.imageContainer .internalListImage { display: block; width: 108px; height: 81px; padding: 12px 0px 0px 10px; background: url(../images/layup/noImage108x81.jpg) 10px 12px no-repeat; }
#newsList .imageContainer .internalListImage { float: left; }

.internalHeading { padding: 15px 0px 0px 0px; font-weight: bold; text-align: center; }
.newsHeading { display: block; float: left; padding: 8px 0px 0px 20px; width: 370px; }
.titleHeading { display: block; font-weight: bold; padding-bottom: 5px; }
.imageContainer { cursor: pointer; }
#newsList a { text-decoration: none; float: left; display: block; }
#newsList .imageContainer { border-bottom: solid 1px #cfb292; padding-bottom: 20px; }

/* ----- DEFAULT LIST ----- */
#list {}
#list ul { margin:0 0 0 18px; padding:0; list-style:none;}
#list li { background:url(../images/layup/dotsH.gif) bottom left repeat-x; padding:15px 20px 20px 0;}
#list .listTitle { font-weight:bold; display:block; padding-bottom:6px;}
#list .listDetails {}
#list .last { background:none;}


/* ----- HEADINGS & PARAGRAPHS ----- */
h1, h2, h3, h4, h5, h6 { margin:0; padding:10px 0 15px 0; font-size:100%; font-weight:bold;}

/* ----- PRIMARY NAVIGATION ----- */
#primaryNavigation { margin: 19px 0px 10px 0px; }
#primaryNavigation ul { list-style: none; padding: 0px 0px 0px 27px; margin: 0px; }
#primaryNavigation ul li { float: left; padding: 0px 6px 0px 6px; background: url(../images/layup/navSpacer.gif) no-repeat top right; }
#primaryNavigation ul li.lastItem { background: none; padding-right: 0px !important; }
#primaryNavigation ul li a { text-decoration: none; color: #FFF; font-size: 10px; padding: 8px 0px 8px 0px; display: block; }

/* ----- SECONDARY NAVIGATION ----- */


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

/* ----- BREADCRUMBS/PAGINATION/PAGE TOP AND BOTTOMS ----- */

/* ----- FOOTER ----- */
#footer { clear: both; }
#footer .padding { margin: 0px 18px 0px 18px; background: url(../images/layup/footerBg.gif) no-repeat bottom left; border-top: 1px solid #cacaca; padding: 10px 20px 20px 10px; }
#footer a { font-weight:normal; text-decoration:none;}
#footer a:hover { text-decoration:underline;}

/* ----- GLOBAL ----- */
img { display:block; border:0; }
p { padding:0 0 15px 0; margin:0; }
address { font-style:normal;}


/* ----- LINKS ----- */
a { color:#000; font-weight:normal; text-decoration:underline; }
#secondaryContent a { color:#006fb8 !important; font-weight:normal; text-decoration:underline; }
#newsContent a { color:#b21f3c !important; font-weight:normal; text-decoration:underline; }
a:hover { text-decoration:none; }
#breadCrumbs a { text-decoration: none; }
#breadCrumbs span { text-decoration: underline; }

/* ----- FORMS ----- */
form { padding:0; margin:0; }
fieldset { padding:0; margin:0; border:0px none; }
legend { padding:0; margin:0; display:none; }
label { display:block; width:260px; float:left; }
/*input, textarea { width:200px; font-size:11px !important;}*/
.requiredLabel { color:#1080ca;}
.checkRadio { width:20px; position:relative; left:-7px;}
#frmContact { margin-bottom:15px;}
#frmContact p { padding:7px 0;}
#frmContact select { width:204px;}
#frmContact div { margin-bottom:10px;}
#btnSubmit { width:55px; height:18px; border:none;}
#newsForm input { margin: 0px 0px 2px 0px; width: 150px; }
#newsSubmit { width: 60px !important; padding-top: 5px; float: right; }
#contactSubmit { width: 60px !important; padding-top: 5px; }


/* ----- Prototype Validation ----- */
input.disabled { border: 1px solid #F2F2F2; background-color: #F2F2F2; }
input.validation-failed, textarea.validation-failed, select.validation-failed { border: 1px solid #4544e4; color : #FF3300; }
input.validation-passed, textarea.validation-passed, select.validation-passed { border: 1px solid #00CC00; color : #000; }
.validation-advice { margin: 5px 0; width:452px; padding: 5px; background-color: #1080ca; color : #FFF; font-weight: bold; }

/* ----- TABLES ----- */
table { border-collapse:collapse; }
table p { padding:0px; }