/*
*
* CONTENTS
* -------------------
*
* =1 HTML
* =1a General Formatting
* =1b Headers
*
* =2 ACCESSIBILITY
* =2a Hiding Elements
* =2b Image Replacement
*
* =3 CONTAINERS
* =3a Branding
* =3b Content
* =3c Footer
*
* =4 NAVIGATION
* =4a General
* =4b Links
* =4c Active States
* =4d Main Navigation
* =4e Sub Navigation
*
* =5 OTHER
* =6 FORMS

 dark blue = 336;
 grey background = e5e5e5;
 light blue = 4a66a7 / 369
 green = bbf900;
 red = f30;
*

/* =1a HTML - General Formatting
-------------------------------------------------------------------------------------------------- */
* {margin: 0; padding: 0;}
body {position: relative; font: normal normal 13px/1.5em Verdana, Arial, Helvetica, sans-serif;
background: #e5e5e5; color: #000;}
p, ul, ol, dl {margin: 1em 0; line-height: 150%;}
#content ul {padding-left: 15px; list-style-type: disc;}
form, fieldset, a img, abbr, acronym {border: 0;}
abbr, acronym {cursor: help;}

#navigation-main:after,
#search:after,
.article-navigation:after,
#article-tags:after,
#article-meta:after,
#article-comments div dl:after,
#top-articles-columns:after {display: block; clear: both; content: "."; font-size: 0; height: 0; text-indent: -9999px; overflow: hidden;}

/* =1b HTML - Headers
-------------------------------------------------------------------------------------------------- */
#content-main h2, #content-resources h2 {position: static; left: 0; height: 1em;   line-height: 100%;
font-size: 22px; color: #8ab800; padding-left: 13px; background: #fff url(images/bullet-heading.gif) no-repeat 0 50%}

#content-information h3 {color: #8ab800; font-size: 1em;}
#content-article h3, #top-article h3 {color: #3d6dde; font-size: 2em; line-height: 105%; text-transform: capitalize;}
h4 {color: #8ab800; margin: 1em 0 0 10px; clear: left;}


/* =2a ACCESSIBILITY - Hiding Elements
-------------------------------------------------------------------------------------------------- */
.access,
#skiplinks,
h2, legend, hr,
#search label,
#article-meta dt,
#resources-newsletter h3,
#resources-newsletter label {position: absolute; left: -9999px; font-size: 0; height: 0; overflow: hidden;}

/* =2b ACCESSIBILITY - Image Replacement (Phark)
-------------------------------------------------------------------------------------------------- */
#branding h1 a,
input.submit,
#content-resources h3 {display: block; text-indent: -9999px; font-size: 0; height: 0; border: 0; overflow: hidden; text-decoration: none;
background: transparent no-repeat 0 0;}



/* =3a CONTAINERS - Branding
-------------------------------------------------------------------------------------------------- */
#container {position: relative; width: 942px; padding: 0 35px 0 32px; margin: 0 auto;
background: url(images/background-repeat.gif) repeat-y 50% 0;}

#branding {position: relative; top: 44px; background-color: #4a66a7; height: 110px; margin-bottom: 40px; }
/*#branding h1 a {position: absolute; left: 0; top: 5px; width: 193px; height: 98px; background-image: url(images/logo-holiday.gif);} */
#branding h1 a {position: absolute; left: 0; top: 5px; width: 193px; height: 98px; background-image: url(images/logo.gif);}
#branding img {position: absolute; right: 10px; bottom: 10px;}


/* =3b CONTAINERS - Content
-------------------------------------------------------------------------------------------------- */
#content-information,
#content-main, #featured-articles {float: left;}
#content-information {width: 170px; padding: 0 10px;}
#content-main, #featured-articles {width: 430px; padding: 10px 0;}
#content-resources {width: 305px; float: right; padding: 10px 7px 50px 0;}

#content-information ul {background-color: #f9fbf2;}
#content-resources ul,
#content-resources p {margin-left: 10px;}

#content-information ul li,
#content-resources ul li {line-height: 125%; margin-bottom: 10px; border: 1px solid #fff;}
#content-information ul li a,
#content-resources ul li a {color: #000; text-decoration: none; font-weight: bold;}
#content-information ul li a:hover,
#content-resources ul li a:hover {text-decoration: underline;}
#content-information ul li em,
#content-resources ul li em {font-size: 10px; display: block; color: #979797; font-style: normal;}


/* article stuff */
#article-meta,
#article-opinions ul {font-size: 15px;}
#article-tags a,
.article-navigation li a,
#article-opinions a:hover {text-decoration: none;}
#article-tags a:hover,
.article-navigation li a:hover {text-decoration: underline;}

