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

Title :
Author : John Davies / john.davies@gforces.co.uk / G-Forces Web Management Ltd

Type: Screen, Projection

Description : Screen and projection stylesheet for United Church Schools Trust site

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

/* COMMON AND GLOBAL */
body { font:62.5%/1.6 arial, verdana, helvetica, sans-serif; margin:0; padding:0; background:#ffffff url(../images/layup/bodyBg.gif) top left repeat-x; color:#000000; 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! */
li { font-family:arial, verdana, helvetica, sans-serif !important; }
span { font-family:arial, verdana, helvetica, sans-serif !important; }
/* ----- IDS ----- */
#container { width:902px; margin:0 auto; text-align:left; font-size: 110%; }
#header { position: relative; height: 149px; background:url(../images/layup/header.jpg) top right no-repeat; }
#header #logo { position: absolute; top: 45px; left: 0px; display: block; width: 376px; height: 91px;  }
#printHeader { display:none; }

/* ----- HOME IDS ----- */
#homeFlash { margin-left: 0px; height: 213px; }

#leftColHome { float: left; width: 655px; }
#leftColHome #jumpPoints { margin-top: 19px; margin-left: 7px; height: 200px; }

#leftColHome #jumpPoints .jump { float: left; margin-right: 15px; display:inline; }

#mainContent { font-size: 8pt; line-height: 150%; font-family: Arial, Verdana, Helvetica, sans-serif !important; color: #003366; font-size: 1.2em; }
/*#leftColHome #mainContent { font-size: 1.1em; line-height: 120%; font-family: Arial, Verdana, Helvetica, sans-serif !important; }*/
#leftColHome #mainContent .padding { padding: 25px 45px 0px 7px; }

#rightColHome { float: left; width: 200px; margin-top: 19px; background: #e5f7fc; }
#rightColHome #twitterYouTube { height: 68px; margin: 20px 20px 0px 20px; }
#rightColHome #twitterYouTube a { float: left; }
#rightColHome .box {}
#rightColHome .box a { display: block; margin: 0px 20px 0px 20px; padding-top: 13px; padding-bottom: 13px; width: 160px; border-bottom: 1px solid #fff; text-decoration: none; cursor: pointer; font-weight: normal; }
#rightColHome .box .title { display: block; padding-bottom: 12px; }
#rightColHome .box .btn { display: block; padding-top: 12px; }

/* ----- INTERNAL IDS ----- */
#leftCol { float: left; width: 567px; }
#leftCol #mainContent { font-family: Arial, Verdana, Helvetica, sans-serif !important; }
#leftCol #mainContent .padding { padding: 0px 30px 0px 7px; }

#rightCol { float: left; width: 282px; padding-top: 45px; }
#rightCol .image { margin-bottom: 18px; }
#rightCol .furtherInfo { background: #36beeb; padding: 18px 23px 18px 23px; }
#rightCol .furtherInfo .title { padding-bottom: 12px; }
#rightCol .furtherInfo ul { list-style: none; padding: 0; margin: 0px 0px 0px 18px; }
#rightCol .furtherInfo li { background:url(../images/layup/bulletWhite.gif) 0px 9px no-repeat; padding: 4px 0px 4px 15px; }
#rightCol .furtherInfo a { color: #fff; text-decoration: none; }
#rightCol .furtherInfo a:hover { text-decoration: underline; }

#fullCol { width: 800px; }
#fullCol .largeImage { margin-bottom: 29px; }

/* ----- VIDEO SCROLLER ----- */
#sliderContainerOuter { width: 800px; height:309px; position:relative; left:0px; overflow:hidden; margin-bottom: 35px; }
#sliderContainerOuter .leftShadow { position:absolute; left:0px; top:0px; z-index:999999; }
#sliderContainerOuter .rightShadow { position:absolute; left:651px; top:0px; z-index:999999; }
#sliderContainer { width:9999px; height:309px; padding:0px; position:absolute; top:0; }
#sliderContainer ul { margin:0; padding:0; }
#sliderContainer ul li { width:502px; list-style:none; padding:0; margin:0 18px 0 0; float:left; }
#sliderContainer ul li .testItem {}


/* ----- LIST ----- */
#listing { float: left; }
#listing .listItem { margin-bottom: 20px; }
#listing .listItem a { display: block; text-decoration: none; font-weight: normal; cursor: pointer; color: #123265; }
#listing .listItem .thumb { display: block; float: left; background:url(../images/layup/noImage168x126.gif) top left no-repeat; width: 168px;  padding-right: 11px; }
#listing .listItem .heading { display: block; float: left; width: 330px; background: #b6e7f8; margin-bottom: 1px; height: 24px; padding: 8px 10px 0px 10px; font-weight: bold; }
#listing .listItem .heading .title { display: block; float: left; }
#listing .listItem .heading .date { display: block; float: right; }
#listing .listItem .content { display: block; float: left; padding: 8px 10px 10px 10px; background: #e2f7fc; width: 330px; }
#listing .listItem .content .btn { display: block; float: right; }
#listing .listItem .clear { display: block; clear: both; }

#listing .listItemNoImage { margin-bottom: 20px; }
#listing .listItemNoImage a { display: block; text-decoration: none; font-weight: normal; cursor: pointer; color: #123265; }
#listing .listItemNoImage .heading { display: block; float: left; width: 509px; background: #b6e7f8; margin-bottom: 1px; height: 24px; padding: 8px 10px 0px 10px; font-weight: bold; }
#listing .listItemNoImage .heading .title { display: block; float: left; }
#listing .listItemNoImage .heading .date { display: block; float: right; }
#listing .listItemNoImage .content { display: block; float: left; padding: 8px 10px 10px 10px; background: #e2f7fc; width: 509px; }
#listing .listItemNoImage .content .btn { display: block; float: right; }
#listing .listItemNoImage .clear { display: block; clear: both; }

/* ----- CLASSES ----- */
.clear { clear:both; }
.clearFix { clear:both; line-height: 0; height: 0; font-size: 0; }
.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;}
.hand { cursor:pointer;}

