body{
background-image: url(../images/grad.png);
background-repeat: repeat-x;
background-color:white;
font-family: 'Helvetica', sans-serif;
line-height:1.1em;
font-weight:300;
height:1000px;
}

/*-------------LAYOUT AREA-----------------*/

div{
position:absolute;
height:99%;
width:99%;
color: #0A0A0A;
}

div.mainframe{
position:relative;
width:1075px;
height:100%;
margin-left:auto;
margin-right:auto;
}

img.logo{
width:143px;
left:0;
margin-top:40px;
height:79px;
}


div.logo{
position:absolute;
top:0;
left:0;
height:500px;
width:145px;
}

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:25px;
margin-left:auto;
margin-right:auto;
}


div.top{
position:relative;
width:800px;
top:10px;
height:90px;
margin-left:auto;
margin-right:auto;
border-style:none;
	}





div.wm{
display:block;
position:relative;
width:545px;
height:auto;
left:0;
margin-left:15px;
margin-top: -10px;
margin-bottom:15px;
line-height:1.2em;
}


img.welcome_message{
position:absolute;
margin-left:15px;
margin-bottom:15px;
}


div.b1{
position:absolute;
left:0;
top:0;
width:auto;
height:auto;
margin:1px;
}

div.body{
position:relative;
left:0;
background-color:white;
width:800px;
height:auto;
min-height:700px;
padding:0;
}


		div.z{
	position:relative;
	width:800px;
	height:25px;
	margin-top:200px;
	margin-bottom:15px;
	z-index:100;
    text-align:center;
    font-weight:100;
    color:#262626;
    font-size:12px;
	}
	
		

img.button{
position:relative;
float:left;
width:95px;
height:35px;
margin:0;
padding-bottom:15px;
padding-left:4px;
}
	
img.topper{
position:relative;
float:left;
top:15px;
height:20px;
width:800px;
bottom:0;
}


/*----------------PICTURE HOLDER----------------*/
div.e{
position:relative;
float:left;
width:225px;
height:50px;
right:0;
}

div.e1{
display:block;
position:relative;
width:800px;
height:75px;
left:0;
margin-left:0;
top:15px;
}

/*----------------BLOCK LEVEL DIARY ITEM----------------*/
div.e2{
position:relative;
margin:0;
width:800px;
left:0;
height:50px;
background-color:#FFFFFF;
border-top-style:solid;
border-bottom-style:none;
border-left-style:none;
border-right-style:none;
border-width:medium;
border-color:#959595;
background-image: url(../images/CROSSGRAD.gif);
background-repeat: repeat-y;
}

div.space{
position:relative;
margin:0;
width:800px;
left:0;
height:50px;
background-color:#FFFFFF;
}

div.title{
position:relative;
float:left;
font-weight:bold;
font-style:italic;
width:245px;
height:48px;
margin-top:2px;
margin-right:2px;
left:15px;
}


div.detail{
position:relative;
float:left;
font-weight:bold;
font-style:normal;
width:260px;
height:49px;
margin-top:2px;
margin-right:2px;
margin-left:15px;
}

div.age{
position:relative;
float:left;
font-weight:bold;
width:51px;
height:48px;
top:0;
margin-right:0;
margin-left:0;
background-color:#d7d7d7;
}

/*----------------TEXT HANDLING AREA----------------*/
h3{
display:inline;
font-weight:bold;
}

h3.n{
font-weight:200;
display:inline;
font-size:0.8em;
}

h3.fp{
font-weight:900;
margin-top:0;
margin-bottom:0;
padding-bottom:0;
color:#92282b;
}

h3.quote{
position:relative;
color:#d6b589;
margin-left:0;
width:400px;
}

h3.link{
color:#d6b589;
font-weight:200;
top:-2px;
}


i.quote{
font-weight:lighter;
font-style:italic;
width:400px;
}

b{
font-weight:bold;
}


b.s{
font-weight:bold;
width:425px;
}

b.d{
display:block;
font-weight:bold;
}

b.c{
color:white;
margin-left:2px;
}

p{
position:relative;
padding-top:0px;
padding-right:50px;
font-weight:normal;
}

p.dates{
display:block;
color:black;
font-weight:normal;
margin:0;
padding:0;
padding-left:15px;
}

p.heading{
font-weight: bold;
width:450px;
padding-top:0px;
padding-bottom:0px;
line-height:1.6em;
}


p.q{
position:relative;
width:350px;
margin-left:0;
margin-top:0.5em;
line-height:1.5em;
font-style:italic;
color:#b8c3ed;
}

p.r{
position:relative;
width:450px;
margin-left:0;
margin-top:-0.1em;
line-height:1.5em;
font-style:italic;
color:#c2c3c4;
}



/*----------------PICTURES HERE----------------*/


img.age{
position:relative;
left:0px;
top:0px;
}

img.body{
display:block;
position:relative;
}

img.graphic{
margin-left:15px;
}


div.sideicons{
display:block;
position:relative;
padding-left:15px;
width:auto;
height:50px;
padding-bottom:60px;
}


img.baby{
position:absolute;
right:0;
top:0;
}

img.linkgraphic{
position:absolute;
right:0;
top:0;
width:225px;
height:255px;
}

div.linktext{
position:absolute;
font-size:0.8em;
top:100px;
right:70px;
width:150px;
height:auto;
}


img.side{
padding-left:15px;
}






/*---------------OTHER STUFF--------------*/

div.select{
position:relative;
padding-left:15px;
width:auto;
height:15px;
}

select{
display:inline;
width:auto;
font-size:10px;
}
input{
margin-left:4px;
display:inline;
font-size:10px;
}

option{
display:block;
position:relative;
background-color:#adb4c9;
font-size:10px;
}

a{
color: #a92012;
text-decoration:none;
font-weight:100;
margin-bottom:1px;
}


a.zed{
text-decoration:none;
color:black;
font-weight:100;
margin:1px;
}

a:visited.zed{
text-decoration:none;
color:black;
font-weight:100;
margin:1px;
}

a:visited{
color: #a92012;
font-weight:100;
}

div.extraquote{
position:relative;
right:10px;
margin-right:0;
width:350px;
font-weight:lighter;
font-style:italic;
color:#b8c3ed;
}
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.venues {
left:196px;
background-image: url(../images/buttons/BKING.png);
background-repeat: no-repeat;
}

a:hover div.venues {
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;
}


div.box{
position:relative;
top:2px;
height:71px;
width:784px;
margin-left:auto;
margin-right:auto;
}