/*-----------------------------------------------------------------------------
Structural Style Sheet

author:    Andrew Scrivener
email:     andrew@denison.co.uk
website:   http://www.denison.co.uk
-----------------------------------------------------------------------------*/


/*--------------------- General ---------------------*/


div.wrapper
{
 width: 995px; /* 995px*/
 position: relative;
 text-align: left;
 margin: 0 auto;
 padding: 0;
 background-color: #FFF;
}


div.branding
{
 width: 995px; /* 995px Total */
 height: 117px;
 position: relative;
 background-image: url(../images/portage_logo.gif);
 background-repeat: no-repeat;
 background-position: 95% 50%;
}


div.branding img.banner
{
 position: relative;
 top:25px;
 left: 19px;
}


div.container
{
  width: 956px; /* 995px Total */
  float: left;
  margin: 0 20px 0 19px;
  height: auto;
}


div.innerColumn1,
div.innerColumn2
{
 width: 345px; /* Total 345px */
 float: left;
}


div.innerColumn1
{
 margin: 0 20px 0 0;
}


div.mainNav
{
 width: 711px;
 /*background-color: #0F238C;*/
 float: left;
}


div.breadcrumb
{
 width: 711px;
 height: 24px;
 background-color: #D3EDF6;
 float: left;
}


div.login
{
 width: 226px;
 background-color: #09C;
 float: left;
 height: 27px;
 margin: 0 0 0 19px;
}


div.mainContent
{
 width: 640px;  /*739px Total*/ 
 float: left;
 position: relative;
 padding: 0 80px 10px 19px; /* To reduce line length on text heavy pages */
}


body#indexPage div.mainContent,
body#whatParentsSayPage div.mainContent,
body#regionPage div.mainContent,
body#faqPage div.mainContent,
body#linkPage div.mainContent,
body#publicationsPage div.mainContent,
body#getInvolvedPage div.mainContent
{
 width: 711px;  
 padding: 0 9px 10px 19px;
}


div.subContent1
{
 width: 226px; /* 256px Total */
 float: left;
 position: relative;
 margin: 15px 20px 10px 10px;
}


div.subContent1 p,
div.subContent1 h2,
div.subContent1 h6,
div.subContent1 boxOut,
div.subContent1 form,
div.subContent1 ul,
div.subContent1 ol
{
padding-left: 10px;
padding-right: 19px;
}


div.subContent1 .boxOut,
div.subContent1 .boxOut2,
div.subContent1 .boxOut3,
div.subContent1 .boxOut4,
div.subContent1 .boxOut5
{
 margin-bottom: 20px;
 padding-top: 10px;
 padding-bottom: 5px;
}


div.subContent1 .boxOut2
{
 padding-top: 0;
}


#lowerNav
{
 margin-left: 19px;
}


div.footer
{
 width: 995px; /* 995px Total */
 position: relative;
 padding: 0 0 5px 6px;
}


.boxOut
{
 border-top: 1px solid #09C;
 border-bottom: 1px solid #09C;
 background-color: #D3EDF6;
 padding-top: 10px;
 padding-bottom: 5px;
}


body.portalPage .boxOut2
{
 border: 3px solid #09C;
}


body.parentPage .boxOut2,
body.portalPage #box1
{
 border: 3px solid #F00;
}


body.aboutUsPage .boxOut2,
body.portalPage #box2
{
 border: 3px solid #F60;
}



body.trainingPage .boxOut2
{
 border: 3px solid #F06;
}


body.eventsPage .boxOut2,
body.portalPage #box3
{
 border: 3px solid #099;
}


body.getInvolvedPage .boxOut2
{
 border: 3px solid #390;
}


body.contactPage .boxOut2
{
 border: 3px solid #33F;
}


body.servicesPage .boxOut2
{
 border: 3px solid #A51FA5;
}


.boxOut3
{
 width: 180px;
 float: left;
 background-color: #94D4EA;
 margin: 0 15px 15px 0;
}


.boxOut4
{
 border-bottom: 1px solid #09C;
 padding: 10px 0 10px 0;
}