#content .article-navigation {padding: 0;}
.article-navigation {clear: both;}
.article-navigation li {float: left; margin-right: 5px; list-style: none;
background: url(images/icons-article-meta.gif) no-repeat 100% -72px; padding-right: 5px;}
.article-navigation li a {display: block; padding: 0 10px 0 25px; overflow: hidden; line-height: 18px; vertical-align: middle;
color: #000; font-size: 10px; white-space: pre; background: #e5e5e5 url(images/icons-article-meta.gif) no-repeat 0 0;}
.article-navigation li.printer-friendly a {background-position: 0 -18px;}
.article-navigation li.email a {background-position: 0 -36px;}
.article-navigation li.permalink a {background-position: 0 -54px;}


#article-tags dt, #article-tags dd {float: left; margin-right: 5px; font-size: 11px;}
#article-tags dt {font-weight: bold;}
#article-tags a {text-transform: lowercase;}

#article-meta {margin-top: 0; color: #979797; }
#article-meta dd {float: left;}

.introduction {clear: both;}

#content-resources h2 {margin-top: -5px; line-height: 175%; height: auto;}
#content-resources h3 {background-image: url(images/headings-resources.jpg); height: 53px; width: 300px;}
#resources-spotlight h3 {background-position: 0 -53px;}
#resources-properties h3 {background-position: 0 -108px}
#resources-favorites h3 {background-position: 0 -162px}

#features-latest h3 { background-image: url(images/features-globe.jpg); background-repeat: no-repeat; }

#resources-spotlight p,
#resources-properties p {padding: 0 5px;}
#resources-spotlight p a,
#resources-properties p a {display: block;}

/* comments */
#article-comments div {padding: 1em 10px 1em 40px;}
#article-comments .odd {background-color: #f9fbf2;}
#article-comments div dl dt,
#article-comments div dl dd {float: left; color: #979797; font-size: 10px;}
#article-comments div dl dd a {margin: 0 5px; padding-right: 5px; border-right: 1px solid #979797;}

/* =3c CONTAINERS - Footer
-------------------------------------------------------------------------------------------------- */
#footer {background-color: #4a66a7; clear: both;}
#footer ul {margin: 0; padding-top: 15px; text-align: center;}
#footer-navigation li {display: inline;}
#footer-navigation li a {color: #fff; text-decoration: none; font-weight: bold;
border-right: 2px solid #036; margin-left: 7px; padding-right: 7px;}
#footer-navigation li.lli a,
#footer-navigation li:last-child a {border: 0;}
#footer p {margin: 0 -47px; padding: 30px 46px 50px 46px; clear: both;
text-align: center; background: #e5e5e5 url(images/background-footer.gif) no-repeat 0 0;}

#footer-print {background-color: #8ab800; padding-bottom: 10px;}
#footer-print li {display: inline; margin: 0 10px;}
#footer-print a {color: #fff; text-decoration: none; background: url(images/icons-page-meta.gif) no-repeat 0 -3px; padding-left: 25px;}
#footer-print .send-page a {background-position: 0 -23px;}

#footer-navigation li a:hover,
#footer-print a:hover,
#navigation-supplementary li a:hover {text-decoration: underline;}

/* =4b HTML - Links
-------------------------------------------------------------------------------------------------- */
a:link, a:visited, a:active {color: #2c4fff;}


/* =4d HTML - Main Navigation
-------------------------------------------------------------------------------------------------- */
#navigation {font-family: Verdana, Arial, Helvetica, sans-serif; background-color: #4a66a7; border: 1px solid #4a66a7;}
#navigation-main { width: 940px; position: relative; right: 1px; border-bottom: 10px solid #8ab800;}

#navigation-main li.red {float: left; list-style: none; margin-right: 2px; height: 19px; overflow: hidden;}
#navigation-main li.red a,
#navigation-main li.red a span {display: block; background: url(images/menu-tab.gif) no-repeat 0 0; overflow: hidden;}
#navigation-main li.red a {float: left; color: #fff; text-decoration: none; font-weight: bold;}
#navigation-main li.red a span {margin-left: 10px; padding: 0 10px 0 0; background-position: 100% 0;}
html > body #navigation-main li.red a {}

#navigation-main li {float: left; list-style: none; margin-right: 2px; height: 19px; overflow: hidden;}
#navigation-main li a,
#navigation-main li a span {display: block; background: url(images/tab-menu-blue.gif) no-repeat 0 0; overflow: hidden;}
#navigation-main li a {float: left; color: white; text-decoration: none; font-weight: bold;}
#navigation-main li a span {margin-left: 10px; padding: 0 10px 0 0; background-position: 100% 0;}
html > body #navigation-main li a {}

/* =4e HTML - Supplementary Navigation
-------------------------------------------------------------------------------------------------- */
#navigation-supplementary {position: absolute; top: 0; right: 0; height: 44px;
background-color: #336; width: 958px; padding-right: 20px; margin: 0 17px 0 13px; text-align: right;}
#navigation-supplementary li {display: inline;}
#navigation-supplementary li a {color: #fff; text-decoration: none; font-weight: bold;
border-right: 2px solid #4a66a7; margin-left: 7px; padding-right: 7px;}
#navigation-supplementary li.lli a,
#navigation-supplementary li:last-child a {border: 0;}


#navigation-main li.active a,
#navigation-main li a:hover {background-position: 0 -20px;}
#navigation-main li.active a span,
#navigation-main li a:hover span {background-position: 100% -20px;}


/* =5 FORMS
-------------------------------------------------------------------------------------------------- */
input {border: 1px solid #a5acb2; padding: 2px 0 2px 5px;}

#email-subscribe {position: absolute; top: 10px; left: 40px; font-weight: bold; padding:0; margin: 0;}
#email-subscribe label,
#email-subscribe input {float: left;}
#email-subscribe label {color: #bbf900;}
#email-subscribe label strong {color: #f30;}
#email-subscribe input {margin: 0 5px 0 10px;}

input.submit {background-image: url(images/form-submits.gif); width: 80px; height: 24px;}
input.submit:hover {cursor: pointer;}
input.subscribe {background-position: 0 0;}
input.search {background-position: 0 -26px;}
input.preview {background-position: 0 -52px;}
input.post {background-position: 0 -75px;}

#search {clear: both; background-color: #e9e9e9; padding: 5px 0 5px 10px; margin: 0 2px 0 1px;}
#search form fieldset, #search form dd, #resources-newsletter dd {float: left; margin-right: 10px;}
#search form { float: left;}
#search #search-form { float: right; width: 400px;}
#search form select { width: 150px; }
#search form input {width: 300px; height: 18px; }
#search #search-form input.search {display: inline; width: 80px; height: 23px; background-position: 0 -26px;}

#resources-newsletter {height: 105px; margin-bottom: 20px; padding: 75px 0 0 10px;
background: url(images/subscribe-background.jpg) no-repeat 0 0;}
#resources-newsletter p {font-size: 11px; color: #fff; margin-right: 100px;}
#resources-newsletter dd {margin-left: 10px;}
#resources-newsletter input {width: 100px;}

#comment-form {margin-top: 2em;}
#comment-form dt {margin: 5px 0; float: left; clear: both;}
#comment-form dt label {margin-right: 10px;}
#comment-form dd {margin-left: 100px; }
#comment-form dd input {width: 150px;}
#comment-form dd.textarea {clear: left; margin: 0; clear: left; float: none;}
#comment-form ul {margin: -5px 0 0 -10px;}
#comment-form ul li {float: left; list-style: none;}



/* New comment form stuff */

#comment-form label { width: 100px; text-align: right; float: left; padding-right: 15px; }














#top-ad {
text-align: right;
padding-top: 10px;
margin-left: 200px;
}

#middle-ad {
margin: -10px 0 10px 0;
}


