/*
LAYOUT-FORMATTING.CSS
Sets all layout attributes for the website */


/********** HTML AND BODY FORMATTING **********/

/* REMOVES PADDING AND MARGIN VALUES */
html, body, h1, h2, h3, h4, h5, h6, p, dd, dt, img,
blockquote, q, table, thead, tbody, tfoot, caption, th, tr, td, a, form,
input, textarea, fieldset, pre
{margin: 0; padding: 0;}

/* REMOVES BROWSERS DEFAULT TABLE BORDERS */
table {border-collapse: collapse;}

/* REMOVES AUTOMATIC TOP/BOTTOM MARGINS ON NESTED LISTS */
ul ul, ul ol, ul dir, ul menu, ul dl,
ol ul, ol ol, ol dir, ol menu, ol dl,
dir ul, dir ol, dir dir, dir menu, dir dl,
menu ul, menu ol, menu dir, menu menu, menu dl,
dl ul, dl ol, dl dir, dl menu, dl dl
{margin-top: 0; margin-bottom: 0;}

/* HIDES ACCESS KEYS DIV */
#accessKeys {
	/* display: none; */
	height: 0px;
	overflow: hidden;
}

/* SORT OUT NEWS FORMATTING */
.newsWrapperContent {width: 100%;} /* aa */
.latestNews, .whatsNew {float: left; width: 33%;}
.help {float: left; width: 33%;}
* html .help {display: inline;}

/* SORT OUT QUICKLINKS FORMATTING */
/*
#quicklinksWrapper {margin: 0 20px 20px 0; }
#quicklinksWrapperContent {width: 100%; }
#quicklink1Wrapper, #quicklink2Wrapper, #quicklink3Wrapper {float: left; width: 33.3%;}
 
#quicklink1{margin: 0 20px 0 0;}
#quicklink2 {margin: 0 0 0 0;}
#quicklink3 {margin: 0 0 0 20px;}
#quicklink1Content, #quicklink2Content, #quicklink3Content,
#quicklink4Content, #quicklink5Content, #quicklink6Content
{padding: 0 10px 0 0; }
*/

#leftColumn, #mainContent {float: left; border: 0px solid red; }

/* SORT OUT Home Page Content Blocks Layout */
.mainPageNewsBlock { 
	width: 33%; float: left; border: 0px solid green; height: 696px;
}

.mainPageMiddleColumn
{
	width: 33%; float: left; margin-left: 5px; border: 0px solid blue;
}

.mainPageRightColumn
{
	width: 32%; float: left; height:100%; margin-left:5px; margin-right: 0px; padding-right: 0px;
}

.mainPageMiddleColumn ul, .mainPageRightColumn ul, .mainPageNewsBlock ul {margin-left: 5px; padding-left: 5px}

/* SORT OUT Home Page Content Block Images */

#mainPageNewsBlock, #faq, #performance, #publications, #stratDocs 
{ background-position: bottom right; background-repeat: no-repeat; padding-right: 2px; padding-left:5px;}

#mainPageNewsBlock { background-image: url(/images/misc/homepage/1_1.jpg);}
#faq {background-image: url(/images/misc/homepage/2_1.jpg);}
#performance { background-image: url(/images/misc/homepage/3_1.jpg);}
#publications { background-image: url(/images/misc/homepage/2_3.jpg);}
#stratDocs { background-image: url(/images/misc/homepage/3_3.jpg);}

/* SORT OUT YOUR LIFE FORMATTING */
.yourLifeWrapper {float: left; width: 45%; display: inline;}
.yourLifeAdultLearning, #yourLifeStartingSchool, #yourLifeVulnerable, #yourLifeFreeWebsite, 
#yourLifeBuyingGoods, #yourLifeDeath, #yourLifeLosingJob, #yourLifeFindingJob, #yourLifeMovingHome, 
#yourLifeBirth
{background-repeat: no-repeat; background-position: bottom right;}
.yourLifeAdultLearning {background-image: url(/image/misc/graphics/adultLearning.jpg);}
#yourLifeStartingSchool {background-image: url(/image/misc/graphics/startingSchool.jpg);}
#yourLifeVulnerable {background-image: url(/image/misc/graphics/vulnerable.jpg);}
#yourLifeFreeWebsite {background-image: url(/image/misc/graphics/freeWebsite.jpg);}
#yourLifeBuyingGoods {background-image: url(/image/misc/graphics/buyingGoods.jpg);}
#yourLifeDeath {background-image: url(/image/misc/graphics/death.jpg);}
#yourLifeLosingJob {background-image: url(/image/misc/graphics/losingJob.jpg);}
#yourLifeFindingJob {background-image: url(/image/misc/graphics/findingJob.jpg);}
#yourLifeMovingHome {background-image: url(/image/misc/graphics/movingHome.jpg);}
#yourLifeBirth {background-image: url(/image/misc/graphics/birth.jpg);}

