/* CSS Document - This is the General one
   NOTE - using the 'design/tag' section of dreamweaver will remove all comments
   between the {} */
/* ALWAYS add body{} section to the css file as this will force consistancy
    accross all browsers.
   ALWAYS set the margins, browser could mess it up 
   ALWAYS set the padding, browser could mess it up (0 is applied to all sides */
body {
	margin-bottom: 0px;
	margin-left:10px;
	margin-right:10px;
	margin-top:0px;
	padding: 0px;
	/* following are not necessary */
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 100%;
	color: #666666;
	background-color:#ffffff;
}
/* ALWAYS add #wrapper{} or #container{} rule, we can put everything in this and keep
   everything consistent */
/* auto - auto centers the wrapper regardless of the viewing size of the browser */
#wrapper {
	width: 745px;
	background-color:#FFFFFF; /* #99CCFF; */
/*	border: 1px solid #000000; */
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	text-align:left;
	position: relative;
}
#header {
    /*<img src="images/Header1.jpg" width="770" height="155" /> */
	/*background: transparent url(images/Header1.jpg) no-repeat top left;*/
	margin: 0;
	padding: 0;
/*	height: 155px;
	width: 770px;*/
}


#divLeftAlign
{
	margin: 0;
	padding: 0;
	width: 745px;
	background-color:#ffffff;
	text-align:left;
	}



/* this enables us to create another container or wrapper called 'content'
   the 'p' specifies that any paragraph tags (<p> some text </p>) within
   the content container will have these rules applied to it */
#content p{
	font-size: 80%;
	margin: 20px;
}
/* Set the colour, fonts etc. for h1 header (biggest one) */
h1 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 130%;
	color: #003366;
	margin: 0px;
	padding: 0px;
}
/* this will set our margins (spacing) around the image we put on the left
the '.' in .leftimage is a class as in font class="" */
.leftimage {
	float: left;
	margin-right: 10px;
/*	border: 1px solid #000000; */
}
.RightText {
	float: right;
	margin-right: 10px;
/*	border: 1px solid #000000; */
}
/* p - is paragraph tags (<p> some text </p>)
   em - this is the emaphasis tags (<em> some text </em>)
   the emphasised text can be bold or italic depending on the browser
   the style below tells the browser that if there is <em>emphasised</em>
   text with in a <p>paragraph</p> emphasise it with this colour */
p em{
color: #990000;
}
/* this defines the paragraph rule so that its text will be at 80%
   of what ever the font size is specified for the page (h1 above is set to 130%) */
p{
font-size: 80%;
}

/* MENU stuff
http://www.456bereastreet.com/archive/200501/turning_a_list_into_a_navigation_bar/
http://websitetips.com/css/tutorials/menus/#horizontalverticalnav
 */
#nav {
	position: relative;
	top: -20px;
	left: -35px;
	font-size: 80%;
	text-align:center;
/*	height: 80px;
	width: 800px; */
}
#nav ul { 
	padding: 0;
	margin: 0;
	list-style: none;
	/* the following is needed to draw a box around the text
	border-bottom: 1px solid #ccc;*/
}
#nav ul li a {
	display: block;
	text-decoration: none;
	text-align:left;
	color: #777;
	background: #fff;
	padding: 5px;
	/* the following draws a box around the text
	border: 1px solid #ccc;
	border-bottom: 1px solid #ccc; */
	background-color:#E7F6D8; /* #ffffff; */
}
/* Fix IE. Hide from IE Mac \*/
* html ul li { float: left; }
* html ul li a { height: 1%; }
/* End */
	
#nav li { /* all list items */
	float: left;
	position: relative;
	width: 12em;
	/*background-color:#E7F6D8;  #ffffff; */
}

#nav li ul { /* second-level lists */
	display: none;
	position: absolute;
	top: 1em;
	left: 0;
}

