/* 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: 600px; margin: 0 auto; background: #ddd url(img/headBack.jpg) top left no-repeat; }
div#pageWrap div#pageHead { height: 110px; 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#pageHead div#headSlog { width: 360px; height: 24px; position: absolute; top: 50px; right: 30px; background: transparent url(img/headSlog.png) top left no-repeat; }

div#pageWrap div#mainMenu { min-height: 20px; height: auto; background: #aec089; border: 1px solid #7b9056; }
div#pageWrap div#mainMenu div#menuHide { display: none; }
div#pageWrap div#mainMenu div#menuShow { height: 20px; }
div#pageWrap div#mainMenu div#menuShow a { display: block; float: left; height: 20px; line-height: 20px; width: 187px; margin-left: 10px; color: #7b9056; font-size: 11px; text-align: center; }
div#pageWrap div#mainMenu div#menuShow a:hover { color: #6b8046; }

div#pageWrap div#mainMenu div#menuHide div.menuBox { height: 180px; width: 187px; display: block; float: left; margin-top: 10px; margin-left: 10px; filter: alpha(opacity=80); -moz-opacity: .80; opacity: .80; }
div#pageWrap div#mainMenu div#menuHide div.menuBox:hover { filter: alpha(opacity=100); -moz-opacity: 1; opacity: 1; }
div#pageWrap div#mainMenu div#menuHide div.menuBox div.menuTitle { height: 29px; margin-top: 10px; text-align: center; }

div#pageWrap div#mainMenu div#menuHide div.menuBox ul { margin-top: 5px; margin-left: -10px; }
div#pageWrap div#mainMenu div#menuHide div.menuBox ul li { color: #3b5998; }
div#pageWrap div#mainMenu div#menuHide div.menuBox ul li:hover { color: #000; }
div#pageWrap div#mainMenu div#menuHide div.menuBox ul li a { display: block; line-height: 20px; color: #3b59b8; }
div#pageWrap div#mainMenu div#menuHide div.menuBox ul li a:hover { color: #000; }

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#pageHous { min-height: 500px; padding-top: 5px; padding-bottom: 20px; background: #fff; border-left: 1px solid #7b9056; border-right: 1px solid #7b9056; }

div#pageWrap div#pageHous div#myframeHouse { background: #fff; }
div#pageWrap div#pageHous div#myframeHouse iframe#myframe { min-height: 400px; }

div#pageWrap div#pageHous div#housCrum { height: 22px; line-height: 19px; margin: 5px; margin-top: 0; background: #eee url(img/breadcrumb.jpg) center repeat-x; border: 1px solid #bbb; position: relative; }
div#pageWrap div#pageHous div#housCrum a { display: block; float: left; height: 22px; margin-left: 5px; color: #9da4b3; padding-left: 15px; background: transparent url(img/crumArrw.png) left no-repeat; }
div#pageWrap div#pageHous div#housCrum a:hover { color: #3b59b8; }

div#pageWrap div#pageHous div#housCrum a#homeLink { background-image: none; padding-left: 3px; }
div#pageWrap div#pageHous div#housCrum a#mapkey { position: absolute; top: 1px; right: 5px; background-image: none; padding: 0; margin: 0; filter: alpha(opacity=50); -moz-opacity: .50; opacity: .50; }
div#pageWrap div#pageHous div#housCrum a#mapkey:hover { filter: alpha(opacity=100); -moz-opacity: 1; opacity: 1; }

div#pageWrap div#pageHous div#missing { margin: 20px; margin-bottom: 0; padding: 10px; text-align: center; color: #333; background: #fffbe2; border: 1px solid #ffe222;}
div#pageWrap div#pageHous div#missing a { color: #3b59b8; }
div#pageWrap div#pageHous div#missing a:hover { text-decoration: underline; }

div#pageWrap div#pageFoot { height: 30px; background: #aec089; border: 1px solid #7b9056; color: #7b9056; font-size: 11px; line-height: 30px; text-align: center; position: relative; }
div#pageWrap div#pageFoot a#getfirefox { position: absolute; top: 3px; right: 3px; filter: alpha(opacity=30); -moz-opacity: .30; opacity: .30; }
div#pageWrap div#pageFoot a#getfirefox:hover { filter: alpha(opacity=80); -moz-opacity: .80; opacity: .80; }

div#pageWrap div#nojavascript { padding: 5px; padding-bottom: 0; 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; }

/* PAGE STYLES */

div#pageWrap div#pageHous div#content { margin-left: 20px; margin-right: 20px; margin-bottom: 0; }
div#pageWrap div#pageHous div#content a { color: #3b59b8; }
div#pageWrap div#pageHous div#content a:hover { }
div#pageWrap div#pageHous div#content h1 { font-size: 22px; color: #7b9056; display: block; border-bottom: 1px solid #ddd; padding-left: 20px; }
div#pageWrap div#pageHous div#content h1 a { font-size: 22px; color: #7b9056; display: block; border-bottom: 1px solid #ddd; }
div#pageWrap div#pageHous div#content h3 { font-size: 15px; color: #7b9056; display: block; border-bottom: 1px solid #ddd; padding-left: 10px; }
div#pageWrap div#pageHous div#content h3 a { font-size: 15px; color: #7b9056; display: block; border-bottom: 1px solid #ddd; }
div#pageWrap div#pageHous div#content p { text-align: justify; }
div#pageWrap div#pageHous div#content ul { }
div#pageWrap div#pageHous div#content ul li { text-align: justify; margin-right: 20px; margin-top: 10px; }
div#pageWrap div#pageHous div#content ul li a { color: #3b59b8; }
div#pageWrap div#pageHous div#content ul li a:hover { text-decoration: underline; }

div#pageWrap div#pageHous div#content table#sectionHub { width: 600px; margin: 20px auto; }
div#pageWrap div#pageHous div#content table#sectionHub tr td { vertical-align: top; width: 50%; padding-right: 15px; }
div#pageWrap div#pageHous div#content table#sectionHub tr td a { display: block; margin-right: 20px; margin-bottom: 10px; margin-top: 15px; color: #3b59b8; font-weight: bold; border-bottom: 1px solid #eee; }
div#pageWrap div#pageHous div#content table#sectionHub tr td a:hover { border-bottom: 1px solid #3b59b8; }
div#pageWrap div#pageHous div#content table#sectionHub tr td p { color: #999; text-align: left; }

div#content div.download { margin: 10px; background: #eee url(img/fadedown.png) bottom repeat-x; border: 1px solid #bbb; padding: 1px; padding-bottom: 30px; }
div#content div.download table { border-bottom: 1px solid #bbb; }
div#content div.download table tr td { vertical-align: top; padding: 0; margin: 0; }
div#content div.download table tr td img { padding: 2px; background: #f0f0f0; border: 1px solid #999; }
div#content div.download div.dltitle { font-size: 16px; padding-left: 15px; padding-bottom: 2px; border-bottom: 1px solid #bbb; color: #555; }
div#content div.download div.dldesc { text-align: justify; padding: 10px; color: #333; font-size: 11px; }
div#content div.download a { margin-left: 15px; margin-top: 5px; font-size: 11px; padding-left: 5px; padding-right: 5px; display: block; float: left; height: 20px; line-height: 19px; }
div#content div.download a:hover { margin-top: 4px; background: #e9e9e9; border: 1px solid #bbb; padding-left: 4px; padding-right: 4px; }