body{
background-image: url(../images/grad.png);
background-repeat: repeat-x;
font-family: 'Helvetica', sans-serif;
line-height:1.3em;
height:800px;
font-weight:200;
color:white;
}



/*-------------LAYOUT AREA-----------------*/
div{
position:absolute;
height:70%;
width:99%;
}

div.mainframe{
position:relative;
width:1026px;
height:auto;
margin-left:auto;
margin-right:auto;
}

	
div.z{
	position:absolute;
	width:99%;
	height:auto;
	top:700px;
	bottom:20px;
	z-index:100;
	margin-left:auto;
    margin-right:auto;
    text-align:center;
    font-weight:100;
    color:#262626;
    font-size:12px;
	}

img.logo{
width:143px;
left:0;
margin-top:40px;
height:79px;
}



div.plusminus{
position:absolute;
top:35px;
right:5px;
height:500px;
width:120px;
}

img.ts{
float:left;
margin:0;
padding:0;
}

/*CONTAINER ELEMENTS*/
div.c{
position:relative;
width:800px;
height:100%;
top:10px;
margin-left:auto;
margin-right:auto;
}

div.maintext{
display:inline;
right:0px;
margin-right:10px;
margin-top:40px;
width:375px;
height:auto;
font-size:0.8em;
color:white;
}





div.rights{
position:fixed;
left:840px;
top:1050px;
font-size:10px;
color:#d7d7d7;
z-index:200;
}

div.rights a{
font-size:10px;
color:#d7d7d7;
}

div.rights a:visited{
font-size:10px;
color:#d7d7d7;
}

div.top{
position:relative;
width:800px;
top:10px;
height:80px;
margin-left:auto;
margin-right:auto;
border-style:none;
	}

div.body{
position:relative;
width:800px;
height:100%;
top:0px;
color:white;
}

a{
color:#262626;
text-decoration:none;
font-weight:100;
margin-bottom:1px;
}

a.link{
color:#d93e45;
text-decoration:none;
font-weight:400;
margin-bottom:1px;
}


a:visited{
color:#262626;
font-weight:100;
}

h3.header{
font-weight: 900;
font-size: 1.5em;
}

h2.blue{
font-size:1.1em;
color:#40a9dc;
font-weight:700;
}

b.orange{
	color:#de522e;
	font-weight:700;	
}

b.pink{
	color:#e950a3;
	font-weight:700;
}

h2.green{
	font-size:1.1em;
	color:#a5cc7d;
	font-weight:700;	
}


h2.purple{
font-size:1.1em;
color:#53197d;
font-weight:700;
}


img.topper{
display:block;
height:20px;
width:800px;
top:0;
left:0;
}

img.main{
display:inline;
margin-left:0px;
}



a div{
position:absolute;
height:70px;
width:95px;
top:0;
}

a div.home {
background-image: url(../images/buttons/HOME.png);
background-repeat: no-repeat;
}
a:hover div.home {
background-image: url(../images/buttons/HOMEROLL.png);
background-repeat: no-repeat;
}

a div.whatson {
left:98px;
background-image: url(../images/buttons/WHATSON.png);
background-repeat: no-repeat;
}

a:hover div.whatson {
left:98px;
background-image: url(../images/buttons/WHATSONROLL.png);
background-repeat: no-repeat;
}

a div.bking {
left:196px;
background-image: url(../images/buttons/BKING.png);
background-repeat: no-repeat;
}

a:hover div.bking {
left:196px;
background-image: url(../images/buttons/BKINGROLL.png);
background-repeat: no-repeat;
}

a div.schools {
left:294px;
background-image: url(../images/buttons/SCHOOLS.png);
background-repeat: no-repeat;
}

a:hover div.schools {
left:294px;
background-image: url(../images/buttons/SCHOOLSROLL.png);
background-repeat: no-repeat;
}


a div.ontour {
left:392px;
background-image: url(../images/buttons/ONTOUR.png);
background-repeat: no-repeat;
}

a:hover div.ontour {
left:392px;
background-image: url(../images/buttons/ONTOURROLL.png);
background-repeat: no-repeat;
}

a div.takingpart {
left:490px;
background-image: url(../images/buttons/TAKINGPART.png);
background-repeat: no-repeat;
}

a:hover div.takingpart {
left:490px;
background-image: url(../images/buttons/TAKINGPARTROLL.png);
background-repeat: no-repeat;
}

a div.supporters {
left:588px;
background-image: url(../images/buttons/SUPPORTERS.png);
background-repeat: no-repeat;
}

a:hover div.supporters {
left:588px;
background-image: url(../images/buttons/SUPPORTERSROLL.png);
background-repeat: no-repeat;
}

a div.imaginate {
left:686px;
background-image: url(../images/buttons/IMAGINATE.png);
background-repeat: no-repeat;
}

a:hover div.imaginate {
left:686px;
background-image: url(../images/buttons/IMAGINATEROLL.png);
background-repeat: no-repeat;
}

img.welcome{
position:relative;
float:left;
width:800px;
height:40px;
padding:0;
margin-left:0;
top:30px;
}

div.box{
position:relative;
top:2px;
height:71px;
width:784px;
margin-left:auto;
margin-right:auto;
}