body {
font-family:Arial, Helvetica, sans-serif;
font-size:80%;
margin: 0;
text-align:center;
color:#003366;
background-color:#ffffff;
}

h1 {
font-size: 150%;
text-align:center;
color:#4c6e9e;
}

h2 {
font-size:130%;
text-align:center;
color:#4c6e9e;
}

.bold {
font-weight:bold;
}

.boldCentre {
text-align:center;
font-weight:bold;
}

.bigbold{
font-size:110%;
font-weight:bold;
}

.bigboldUnderline {
font-size:110%;
font-weight:bold;
text-decoration:underline;
}

.boldItalic {
font-weight:bold;
font-style:italic;
}
.boldItalicCentre {
text-align:center;
font-weight:bold;
font-style:italic;
}

.boldUnderline{
font-weight:bold;
text-decoration:underline;
}

.small {
font-size:85%;
letter-spacing:0.1em;
}

.bbitalic {
font-size:110%;
font-weight:bold;
font-style:italic;
}

.underline {
text-decoration:underline;
}
.quote {
font-family:"Lucida Calligraphy", Arial, Helvetica, sans-serif;
font-size: 105%;
font-style:italic;
}

.quotebold {
font-family:"Lucida Calligraphy", Arial, Helvetica, sans-serif;
font-weight:bold;
letter-spacing:0.1em;
font-style:italic;
}

.author {
font-family:Arial, Helvetica, sans-serif;
font-size:85%;
font-style:normal;
padding-left:20px;
}

.centre {
text-align:center;
}
.centreItalic {
text-align:center;
font-style:italic;
}

#indent {
padding-left:10px;
font-style:italic;
}

#contentwrapper {
width:800px;
background-image:url(siteimages/slice.jpg);
background-repeat:repeat-y;
background-color:#ffffff;
margin: auto;
text-align:left;

}

#textlead {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:90%;
background-color:#0b1b3d;
color:#CCCCCC;
text-align:right;
padding: 5px 10px;
}

#masthead {
background-image:url(siteimages/masthead.jpg);
background-repeat:no-repeat;
}

#masthead a, #masthead a:visited, #masthead a:active {
	display: block;
	height: 157px;
	margin-left: -20000px;
}


#topnav {
clear:both;
margin:0 5px;
}

#topnav ul{

}
#topnav li{
display:inline;
padding: 0 5px;
}

#logobox {
font-family: Arial, Helvetica, sans-serif;
margin:5px;
font-size:85%;
letter-spacing:0.1em;
}


#maincontent {
text-align:center;
clear:both;
padding: 5px;
}

#titlebox {
clear:both;
text-align:center;
padding-bottom:5px;

}

#content {
clear:both;
float:left;
width:460px;
text-align:left;
padding-left:10px;
}

#content ul{
margin-top: 0;
margin-bottom: 0;
}

#widecontent ul{
margin-top: 0;
margin-bottom: 0;
}

#box td{
border:1px solid #cccccc;
}

#widecontent {
text-align:left;
margin: 0 20px;
}

#widetext {
text-align:left;
}

#imagebox {
margin-left: 470px;
 /* background-image:url(siteimages/imageback.jpg);
background-repeat:repeat; */
width:297px;
/* border:1px solid #cccccc;*/
padding:1px;
}

#imagebox img {
border:1px solid #bbbbbb;
margin-right: 1px;
}


#quot {
clear:both;
width:800px;
background-color:#FFFFFF;
padding: 5px 10px;
font-family:"Lucida Calligraphy", Arial, Helvetica, sans-serif;
font-weight:normal;
font-size:105%;
color:#666666;
text-align:left;
font-style:italic;
/* border:1px solid #cccccc;*/
}


#footer {
clear:both;
text-align:right;
}

#tagline {
font-size:90%;
text-align:right;
padding: 10px;
color:#666666;
}

#tagline a {
color:#666666;
}

/* Contactform */

#contactform {
margin:10px;
}

#contactform label{
font-weight:bold;
}
#contactform legend {
font-weight:bold;
}

#contactform fieldset {
border: 1px solid #cccccc;
padding: 15px;
}

.thumbnail{
position: relative;
z-index: 0;
}

.thumbnail:hover{
color:#fff;
background-color: #fff;
text-decoration:none;
z-index: 50;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: #fff;
padding: 5px;
left: -1000px;
border: 1px solid #c0c0c0;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: -90px;
left: -100px; /*position where enlarged image should offset horizontally */

}