/* @group Main Layout Control */

.section{
width:2000px; /* Carl - TO REVERT BACK TO NORMAL SLIDING (left/right) just increase this figure to 12000 (or more!) - this will stop the vertical movement, easy street! */
position:relative;
}

#content{
overflow:hidden;
width: 800px;
background-color:white;
position: absolute;
height:550px;
left: 140px;
top: 0;
margin-top: 50px; /* Set as same height as header image - WATCH THE IE STYLESHEETS */
}

#navigation {
float:left;
width:140px;
height: 540px; /* Set as same height as content MINUS padding-top below */
padding-top: 10px;
background: #f28802 url(../images/interface/navstrip.gif) repeat-y right top;
z-index:9999;
}

.teamul {
    list-style: none;
    display: inline;
    margin-left: 50px;
}

.team {
    display: inline;
    padding: 3px;
}

.team a {
    color: #f28802;
    text-decoration: none;
}

.team a:hover {
    color: #f28802;
    text-decoration: underline;
}

.section .sub{
position:relative;
float:left;
padding:0px 0px 0px 0px;
width:800px;
height:550px;
}

.darkbg {
background-color: #000;
}

.purplebg {
background-color: #551a8b;
}


/* @end */

/* @group Layout containers */

div.section-container {
margin: 0;
padding: 0;
}

div.section-container-wide {
margin: 0;
padding: 0;
}

div.section-container-half-l {
width: 375px;
margin-right: 20px;
padding: 0 0 0 25px;
float: left;
}

div.section-container-half-r {
width: 375px;
padding: 0 5px 0 0;
float: right;
}

div.section-container-third-l {
width: 250px;
margin-right: 20px;
padding: 0 0 0 25px;
float: left;
}

div.section-container-twothird-l {
width: 500px;
margin-right: 20px;
padding: 0 0 0 25px;
float: left;
}

div.section-container-twothird-r {
width: 500px;
padding: 0 5px 0 0;
float: right;
}

div.section-container-third-r {
width: 250px;
padding: 0 5px 0 0;
float: right;
}


/* @end */

/* @group Navigation styles */

#navigation li a {
text-decoration:none;
font-weight: bold;
color:white;
display:block;
font-size: 12px;
padding: 8px 10px;
}

#navigation li a:hover {
background-color: #8e0081;
}

/* @end */

/* @group Spacing */

.marginbottom-std {
margin-bottom: 20px;
}

.margintop-std {
margin-top: 20px;
}

.marginbottom-med {
margin-bottom: 40px;
}

.margintop-med {
margin-top: 40px;
}

.marginbottom-lrg {
margin-bottom: 60px;
}

.margintop-lrg {
margin-top: 60px;
}

.mapholder {
}

#contact div.mapholder {
margin-left: 29px;
	margin-top: 247px;
}

ul {
font-size:10px;
margin-bottom:10px;
line-height:14px;
}




ul.squarelist{
padding-left:20px;	
}

ul.squarelist li{
list-style-type:square;
}

.purp, .purp p {
color:#8e0081;
}
.medfont{
font-size:2em
}


.design-text {
    color:black;width:400px;margin-left:400px;margin-top:10px;
}

.block {
    display:block;
}

.social-text {
    padding:20px;
}

.displaynone {
    display:none;
}

.floatl {
    float:left;
}

.clearl {
    clear:left;
}

.charity-img {
    float:left;
    width:423px;
    margin-right:20px;
}

.charity-text {
    float:left;
    width:350px;
    position:relative;
    top:50px;
}

.text-right {
    text-align:right;
}

.map {
    width:745px;
    height:275px;
}

.job-head {
    background-image:url('../images/vacancyHeader.gif');
    background-repeat:no-repeat;
}

.job-bg {
    padding:0 6px;
    background-color:rgba(255,255,255,.8);
}

/* @end */

/*
NOT USED JUST YET!
.contactflag {
position:absolute;
z-index:10000;
right:0px;
top:0px;
height:150px;
width:150px;
background-color:transparent;
margin:0px;
padding:0px;
border:0px none;
}
*/

label {
    display:block;
}

.brochure input[type=text], .brochure textarea {
    border:1px solid #ccc;
    padding:5px;
    font-size:12px;
    font-family: Arial, Helvetica, sans-serif;
    width:300px;
}

.brochure li {
    margin-bottom:10px;
}

.request-brochure-link {
    position:relative;
    left:150px;
    top:-150px;
    margin-bottom:-91px;
}