/* Stagetext CSS file by John Sargent @ sitewritrs.co.uk */

html{font-size:100%}

body{font-size:62.5%; font-family:Geneva, Arial, Helvetica, sans-serif;}

p{font-size:1.2em;}

h1{font-size:1.6em; font-weight:bold; color:#007BC4; background-color:#FFF;}
h2{font-size:1.4em; font-weight:bold; color:#007BC4; background-color:#FFF;}
h3{font-size:1.1em; font-weight:bold;}
h4{font-size:1.2em; font-weight:bold;}

a:link{color:#007BC4; background-color:#FFF; text-decoration:none;}
a:visited{color:#007BC4; background-color:#FFF; text-decoration:none;}
a:hover{color:#007BC4; background-color:#FFF; text-decoration:underline;}
a:active{color:#007BC4; background-color:#FFF; text-decoration:none;}

img{border:none;}

/* Here come the ID's */

#topwrapper{
position:relative;
width:760px; height:220px;
margin: 0 auto;
}

#contentwrapper{
width:760px; height:auto;
margin: 0 auto;
}

#content2{
position:absolute; left:-5000px; top:0;
width:auto; height:auto;
}

#topbox{
float:right;
height:9em;
width:60em;
text-align:right;
}


#toptext h1{
background-color:#007BC4;
color:#FFF;
font-size:2em;
font-weight:bold;
padding:0;
margin:0;
}

#logo{
float:left;
width:160px;
height:150px;
}

#jacobswell{
float:left;
width:250px; height:auto;
padding:10px 5px 5px 10px;
font-size:2em; font-weight:bold;
color:#007BC4; background-color:#FFF}

#date{
float:right;
width:300px; height:30px;
margin-top:10px;
font-size:1.2em;
text-align:right;
}

#whosoever{
float:left;
width:590px; height:auto;
padding:5px;
font-style:italic; font-weight:bold;
text-align:center;
}

#maincontentwrapper{
margin-left:auto; margin-right:auto;
width:760px; height:auto;
color:#000; background-color:#FFF;
margin-top:1.5em;
clear:both;
}

#leftinnercol{
float:left;
width:480px; height:auto;
padding-left:20px;}

#rightinnercol{
float:right;
width:230px; height:auto;}

#fullinnercol{float:left;
width:740px; height:auto;
padding-left:20px;}

#contactbox{
float:right;
width:140px; height:auto;
margin:0 0 25px 15px;
background-color:#EbEbEB; color:#000;
padding:5px;
border:solid 1px #333;
}

#contactbox h2{background-color:#EBEBEB; color:#007BC4;}

#footer{
width:100%; height:5em; 
clear:both; 
border-top: solid 1em #FFF;
margin-left:auto;
margin-right:auto;
padding-top:10px;
background-color:#007BC4;
color:#FFF;
text-align:center;
}

#footer a:link{color:#FFF; background-color:#007BC4; text-decoration:none;}
#footer a:visited{color:#FFF; background-color:#007BC4; text-decoration:none;}
#footer a:hover{color:#FFF; background-color:#007BC4; text-decoration:underline;}
#footer a:active{color:#FFF; background-color:#007BC4; text-decoration:none;}

/* Text classes -  some of these are unusual but we like to set all text attributes including bold and italic using CSS */

.bold{font-weight:bold;}
.italic{font-style:italic;}
.bolditalic{font-weight:bold; font-style:italic;}

/* Other classes */

.imageleft{
float:left;
width:auto; height:auto;
margin:5px 5px 5px 0;
}

.imageright{
float:right;
width:auto; height:auto;
margin:5px 0 5px 5px;
}

.redbox{
width:220px; height:auto; padding:5px;
color:#F00; 
background-color:#FFF; 
border:1px solid #F00; 
font-weight:bold; 
text-align:center;}

.redbox a{color:#F00; background-color:#FFF;} 

/* New top navigation starts here */

#topnav{
float:left;
font-size:1.4em;
font-weight:bold;
width:780px;
overflow:visible;
margin-left:-26px;
padding-top:10px;
}

#topnavlist li{
padding:0; margin:0;
display: inline;
list-style-type:none;
text-align:left;
margin-left:6px;
line-height:40px;
}

#topnavlist li a:link{
color:#FFF; background-color:#007BC4;
padding:8px 8px 6px 8px;
text-decoration:none;
}

#topnavlist li a:visited{
color:#FFF; background-color:#007BC4;
padding:8px 8px 6px 8px;
text-decoration:none;
}

#topnavlist li a:hover{
color:#007BC4; background-color:#EBEBEB;
padding:8px 8px 6px 8px;
text-decoration:none;
}

#topnavlist li a:active{
color:#000; background-color:#FFF;
padding:8px 8px 6px 8px;
text-decoration:none;
}

/* New top navigation ends here */

/* Image gallery starts here */

.imagegallerythumb{
float:left;
width:100px; height: 150px;
margin:10px;
clear:none;
}

.imagegallerythumb p {
padding:0; 
margin:5px 0 0 0; 
font-size: 1.1em;
}

.imagegallerythumb2{
float:left;
width:100px; height: 200px;
margin:10px;
clear:none;
}

.imagegallerythumb2 p {
padding:0; 
margin:5px 0 0 0; 
font-size: 1.1em;
}

#gallerycontainer{
width:500px; height:auto;
margin-left:auto; margin-right:auto;
}

#gallerybox1{
float:left;
width:30px;
padding:100px 5px 5px 5px;}

#gallerybox2{
float:left;
width:410px;
padding:5px;
text-align:center;}

#gallerybox3{
float:left;
width:30px;
padding:100px 5px 5px 5px;}

#galleryfooter{
float:left;
width:480px;
padding:10px;
text-align:center;
clear:both;}