﻿body {text-align: center; margin:10px auto; font-family: Arial, Helvetica, sans-serif; font-size: 80%; color:#333; background-color:#e6e6e6;}
#content {width: 798px; text-align: left; margin:0px auto; border:1px solid #333;	background-color:#fff;} 
.button {border:1px solid #B4AB9E;}
a {padding: 0 2px 0 2px; margin: 0 0 0 0; font-size: 100%; color: #8E9D0D; text-align: left; text-decoration: none;} 
a:hover {color: #333;}
.centerimage {text-align:center;}
.centered{text-align:center; margin:20px auto 0px auto;}
.breadcrumbs {float:left; width:510px; margin:6px; margin:0px 0px 10px 0px;}
.breadRep {font-size:x-large; color:#A7B70F; font-weight:bold; float:left; margin:0px 6px 0px 0px;}
.breadPage {font-size:large; float:left; margin:6px 0px 0px 0px;}
.breadcrumbs a:hover {color: #736857;}

/* Header */
.headerLeft {background-image:url(Images/headerLeft.jpg); background-repeat:no-repeat; width:170px; height:118px; float:left;}
.menuContainer {background-image:url(Images/headerMiddle.jpg); background-repeat: repeat-x; width: 358px; height:60px; float:left;}
.headerRight {background-image:url(Images/headerRight.jpg); background-repeat:no-repeat; width:270px; height:60px; float:left;}
.HomeLink {width:170px; height:118px;}
.headerLeft a:hover{cursor:pointer;}
#top {float:left; width:100%;}
.toploginoutbutton {float:right; margin:0px;}
.toploginname {color:#736857; text-align:right; width:240px; float:right;}
.homeTitle {font-size:x-large;margin:15px 0px 0px 0px; clear:right;float: right; text-align:right; width:340px;}
.SiteTitle { float:right; width:300px; text-align:right;font-size:150%; margin:20px 20px 0px 0px;}

/* Content Container */
.mainColumn {float:left; clear:both; width:100%;}

/* Left Column */
.leftColumn {width:190px; float:left; padding:10px 0px 0px 10px; margin:0px 10px 0px 0px;}
.navigation {margin:30px 0px 0px 0px;}
.navigation li, .navList li, .contact li{list-style-type:none;}
.navigation li {margin:10px 0px 0px 0px;padding:0px;}
.navigation ul {margin:0px; padding:0px;}
.navigation dl {float:left;}
.navigation dt {float:left; width:20px; margin:10px 0px 0px 0px; clear:left;}
.navigation dd {float:left; width:160px; margin:10px 0px 0px 0px;  }
.navigation a:link, .navigation a:visited, .navigation a:active {color:#8E9D0D; width:120px; font-family: Arial; font-size: 100%; text-decoration: none;}
.navigation a:hover {color:#333;}
.navList ul {margin:5px 0px 0px 0px; padding:0px;}
.navList li {margin:0px; padding:0px;}
.blackText {color:#000;  font-size:larger;}


/* Middle Column */
.middleColumn {width:310px;float:left; margin:10px 0px 0px 0px;}

/* Right Column */
.rightColumn {width:255px; float:right; margin:6px 5px 0px 0px;}
.rightImage {text-align:center; margin:0px 0px 10px 0px;}
.speak {color:#666666; font-weight:bold;}
.rightGreenText {color:#336600; font-size:140%;font-weight:bold; width:250px; margin:0px 0px 10px 0px; float:left;}

/* Footer */
#footer {width:798px; text-align:center; margin:10px auto 0px auto; float:left; font-weight:bold;}
#footerBar {width:798px; height:54px; float:left; background-image:url(Images/footerBar.jpg); background-repeat:no-repeat;}
.tagline {float:left; width:100%; color:#A7B70F; text-align:center; margin:18px 0px 0px 0px;}
#copyright {width:100%; height:18px;  margin:3px auto 0px auto;  text-align:center; float:left; font-size:smaller; font-weight:bold;}
#lastLine {width:100%; height:1px; clear:both;}

/* Home */
.resourceHome {float:left; clear:both;width:750px; margin:30px 0px 0px 10px;}
.strongintro {font-weight:bold; text-align:justify;}
.homeBox {margin:10px 0px 0px 0px;float:left; border-top:1px solid #ccc; padding:10px 0px 0px 0px;}
.homeLeft {width:560px; height:80px;margin:0px 0px 0px 0px;float:left;}
.homeRight {height:80px; width:180px;float:right;}
.homerule{margin:0px; padding:0px;}
.homeLinkLabel {font-weight:bold; margin: 0px 10px 0px 0px;}
.greenText {color:#A7B70F; font-size:140%;font-weight:bold; width:220px; float:left;}

/* 404 page */
#pageSize404 {width: 700px;	margin: 5% auto 5% auto;  border: 1px solid #333; background-color: #FFF; vertical-align: middle; text-align:center; background-image:url(Images/wheel.jpg);	background-repeat:no-repeat; background-position:left -10%;}
.textHeader404 {font-family: Arial; color: #333; font-size: 110%; font-weight: bold;}
.text404 {font-family: Arial; color: #565249; font-size: 100%;}
.button {border:1px solid #A7B70F; background-color:#FFF; outline: 1px solid #333; text-decoration:none; color: #333;}

/* Contact */
.contact {width:300px; float:left;}
.contact dl {float:left; margin:20px 0px 0px 40px;}    
.contact ul {float:left; margin:20px 0px 0px 0px; padding:0px; width:300px;}  
.tel {width:30px; float:left;}

.largerText {font-size:130%; font-weight:100; clear:left;}
.greenTitle {color:#A7B70F; font-size:140%;font-weight:bold; width:200px; margin:0px 0px 20px 0px;}