#nav li>ul { /* to override top and left in browsers other than IE, which will position to the top right of the containing li, rather than bottom left */
	top: auto;
	left: auto;
}

#nav li:hover ul, #nav li.over ul, #nav a:hover { /* lists nested under hovered list items */
	display: block;
	background-color:#D4EFB9;/* #nav a:hover */
}

/* END MENU stuff */

/* TABLE DIVs */
#TableTitle769{
	width: 735px;
	color: #003366;
	background-color:#FFFFFF; /* #99CCFF; */
/*	border: 1px solid #000000; */
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	text-align:center;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 90%;
	position: relative;
	float: left;
}
#TableLeft{
/*	width: 769px;  Must be defined by the file using this <div>*/
}
#TableLeftRow{
/*	width: 769px;  Must be defined by the file using this <div>*/
	color: #003366;
	background-color:#FFFFFF; /* #99CCFF; */
/*	border: 1px solid #000000; */
	margin-left: 1px;
/*	height:45px;  Must be defined by the file using this <div>*/
	text-align:left; 
	vertical-align:middle; /* Image only */
	float: left;
	font-size: 80%;
	background-color: #FFFFFF; /*#FFFF00; */
/*	clear: both; */
}
#TableLeftCol{
	margin-left: 1px;
/*	width: 95px;  Must be defined by the file using this <div>*/
	text-align:left; 
	float: left;
	font-size: 80%;
	background-color: #FFFFFF; /*#FFFF00; */
}
#TableRightCol{
	margin-left: 1px;
/*	width: 95px;  Must be defined by the file using this <div>*/
	text-align:left; 
	float: right;
	font-size: 80%;
	background-color: #FFFFFF; /*#FFFF00; */
}
#TableLeftCell{
	margin-left: 1px;
/*	width: 95px;  Must be defined by the file using this <div>*/
/*	height:45px;  Must be defined by the file using this <div>*/
	text-align:left; 
	vertical-align:middle;
	float: left;
/*	font-size: 80%; */
	background-color: #FFFFFF; /*#FFFF00; */
/*	clear: both; */
}
/* END TABLE DIVs */

/* use this as another menu down the side if need be */
#LeftCol{
	margin-left: 10px;
	width: 250px;
/*	text-align:right; */
	float: left;
/*	background-color: #FFFF00; */
}
#LeftColHeader75{
	width: 75px;
/*	background-color: #FFFF00; */
	float: left;
}

#LeftColHeader670{
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 130%;
	color: #003366;
/*	margin: 0px;
	padding: 0px;
*/
	margin-left: 20px;
	width: 670px;
	text-align:center; 
	float: left;
/*	background-color: #FFFF00; */
}

#LeftCol20{
	margin-left: 5px;
	width: 20px;
/*	text-align:right; */
	float: left;
	font-size: 90%;
/*	background-color: #FFFF00; */
}
#LeftCol300{
	margin-left: 1px;
	width: 300px;
	text-align:left; 
	float: left;
	font-size: 90%;
/*	background-color: #FFFF00; */
}
#LeftCol500{
	margin-left: 1px;
	width: 500px;
	text-align:left; 
	float: left;
	font-size: 90%;
/*	background-color: #FFFF00; */
}
#RightCol{
	margin-left: 1px;
	width: 175px;
	text-align:center; 
	float: right;
	font-size: 90%;
/*	background-color: #FFFF00; */
}

#Copyright{
	/* clear removes the floating stuff so it's on a new line */
	clear: both;
	margin-left: 1px;
/*	width: 175px; */
	text-align:center; 
	float: center;
	font-size: 60%;
	font-family: Arial Narrow,Verdana, Arial, Helvetica, sans-serif;
/*	background-color: #FFFF00; */
}

#ClearAll{
	/*border-top: 1px solid #000000;*/
	/*background-color: #003366;*/
	/* clear removes the floating stuff so it's on a new line */
	clear: both;
}