body {

    margin-top: 0;
    margin-left: 0;
    padding-top: 0px;
    padding-bottom: 0px;
    background-color: black;

    } 

div.arrows{

    float: left;
    width: 220px; 
    height: 40px;
    text-align: left; 
    vertical-align: top;
    margin: 10px 0px 0px 0px;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 0px;

    }


div.leftarrow{

    float: left;
    width: 105px; 
    height: 40px;
    text-align: left; 
    vertical-align: top;
    background-color: white;

    }

div.rightarrow{

    float: left;
    width: 105px; 
    height: 40px;
    text-align: left; 
    vertical-align: top;
    background-color: white;
    margin: 0px 0px 0px 10px;

    }
   


div.maincontainer {   

    background: repeat fixed top center;
    background-attachment:fixed;
    width:1000px; margin:0 auto;

    }

div.remembrance {   

    background: url("remembrance.jpg") repeat fixed top center;
    background-attachment:fixed;
    width:1000px; margin:0 auto;

    }

div.xmas2010 {   

    background: url("images/fireworks.jpg") repeat fixed top center;
    background-attachment:fixed;
    width:1000px; margin:0 auto;

    }


div.coastcontainer {   

    background: url("coast2coast/c2cbackground.jpg") repeat fixed top center;
    background-attachment:fixed;
    width:1000px; margin:0 auto;

    }

div.kisccontainer {   

    background: url("images/kiscbackground.jpg") repeat fixed top center;
    background-attachment:fixed;
    width:1000px; margin:0 auto;

    }

div.croatiacontainer {   

    background: url("images/croatiabg.jpg") repeat fixed top center;
    background-attachment:fixed;
    width:1000px; margin:0 auto;

    }


div.ardechecontainer {   

    background: url("images/ardechebackground.jpg") repeat fixed top center;
    background-attachment:fixed;
    width:1000px; margin:0 auto;

    }


div.header {

    width: 450px; 
    height: 150px;
    text-align: left; 
    vertical-align: top;
    padding-left: 50px;
    padding-top: 10px;

    }

div.header2 {

    width: 450px; 
    height: 150px;
    text-align: left; 
    vertical-align: top;
    padding-left: 50px;
    padding-top: 10px;

    }


div.subheader {

    margin-top: 10px;
    width: 450px; 
    text-align: center; 
    margin-left: 50px;
    background-color: white;

    }

div.main {

    width: 500px;
    text-align: left; 
    vertical-align: top;
    margin-left: 50px;
    margin-top: 10px;
    padding: 10px;
    background-color: white;

    } 

div.row{

    clear:both;
    width: 470px; 
    margin: 0px 0px 10px 50px;

    }

div.progrow{

    clear:both;
    width: 470px; 
    margin: 0px 0px 10px 50px;

    }

div.quarterrow{

    background-color: white;
    float: left;
    height: 90px;
    height: 110x;
    margin-right: 10px;
    padding: 10px;

    }

div.halfrow{

    background-color: white;
    float: left;
    width: 200px; 
    height: 90px;
    margin-right: 10px;
    margin-top: 10px;
    padding: 10px;

    }


div.merchrow{

    background-color: white;
    float: left;
    width: 200px; 
    height: 200px;
    margin-right: 10px;
    margin-top: 10px;
    padding: 10px;

    }

div.awards{

    background-color: white;
    float: left;
    width: 200px; 
    height: 165px;
    margin-right: 10px;
    margin-top: 10px;
    padding: 10px;

    }

div.blankhalfrow{

    float: left;
    width: 200px; 
    height: 90px;
    margin-right: 10px;
    margin-top: 10px;
    padding: 10px;

    }


div.prevnext{

    float: left;
    width: 50px;
    height: 100px;
    padding: 10px;

    }


div.kpdq{

    background: url("images/kpdq.gif");
    float: left;
    width: 200px; 
    height: 90px;
    margin-right: 10px;
    margin-top: 10px;
    padding: 10px;

    }

div.kpd{

    background: url("images/kpd.gif");
    float: left;
    width: 200px; 
    height: 90px;
    margin-right: 10px;
    margin-top: 10px;
    padding: 10px;

    }

div.kp{

    background: url("images/kp.gif");
    float: left;
    width: 200px; 
    height: 90px;
    margin-right: 10px;
    margin-top: 10px;
    padding: 10px;

    }

div.k{

    background: url("images/k.gif");
    float: left;
    width: 200px; 
    height: 90px;
    margin-right: 10px;
    margin-top: 10px;
    padding: 10px;

    }

div.p{

    background: url("images/p.gif");
    float: left;
    width: 200px; 
    height: 90px;
    margin-right: 10px;
    margin-top: 10px;
    padding: 10px;

    }

div.pd{

    background: url("images/pd.gif");
    float: left;
    width: 200px; 
    height: 90px;
    margin-right: 10px;
    margin-top: 10px;
    padding: 10px;

    }

div.pdq{

    background: url("images/pdq.gif");
    float: left;
    width: 200px; 
    height: 90px;
    margin-top: 10px;
    margin-right: 10px;
    padding: 10px;

    }

