/* CSS Document */

/*--- MAIN STYLE AND HEADING RULES ---*/

body {
margin: 0;
padding: 0;
text-align: center; /* this will centre the content in IE 5. The text is then set to the left aligned default in the #content selector */
font-family: Verdana, Arial, Helvetica, sans-serif;
/*font-size: 14px;*/
color: #666666;
}

h1 {
margin: 0;
padding: 6px 4px;
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #333333;
/*font-size: 16px;*/
font-size: 90%;
font-weight: normal;
}

h2 {
margin: 0;
padding: 6px 4px;
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #000000;
/*font-size: 14px;*/
font-size: 80%;
font-weight: normal;
}

h3 {
margin: 0;
padding: 6px 4px;
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #333333;
/*font-size: 14px;*/
font-size: 80%;
font-weight: normal;
text-decoration: underline;
text-transform: uppercase;
}

ul {
font-size: 80%;
}



/*--- END MAIN STYLE RULES ---*/




/*--- START HEADER RULES ---*/

#header {
width: 700px;
text-align: left;
margin: 0;
padding: 0;
/*	background-color:#FF0000;
	border: thin solid black;
	margin: 5px;
	padding: 5px;
	uncomment and remove margin and padding zero's to make layout visible*/
}

#header ul {
margin: 5px;
padding: 5px;
list-style-type: none ; /*removes bullets */
/*	border: thin solid black;
	background-color: #66FFFF;
	uncomment to show layout */
}

#header ul li {
display: inline; /*makes menu horizontal */
margin: 0 10px; /*spaces out menu buttons */
padding: 0;
}

#header ul li img {
border: none; /*removes border around buttons in Firefox */
margin: 2px 0 0 0; /*if bottom margin is raised so are menu buttons*/
}

#title {
width: 200px;
margin: 5px; /*add margin on left to shift title closer to menu*/
padding: 5px;
float: left;
/*	background-color:#00FF00;
	uncomment to show layout */
}

#title img {
margin: 5px;
padding: 5px;
border: none;
/*	background-color: #66FF66;
	border: thin solid black;
	uncomment to show layout */
}

#menu {
width: 400px;
margin: 5px 20px 0 0; /*adding a margin of 20px on right shifts the menu closer to title, but there is a bug in IE6 that means that this upsets the floating rules.*/
padding: 5px;
float: right;
/*	background-color:#0000FF;
	uncomment to show layout */
}


/*--- END HEADER RULES ---*/




/*--- START CONTENT RULES ---*/

#container {
width: auto;
margin: 0 20px 0 170px;
padding: 0 20px;
text-align: left;
clear: both; /*stops the main container div width being determined by the floating elements above it in IE */
/*	border: thin solid #EAEAEA;
	background-color: #FFFFFF;
	uncomment to show layout*/
}

#container p {
margin: 4px;
padding: 0;
/*font-size: 14px;*/
font-size: 80%;
}

#lrgCont {
background-color: #FFFFFF;
width: 500px;
margin: 10px auto 10px 10%;
border-style: solid;
border-color: #EAEAEA;
border-width: 1px;
padding: 4px;
}

#tinyMenu {
text-align: center;
}

#tinyMenu a {
color: #333333;
font-size: 60%;
margin: 0 8px;
padding: 0;
}

.pdfDwnld {
color: #990000;
margin: 0;
padding: 0 10px;
text-decoration: none;
}

.inlLnk {
color: #990000;
margin: 0;
padding: 0;
text-decoration: none;
}

.comment {
color: #333333;
}

.lighter {
color:#CCCCCC;
}

#break {
background-image: url(../Images/stripe.gif);
background-repeat: repeat;
width: 500px;
height: 40px;
margin: 10px auto 10px 10%; 
border-style: solid;
border-color: #EAEAEA;
border-width: 1px;
padding: 4px;
}
/*provides a grey block separating content*/


#me {
margin: -24px auto 0 10%; 
width: 136px;
padding: 0;
}

#me p {
font-size: 60%;
background-color: #FFFFFF;
color: #999999;
margin: 0 0 0 6px;
padding: 0;
}

#me .meLnk {
text-decoration: none;
color: #999999;
}




/*---  END CONTENT RULES  ---*/