/* ----- HEADINGS & PARAGRAPHS ----- */
h1, h2, h3, h4, h5, h6 { margin:0; padding:0 0 15px 0; font-size:100%; font-weight:bold; }
#leftColHome #mainContent h1 { font-size: 1.6em; color: #062667; }
#leftCol #mainContent h1 { font-size: 1.7em; color: #062667; }

/* ----- TOP NAVIGATION ----- */
#primaryNav { height: 32px;  position:relative; z-index:1000; }
#primaryNav ul { list-style: none; margin: 0; padding: 0; }
#primaryNav li { display: block; float: left; position: relative; background:url(../images/layup/navDivider.gif) right 12px no-repeat; line-height: 120%; }
#primaryNav li.last { background: none; }
#primaryNav li a { display: block; text-decoration: none; color: #fff; padding: 10px 11px 10px 11px;}
#primaryNav li a:hover { color: #052264; }
#primaryNav li .active { color: #052264; }

#primaryNav ul li ul { margin:0; padding: 0px; font-size: 1.0em; position:absolute; top:32px; left:-1px; display:none; filter:alpha(opacity=95);-moz-opacity:.95;opacity:.95; background:#ffffff; width: 200px; color:#FFFFFF; border:1px solid #e0e0e0; }
#primaryNav ul li ul li { background:none; }
#primaryNav ul li ul li a { display:block; clear:both; width:180px; padding:7px 10px; position:relative; background:#ffffff !important; color:#444444 !important; }
#primaryNav ul li ul li a:hover { background:#218ece !important; color:#FFFFFF !important; }

/* ----- SECONDARY NAVIGATION ----- */
#secondaryNav {}
#secondaryNav ul { list-style: none; margin: 0; padding: 0; }
#secondaryNav li {  }
#secondaryNav li a { text-decoration: none; }

/* ----- 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 ----- */
#breadcrumbs { padding: 12px 0px 20px 7px; }
#breadcrumbs a { font-weight: normal; }
#breadcrumbs a:hover {  }
#pagination { float: right; padding-top: 10px; }
#pagination a { padding: 0px 4px 0px 4px; text-decoration: none; font-weight: normal; color: #000; }
#pagination a:hover { text-decoration: none; background:#00b0d4; color:#fff; font-weight: bold; }
#pagination .active { text-decoration: none; background:#00b0d4; color:#fff; font-weight: bold; }
#pagination .nextPrev a { font-weight: bold; }
#pagination .nextPrev a:hover { background: none; color: #000; }

/* ----- FOOTER ----- */
#footer { margin-top: 28px; margin-right: 39px; background:url(../images/layup/dotsH.gif) top left repeat-x; padding: 8px 15px 8px 15px; }
#footer a { font-weight:normal; text-decoration:none; color: #000; }
#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:#2088b7; 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; font-size:11px !important;}
.requiredLabel { color:#0035a1; }
.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:89px; height:24px; border:none;}

/* ----- 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: #0035a1; color : #FFF; font-weight: bold; }

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