div.kq{

    background: url("images/kq.gif");
    float: left;
    width: 200px; 
    height: 90px;
    margin-right: 10px;
    margin-top: 10px;
    padding: 10px;

    }

div.kx{

    background: url("images/kx.gif");
    float: left;
    width: 200px; 
    height: 90px;
    margin-right: 10px;
    margin-top: 10px;
    padding: 10px;

    }

div.coast {

    width: 430px;
    text-align: left; 
    vertical-align: top;
    margin-left: 50px;
    margin-top: 10px;
    padding: 10px;
    background-color: white;

    } 

div.flickr {

    width: 750px;
    text-align: left; 
    vertical-align: top;
    margin-left: 50px;
    margin-top: 10px;
    padding: 10px;
    background-color: white;

    } 

div.progpage {

    width: 430px; 
    text-align: left; 
    vertical-align: top;
    background-color: white;
    padding: 10px;
    margin-left: 50px;
    margin-top: 10px;

    }



div.leftcolumn {

    float:left;
    width: 215px; 
    height: 315px;
    margin: 10px 0px 0px 50px;

    }

div.rightcolumn {

    float:left;
    width: 215px; 
    height: 315px;
    margin: 10px 0px 0px 15px;

    }


div.blog {

    width: 205px; 
    height: 80px;
    text-align: left; 
    vertical-align: top;
    background-color: white;
    padding-left: 10px;
    padding-right: 5px;
    padding-top: 5px;

    }

div.photos {

    width: 210px; 
    height: 165px;
    text-align: left; 
    vertical-align: top;
    background-color: white;
    padding-left: 10px;
    padding-top: 5px;

    }

div.noticeboard {

    float: left;
    width: 200px; 
    height: 115px;
    text-align: left; 
    vertical-align: top;

    }


div.programme {

    float:left;
    width: 210px; 
    height: 115px; 
    text-align: left; 
    vertical-align: top;
    background-color: white;
    margin: 10px 0px 10px 50px;
    padding-left: 10px;
    padding-top: 10px;

    }

div.blognew {

    width: 440px; 
    height: 200px;
    text-align: left; 
    vertical-align: top;
    background-color: white;
    margin: 10px 0px 0px 50px;
    padding-left: 10px;
    padding-top: 10px;

    }


div.programmenew {

    float:left;
    width: 210px; 
    height: 120px;
    text-align: left; 
    vertical-align: top;
    background-color: white;
    margin: 10px 0px 10px 50px;
    padding-left: 10px;
    padding-top: 5px;

    }

div.noticeboardnew {

    width: 200px; 
    height: 70px;
    text-align: left; 
    vertical-align: top;
    background-color: white;
    margin: 60px 0px 0px 280px;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 5px;

    }

div.next{

    float: left;
    width: 220px; 
    text-align: left; 
    vertical-align: top;
    margin: 0px 0px 0px 0px;

    }

div.nextleft{

    float: left;
    width: 85px; 
    height: 65px;
    text-align: left; 
    vertical-align: top;
    background-color: white;
    margin: 0px 0px 0px 0px;
    padding-left: 10px;
    padding-top: 10px;

    }

div.nextright{

    float: left;
    width: 85px; 
    height: 65px;
    text-align: left; 
    vertical-align: top;
    background-color: white;
    margin: 0px 0px 0px 0px;
    padding-left: 10px;
    padding-top: 10px;

    }





div.programme2 {

    width: 220px; 
    height: 125px;
    text-align: left; 
    vertical-align: top;
    background-color: white;
    margin-top:10px;

    }




div.exped {

    width: 215px; 
    height: 120px;
    text-align: center; 
    vertical-align: top;
    background-color: white;
    margin-top:10px;
    padding-left: 5px;
    padding-top: 5px;

    }


div.links {

    clear:both;
    background: url("http://www.k2esu.org.uk/images/scoutsbackground.gif");
    width: 445px; 
    height: 115px;
    text-align: left; 
    vertical-align: top;
    margin: 0px 0px 0px 50px;
    padding-left: 5px;
    padding-top: 5px;

    }

div.leftlinks {

    float: left;
    width: 135px;
    height: 100px;
    text-align: left; 
    vertical-align: top;
    background-color: #ADC7DE;
    padding: 5px;

    }

div.rightlinks {

    float: left;
    width: 125px;
    height: 100px;
    text-align: left; 
    vertical-align: top;
    background-color: #ADC7DE;
    margin-left: 5px;
    padding: 5px;

    }

div.footer {

    width: 445px; 
    height: 200px;
    text-align: left;
    vertical-align: top; 
    margin: 0px 0px 0px 50px;
    padding-top: 2px;

    }




h1 {font-size: 18pt}
h2 {font-size: 13pt}
h3, h4 {font-size: 10pt}
p {font-size: 10pt}

h1, h2, h3 {
    
    font-weight: bold

    }

h4, p {

font-weight: normal

    }

h1, h2, h3, h4, p {

font-family: "Verdana"

    }

h3 {

color: #ffffff;

}

h1, h2, h3, h4, p {margin-bottom: 0px;

margin-top: 0px}

a img {border: 0;}

a:link, a:visited, a:active {text-decoration: none}

a:hover {text-decoration: underline}

a:link, a:visited, a:active, a:hover {color: black}