/************* element styles start **************/


body {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    
    margin-top: 0;
    margin-right: 0;
    margin-bottom: 0;
    margin-left: 0;
    
    padding-top: 0;
    
    background-color: #CCCCCC;
}

/*   Colouring schemes   */

body[vslcol="blueScheme"] {
    
    color: black;
    background-color: #6699FF;
}

body[vslcol="redScheme"] {
    
    color: black;
    background-color: #FF0000;
}

body[vslcol="purpleScheme"] {
    
    color: black;
    background-color: #B000B0;
}

body[vslcol="orangeScheme"] {
    
    color: black;
    background-color: #FE9301;
}

body[vslcol="greenScheme"] {
    
    color: black;
    background-color: #84D75B;
}

body[vslcol="yellowScheme"] {
    
    color: black;
    background-color: #FFCC00;
}

body[vslcol="greyScheme"] {
    
    color: black;
    background-color: #999999;
}

body[vslcol="rustScheme"] {
    
    color: black;
    background-color: #CC6600;
}


body[vslcol="blackScheme"] {
    
    color: green;
    background-color: orange;
}

body[vslcol="tealScheme"] {
    
    color: black;
    background-color: teal;
}
body[vslcol="pinkScheme"] {
    
    color: black;
    background-color:#FF66CC;
}

body[vslcol="stoneScheme"] {
    
    color: black;
    background-color: #9999FF ;
    
}

body[vslcol="creamScheme"] {
    
    color: black;
    background-color: #db831e ;
    
}

h2 {
    
    font-size: 110%;
    
}

#leftbar {
    
    /*position: absolute;
    top: 0px;
    left: 0px;*/
    
    position: relative;
    float: left;
    
    
    /*    border: 2px solid black; */
    margin: 0px;
    
    width: 180px;
    
    
    
    z-index: 10;
}

#adBox1 {
    
    position: relative;
    margin-top: 50px;
    left: 10px;
    
    width: 160px;
    height: 120px;
    
    display:none;
}

#centrebar {
    
    position: relative;
    
    margin: 0px;
    padding: 0px;
    /*    border: 2px solid red; */
    
    background:   url("../images/backgroundTile2.gif") repeat-y left;
    
}

#topbar {
    
    position: relative;
    
    margin: 0px;
    padding: 0px;
    
    /*    border: 2px solid orange; */
    
}

#topbar h1 {
    
    text-align: center;
    margin-top: 0px;
}

#innertopbar {
    
    position: relative;
    
    margin: 0px;
    border: 0px;
    padding: 0px 0px 0px 0px;
    
    margin-left: 180px;
    
    /*    border: 2px solid white; */
}

#innertopbar p {
    
    
    
}

#globalNav {
    position: relative;
    padding-bottom: 0px;
    font-size: 100%; 
    line-height: 110%;
}
/*
#globalNav UL {
PADDING-RIGHT: 10px; 
PADDING-LEFT: 10px; 
PADDING-BOTTOM: 0px; 
MARGIN: 0px; 
PADDING-TOP: 10px; 
LIST-STYLE-TYPE: none;
border: 1px dashed green;
}

#globalNav LI {
PADDING-RIGHT: 0px; 
PADDING-LEFT: 9px; 
BACKGROUND: url(images/left.gif) no-repeat left top; 
PADDING-BOTTOM: 0px; 
MARGIN: 0px; 
PADDING-TOP: 0px;
}
*/

#globalNav A {
    padding-right: 15px; 
    padding-left: 6px; 
    font-weight: bold; 
    background: url(../images/right.gif) no-repeat right top; 
    padding-bottom: 0px; 
    color: #646464;
    padding-top: 0px; 
    text-decoration: none;
}

#globalNav .leftCorner {
    padding-right: 0px; 
    padding-left: 9px; 
    background: url(../images/left.gif) no-repeat left top; 
    padding-bottom: 0px; 
    margin: 0px; 
    padding-top: 0px;
}

#globalNav #current {
    background-image: url(../images/left_on.gif)
}
#globalNav #current A {
    background-image: url(../images/right_on.gif);  
    color: #000000;
}


#content {
    
    position: relative;
    
    /*    border: 2px solid blue; */
    
    padding: 0px;
    
    margin: 0px;
    
}

#innercontent{
    
    position: relative;
    
    padding-left: 10px;
    padding-right: 10px;
    
    /*    border: 2px dashed black; */
    
    border-top: 1px solid black; 
    border-bottom: 1px solid black;
    
    margin-left: 180px;
    
}

#innercontent[vslcol="blueScheme"] {
    
    color: black;
    background-color: #A0B0EF;
}

