/*Basic Page Setup, including centering wrapper */
body {background: #98ccff url(images/softback.png) top left repeat-x; text-align: center; font-family: Tahoma; font-size: 100%} /* IE5 thinks "text-align: center" should also centre blocks*/
div#wrapper {width:90%;
text-align:left; /* Our block is centred in IE, so set the text alignment back to left */
margin: 0 auto; /* Standards compliant way of centreing blocks*/
background: #008; 
background: white;
}

/*Mast Head and Navigation */
div#masthead {background: url(images/bluebarback.png) top left repeat-x; /* Stripy Background */
 height: 120px; /*Set the mastheads height exactly */
 overflow: hidden; /*Anything that falls out of the masthead will drop below the 120px set above and dissapear */
}

h1 {text-align: center;
padding: 0;margin: 0;} /* I don't really understand margin collapsing yet. Suffice to say, this makes sure our heading doesnt have any margins to collapse(or not). */
h1 a img {border: none;}

div#navcontact { border: 5px double brown;
background: #acf; 
padding: 0.5em;
float: left;
width: 15em;
margin: 20px 1em 10px 1em;
}






div#navcontact ul {margin: 0; padding: 0; list-style: none;}
div#navcontact ul li {padding: 0.25em;
border-bottom: 1px solid white;
font-weight: bold;
}
div#navcontact ul li a{display: block; color: blue; text-decoration: none;}
div#navcontact ul li a:link {}
div#navcontact ul li a:visited {color:darkblue}
div#navcontact ul li a:hover {color:yellow}
div#navcontact ul li a:active {}



div#contact {border: 1px solid black;
margin-top: 0.5em;
padding: 0.5em;
background: white;
}

div#contact h2,h3 {margin: 0; padding: 0; color: darkgreen;}
div#contact h2 {font-size:}
div#contact h3 {font-size:}

div#contentwrapper {
background-color: white;
background: white url(images/bwback.png) top left repeat-x;
 zoom: 1; /*IE6 Bug - Floats within this relatively positioned container dissapear unless hasLayout is triggered. zoom does this. This rule potentially needs to be moved to an IE6 hack sheet.*/

}

div#content { padding: 20px 1em 20px 20em;
line-height: 1.4;
}
div#content a {color:blue}
div#content a:link {color:blue}
div#content a:visited {color: darkblue;}
div#content a:hover {color: brown;}
div#content a:active {color: red;}

div#content ul {color: darkgreen;}

div#footer * {margin: 0;}

div#footer a:link , a:visited , a:hover , a:active {color: #ccc;}

.langford {font-family: Copperplate Gothic Bold; font-style: normal; text-transform: uppercase;}

.custquote {
clear: both;
float: right;
margin: 0 -1em 0 3em;
width: 200px; 
padding: 10px;
border-left: 10px solid #cfcfe7;
font-family: Times New Roman;
font-style: italic;
background: url(images/quotesback.png) top right no-repeat;
letter-spacing: 2;
font-size: 90%
}

div#footer {
background: url(images/bluebottom.png) #008 top left repeat-x;
color: white;
text-align: center;
font-family: arial;
font-size: 70%;
clear:both;
padding: 10px 0 0 0;
}

div#content h2 {
font-family: Arial;
border: 3px double yellow;
font-style: italic;
text-align: center;
margin: 0;
}

em {color: red; font-weight: bolder;}

blockquote#ivanquote {width: 300px; height: 225px;
float: right;
background: url(images/ivanquote.jpg) top left no-repeat;
letter-spacing: 2;
font-size: 90%;
font-family: Times New Roman;
font-style: italic;
font-weight: bold;
margin: 0 0 0 3em;
padding: 0;
}

blockquote#ivanquote p {
padding: 20px 10px 10px 180px;
margin: 0;}

div.illustration {
float: right;
width: 200px;
margin: 1em 0 0 3em;
text-align: right;
line-height: 1;
letter-spacing: 2;
font-size: 90%;
font-family: Times New Roman;
font-style: italic;
font-weight: bold;
}
div.illustration img {display: block;}



div#boxoutmenu {
font-size: 150%;
text-transform: uppercase;
padding: 1em;
text-align: center;
}
div#boxoutmenu ul {margin: 0; padding: 0;list-style: none;}
div#boxoutmenu ul li {margin-bottom: 1ex;}
div#boxoutmenu a {color: blue; text-decoration: none; font-weight: bold;}
div#boxoutmenu a:link
div#boxoutmenu a:visited {color: blue; font-weight: normal;}
div#boxoutmenu a:hover {color: red; font-style: italic;}
div#boxoutmenu a:active {font-style: italic;}

.aside {display: block; font-size: 50%;}

#motto {font-family: Copperplate Gothic Bold; font-style: normal; font-size: 200%;}

dt {color: red; font-weight: bold; margin: 1em 0 0.25em 0;}



/* Hides from IE5-mac \*/
* html #contentwrapper {height: 1%;}
/* End hide from IE5-mac */