/*
!!! DO NOT EDIT THIS STYLE SHEET !!!
A master copy exists at  www.knowital.com/styles/basic.css and any links
in HTML pages will be modified to link to the master file. 

Please put all of your styles into the file style.css which should be saved in
the same folder as your html pages and images. You can override any of 
settings in this file by respecifying them in style.css.
*/
a {
    background-color : transparent;
    color : #009999;
}

/* slightly smaller for use in the homepage link */
a.link, div.link a {
    font-size : 11px;
}

/*
NB: the order in which you specify a:pseudolinks is important: link, visited, hover, active
*/
a:visited {
    background-color : transparent;
    color : #808080;
}

a:hover {
    background-color : transparent;
	background : "images/bg.jpg";
    color : #FF0000;
}

/*
Simple body settings. Note that the text-align: center keeps your divs and boxes centred
*/
body {
    background-color : #FFFFFF;
    color : #003366;
    margin : 2px;
    padding : 2px;
    text-align : center; 
}

body, p, td, th, a, div {
    font-size : 12px;
}

body, p, td, th, h2, h1, a, div{
    font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
}


/*
div.box is the wrapper around most of the page content. It defaults to a white border but
the colour width and style can all be overwritten in style.css. 
Watch out for width and margin: 680px should be treated as a maximum and 
margin statements MUST BE WRITTEN in long style (-left, -right, etc) in order to ensure mac 
compatibility (margin: 0 auto; wouldn't work).
Padding can also be overwritten in style.css - just make sure you know how the css
box model works....
*/
div.box {
    border : 1px solid #FFFFFF;
    margin-bottom : 5px;
    margin-left : auto;
    margin-right : auto;
    margin-top : 5px;
    padding : 0;
    text-align : center;
    width : 680px;
}


/*
div.nav  provide fancy standard links to other pages in this section -
a navigation bar if you like. Can be simple text, bordered, button style etc. Just watch
out for width, margins, etc on the a tag - the results can be unreliable so test in other browsers!
use div.nav a { } in style.css to specify your anchor styles
}
*/
div.nav {
	margin: 10px 0;
    padding : 5px;
    text-align : center;
}


/*
div.pics;   div.pics img;  div.pics p
all provide a standard look for your images - use to set borders, margins, background colours
etc. Just make sure you don't get any wider than the surrounding div.box
*/
div.pics {
    margin : 10px 0;
    text-align : center;
}

div.pics img {
    border : 1px solid #444444;
    margin : 0 3px;
}

div.pics p {
	padding: 0;
    margin-top: 0;
	margin-bottom: 3px;
	margin-left: auto;
	margin-right: auto;
    font-size: 10px;
    text-align: center;
	width: 500px;
}


/*
Some standard settings - use style.css to override whatever you want
*/
h1 {
    font-size : 11px;
    margin-bottom : 2px;
    margin-top : 2px;
}

h2, h3 {
	font-size: 12px;
    margin-bottom : 1px;
    margin-top : 1px;
	color: #000099;
	background-color: transparent;
}

p {
	text-align : justify;
}

p.full {
    margin-left : 75px;
    margin-right : 75px;
}

img {
	border-width: 0;
}

div.ten {
	margin: 10px 0;
}