* {margin: 0 auto;
padding: 0;}

body
{
margin-top:5px;
margin-bottom:5px;
}

#header
{
width:999px; /* defines with width of the page */
}

#headerb /* This is what defines the top of page graphics */
{
background-image: url(./images/PaddockR1C1.jpg); /*Places the header image on the page */
width:999px;
height:171px;
}

#leftColumn /* defines the area reserved for the menu items (Changes seem to make no appearance difference)*/
{
float:left;
width:170px;
margin:10px 0 0 10px;
}

#container /* Places the main body area on the page with white space for the information */
{
width:999px;
background-image: url(./images/PaddockR2C1.jpg);
background-repeat:no-repeat;  /* it is possible to make an extending page with a repeating image, more later */
background-position:0px 171px;
height:700px;
}

#leftColumn /* defines the leftmost column which is for the menu area BUT THIS ACTUALLY OFFSETS THE BODY IMAGE*/
{
float:left;
width: 110px;
margin:2px 0px 0px 2px;
}

#content /* positions the content on the page */
{
width:860px;
height:535px;
margin-left:100px;
font-family:sans-serif; 
color:black; 
font-size:1.0em;
line-height: 1.25em;
}

#footer
{
background-image: url(./images/PaddockR3C1.jpg);
background-position:0px 0px;
width:999px;
height:62px;
}


a:link {color: #006600; text-decoration:none;}
a:visited {color: #006600; text-decoration:none;}
a:hover {color: #006600; text-decoration:none;}
a:active {color: #006600; text-decoration:none;}

img{ border:none;}


/************** Left menu *******************/
ul.leftmenu 
{    
list-style: none; /* remove the bullets */
margin: 0; /* remove the automatic margin that some browsers use for the text-indent. */
padding: 0; /* remove the automatic padding that other browsers use for the text-indent. */
width:100px; /* fix the width of the list items which would default to 100% */
}
ul.leftmenu a, ul.leftmenu a:visited, ul.leftmenu a:active {
text-decoration:none; /* remove the default underline from the links */
display:block; /* make each link into a block so that hovering over any area of the link will cause a change of background color */
margin:1px; /* Spacing between the list blocks  */
width:103px; /*set the width to be the same as the ul width */
text-indent:5px; /* move the link text 5px to the right */
padding:5px 0 5px 0;
background:#F0F0F0 ; /* make the background color light gray */
color:#000066; /* make the text color dark blue */
font-family: Verdana,Arial,sans-serif; /* font family on the menu */
font-size: 10px;
}
ul.leftmenu a:hover {
background:#fff; /* change the background to white on :hover */
}

/**************** END LEFT MENU ****************/

/* End Css document */