html{font-size:100.1%;}
*{margin: 0; padding: 0; line-height: 1.3em;}
body {margin:0px; padding:0px;font-family: Arial,Helvetica,Verdana,sans-serif; color: #ccc;text-align: center;background: #fff url("../images/bg-3.gif")  repeat-y 50% 0;font-size: 85%}

/* Main wrap around layout */
#main { position: relative; width: 930px; margin: 0 auto; text-align: left;height:1%} 

/* Layout */
#container {position:relative; display:block; background:#fff; border-left:230px solid #fff; overflow:visible;margin-top:13px}
* html #container {display:block; min-height: 35em;}
#left {float:left; width:200px;background:#000}
* html #left {width:200px;}
#leftin {text-align: center; margin: 0 auto;color:#ccc}

.introbox {margin:0 7px 0 16px}

.box {background: #0F0F0F;text-align:justified !important;margin:0 0 0 5px}
.boxtop {background: url(../images/ne.gif) no-repeat top right; }
.boxtop div {font-size: 0;height: 10px;background: url(../images/nw.gif) no-repeat top left; }
.boxbottom {background: url(../images/se.gif) no-repeat bottom right;}
.boxbottom div {font-size: 0;height: 10px; background: url(../images/sw.gif) no-repeat bottom left; }
.boxcontent {padding: 0px 10px 0px 10px;}
.boxcontent p {text-align:justified !important}
.imgright {text-align:center;padding:3px;border:1px solid #06F4FE;margin:10px 0 10px 20px}
.imgleft {text-align:center;padding:3px;border:1px solid #90F703;margin:10px 20px 10px 0}

.websites {margin: 0 auto;width:670px;text-align:center}
.boxwrap {margin: 0 auto;width:670px}
.rightbox {float:right;width:335px}
.leftbox {float:left;width:335px}
.rightbox p {color:#ACACAC !important}
.leftbox p {color:#ACACAC !important}

/* Container Links */
#container a:visited, a {color:#000; text-decoration:none;}
#container a span {display:none;}
#container a:active, #container a:focus {color:#fff; text-decoration:none; background:transparent; cursor:default;}
#container a:active span, #container a:focus span {display:block;}

hr.purple {background:#69FF00;height:20px;width:100%}
hr.green {background:#00BFF3;height:20px;width:100%}

/* header */
.alt-layout-header {display: block; width: 100%; height: 210px;}

/* Wrap around middle category box */
#ctrin  { text-align: justify; padding: 0px;float:left;margin:0; }
#ctrin p {color:#ccc}

/* Wrap around middle content including heading */
#wrapper a { white-space: nowrap; }
#wrapper {margin-left: 220px;margin-top: 0px;background:transparent;height:1%;color:#666}


/* Page attributes */
.hide, #mobile span {display: none;}
.comment {text-align:center;}
.comment a {text-decoration:underline;}
em {font-weight:bold;}
.clear {clear:both;height:1px;overflow:hidden;}
p {margin: 0 0 1.4em 0;text-align:left}
.curcenter p {margin: 0 0 1.2em 0;text-align:justify}
small {font-size: 0.9em; color: #666}
.justify {text-align: justify;}
.allcaps {text-transform: uppercase;}
.code {display: block; width: 170px; overflow: auto; margin: 0 0 1.4em 0; background: #F5F5F5 !important; padding: 5px; border: 1px solid #fff;}
.code p {font: 1em "Courier New", Courier, mono !important; color: #666666;}
form {position: relative; margin: 0 0 15px 0;}
label {margin: 0; padding: 0;}
.listing {float: left; width: 100%; padding: 15px 0 15px 0}
.listing h3, .listing p {margin: 0;}
.readmore a {color: #CE0C0C;}
.readmore a:hover {color: #333;}
.validate {text-align:left;border:none}

/* Headings */
h1 {}
h2 {font-weight: bold; font-size: 1.2em; margin: 0 0 1em 0;}
h2 span {font-size: 1.7em;}
h2.compliant {color:#06F4FE;font-size: 1.5em;margin:0px;padding:0px;font-weight:normal;text-align:right}
h2.enviro {color:#90F703;font-size: 1.5em;margin:0px;padding:0px;font-weight:normal}
h5, h6 {font-weight:500 !important; margin: 0 0 1em 0;}
h3 {font-weight:500 !important;margin:0px !important;padding:0px !important;font-size:90%}
h3.greenchapt {background:#BCF445;font-weight:600 !important;margin:0px !important;padding:0px !important;color:#000;text-transform:uppercase}
h3.webdesign {background:#00FFFF;font-weight:600 !important;margin:0px !important;padding:0px !important;color:#000;text-transform:uppercase}
h3.products {background:#fff;font-weight:600 !important;margin:0px !important;padding:0px !important;color:#000;text-transform:uppercase}


/* Links */
a {color: #C0F03A; text-decoration: none}
a:visited {color: #C0F03A !important ;}
a:hover {color: #66FF00;}
.greylink, .greylink:visited {color: #7F987F}
.greylink:hover {color: #333;}
.underline {background: url("../images/dashed-underline.gif") bottom left repeat-x;}
#searchboxtop {display: none;}
#searchbox {position: absolute; top: 15px; right: 15px; z-index: 100; display: block; width: 384px; height: 110px; background: url(../images/searchbox.gif) top right no-repeat;}
.hide, #searchbox span {display: none;}

/* Ad Space */
img {margin: 0; padding: 0; border: 0; background: none;}
.ad {float: left; width: 100%; margin: 0 0 10px 0; padding: 0 0 7px 0; width: 100%; }
.ad h4, .ad p {margin: 0; padding: 0;}
.ad p a, .mainhighlight dd a {font-size: 0.9em; color: #aaa;}
.ad p a:hover, .mainhighlight dd a:hover {color: #333;}
.adspace a {float: left; clear: both; margin: 0 0 10px 0; padding: 0;}
.adspace a img, .adspace a:visited img, .adspace a:hover img {float: left; clear: both; margin: 0 0 10px 0; padding: 0; }

/* Copyright */
.headfoot {color:#000 !important}
.headfoot p {color:#666 !important;float:right;line-height: 1em !important;text-align:right}
.headfoot a {color: #eee !important; text-decoration: none}
.headfoot a:visited {color: #eee !important ;}
.headfoot a:hover {color: #fff !important;}

/* Menu 2 */
.menu2 li {list-style: none}

/* Site Sponsors - not in use */
.sponsor {float: left; display: block; width: 100%;}
.sponsor dt {float: left; display: block; width: 100%; font: bold 1.3em Arial, Helvetica, sans-serif;}
.sponsor dd {float: left; display: block; width: 100%; margin: 0 0 1em 0;}

/* Footer */
#footer {text-align:right; display: block; width: 100%; padding: 0; margin: 0;color: #000 !important;margin-left:30px}
#footer ul {margin: 0; padding: 0; list-style: none;}
#footer li {margin: 0 5px 0 0; padding: 0; display: inline;}
#footer a {color: #666 !important ; text-decoration: none;padding: 0 15px 0 0;margin: 0 10px 0 0;font-weight:600}
#footer a:visited {color: #666 !important ;}
#footer a:hover {color: #fff !important ;}

/* Page Titles */
.dirtitle {float: left; width: 100%; margin: 0 0 1px 0 !important; color: #fff !important; background: #CCC1AB !important; padding: 1px 0 2px 0; font: bold 1.2em Verdana, Arial, Helvetica, sans-serif; text-indent: 10px;}
.dirtitle2 {float: left; width: 100%; margin: 0 0 1px 0; color: #fff; background: #CCC1AB; border-left: 1px solid #CCC1AB; border-right: 1px solid #CCC1AB; padding: 1px 0 2px 0; font: bold 1.2em Verdana, Arial, Helvetica, sans-serif; text-indent: 10px;}

/* Column Titles */
#maincol .coltitle {float: left; padding: 1px 0 2px 0; margin: 0; font: bold 1em Arial, Helvetica, sans-serif; text-indent: 10px; color: #222; background: #D4D2E1; border-bottom: 1px solid #fff;}
#rightcol .coltitle {float: left; padding: 1px 0 2px 0; font: 1em Arial, Helvetica, sans-serif; color: #505050; background: #F6F6F6; border-bottom: 1px solid #AAA;}
.coltitle {float: left;padding:0; font: 1.5em Arial, Helvetica, sans-serif; color: #CD0606; margin: 0 0 0 30px}

/* Category Listings - nav.php file in includes folder */
.dir {float: left; list-style: none; display: block;  width: 100%; margin: 0 0 15px 0; background: url("../images/highlight-bkg-dir.gif") top left repeat-x;}
.dir li {float: left; display: block;  width: 48%; margin: 0 1% 0 0;}
.dir a, .dir a:visited {float: left; display: block; width: 100%; text-indent: 10px; border-bottom: 1px solid #F9F7F5;}
.dir a:hover { background: #F4F2ED; border-bottom: 1px solid #ddd; margin: 0;}
.dir a{padding: 0 15px 0 0px}
.dir a:hover {padding: 0 15px 0 0px}

/* Special Features */
.author {float: left; color: #00BFF3; padding: 10px; margin: 0; background:transparent;text-align:left;width:auto}
div.author {float: left; margin: 0 0 1.4em 0;width:92%}

/* Prev-Next Button */
.button-nextpage {float: right; display: block; width: 126px; height: 55px; background: url(../images/button-nextpage.gif) bottom left no-repeat;}
.button-prevpage {float: left; display: block; width: 126px; height: 55px; background: url(../images/button-prevpage.gif) bottom left no-repeat;}
.button-nextpage:hover {background: url(../images/button-nextpage.gif) top left no-repeat;}
.button-prevpage:hover {background: url(../images/button-prevpage.gif) top left no-repeat;}
.button-nextpage span, .button-prevpage span {display: none;}


/* Date-Time */
#date {float: right; display: block; width: 40px; background: #ccc; text-align: center; margin: 0 0 14px 0; border: 1px solid #888;}
.day {float: left; width: 40px; font: 2.2em "Times New Roman", Times, serif; color: #333;}
.month {float: left; width: 40px; font-size: 0.7em; background: #333; color: #fff; text-transform: uppercase;}
.year {float: left; width: 40px; font-size: 0.7em; color: #333;}

/* adspace */
.adspace a {float: left; clear: both; margin: 0 0 10px 0; padding: 0; border: 0;}
.adspace a img, .adspace a:visited img, .adspace a:hover img {float: left; clear: both; margin: 0 0 10px 0; padding: 0; border: 0;}
.highlight .adspace {position: relative; top: 0; left: 0; margin: 0; padding: 0; border: 0;}

/* used in various files */
.h1menu {background: url(../images/h1.gif) bottom repeat-x #F5E2C9; text-indent: 10px; padding: 5px 0 43px 0;}
.menutitle {float: left; width: 100%; margin: 0 0 1px 0; color: #fff; background: #ECC694; padding: 1px 0 2px 0; font: bold 1.2em Verdana, Arial, Helvetica, sans-serif; text-indent: 10px;}
.menutitle2 {float: left; width: 100%; margin: 0 0 1px 0; color: #fff; background: #ECC694; border-bottom: none; border-left: 1px solid #ECC694; border-right: 1px solid #ECC694; padding: 1px 0 2px 0; font: bold 1.2em Verdana, Arial, Helvetica, sans-serif; text-indent: 10px;}
#commentform {padding: 10px;}
#comments {list-style: none;}
#comments li {border-bottom: 1px solid #ccc; margin: 0 0 10px 0;}
#comment {width: 100%;}
#searchForm {float: left; display: block; margin: 0 0 20px 0;}
#maincol ul, #maincol ol, #rightcol ul, #rightcol ol {clear: left; margin: 0 0 0 1.3em;}
#widecol ul {clear: left; margin: 0 0 0 2em;}
#widecol ol {clear: left; margin: 0 0 15px 2em;}
#maincol .coltitle, #maincolblog .coltitle, #widecol .coltitle {float: left; width: 100%; padding: 1px 0 2px 0; margin: 0; font: bold 1.3em Arial, Helvetica, sans-serif; text-indent: 10px; color: #222; background: #D4D2E1; border-bottom: 1px solid #fff;}
#rightcol .coltitle {float: left; width: 100%; padding: 1px 0 2px 0; font: 1.3em Arial, Helvetica, sans-serif; color: #505050; background: #F6F6F6; border-bottom: 1px solid #AAA;}
#homepagebox {display: inline; float: left; margin: 14px 14px 0 14px;}
.city {font: 2em Arial, Helvetica, sans-serif; margin-left: 10px; margin-bottom: 10px;}
.center {text-align:center}
.left {text-align:left}


.sitemap2 {color:#666}
.sitemap2 li {list-style-type:none;text-indent:30px;text-align:left;margin:0px !important;}
.sitemap2 a {color:#fff !important;margin: 0 1% 0 0;font-size:1em !important;font-weight:normal !important}
.sitemap2 a:visited {color:#fff !important}
.sitemap2 a:hover {color:#00FFFF !important}

.sitemap1 {margin: 0 0 15px 0;text-align:left;color:#666}
.sitemap1 li {list-style-type:none;margin: 20px 1% 0 0;}
.sitemap1 a, .sitemap1 a:visited {text-indent: 20px;color:#CDFF00}
.sitemap1 a:hover { color: #00FFFF !important ;margin: 0;}
.sitemap1 a{padding: 0 15px 0 0px;font-size:1.3em;font-weight:600}
.sitemap1 a:hover {padding: 0 15px 0 0px}
.webd {font-weight:bold;color:#00FFFF}