#innercontent[vslcol="redScheme"] {
    
    color: black;
    background-color: #FE5854;
    background-color: #FE5854;
}

#innercontent[vslcol="purpleScheme"] {
    
    color: black;
    background-color: purple;
    background-color: #E6A6EB;
}

#innercontent[vslcol="yellowScheme"] {
    
    color: black;
    background-color: #FFFF66;
}

#innercontent[vslcol="greyScheme"] {
    
    color: black;
    background-color: #CCCCCC;
}

#innercontent[vslcol="orangeScheme"] {
    
    color: black;
    background-color: #FFC271;
}

#innercontent[vslcol="greenScheme"] {
    
    color: black;
    background-color: #B3D584;
}

#innercontent[vslcol="rustScheme"] {
    
    color: black;
    background-color: #FFC271;
}

#innercontent[vslcol="blackScheme"] {
    
    color: green;
    background-color: orange;
}

#innercontent[vslcol="tealScheme"] {
    
    color: black;
    background-color:#80BFBF;
}

#innercontent[vslcol="pinkScheme"] {
    
    color: black;
    background-color:#FF99FF;
    
}

#innercontent[vslcol="stoneScheme"] {
    
    color: black;
    background-color: #B7DBFF;

}

#innercontent[vslcol="creamScheme"] {
    
    color: black;
    background-color: #f2eeb3;
    
}

#footerbar {
    
    position: relative;
    
    clear: both;
    
    padding-left: 180;
    margin-left: 180 px;
    /*    border: 2px solid yellow;  */
    
}

#innerfooter {
    position: relative;
    
    /*    border: 2px solid black;  */
    
    margin-left: 180px;
    
    text-align: center;
    
}

#innerfooter p {
    
    padding: 2px 0px 2px 0px;
    margin: 0px;
    
    font-size: 70%;
    
}

#canCommitVis {
    
    display: none;
}

#measurementsVis {
    
    display: none;
}

#canChorusRole {
    
    display: none;
}

#principalRoleVis {
    
    display: none;
}

#selectedRolesVis{
    
    display: none;
}

#experienceLevelVis{
    
    display: none;
}

#superviseChildVis{
    
    display: none;
}

#licenceRequiredVis{
    
    display: none;
}

#guardiansVis{
    
    display: none;
}

#fourDaysVis{
    
    display: none;
}

#ownWayVis{
    
    display: none;
}

#accommodationHelpVis{
    
    display: none;
}

#specialNeedsVis{
    
    display: none;
}

/*  Classes   */

.address li {
    
    list-style-type: none;
    
}

.errorList li {
    
    padding-right: 20px;
}

.explainText {
    
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 10px;
    
}
.testimonial {
    
    position: relative;
    
}

.testimonial h2 {
    
    margin-top: 2px;
    padding-left: 30px;
    
    font-size: 110%;
    
}

.nestedList {
    
}

.nestedList li {
    
    list-style-type: none;
    
}

.nestedList li li {
    
    list-style-type: circle;
    
}

.StatsList ul {
    
    padding-top: 10px;
}

.statsList {

    padding-top: 10px;
    
}

.statsList li {
    
    padding-top: 10px;
    list-style-type: none;
    
}

.statsList li li {
    
    padding-top: 10px;
    list-style-type: none;
    
}

.namebox {
    
    margin: 0px;
    padding: 0px;
    min-width: 250px;
}

.pictextbox {
    
    position: relative;
    
    margin: 0px;
    padding: 0px;
    
    /*    border: 2px dashed black; */    
}

.floatLeft {
    
    float: left;
    
}

.floatRight {
    
    float: right;
    
}

.clearLeft {
    
    clear: left;
    
}

.clearRight {
    
    clear: right;
    
}

.clearBoth {
    
    clear: both;
    
}

.padLeft {
    
    padding-left: 10px;
    
}

.padRight {
    
    padding-right: 10px;
    
}

.quotation {
    
    padding-left: 50px;
    padding-right: 50px;
    
    
    font-weight: bold;
    
}

.formsection {
    
    position: relative;
    
    /* border: 1px solid black; */
    
}

.formcol {
    
    position: relative;
    
    float: left;
    
    padding-left: 20px;
    padding-right: 20px;
    
    min-width: 200px;
    width: 42%; 
    
    /* border: 1px dashed black; */
    
}

.formcol2 {

    position: relative;

    float: left;

    padding-left: 20px;
    padding-right: 20px;

    min-width: 300px;
    width: 50%;

    /* border: 1px dashed black; */

}

.noscreen {
    
    display: none;
    
}

.noprint {
    
    display: inline;
    
}

.errorMessage {
    color: red;
}