body, input, select, textarea { font-family: Verdana, Arial, sans-serif; }
body { font-size: 80%; color: white; background-color: #800000; margin: 0px; }
td { font-size: 80%; }
a { color: white; }
a img { border: 0px; }
label { cursor: pointer; cursor: hand; }

.banner { height: 125px; }
.banner table { width: 100%; }
.banner .bannerLeft { width: 202px; }
.banner .bannerCentre { text-align: center; background-image: url("../images/bannerFiller.jpg"); background-repeat: repeat-x; }
.banner .bannerRight { width: 317px; }

.menu { width: 178px;  height:100%; text-align: center; vertical-align:top; }
.menu .menuTable { width: 178px; text-align: center; height:100%; vertical-align:top; }
.menu .menuHeader { background-image: url("../images/menuHeader.jpg"); vertical-align:middle;background-repeat: no-repeat; width: 178px; height: 49px; }
.menu .menuHeader div { font-size: 11pt; color: black; }
.menu .menuButtons, .menu .menuContactDetails { background-image: url("../images/menuBackground.jpg"); background-repeat: repeat-y; }
.menu .menuButtons { vertical-align: top; text-align: center; width: 178px; }
.menu .menuButtons table { width: 138px; margin: 0px auto 0px auto; }
.menu .menuButtons table a { display: block; width: 138px; height: 36px; background-color: #800000; background-image: url("../images/menuButton.gif"); background-repeat: no-repeat; text-decoration: none; text-align: center; line-height: 34px; font-size: 9pt; }
.menu .menuButtons table a:hover { background-color: white; color: #840000; }
.menu .menuContactDetails { font-size: 7pt; vertical-align: bottom; height: 60px; }
.menu .menuFooter { vertical-align: top; background-image: url("../images/menuFooter.jpg"); background-repeat: no-repeat; width: 178px; height: 74px; }
.menu .menuFooter img { margin-top: 14px; }

.content { vertical-align: top; width: 100%; height:615px;}
.contentTable { width: 100%; height:100% }
.content h1 { font-size: 90%; }
.content h2 { font-size: 130%; border-bottom: 1px white solid; margin-top: 30px; padding-bottom: 5px; }
.content p { margin: 14px 0px 14px 0px; }
.content ul { list-style-type: none; margin: 0px 0px 0px 20px; padding: 0px; }
.content ul li { background: transparent url("../images/listStyleImage.gif") no-repeat scroll 0px 2px; padding: 0px 0px 5px 20px; }
.content .contentTopLeft { background-image: url("../images/contentTopLeft.gif"); background-repeat: no-repeat; width: 30px; height: 47px; }
.content .contentTopCentre { background-image: url("../images/contentTopCentreRight.gif"); background-repeat: repeat-x; height: 4px; }

.content .contentTopCentre div { background-image: url("../images/contentTopCentreLeft.gif"); 
								 background-repeat: no-repeat; 
								 width: 190px; 
								 height: 47px; 
								 color: black; 
								 font-size: 11pt; 
								 text-align: center; 
								 vertical-align:bottom;
								}


.content .contentTopRight { background-image: url("../images/contentTopRight.gif"); background-repeat: no-repeat; width: 32px; height: 47px; }
.content .contentCentreLeft { background-image: url("../images/contentCentreLeft.gif"); background-repeat: repeat-y; width: 30px; }
.content .contentCentreCentre { vertical-align: top; background-image: url("../images/contentCentreCentre.gif"); background-repeat: no-repeat; background-position: bottom left; height: 100%; padding: 20px 0px 20px 0px; }
.content .contentCentreRight { background-image: url("../images/contentCentreRight.gif"); background-repeat: repeat-y; width: 32px; }
.content .contentBottomLeft { background-image: url("../images/contentBottomLeft.gif"); background-repeat: no-repeat; width: 30px; height: 33px; }
.content .contentBottomCentre { vertical-align: top; background-image: url("../images/contentBottomCentre.gif"); background-repeat: repeat-x; height: 33px; font-size: 8pt; text-align: center; }
.content .contentBottomRight { background-image: url("../images/contentBottomRight.gif"); background-repeat: no-repeat; width: 32px; height: 33px; }
.content .contentCentreCentre .floatLeft { float: left; margin-right: 10px; }
.content .contentCentreCentre .floatRight { float: right; margin-left: 10px; }
.content .contentCentreCentre .centre { text-align: center; }

.content .tasks { width: 100%; border-color: black; border-width: 1px 1px 0px 0px; border-style: solid; padding: 3px; text-align: center; }
.content .tasks td, .content .tasks th { border-color: black; border-width: 0px 0px 1px 1px; border-style: solid; }
.content .tasks th { font-size: 80%; font-weight: normal; color: white; background-color: black; height: 40px; }
.content .tasks td { color: black; background-color: #c0c0c0; }
.content .tasks th a { text-decoration: none; }

.content .timeEntries { width: 100%; padding: 3px; text-align: center; }
.content .timeEntries td { color: black; background-color: #c0c0c0; border-color: #840000; border-width: 3px 1px 0px 1px; border-style: solid; }
.content .timeEntries th { font-size: 80%; font-weight: normal; color: white; background-color: black; height: 40px; }
.content .timeEntries th a { text-decoration: none; }

.content .timeTotals td { text-align: right; color: black; background-color: #c0c0c0; }

.content .employees { width: 100%; }
.content .employees th, .content .employees td { font-size: 80%; font-weight: normal; text-align: left; background-color: #993300; vertical-align: top; }
.content .employees th { height: 24px; }

.content .siteUpdates th { font-size: 80%; background-color: #993300; }
.content .siteUpdates .date { width: 160px; }
.content .siteUpdates .description { text-align: left; width: 480px; }

.content .left { text-align: left; }
.content .right { text-align: right; }
.content .centre { text-align: center; }
.content .justify { text-align: justify; }

.content .floatRight { float: right: margin-left: 20px; }

.content .tools li { margin: 6px 0px 4px 0px; }