/* The CREDC Project - CSS Copyright 2008 Michael Hatch */

/* RESETS */

html { overflow-y: scroll; }
body { background: #ccc url(img/mainBack.jpg) top center repeat-y; margin: 0; padding: 0; font-size: 13px; font-family: Verdana, Arial, Helvetica, Sans-serif; }
a { text-decoration: none; }
a:focus, a:hover, a:active { outline:none }
a img { border: none; text-decoration: none; }
div { margin: 0; padding: 0; }
table { }
table tr td { }

/* GLOBALS */

div#pageWrap { width: 800px; height: 631px; margin: 0 auto; background: #ddd url(img/pageBack05.jpg) top left no-repeat; }
div#pageWrap div#pageHead { height: 399px; position: relative; border-left: 1px solid #777; border-right: 1px solid #777; }
div#pageWrap div#pageHead div#headLogo { width: 312px; height: 98px; position: absolute; top: 5px; left: 10px; }
div#pageWrap div#pageHead div#headMenu { height: 22px; position: absolute; top: 5px; right: 0px; background: transparent; }
div#pageWrap div#pageHead div#headMenu div#menuWrap { width: 405px; height: 22px; position: relative; top: -10px; background: transparent url(img/headMenuBack.png); }
div#pageWrap div#pageHead div#headMenu div#menuWrap img#menuWrapLeft { width: 5px; height: 22px; position: absolute; top: 0px; left: -5px; }

div#pageWrap div#pageHead div#headMenu ul { list-style-type: none; white-space: nowrap; margin-left: -40px; }
div#pageWrap div#pageHead div#headMenu ul li { display: inline; }
div#pageWrap div#pageHead div#headMenu ul li a { display: block; float: left; height: 18px; font-size: 12px; color: #fff; margin: 2px 7px; filter: alpha(opacity=80); -moz-opacity: .80; opacity: .80; }
div#pageWrap div#pageHead div#headMenu ul li a:hover { filter: alpha(opacity=100); -moz-opacity: 1; opacity: 1; }
div#pageWrap div#pageHead div#headMenu ul li form input#searchBox { width: 160px; height: 16px; position: relative; top: -4px; padding: 0; border: 1px solid #999; filter: alpha(opacity=80); -moz-opacity: .80; opacity: .80; }
div#pageWrap div#pageHead div#headMenu ul li form input#searchBox:focus { filter: alpha(opacity=100); -moz-opacity: 1; opacity: 1; }
div#pageWrap div#pageHead div#headMenu ul li form input#searchBox:hover { filter: alpha(opacity=100); -moz-opacity: 1; opacity: 1; }
div#pageWrap div#pageHead div#headMenu ul li form input#searchButton { width: 14px; height: 15px; margin-top: 3px; margin-left: 5px; padding: 0; filter: alpha(opacity=80); -moz-opacity: .80; opacity: .80; }
div#pageWrap div#pageHead div#headMenu ul li form input#searchButton:hover { filter: alpha(opacity=100); -moz-opacity: 1; opacity: 1; }

div#pageWrap div#tagline { height: 20px; line-height: 18px; font-size: 13px; color: #003300; background: #9db078; border: 1px solid #6a8045; border-bottom: none; text-align: center; overflow: hidden; }

div#pageWrap div#pageHead div#headNews { width: 380px; height: auto; overflow: hidden; position: absolute; top: 115px; left: 10px; background: #ddd; border-top: 1px solid #777; border-bottom: 1px solid #777; filter: alpha(opacity=100); -moz-opacity: 1; opacity: 1; }

div#pageWrap div#pageHead div#headNews ul { margin: 0; padding: 0; }
div#pageWrap div#pageHead div#headNews ul li { margin: 0; padding: 0; }
div#pageWrap div#pageHead div#headNews ul li a { font-size: 10px; display: block; height: 20px; line-height: 19px; background: #ddd; padding-left: 5px; padding-right: 5px; overflow: hidden; color: #3b59b8; }
div#pageWrap div#pageHead div#headNews ul li a:hover { background: #eee; }

div#pageWrap div#pageHead div#headMapp { position: absolute; top: 70px; right: 25px; z-index: 999; width: 194px; height: 160px; overflow: hidden; }

div#pageWrap div#mainMenu { height: 200px; background: #9db078; border: 1px solid #7b9056; border-bottom: none; }
div#pageWrap div#mainMenu div.menuBox { height: 180px; width: 187px; display: block; float: left; margin-top: 10px; margin-left: 10px; filter: alpha(opacity=90); -moz-opacity: .90; opacity: .90; }
div#pageWrap div#mainMenu div.menuBox:hover { filter: alpha(opacity=100); -moz-opacity: 100; opacity: 100; }
div#pageWrap div#mainMenu div.menuBox div.menuTitle { height: 29px; margin-top: 10px; text-align: center; }

div#pageWrap div#mainMenu div.menuBox ul { margin-top: 5px; margin-left: -10px; }
div#pageWrap div#mainMenu div.menuBox ul li { color: #003366; font-size: 13px;}
div#pageWrap div#mainMenu div.menuBox ul li:hover { color: #006633; }
div#pageWrap div#mainMenu div.menuBox ul li a { display: block; line-height: 20px; color: #003366; }
div#pageWrap div#mainMenu div.menuBox ul li a:hover { color: #006633; }

div#pageWrap div#mainMenu div#business { background: transparent url(img/businessBack.png) top center no-repeat; }
div#pageWrap div#mainMenu div#life { background: transparent url(img/lifeBack.png) top center no-repeat; }
div#pageWrap div#mainMenu div#news { background: transparent url(img/newsBack.png) top center no-repeat; }
div#pageWrap div#mainMenu div#about { background: transparent url(img/aboutBack.png) top center no-repeat; }

div#pageWrap div#pageFoot { height: 30px; background: #9db078; border: 1px solid #7b9056; color: #003300; font-size: 11px; line-height: 30px; text-align: center; position: relative; }

div#pageWrap div#pageFoot a#login { position: absolute; top: 6px; left: 3px; filter: alpha(opacity=70); -moz-opacity: .70; opacity: .70; }
div#pageWrap div#pageFoot a#login:hover { filter: alpha(opacity=100); -moz-opacity: 1; opacity: 1; }

div#pageWrap div#pageFoot a#realestateadd { position: absolute; top: 6px; right: 3px; filter: alpha(opacity=70); -moz-opacity: .70; opacity: .70; }
div#pageWrap div#pageFoot a#realestateadd:hover { filter: alpha(opacity=100); -moz-opacity: 1; opacity: 1; }

div#pageWrap div#nojavascript { padding: 5px; text-align: center; color: #bbb; font-size: 11px; }
div#pageWrap div#nojavascript a { color: #bbb; font-size: 11px; text-decoration: underline; }

div#pageWrap div#smf { text-align: center; padding: 5px; }
div#pageWrap div#smf a { color: #bbb; font-size: 11px; padding: 1px; padding-right: 2px; padding-left: 2px; }

div#pageWrap div#vanity { text-align: center; padding: 5px; padding-top: 0; padding-bottom: 10px; }
div#pageWrap div#vanity a { color: #bbb; font-size: 11px; padding: 1px; padding-right: 2px; padding-left: 2px; }
div#pageWrap div#vanity a:hover { border: 1px solid #bbb; }