#author-bio {
font-size: 11px;
}

#footer-copyright {
font-size: 10px;
color: #616161;
}

#footer-copyright a {
        color: #616161;
}


#leave-a-comment {
right: 30px;
position: relative;
}

.classified-content {
font-size: 11px;
line-height: 1.3em;
}

#classified-posts-1 h3, #classified-posts-2 h3 {
margin-bottom: 2px;
font-size: 13px;
width: 180px;
border-bottom: 1px solid #aaa;
}

#classified-posts-1 .article, #classified-posts-2 .article {
width: 180px;
float: left;
margin: 10px 0;
}

#classified-posts-1, #classified-posts-2 {
float: left;
width: 195px;
margin-left: 10px;
}

a.sidebar-box-link {
display: block;
position: absolute;
width: 103px;
height: 103px;
right: 234px;
background-image: url(images/transparent.gif);
}


#content-article p img {
margin: 3px 7px;
}


.article p {
margin: 9px 0 25px 0;
}

a.sidebar-item-title {
text-decoration: none;
font-weight: bold;
}

ul#archives-categories {
padding-left: 40px;
list-style: square;
color: #333;
}


ul#articles-by-author li {
font-size: 10px;
margin: 4px 0 0 1px;
}

ul#articles-by-author {
margin: 3px 0 0 0;
}

h6 {
color: #2c4fff;
font-size: 10pt;
text-align: center;
font-weight: normal;
}

#article-sponsor {
border: 1px solid #555;
padding: 0 3px;
clear: both;
}

/*
added by najam for video box
*/
div.videobox
{
	margin-left:20px;
	margin-right:40px;
	padding-left:25px;
	padding-right:60px;
}