.boxOut4.bottom
{
 border-bottom: none;
}


.boxOut5
{
 border: 1px solid #09C;
 padding: 0 10px 0 0;
}


.boxOut5 img
{
 float: left;
 margin: 0 20px 20px 0;
}


.boxOut5 p
{
 padding: 10px 20px;
}


body#indexPage div.breadcrumb, /* To hide breadcrumb div from any pages that do not currently have sublinks */
body#portagePublicationsPage div.breadcrumb
{
 background-color: #FFF;
}


table
{
 width: 640px;
} 


td
{
 background-color: #D1ECF5;
}


tr.heading td
{ 
 background-color: #92D3E7; 
 color: #000;
 font-weight: bold;
}


td
{
 padding: 5px 10px 5px 10px;
}


.col1
{
 width: 200px;
}


.col2
{
 width: 440px;
}


/*---------------------- General ---------------------*/


/* Class for clearing floats */
.clear 
{
 clear: both;
}


.nobdr
{
 border: none;
}


img.shopImage
{
 float: right;
 margin: 0 0 0 5px;
}

img.go_button
{
 position: relative;
 top: -14px;
 left: 150px;
}

/*-------------------------- Form Elements ---------------------------*/

input,
select
{
 margin: 0 0 10px 0;
 width: 150px;
}


input.button
{
 width: auto !important;
}


/*
input.button
{
 color: #FFF;
 background-color: #F00;
 padding: 2px 0 2px 0 !important;
 width: auto;
 border: none;
 font-size: 11px;
}
*/

/*--------------------------- Portal Specific Page --------------------------*/

body.portalPage .innerColumn1 .boxOut2,
body.portalPage .innerColumn2 .boxOut2 
{
 padding: 10px 180px 0 8px;
}

body.portalPage #box1
{
 height: 159px; /* Total 169px */
 background-image: url(../images/home-2.jpg);
 background-repeat: no-repeat;
 background-position: top right;
 margin: 20px 0 20px 0;
}

body.portalPage #box2
{
 height: 159px; /* Total 169px */
 background-image: url(../images/home-3.jpg);
 background-repeat: no-repeat;
 background-position: top right;
 margin: 20px 0 20px 0;
}

body.portalPage #box3
{
 height: 159px; /* Total 169px */
 background-image: url(../images/home-1.jpg);
 background-repeat: no-repeat;
 background-position: top right;
}

body.portalPage #box4
{
 height: 159px; /* Total 169px */
 background-image: url(../images/home-4.jpg);
 background-repeat: no-repeat;
 background-position: top right;
}


/*--------------------------- Our Staff Specific Page --------------------------*/

img.portrait,
img.shopItem
{
 float: left;
 margin: 0 15px 15px 0;
}


.subContent1 img.shopItem
{
 float: right;
}


div.employee
{
 margin-top: 20px;
 padding: 0 0 20px 0;
 border-bottom: 1px solid #0099CC;
}


div.employee p
{
 padding-left: 190px;
}


/*--------------------------- Our Staff Specific Page --------------------------*/


body#whatParentsSayPage .boxOut5
{
 margin-bottom: 20px;
 padding-bottom: 0px;
}


body#whatParentsSayPage .boxOut5 h3
{
 margin: 20px 10px 10px 20px;
}


div.volunteer
{
 background-image: url(../images/volunteer.jpg);
 background-repeat: no-repeat;
 background-position: 2% 100%;
 padding: 0 0 0 75px;
}

/*--------------------------- Our Shop Specific Page --------------------------*/

body#shopPage .mainContent .boxOut4 h6
{
 margin-top: 0;
}

body#shopPage .mainContent .boxOut4 p,
body#shopPage .mainContent .boxOut4 ul,
body#shopPage .mainContent .boxOut4 h6
{
 padding-left: 130px;
}


#regionPage .innerColumn2
{
 width: 325px; /* Total 345px */
 padding-left: 20px;
}

#regionPage .innerColumn2 h2
{
 margin-top: 5px;
}

#regionPage .innerColumn2 ul
{
 margin-bottom: 20px;
}