/* CSS Document */

*{font-size: 100%; margin: 0; padding: 0; line-height: 1.7em;}
body {position: relative; margin: 0 20px; background: #fff; font: 70% "Lucida Sans Unicode", "Trebuchet MS", Arial; color: #666; text-align: center;}

#container {position: relative; max-width: 911px; min-width: 733px; margin: 0 auto; text-align: left;}
#emailcontainer {position: relative; margin: 0 auto; text-align: left;}
#masthead {position: relative; display: block; height: 114px; background: url(../images/masthead.gif) top left no-repeat;}
#masthead-end {position: absolute; top: 0; right: 0; display: block; width: 20px; height: 114px; background: url(../images/masthead-end.gif) top right no-repeat;}
#masthead p {margin: 0; padding: 0;}
/*#logo {position: absolute; top: 26px; left: 37px; background: none;}*/
#logo { padding-top: 26px; display: block; }
#logo span { display: block; margin-left: 37px; display: block; width: 218px; height: 72px; background: url(../images/logo.gif) top left no-repeat;}
#mobilelogo {display: none;}
#mobile {position: absolute; top: 0; right: 0; z-index: 100; display: block; width: 384px; height: 110px; background: url(../images/mobile.gif) top right no-repeat;}
#mobile:hover {background: url(../images/mobile.gif) bottom right no-repeat;}
.hide, #mobile span {display: none;}

#page {position: relative; float: left; width: 100%; padding: 14px 0;}
#maincol {margin: 0 230px 0 230px; min-height: 35em;} /* Change this as left menu grows */
* html #maincol {height: 35em;}
#maincolblog {margin: 0 230px 0 230px; min-height: 25em; padding: 0 15px; border-left: 1px solid #ccc; border-right: 1px solid #ccc;} /* Change this as left menu grows */
* html #maincolblog {height: 25em;}
#widecol {margin: 0 14px 0 230px; min-height: 50em;} /* Change this as left menu grows */
* html #widecol {height: 50em;}
#leftcol {position: absolute; top: 14px; left: 14px; width: 200px;}
#rightcol {position: absolute; top: 14px; right: 14px; width: 200px;}
#homepagebox {display: inline; float: left; margin: 14px 14px 0 14px;}

h1 {font: 2.2em Arial, Helvetica, sans-serif; color: #666; margin: 0 0 0.4em 0;}
h1 span {font-size: .75em; color: #888;}
h2 {font-weight: bold; font-size: 1.2em; margin: 0 0 1em 0;}
h2 span {font-size: 1.7em;}
h3, h4, h5, h6 {font-weight: bold; margin: 0 0 1em 0;}
p {margin: 0 0 1.4em 0;}
small {font-size: 0.9em; color: #aaa !important;}
.author {float: left; color: #333333; padding: 10px; margin: 0 0 1.4em 0; background: #eee;}
div.author {float: left; margin: 0 0 1.4em 0;}
.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;}
#leftcol .author, #rightcol .author {width: 180px;}
#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 !important; font: bold 1.3em Arial, Helvetica, sans-serif !important; 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;}
.allcaps {text-transform: uppercase;}
.readmore a {color: #CE0C0C;}
.readmore a:hover {color: #333;}
.justify {text-align: justify;}


a {color: #CE0C0C; text-decoration: none;}
a:visited {color: #DC4545;}
a:hover {color: #333;}
.greylink, .greylink:visited {color: #7F987F}
.greylink:hover {color: #333;}
a[target="_blank"] {padding: 0 15px 0 0; background: url(../images/link-external.gif) right no-repeat;}
a[target="_blank"]:hover {padding: 0 15px 0 0; background: url(../images/link-external-hover.gif) right no-repeat;}

img {margin: 0; padding: 0; border: 0; background: none;}
img.inflow { position: inherit !important; float: left; margin: 0 14px 10px 0; padding: 2px; border: 1px solid #ccc;}
.ad {float: left; width: 100%; margin: 0 0 10px 0; padding: 0 0 7px 0; width: 100%; background: url(../images/dashed-underline.gif) bottom left repeat-x;}
.ad h4, .ad p {margin: 0; padding: 0;}
.ad p a, .mainhighlight dd a {font-size: 0.9em; color: #aaa !important;}
.ad p a:hover, .mainhighlight dd a:hover {color: #333;}

.menu {list-style: none; border-top: 1px solid #ccc; margin: 0 0 15px 0;}
.menu li {border-bottom: 1px solid #ccc;}
.menu ul {display: none; list-style: none;}
.menu ul li {border-top: 1px solid #ccc; border-bottom: none;}

.menu a {display: block; padding: 0 20px 0 10px; width: 170px !important; width /**/:200px; list-style: none; color: #CE0C0C; text-decoration: none;}
.menu ul li a {display: block; padding: 0 20px 0 28px; width: 152px !important; width /**/:200px; background: url(../images/menu-sub.gif) left no-repeat;} 
.menu ul ul li a {display: block; padding: 0 20px 0 38px; width: 142px !important; width /**/:200px; background: url(../images/menu-sub-sub.gif) left no-repeat;} 
/*.menu a:hover {color: #111; background: url(../images/menu-hover.gif) left repeat-x;}*/
.menu a:hover {color: #fff; background: #E26D6D;}
.menu ul li a:hover {display: block; padding: 0 20px 0 28px; width: 152px !important; width /**/:200px; background: url(../images/menu-sub-hover.gif) left no-repeat;} 
.menu ul ul li a:hover {display: block; padding: 0 20px 0 38px; width: 142px !important; width /**/:200px; background: url(../images/menu-sub-sub-hover.gif) left no-repeat;} 

.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;}

.underline {background: url(../images/dashed-underline.gif) bottom left repeat-x;}

#footer {float: left; display: block; width: 100%; padding: 1.4em 0; margin: 0; border-top: 1px solid #ccc;}
#footer ul {float: left; margin: 0; padding: 0; list-style: none;}
#footer li {float: left; margin: 0 5px 0 0; padding: 0; display: inline;}
#footer a {margin: 0 10px 0 0;}

#p-articles #n-articles ul, #p-legal #n-legal ul, #p-directory #n-directory ul {display: block;}

.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;}

#home-left {position: relative; left: 15px; float: left; width: 47.5%;}
#home-right {position: relative; right: 15px; float: right; width: 47.5%;}

.highlight {position: relative; float: left; width: 100%; margin: 0 0 15px 0; padding: 14px 0 0 0; background: url(../images/highlight-bkg.gif) top left repeat-x;}
.highlight dl {float: left; display: inline; margin: 0 0 15px 121px; min-height: 81px;}
* html .highlight dl {height: 81px;}
.highlight dt a, .highlight dt a:visited {font: bold 1.2em Verdana, Arial, Helvetica, sans-serif;}
.highlight dd a, .highlight dd a:visited { color: #666;}
.highlight img {position: absolute; top: 14px; left: 0;}
.highlight table img {position: relative; top: 0; left: 0;}
div .highlight:last-child {margin: 0;}
.highlight a img {padding: 2px; border: 1px solid #ccc;}
.highlight a:hover img {padding: 2px; border: 1px solid #888;}
.highlight p {margin: 0 0 15px 0;}
ul.highlight {margin: 0 !important; padding: 15px 0 !important; list-style: none; float: none;}
ul.highlight li {margin: 0;}
.highlight ul {}

.mainhighlight {position: relative; float: left; width: 100%; margin: 0 0 15px 0; border: 1px solid #ccc; }
.mainhighlight dl {float: left; display: inline; margin: 15px;}
.mainhighlight dt a, .mainhighlight dt a:visited {font: bold 1.2em Verdana, Arial, Helvetica, sans-serif;}
.mainhighlight dd a, .mainhighlight dd a:visited {font: 1em "Lucida Sans Unicode", "Trebuchet MS", Arial; color: #CE0C0C !important;}
.mainhighlight dd a:hover {color: #222 !important;}
div .mainhighlight:last-child {background: none; margin: 0;}
.mainhighlight p {margin: 0 0 15px 0;}


.dir {float: left; list-style: none; display: block;  width: 100%; margin: 0 0 15px 0 !important; 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;}

#articlelist {}
#articlelist li {font-weight: bold;}
#articlelist ul li {font-weight: normal;}
#articlelist a, #articlelist a:visited {}

.menucontainer {float: left; width: 100%; margin: 0 0 20px 0;}
.menubox {float: left; width: 31%; margin: 0 11px 0 0;}
.menubox h2 { padding: 1px 0 2px 0; font: 1.3em Arial, Helvetica, sans-serif; color: #505050; background: #F6F6F6; border-bottom: 1px solid #AAA;}
.menubox ul {float: left; list-style: none; display: block;  width: 100%; margin: 0 !important;}
.menubox li {float: left; display: block;  width: 100%; margin: 0;}

#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;}

.mainnews {position: relative; min-height: 165px;}
* html .mainnews {height: 165px;}
.mainnews div {margin: 0 0 15px 214px;}
.mainnews img {position: absolute; top: 0; left: 0;}
.mainnews h2 {margin: 0 0 14px 0 !important;}

form {position: relative; margin: 0 0 15px 0;}
label {margin: 0; padding: 0;}
#searchbar {width: 190px; margin: 0 0 8px 0; padding: 3px;}
#searchbutton {display: block; float: right; width: 5em; }
* html #searchbutton {top: 3.5em;}

#newsfeed {display: block; float: left; width: 200px; margin: 0 0 15px 0;}
#newsfeed a[href="http://www.feedroll.com/rssviewer/"] {display: none;}

.h1about {background: url(../images/h1.gif) bottom repeat-x #F4D6D6; text-indent: 10px; padding: 5px 0 43px 0;}
.h1article {background: url(../images/h1.gif) bottom repeat-x #DBE6E7; text-indent: 10px; padding: 5px 0 43px 0;}
.h1blog {background: url(../images/h1.gif) bottom repeat-x #D7DDCF; text-indent: 10px; padding: 5px 0 43px 0;}
.h1business {background: url(../images/h1.gif) bottom repeat-x #D3D6DF; text-indent: 10px; padding: 5px 0 43px 0;}
.h1dir {background: url(../images/h1.gif) bottom repeat-x #E5E0D5; text-indent: 10px; padding: 5px 0 43px 0;}
.h1ent {background: url(../images/h1.gif) bottom repeat-x #E3D3D3; text-indent: 10px; padding: 5px 0 43px 0;}
.h1legal {background: url(../images/h1.gif) bottom repeat-x #E0DDDD; text-indent: 10px; padding: 5px 0 43px 0;}
.h1menu {background: url(../images/h1.gif) bottom repeat-x #F5E2C9; text-indent: 10px; padding: 5px 0 43px 0;}
.h1news {background: url(../images/h1.gif) bottom repeat-x #D3DFD9; text-indent: 10px; padding: 5px 0 43px 0;}
.h1product {background: url(../images/h1.gif) bottom repeat-x #E5DDF0; text-indent: 10px; padding: 5px 0 43px 0;}
.h1profiles {background: url(../images/h1.gif) bottom repeat-x #C8E4C8; text-indent: 10px; padding: 5px 0 43px 0;}
.h1travel {background: url(../images/h1.gif) bottom repeat-x #F4F5BF; text-indent: 10px; padding: 5px 0 43px 0;}


.abouttitle {float: left; width: 100%; margin: 0 0 1px 0 !important; color: #fff !important; background: #B2D799 !important; padding: 1px 0 2px 0; font: bold 1.2em Verdana, Arial, Helvetica, sans-serif; text-indent: 10px;}
.abouttitle2 {float: left; width: 100%; margin: -10px 0 1px 0 !important; color: #1F7B1F !important; background: #fff !important; padding: 1px 0 2px 0; font: bold 1.3em Verdana, Arial, Helvetica, sans-serif; border-bottom: 1px solid #ccc;}
.articletitle {float: left; width: 100%; margin: 0 0 1px 0 !important; color: #fff !important; background: #B7CDCF !important; padding: 1px 0 2px 0; font: bold 1.2em Verdana, Arial, Helvetica, sans-serif; text-indent: 10px;}
.blogtitle {float: left; width: 100%; margin: 0 0 1px 0 !important; color: #fff !important; background: #AFBBA0 !important; padding: 1px 0 2px 0; font: bold 1.2em Verdana, Arial, Helvetica, sans-serif; text-indent: 10px;}
.businesstitle {position: relative; float: left; width: 100%; margin: 0 0 1px 0 !important; color: #fff !important; background: #A8ADC0 !important; padding: 1px 0 2px 0; font: bold 1.2em Verdana, Arial, Helvetica, sans-serif; text-indent: 10px;}
.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;}
.enttitle {float: left; width: 100%; margin: 0 0 1px 0 !important; color: #fff !important; background: #C7A7A7 !important; padding: 1px 0 2px 0; font: bold 1.2em Verdana, Arial, Helvetica, sans-serif; text-indent: 10px;}
.legaltitle {float: left; width: 100%; margin: 0 0 1px 0 !important; color: #fff !important; background: #C1BBBB !important; padding: 1px 0 2px 0; font: bold 1.2em Verdana, Arial, Helvetica, sans-serif; text-indent: 10px;}
.menutitle {float: left; width: 100%; margin: 0 0 1px 0 !important; color: #fff !important; background: #ECC694 !important; padding: 1px 0 2px 0; font: bold 1.2em Verdana, Arial, Helvetica, sans-serif; text-indent: 10px;}
.newstitle {float: left; width: 100%; margin: 0 0 1px 0 !important; color: #fff !important; background: #A8C0B3 !important; padding: 1px 0 2px 0; font: bold 1.2em Verdana, Arial, Helvetica, sans-serif; text-indent: 10px;}
.producttitle {float: left; width: 100%; margin: 0 0 1px 0 !important; color: #fff !important; background: #CCBBE1 !important; padding: 1px 0 2px 0; font: bold 1.2em Verdana, Arial, Helvetica, sans-serif; text-indent: 10px;}
.profilestitle {float: left; width: 100%; margin: 0 0 1px 0 !important; color: #fff !important; background: #92CA92 !important; padding: 1px 0 2px 0; font: bold 1.2em Verdana, Arial, Helvetica, sans-serif; text-indent: 10px;}
.traveltitle {float: left; width: 100%; margin: 0 0 1px 0 !important; color: #fff !important; background: #9DCACD !important; padding: 1px 0 2px 0; font: bold 1.2em Verdana, Arial, Helvetica, sans-serif; text-indent: 10px;}
.weathertitle {float: left; width: 100%; margin: 0 0 1px 0 !important; color: #fff !important; background: #97B596 !important; padding: 1px 0 2px 0; font: bold 1.2em Verdana, Arial, Helvetica, sans-serif; text-indent: 10px;}
.mappingtitle {float: left; width: 100%; margin: 0 0 1px 0 !important; color: #fff !important; background: #B3D178 !important; padding: 1px 0 2px 0; font: bold 1.2em Verdana, Arial, Helvetica, sans-serif; text-indent: 10px;}

.abouttitle3 {float: left; width: 100%; margin: 0 0 1px 0 !important; color: #fff !important; background: #EAADAD !important; border-bottom: none !important; border-left: 1px solid #EAADAD; border-right: 1px solid #EAADAD; padding: 1px 0 2px 0; font: bold 1.2em Verdana, Arial, Helvetica, sans-serif; text-indent: 10px;}
.articletitle2 {float: left; width: 100%; margin: 0 0 1px 0 !important; color: #fff !important; background: #B7CDCF !important; border-bottom: none !important; border-left: 1px solid #B7CDCF; border-right: 1px solid #B7CDCF; padding: 1px 0 2px 0; font: bold 1.2em Verdana, Arial, Helvetica, sans-serif; text-indent: 10px;}
.blogtitle2 {float: left; width: 100%; margin: 0 0 1px 0 !important; color: #fff !important; background: #AFBBA0 !important; border-bottom: none !important; border-left: 1px solid #AFBBA0; border-right: 1px solid #AFBBA0; padding: 1px 0 2px 0; font: bold 1.2em Verdana, Arial, Helvetica, sans-serif; text-indent: 10px;}
.businesstitle2 {float: left; width: 100%; margin: 0 0 1px 0 !important; color: #fff !important; background: #A8ADC0 !important; border-bottom: none !important; border-left: 1px solid #A8ADC0; border-right: 1px solid #A8ADC0; 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 !important; color: #fff !important; background: #CCC1AB !important; border-bottom: none !important; 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;}
.enttitle2 {float: left; width: 100%; margin: 0 0 1px 0 !important; color: #fff !important; background: #C7A7A7 !important; border-bottom: none !important; border-left: 1px solid #C7A7A7; border-right: 1px solid #C7A7A7; padding: 1px 0 2px 0; font: bold 1.2em Verdana, Arial, Helvetica, sans-serif; text-indent: 10px;}
.legaltitle2 {float: left; width: 100%; margin: 0 0 1px 0 !important; color: #fff !important; background: #C1BBBB !important; border-bottom: none !important; border-left: 1px solid #C1BBBB; border-right: 1px solid #C1BBBB; 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 !important; color: #fff !important; background: #ECC694 !important; border-bottom: none !important; 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;}
.newstitle2 {float: left; width: 100%; margin: 0 0 1px 0 !important; color: #fff !important; background: #A8C0B3 !important; border-bottom: none !important; border-left: 1px solid #A8C0B3; border-right: 1px solid #A8C0B3; padding: 1px 0 2px 0; font: bold 1.2em Verdana, Arial, Helvetica, sans-serif; text-indent: 10px;}
.producttitle2 {float: left; width: 100%; margin: 0 0 1px 0 !important; color: #fff !important; background: #CCBBE1 !important; border-bottom: none !important; border-left: 1px solid #CCBBE1; border-right: 1px solid #CCBBE1; padding: 1px 0 2px 0; font: bold 1.2em Verdana, Arial, Helvetica, sans-serif; text-indent: 10px;}
.profilestitle2 {float: left; width: 100%; margin: 0 0 1px 0 !important; color: #fff !important; background: #92CA92 !important; border-bottom: none !important; border-left: 1px solid #92CA92; border-right: 1px solid #92CA92; padding: 1px 0 2px 0; font: bold 1.2em Verdana, Arial, Helvetica, sans-serif; text-indent: 10px;}
.traveltitle2 {float: left; width: 100%; margin: 0 0 1px 0 !important; color: #fff !important; background: #EAEB7F !important;  border-bottom: none !important; border-left: 1px solid #EAEB7F; border-right: 1px solid #EAEB7F; padding: 1px 0 2px 0; font: bold 1.2em Verdana, Arial, Helvetica, sans-serif; text-indent: 10px;}

.specs h2, .specs h3, .specs h4, .specs h5, .specs h6 {font: bold 1.1em Verdana, Arial, Helvetica, sans-serif; border-bottom: 1px solid #ccc;}

#commentform {padding: 10px;}
#comments {list-style: none;}
#comments li {border-bottom: 1px solid #ccc; margin: 0 0 10px 0;}

.alphaIdx {list-style: none; float: left;}
.alphaIdx li {float: left; padding: 0 3px;}

.listing {float: left; width: 100%; padding: 15px 0 15px 0; background: url(../images/dashed-underline.gif) bottom left repeat-x;}
.listing h3, .listing p {margin: 0;}

#mapmenu {position: absolute; top: 420px;}

#comment {width: 100%;}
#searchForm {float: left; display: block; margin: 0 0 20px 0;}

.highlight .aboutpics {position: relative !important; float: right !important; margin: -28px 0 20px 10px;}
.aboutpics {position: absolute; bottom: 14px; right: 0;}
.aboutintro {position: relative; float: left; padding: 0 200px 0 0; margin: 0 0 1.4em 0;}
.imgborder {border: 1px solid #ccc;}
.highlight .imgborder {position: relative !important; float: left; margin: -10px 10px 10px 0; }

.adspace a {float: left; clear: both; margin: 0 0 10px 0; padding: 0 !important; border: 0 !important;}
.adspace a img, .adspace a:visited img, .adspace a:hover img {float: left; clear: both; margin: 0 0 10px 0; padding: 0 !important; border: 0 !important;}

.highlight .adspace {position: relative !important; top: 0; left: 0; margin: 0; padding: 0; border: 0;}

#fiveday {width: 450px; margin: 0 0 0 10px;}
#fiveday tr {}
#fiveday td {width: 90px; margin: 0 0 10px 0; font-weight: bold;}
#fiveday th {display: none;}
#fiveday img {position: relative; top: 0; left: 0;}

/*
.titlenews {}
.titleproduct {}
.titlearticle {}
.titledirectory {}

.schemenews {}
.schemeproduct {}
.schemearticle {}
.schemedirectory {} 
*/