/* CSS Document */
html, body { background-color: #5c5b5b; width: 100%; text-align: center; margin: 0; padding: 0; color: white; font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 10px;}
div#page { width: 778px; margin: 0 auto; text-align: left; background-color: #3d3d3d; min-height: 800px; border-left: 1px solid #5c5b5b; border-right: 1px solid #5c5b5b;}
div#content { margin: 120px 0 0 10px; float: left; width: 500px; background-color: #3d3d3d;}
div#rightcolumn { float: right; width: 200px; min-height: 600px; background-color: #8f8f8f; margin: 112px 10px 0 0;}
div#top { position:absolute; top: 0; height: 111px; clear: both; width: 778px; background: url(images/topback.jpg) 0 0 repeat-x;}
div#top ul { float: right; font-size: 18px; width: 199px; background: url(images/topulback.jpg) 0 0 no-repeat; height: 111px; margin: 0 10px 0 0; padding: 0; list-style: none;}
p.where { text-align: right; color: #fff662;}
p.where a { color: #fff662;}
div#top ul a { text-decoration: none;}
div#top ul a:hover { text-decoration: underline;}
div#top ul li.red { background-color: #e8e8e8; color: #dd3131; margin: 0 0 0 28px; font-family: Verdana, Arial, Helvetica, sans-serif; padding: 7px 0 8px 4px;}
div#top ul li.red a { color: #dd3131; background: transparent;}
div#top ul li.yellow { background-color: #8f8f8f; color: #fff662; margin: 0 0 0 28px; font-family: Verdana, Arial, Helvetica, sans-serif; padding: 7px 0 8px 4px;}
div#top ul li.yellow a { color:#fff662; background: transparent;}
div#top ul li.orange { background-color: #656565; color: #f66d2a; margin: 0 0 0 28px; font-family: Verdana, Arial, Helvetica, sans-serif; padding: 7px 0 8px 4px;}
div#top ul li.orange a { color: #f66d2a; background: transparent;}
div#top div.logo { width: 500px; float: left; background: url(images/tree.jpg) 0 0 no-repeat; height: 111px; }
div#top img { border: none; margin: 8px 0 0 80px;}
h1 { margin: 0; padding: 0;}
p.services { background-color: #f66d2a; color: white; float: left; width: 150px; height: 100%; padding: 5px; margin: 0;}
div#content ol.cities { margin: 0 0 0 0px; padding: 10px 0 0 10px; background:url(images/cities-side.jpg) 100% 0 repeat-y; text-align: right; height: 100%;}
div#content ol.cities li { float: left; width: 110px; font-size: 15px; font-family:Verdana, Arial, Helvetica, sans-serif; margin: 0 10px 10px 10px; padding: 0; list-style: none; text-align: left;}
div#cities { background: url(images/cities-top.jpg) 0 0 no-repeat; width: 455px; height: 254px; padding: 7px 0 0; }
div#cities img { border: none; padding: -10px 0 0; margin: 0 -1px 0 ; position: relative; top: -7px; }
div#cities a { background: transparent; color: #f66d2a; text-decoration: none; }
div#cities a:hover { text-decoration: underline; }
div#footer { clear: both; padding: 10px; background-color: #8f8f8f;	}
div#rightcolumn ul { margin: 0; padding: 0; }
div#rightcolumn ul li a { color: #ffffff; text-decoration: none; display: block; padding: 8px 4px 8px 20px;}
div#rightcolumn ul li a:hover { background-color: #838383; text-decoration: underline;}
div#rightcolumn ul li { list-style: none; border-bottom: 1px dashed white;  margin: 0;}
div#rightcolumn h3 { margin: 10px 0 0 0; color: #f66d2a; font-size: 14px; text-align: center;}
h3.top { font-size: 12px; margin: 15px 0 0 100px; color: #333333;}
div#rightcolumn ul li.active a { text-decoration: underline; color: #fff662; }
div.website { background: #000000; font-size: 12px; padding: 5px 5px 0 5px; margin: 10px;}
div.website h4, div.website p { color: #f66d2a;  padding: 0 0 5px; margin: 0 0 10px;}
div.website p span { color: #ffffff; }
div.website p a { color: #ffffff; }