/* CSS Document Copyright 2007 Evolution 7 Web Design - http://www.evolution7.com */
* {margin:0; padding:0;}
body {font-family:Arial, Helvetica, sans-serif; text-align:center; color:#647F91; font-size:11px; line-height:17px; background:#fff;}

#wrapper { margin:0 auto; width:735px; text-align:left; }
#results-wrapper { margin:0 auto; width:765px; text-align:left; }

#header-nav {height:16px; text-align:right; margin:5px 19px 0 0;}
#header-nav a {padding:0 7px;}

/*Home page Specific*/
#header {height:135px;}
#logo {float:left; padding:16px 0 0 26px;}
#slogan {float:right; padding:40px 26px 0 0; text-align:right;}
#slogan img {padding-bottom:4px;}

#choice-wrapper {padding-left:23px;}
.choice-container {float:left; width:172px; height:203px;}

#water {position:relative; width:172px; height:203px; background:url(../images/water.gif) no-repeat;}
#water a {height:203px; width:auto; display:block; background:url(../images/water.gif) no-repeat;}
#water a:hover {background:url(../images/water.gif) right no-repeat;}
#water-info, #food-info, #education-info, #money-info {position:absolute; top:160px; left:120px; width:37px; height:16px;}
#water-info a {background:none; width:37px; height:16px}
#water-info a:hover {background:none;}

#food {position:relative; width:172px; height:203px; background:url(../images/food.gif) no-repeat;}
#food a {height:203px; width:auto; display:block; background:url(../images/food.gif) no-repeat;}
#food a:hover {background:url(../images/food.gif) right no-repeat;}
#food-info a {background:none; width:37px; height:16px}
#food-info a:hover {background:none;}

#education {position:relative; width:172px; height:203px; background:url(../images/education.gif) no-repeat;}
#education a {height:203px; width:auto; display:block; background:url(../images/education.gif) no-repeat;}
#education a:hover {background:url(../images/education.gif) right no-repeat;}
#education-info a {background:none; width:37px; height:16px}
#education-info a:hover {background:none;}

#money {position:relative; width:172px; height:203px; background:url(../images/money.gif) no-repeat;}
#money a {height:203px; width:auto; display:block; background:url(../images/money.gif) no-repeat;}
#money a:hover {background:url(../images/money.gif) right no-repeat;}
#money-info a {background:none; width:37px; height:16px}
#money-info a:hover {background:url(../images/info-ro.gif);}
/*End Home Page Specific*/

/*Ad Page Specific*/
#ad-logo {float:left; padding:6px 0 0 26px;}
#ad-header {height:70px;}
#ad-icon {float:right; padding:10px 20px 0 0;}
#ad-top {background:url(../images/divider.gif) no-repeat; padding:5px 0 60px 28px;}
#ad {text-align:center;}
#ad-bottom {text-align:right; padding:68px 28px 5px 0;}
#thankyou {background:url(../images/divider-bg.jpg) no-repeat; padding:20px 140px; text-align:center;}

/*Small Icons*/
#s-water {float:left; width:34px; height:38px; background:url(../images/water-small.gif) no-repeat;}
#s-water a {height:38px; width:auto; display:block; background:url(../images/water-small.gif) no-repeat;}
#s-water a:hover {background:url(../images/water-small.gif) right no-repeat;}

#s-food {float:left; width:34px; height:38px; background:url(../images/food-small.gif) no-repeat;}
#s-food a {height:38px; width:auto; display:block; background:url(../images/food-small.gif) no-repeat;}
#s-food a:hover {background:url(../images/food-small.gif) right no-repeat;}

#s-education {float:left; width:34px; height:38px; background:url(../images/education-small.gif) no-repeat;}
#s-education a {height:38px; width:auto; display:block; background:url(../images/education-small.gif) no-repeat;}
#s-education a:hover {background:url(../images/education-small.gif) right no-repeat;}

#s-money {float:left; width:34px; height:38px; background:url(../images/money-small.gif) no-repeat;}
#s-money a {height:38px; width:auto; display:block; background:url(../images/money-small-ro.gif) no-repeat;}
#s-money a:hover {background:url(../images/money-small.gif) right no-repeat;}

/*Generic Subpage*/
.divider {background:url(../images/divider.gif) top center no-repeat; height:13px;}
#sub-left {float:left; width:161px;  padding:14px 14px 28px 28px; margin:20px 0 30px 0; font-size:12px; font-weight:bold;}
#sub-left ul {padding:8px 0 10px 3px;}
#sub-left ul li {padding:5px 0; list-style:none; background:none; }
#sub-right {float:left; width:477px; border-left:1px solid #DEE5E9; padding:14px 20px 28px 26px; margin:20px 0 30px 0; font-size:12px;}

#how-it-works-flash {padding:25px 0;}

/*Blog*/
#blog-nav {border-top:2px dotted #DEE5E9; padding:5px 0;}
#blog-nav ul {padding:0;}
#blog-nav ul li {padding:7px 0; list-style:none; background:none; font-weight:bold;font-size:11px;}
#blog-nav ul li ul li {font-weight:normal; padding:0 0 0 10px; font-size:12px; background:url(../images/arrow.gif) no-repeat 0 6px;}
#blog-nav ul li ul li ul {padding:3px 0;}
#blog-nav ul li ul li ul li {background:url(../images/bullet.gif) no-repeat 0 6px; font-size:11px; padding:0 0 0 10px;}
.date {padding:0; font-size:10px; margin-top:-5px;}
.blog-post {border-bottom:1px solid #DEE5E9; margin-bottom:25px; padding-bottom:10px;}
.post-meta {background:#F2F5F5; border:1px solid #DEE5E9; padding:10px 15px ; font-size:11px; margin-bottom:25px;}
.response {background:#F7FBFD; border:1px solid #C7E5EE; padding:5px 15px 10px; margin:10px 0;}

/*Panel*/
.panel-top {background:url(../images/panel-top.gif); width:460px; height:22px; margin-top:20px;}
.panel-mid {background:url(../images/panel-mid.gif) repeat-y; width:420px; padding:0 20px;}
.panel-mid p {padding:5px;}
.panel-bot {background:url(../images/panel-bot.gif); width:420px; height:30px; padding:5px 20px 0 20px; text-align:right;}

/*Search Panel*/
#search-container {height:165px; background:url(../images/divider.gif) top center no-repeat; text-align:center;}
#search-container-home {height:200px; background:url(../images/divider.gif) top center no-repeat; text-align:center;}
#search {width:333px; padding-top:35px; text-align:left; margin:0 auto; padding-bottom: 45px}
#search-top {padding:0 0 4px 0;}

#search-home {float:right; width:333px; height: 70px; padding-top:0px; font-size:11px; color:#bbc8d1; padding-left: 10px } /*Width for Opera*/
  * html #search-home form {width:349px;} /*IE form fix*/
  /** #search-input {float:left; width:254px; font-size:17px; color:#869EAD; font-family:Arial, Helvetica, sans-serif; font-weight:bold; margin-right:8px; padding:4px !important; height:20px !important; background:#FBFCFC !important; border:1px solid #AEBEC8 !important; z-index:99px;} /*Override Google custom styles, set in their JS doc*/
  .search-input { height:13px; border:1px solid #AEBEC8 !important; color:#8DA4B2; font-size: 11px; z-index:99px; float: left; margin: 1px 26px 0 0px; width: 250px}
  #search-but { padding-top: 0px; float: left }
  #search-credit p {float: left;}
  #search-credit img {float: left; margin: 6px 0 0 3px}
  #search-locale {clear:both; float:left; padding-top:5px; width:223px;}
  #search-locale input {visibility:hidden;}
  #search-locale label {cursor:pointer;}
  #search-locale label.selected {font-weight:bold;}

#results-search-box {padding:15px 0 0 20px; float: left}
#results-search-box .search-input {margin: 0 10px 0 20px; height: 15px}

/*Home page buttons*/
#add-myspace, #add-myspace a, #add-facebook, #add-facebook a {height:20px; display:block; position:absolute;}
#add-myspace, #add-myspace a { background:url(../images/add-myspace.gif); width:168px }
#add-facebook, #add-facebook a { background:url(../images/add-facebook.gif); width:126px }
#add-myspace h3, #add-facebook h3 { display:none }
#add-myspace a:hover, #add-facebook a:hover { background-position:bottom }
/* #add-myspace { margin:24px 0 20px 168px } */
#add-myspace { margin:24px 0 20px 65px }
#add-facebook { margin:24px 0 20px -5px }

/*Footer*/
#footer {background:url(../images/divider.gif) top center no-repeat; padding:10px 26px 0 36px; clear:both;}
#footer a {padding:0 5px;}
#footer-left {float:left;}
#footer-left img {float:left; width:16px; height:16px;}
#footer-right {float:right; text-align:right;}
#footer-right a {color:#8DA4B2;}
#fr-div {float:left; width:auto; height:16px; padding-right:20px;}
#e7-logo {margin:1px 0 0 -2px;}
#e7 {padding-right:5px;}
#e7, #e7 a {float:left; display:block; width:17px; height:17px; background:url(../images/e7.gif); padding:0;}
	#e7 a:hover {background-position:bottom;}
	#e7 b {display:none;}

/*Formatting*/
p {margin:0; padding:5px 0;}

h2 {font-family:VAG Rounded Light, Arial Rounded MT Bold, HelveticaRounded Bold, Arial, Helvetica, sans-serif; padding:3px 0 6px 0; font-size:19px; line-height:21px;}
h3 {padding:3px 0 6px 0; font-size:14px; font-weight:bold;}
h4 {padding:2px 0 4px 0; font-size:13px; font-weight:bold; font-style:italic; color:#43C1DF;}
h5 {padding:5px 0 4px 0; font-size:12px; font-weight:bold;}

ul, ol {margin:0; padding:8px 0 10px 15px;}
ul li {padding:2px 0 2px 9px; list-style-type:none; background:url(../images/bullet.gif) no-repeat 0 8px;}

a img {border:none;}
a:link, a:visited {color:#0087B1; text-decoration:none;}
a:hover {text-decoration:underline;}

/*Forms*/
form {display:inline;}
#contact-form input, #contact-form textarea, #commentform input, #commentform textarea, #advertiser-form input, #advertiser-form textarea, #advertiser-form select {border:1px solid #AEBEC8; background:#FBFCFC; font-size:12px; color:#8DA4B2; line-height:16px; font-family:Arial, Helvetica, sans-serif; padding:2px; margin:3px 0;}
#commentform .submit, #contact-form .submit, #advertiser-form .submit {border:0;}

/*Misc*/
.border-right {border-right:1px solid #DEE5E9;}
.border-left {border-left:1px solid #DEE5E9;}
.left {float:left;}
.right {float:right;}
.small {font-size:11px; font-weight:normal;}
.smaller {font-size:10px;}
.justi {text-align:justify;}
.side-padding {padding:0 25px;}
.join-button {margin:10px 25px 7px 0;}
.quote {font-family:Arial, Helvetica, sans-serif; color:#C7D3DA; font-size:16px; font-style:italic; font-weight:bold;}
.frame, .code {padding:6px; border-left:1px solid #DFDFDF; border-top:1px solid #DFDFDF; border-right:1px solid #AFAFAF; border-bottom:1px solid #AFAFAF;}
#icon-home {width:52px; height:52px; background:url(../images/ripple-r-large.gif) no-repeat; display:block; float:left; padding-right:20px;}
.code {background:#F7FBFD; font-family:"Courier New", Courier, monospace; color:#8DA4B2;}

.light {color:#C5D0D7; padding-left:10px;}

/* Validation boxes */
.validation { padding: 4px 0 10px 15px; border:1px solid #EDB2B2; background:url(../images/bg-validation.gif) no-repeat 10px 10px #FFFAFA; margin: 50px 0 60px 0 }
	.validation h4 {padding:9px 0; color:#E48E8E; margin-left: 25px}
	.validation p {font-size: 13px}
  
#search_ad_island {position: relative}
#search_ad_island div, #search_ad_island object, #search_ad_island img{position: absolute; right: 0; margin-top: 45px}

/* Google Custom Search */
#search_results{float: left; height: auto !important; min-height: 960px;}
* html #search_results{height: 920px !important;}
#advertisement{float: right; margin-top: 26px;}

/*Thankyou Search*/
#thankyou-ad {width:260px; clear:both; margin-top:30px; background:url(../images/bg-search-thankyou.gif) center top no-repeat; padding:20px;}
	#thankyou-ad ul {padding:0;}

#join {clear:both; display:block; float:none !important;}