/* SORT OUT HOME PAGE AREAS FORMATTING */
.clear {clear: both;}

/* SORT OUT A-Z LISTING */
#rightColumnContent span {float: left; width: 2em; text-align: center;}

/********** HOME PAGE FORMATTING **********/

/* SORT OUT WELCOME FORMATTING*/
#welcomeWrapperContent {width: 100%; height: 280px; background-repeat: no-repeat; background-position: top left; overflow: hidden;}
#welcomeImage {float: left; width: 350px; height:280px; margin-right:10px}
#welcomeText {float: right; display:block; }
.welcomeTextFF {float: right; display:block;}
#welcomeTextContent { min-height: 257px; float:right; }
#welcomeTextContentFF { min-height: 257px;}

/* SORT OUT WELCOME MARGIN AND PADDING */
#welcomeWrapper {margin: 0 10px 10px 0;}
.welcomeTextContent {margin: 0 0 0 2px; padding: 5px;}

/* SORT OUT NEWS FORMATTING*/
.newsWrapper {border: 1px solid #009B00;}
.newsWrapperContent {width: 100%;}
.latestNews, .whatsNew {float: left; width: 33%;}
.help {float: left; width: 33%;}
#html, .help {display: inline;}  /* # = * */
.latestNewsContent {border-right: 1px dotted #009B00;}
.whatsNewContent {border-left: 1px dotted #009B00;}

/* SORT OUT NEWS MARGIN AND PADDING */
.newsWrapper {margin: 0 20px 20px 0;}
.latestNewsContent {margin: 10px 10px 10px 10px; padding: 5px 10px 1px 5px;}
.helpContent {margin: 10px 5px 10px 0px; padding: 5px 10px 1px 15px;}
.whatsNewContent {margin: 10px 10px 10px 10px; padding: 5px 10px 1px 15px; }

.whatsNewContent,.helpContent,.latestNewsContent
{ min-height: 175px; }

#quicklink1aContent,#quicklink2aContent,#quicklink3aContent
{ min-height: 145px; }
#quicklink4aContent,#quicklink5aContent,#quicklink6aContent 
{ min-height: 175px; }

/* SORT OUT QUICKLINKS FORMATTING */
#quicklinksWrapperContent {width: 100%;}
#quicklink1Wrapper, #quicklink2Wrapper {float: left; width: 33%;}
#quicklink3Wrapper {float: left; width: 34%;}
/* html #quicklink3Wrapper {display: inline;}*/

/*
#quicklink1Content
{border: 1px solid #006FC4; background-image: url(/image/misc/graphics/adultLearning.jpg); background-repeat: no-repeat; background-position: bottom right;}
#quicklink2Content
{border: 1px solid #009B00; background-image: url(/image/misc/graphics/findingJob.jpg); background-repeat: no-repeat; background-position: bottom right;}
#quicklink3Content
{border: 1px solid #FBD918; background-image: url(/image/misc/graphics/startingSchool.jpg); background-repeat: no-repeat; background-position: bottom right;}

#quicklink4Content
{border: 1px solid #006FC4; background-image: url(/image/misc/graphics/birth.jpg); background-repeat: no-repeat; background-position: bottom right;}
#quicklink5Content
{border: 1px solid #009B00; background-image: url(/image/misc/graphics/buyingGoods.jpg); background-repeat: no-repeat; background-position: bottom right;}
#quicklink6Content
{border: 1px solid #FBD918; background-image: url(/image/misc/graphics/freeWebsite.jpg); background-repeat: no-repeat; background-position: bottom right;}
*/

/* SORT OUT QUICKLINKS MARGIN AND PADDING */
/*
#quicklinksWrapper {margin: 0 20px 20px 0;}
#quicklink1 {margin: 0 10px 0 0;}
#quicklink2 {margin: 0 10px 0 10px; }
#quicklink3 {margin: 0 0 0 10px;}
#quicklink1Content, #quicklink2Content, #quicklink3Content {padding: 0 50px 0 0;}
#quicklink4Content, #quicklink5Content, #quicklink6Content {padding: 0 50px 0 0;}
*/

/* SORT OUT YOUR LIFE FORMATTING */
.yourLifeWrapper {float: left; width: 45%; display: inline;}
.yourLifeAdultLearning, #yourLifeStartingSchool, #yourLifeVulnerable, #yourLifeFreeWebsite, 
#yourLifeBuyingGoods, #yourLifeDeath, #yourLifeLosingJob, #yourLifeFindingJob, #yourLifeMovingHome, 
#yourLifeBirth
{border: 1px solid #C8C8C8; padding: 0; background-repeat: no-repeat; background-position: bottom right;}

/* SORT OUT YOUR LIFE MARGIN AND PADDING */
.yourLifeWrapper {margin: 0 15px 15px 0}
.yourLifeAdultLearning, #yourLifeStartingSchool, #yourLifeVulnerable, #yourLifeFreeWebsite, 
#yourLifeBuyingGoods, #yourLifeDeath, #yourLifeLosingJob, #yourLifeFindingJob, #yourLifeMovingHome, 
#yourLifeBirth
{padding: 0 70px 0 0;}

/* SORT OUT HOME PAGE AREAS FORMATTING */
#clear {clear: both;}

/********** WEB PAGES FORMATTING **********/

/* SORT OUT COLUMNS BACKGROUND COLOR FOR DISPLAYING IN ie */
* html #mainContent, * html #leftColumn, * html #rightColumn
{background-color: transparent;}

/* SORT OUT A-Z LISTING */
#rightColumnContent span {float: left; width: 2em; margin: 4px 4px 0 0; text-align: center; 
border: 1px solid #C8C8C8;}


/********** LEFT AND RIGHT COLUMN FORMATTING **********/

/* SORT OUT LEFT AND RIGHT COLUMN MARGIN AND PADDING */
#rightColumnContent
{margin: 0 20px 0 20px;}

#leftColumnContent, .leftColumnContent
{margin: 0 20px 0 20px;}

/********** FOOTER FORMATTING **********/

/* SORT OUT FOOTER FORMATTING */
#footer {border-top: 1px dotted #009B00;}

/* SORT OUT FOOTER MARGIN AND PADDING */
#footer {margin: 5px 20px 15px 20px; padding: 5px 0 0 0;}
* html #footer {padding-bottom: 15px;}

/********** SETS ALL FONT PADDING AND MARGIN VALUES FOR THE WEBSITE **********/

/* SORT OUT HEADER FONT PADDING AND MARGIN VALUES */
#headerLeftColumn p, #headerRightColumn p, #headerLeftColumn h1, #headerRightColumn h1
{margin: 0; padding: 0;}

/* SORT OUT HOMEPAGE PADDING AND MARGIN VALUES */
.newsWrapperContent p, .newsWrapperContent li {margin: 0 0 5px 0; padding: 0;}
.newsWrapperContent ul {margin: 0 0 0 11px; padding: 0 0 0 4px;}
#quicklink1Content p, #quicklink2Content p, #quicklink3Content p, 
#quicklink4Content p, #quicklink5Content p, #quicklink6Content p
{margin: 0 0 0 0; padding: 0;}
#quicklink1Content h1, #quicklink2Content h1, #quicklink3Content h1,
#quicklink4Content h1, #quicklink5Content h1, #quicklink6Content h1
{margin: 10px 0 10px 15px; padding: 0;}

/* SORT OUT MAIN CONTENT (CENTRE COLUMN) FONT PADDING AND MARGIN VALUES */
h1, h2, h3, h4, h6, p {margin: 1px 0 20px 0; padding: 0;}
h5 {margin: 1px 0 10px 0; padding: 0;}
#mainContent .newsDate {margin: -20px 0 20px 0;}
#mainContent .articleDate {margin: 0 0 20px 0;}

/* SORT OUT MAIN CONTENT (CENTRE COLUMN) YOUR LIFE PADDING AND MARGIN VALUE */
.yourLifeAdultLearning p, #yourLifeStartingSchool p, #yourLifeVulnerable p, 
#yourLifeFreeWebsite p, #yourLifeBuyingGoods p, #yourLifeDeath p, #yourLifeLosingJob p, 
#yourLifeFindingJob p, #yourLifeMovingHome p, #yourLifeBirth p
{margin: 0 0 15px 0; padding: 0;}
.yourLifeAdultLearning h1, #yourLifeStartingSchool h1, #yourLifeVulnerable h1, 
#yourLifeFreeWebsite h1, #yourLifeBuyingGoods h1, #yourLifeDeath h1, #yourLifeLosingJob h1, 
#yourLifeFindingJob h1, #yourLifeMovingHome h1, #yourLifeBirth h1
{margin: 15px 0 15px 15px; padding: 0;}

/* SORT OUT LEFT AND RIGHT COLUMN FONT PADDING AND MARGIN VALUES */
#leftColumnContent h1, #rightColumnContent h1, .leftColumnContent
{margin: 0 0 2px 0; padding: 5px 0 0 0;}
#leftColumnContent ul, #rightColumnContent ul,
#leftColumnContent ol, #rightColumnContent ol,
#leftColumnContent dl, #rightColumnContent dl
{margin: 0 0 9px 0; padding: 0;}
#leftColumnContent p, #rightColumnContent p
{margin: 0 0 2px 0; padding: 0;}
#leftColumnContent li {margin: 0; padding: 0;}
#rightColumnContent li {margin: 0 0 0 12px; padding: 0;}
#html #rightColumnContent li {margin: 0 0 0 15px; padding: 0;} /* # = * */
#rightColumnContent select {margin: 0 0 9px 0; padding: 0;}

/* SORT OUT FOOTER PADDING AND MARGIN VALUES */
#footer p, #footer h1 {margin: 0; padding: 0;}

/* SORT OUT WEBSITE ACCESSIBILITY MARGIN AND PADDING */
#coloursizeoptions {margin: 0 15px 0 0;}
#coloursizeoptions h2 {margin: 15px 0 10px;}
#coloursizeoptions fieldset {margin: 0 0 20px 0; padding: 5px 0 15px 0;}
#coloursizeoptions legend {margin: 0 0 0 12px;}
#coloursizeoptions ul {margin: 0; padding: 15px 0 10px 0;}
* html #coloursizeoptions ul {margin: 5px 0 0 0; padding: 15px 0 10px 0;}
#coloursizeoptions li {margin: 0 0 0 15px; padding: 10px;}

/* SORT OUT MAIN CONTENT (CENTRE COLUMN) IMAGE MARGIN AND PADDING */
.imageLeft {margin: 0 20px 10px 0; padding: 5px;}
.imageRight {margin: 0 0 10px 20px; padding: 5px;}
.imageNoWrap {margin: 0 0 10px 0; padding: 5px;}

/* SORT OUT MAIN CONTENT (CENTRE COLUMN) FORMS AND TABLES PADDING AND MARGIN VALUES */
table {margin: 0 0 20px 0;}
td {padding: 6px;}
th {padding: 2px 6px 4px 6px;}
.button {margin: 0 0 15px 0; padding: 2px 6px 4px 6px;}

/* MY HOUSE TABLES PADDING AND MARGIN VALUES ON FRONT PAGE */
table .myHouse {padding: 0px 2px 2px 0px;}
td .myHouse {padding: 0px;}
.button myHouse {margin: 0 0 15px 0; padding: 2px 6px 4px 6px;}


/* SORT OUT MAIN CONTENT (CENTRE COLUMN) HORIZONTAL RULES FORMATTING */
hr {margin: 20px 0 18px 0;}
* html hr {margin: 0 0 10px 0;}

/* SORT OUT HOMEPAGE QUICKLINKS LINKS MARGIN AND PADDING 
#quicklink1Content a, #quicklink2Content a, #quicklink3Content a, 
#quicklink4Content a, #quicklink5Content a, #quicklink6Content a,*/
.yourLifeAdultLearning a, #yourLifeStartingSchool a, #yourLifeVulnerable a, 
#yourLifeFreeWebsite a, #yourLifeBuyingGoods a, #yourLifeDeath a, 
#yourLifeLosingJob a, #yourLifeFindingJob a, #yourLifeMovingHome a, #yourLifeBirth a
{margin: 0 15px 0 15px;}

/*
#quicklink1Content p, #quicklink2Content p, #quicklink3Content p, 
#quicklink4Content p, #quicklink5Content p, #quicklink6Content p
{margin: 0 15px 0 15px;}


#quicklink1Content ul, #quicklink2Content ul, #quicklink3Content ul, 
#quicklink4Content ul, #quicklink5Content ul, #quicklink6Content ul,
#quicklink1Content li, #quicklink2Content li, #quicklink3Content li, 
#quicklink4Content li, #quicklink5Content li, #quicklink6Content li
{margin: 0px 0px 0px 15px; padding: 0px 0px 0px 0px; color: #009B00;}
*/

/* SORT OUT HEADER MARGIN AND PADDING */
#headerWrapper {margin: 0 0 20px 0;}
#headerContent {margin: 0;}
#headerLeftColumn, #headerRightColumn {margin: 0;}
#headerLeftColumnContent {margin: 10px 10px 28px 0;}
#headerRightColumnContent {margin: 10px 0 0 0;}
#formGo,#formGoAccess {margin: 1px 0 0 5px;}
#formWrapper {margin: 0 0 0 20px;}

/* SORT OUT WELCOME MARGIN AND PADDING */
#welcomeWrapper {margin: 0 20px 20px 0;}
#welcomeTextContent {margin: 0 0 0 2px; padding: 15px;}

/* SORT OUT NEWS MARGIN AND PADDING */
.newsWrapper {margin: 0 20px 20px 0;}
.latestNewsContent {margin: 10px 10px 10px 10px; padding: 5px 10px 1px 5px;}
#helpContent {margin: 10px 5px 10px 0px; padding: 5px 10px 1px 5px;}
#whatsNewContent {margin: 10px 10px 10px 10px; padding: 5px 10px 1px 15px; }

/* SORT OUT QUICKLINKS MARGIN AND PADDING */
/*
#quicklinksWrapper {margin: 0 20px 20px 0; }
#quicklink1 {margin: 0 10px 0 0; }
#quicklink2 {margin: 0 10px 0 10px; }
#quicklink3 {margin: 0 0 0 10px;}
#quicklink1Content, #quicklink2Content, #quicklink3Content
{padding: 0 15px 0px 0;}
#quicklink4Content, #quicklink5Content, #quicklink6Content
{padding: 0 0px 0px 0; }
*/

/* SORT OUT YOUR LIFE MARGIN AND PADDING */
.yourLifeWrapper {margin: 0 15px 15px 0}
.yourLifeAdultLearning, #yourLifeStartingSchool, #yourLifeVulnerable, 
#yourLifeFreeWebsite, #yourLifeBuyingGoods, #yourLifeDeath, #yourLifeLosingJob, 
#yourLifeFindingJob, #yourLifeMovingHome, #yourLifeBirth
{padding: 0 70px 0 0;}

/* SORT OUT LEFT AND RIGHT COLUMN MARGIN AND PADDING 
#leftColumnContent, #rightColumnContent
{margin: 0 20px 0 20px;}*/

/* SORT OUT FOOTER MARGIN AND PADDING */
#footer {margin: 5px 20px 15px 20px; padding: 5px 0 0 0;}
* html #footer {padding-bottom: 15px;}

/* SORT OUT A-Z LISTING */
#rightColumnContent span {margin: 4px 4px 0 0;}


/********** SETS ALL FORMS AND TABLES FOR THE WEBSITE **********/

/* SORT OUT MAIN CONTENT (CENTRE COLUMN) FORMS AND TABLES FORMATTING */
/*input, select, textarea {width: 100%;} */
* html input, * html select, * html textarea {width: auto;}
form p {clear: left;}
textarea {font-family: Verdana, Arial, Helvetica, sans-serif;}
.button {background: #E1F3E1 url(../graphics/tbGreen.gif) repeat-x 0 100%; font-weight: bold; width: 114px;}
.buttonSmall {background: #E1F3E1 url(../graphics/tbGreen.gif) repeat-x 0 100%; font-weight: bold; width: 30px;}
td, th {vertical-align: top; text-align: left;}
th {background: #E8E8E8 url(../graphics/tbGrey.gif) repeat-x 0 100%;}
.pulldown {width: 100px;}

/* SORT OUT LEFT AND RIGHT COLUMN FORMS AND TABLES FORMATTING */
#rightColumnContent select {width: 100%;}


/********** SETS ALL IMAGE FORMATTING FOR THE WEBSITE **********/

/* SORT OUT MAIN CONTENT (CENTRE COLUMN) IMAGE FORMATTING */
.imageLeft {float: left;}
.imageRight {float: right;}


/********** SETS ALL LINK ATTRIBUTES FOR THE WEBSITE **********/

/* HARMONIZE LINKS */
a , #headerContent a, .newsWrapperContent a, 
#quicklink1Content a, #quicklink2Content a, #quicklink3Content a,
#quicklink4Content a, #quicklink5Content a, #quicklink6Content a,  
#quicklink1Content a:hover, #quicklink2Content a:hover, #quicklink3Content a:hover,
#quicklink4Content a:hover, #quicklink5Content a:hover, #quicklink6Content a:hover,
#mainContent .articleDate a, #mainContent .articleDate a:hover, .yourLifeAdultLearning a, 
#yourLifeStartingSchool a, #yourLifeVulnerable a, #yourLifeFreeWebsite a, 
#yourLifeBuyingGoods a, #yourLifeDeath a, #yourLifeLosingJob a, #yourLifeFindingJob a, 
#yourLifeMovingHome a, #yourLifeBirth a, .yourLifeAdultLearning a:hover, 
#yourLifeStartingSchool a:hover, #yourLifeVulnerable a:hover, #yourLifeFreeWebsite a:hover, 
#yourLifeBuyingGoods a:hover, #yourLifeDeath a:hover, #yourLifeLosingJob a:hover, 
#yourLifeFindingJob a:hover, #yourLifeMovingHome a:hover, #yourLifeBirth a:hover, 
#leftColumnContent a, #rightColumnContent a, #leftColumnContent a:hover, 
#rightColumnContent a:hover
#footer a, #footer a:hover, #coloursizeoptions h2 a
{text-decoration: none;}
a:hover, #headerContent a:hover, .newsWrapperContent a:hover, #coloursizeoptions a
{text-decoration: underline;}
a img, :link img, :visited img {border: none}


/************************************************************************************/
/********** NEW STYLES TO SORT **********/

/* SORT OUT MAJORS PARLOUR FORMATTING */
.albumlist {list-style-type: none; float: left; border-top: 1px dotted #999999; margin: 0; padding: 10px 0 5px 0;}
.albumlist li {float: left; margin: 10px 10px 10px 0; width: 130px;}
#html .albumlist li {padding: 0 0 10px 0;} /* # = * */
.albumlist img {display: block; margin: 0 0 5px 0;}

/* SORT OUT PDF THUMBNAIL FORMATTING */
#pdf {background-image: url(../graphics/icon_pdfSmall.gif);}
#word {background-image: url(../graphics/icon_msWord.gif);}
#powerpoint {background-image: url(../graphics/icon_msPowerpoint.gif);}
#excel {background-image: url(../graphics/icon_msExcel.gif);}
#pdf,#word, #powerpoint, #excel {margin: 5px 0 0 0; padding: 0 0 0 25px; background-position: top left; background-repeat: no-repeat;}

/* SORT OUT BREADCRUMBS FONT FORMATTING AND SIZES */
#breadcrumb {font-size: 2em; margin: 0 20px 0 20px;}
#breadcrumb p {font-size: 0.9em;} 

/* SORT OUT BIN COLLECTION LIST ITEMS
	DELETED RBM, SEE ORIGIONAL FOR CODE
*/

/* SORT OUT BIN COLLECTION CALENDAR TABLES
   DELETED RBM SEE ORIGIONAL FOR CODE
*/

/* SORT OUT IE7 HEADER ISSUES */
#formGo {width: 25px;}
#formInput {width: 170px;}
#formGoAccess {width: 25px;}
#formInputAccess {width: 170px;}

/* Standard Image Size (home page)*/
img.standard
{
	width : 350px;
	height : 280px;
}