@charset "utf-8";
/* CSS Document */

/**-------------------------- GENERAL STYLES --------------------------**/

* {margin: 0; padding: 0;}

body {background: #88b8c3 url(images/body-background.jpg) repeat-x 0 0; color: #4c4c4c; font-family: Arial, Helvetica, sans-serif; font-size: 12px;}

h1.pagetitle {color: #ffffff; font-size: 44px; margin: 0; padding: 0; font-weight: normal; } /* sIFR - Vista Sans Light */

h2.subtitle {color: #005391; font-size: 24px; margin: 0 0 23px 0;} /* sIFR - Vista Sans Regular */
h2.pagetitle {color: #005391; font-size: 30px; margin: 0 0 23px 0; font-weight: normal; } /* sIFR - Vista Sans Regular */
h2.landing { color: #464646; font-size: 20px; margin: 0 0 25px 0; font-weight: normal; }
h3.landingpagetitle {color: #005391; font-size: 24px; margin: 0 0 5px 0; font-weight: normal; }
h4 {color: #005391; font-size: 12px; margin: 0 0 3px 0;}
h4.boxhdr {color: #005391; font-size: 16px; margin: 0 0 6px 0;} /* sIFR - Vista Sans Bold */
h5 {}
h5.pagetitle {color: #ffffff; font-size: 12px; margin: -5px 0 0 0; padding: 0;} /* sIFR - Vista Sans Bold */
h6 {}
p {margin: 0 0 20px 0;}

.clear {clear: both;}
.fright {float: right;}
.fleft {float: left;}
.imgright {float: right; margin: 0 0 10px 10px;}
.imgleft {float: left; margin: 0 10px 10px 0;}
.font1up {font-size: 13px;}
.font1down {font-size: 11px;}
.hidden {display: none;}
.required {color: #ff0000; font-weight: bold;}
.printOnly {display: none;}

a {color: #009bd9; outline: none; text-decoration: none;}
a:hover {text-decoration: underline;}
a.arrow {background: url(images/a-arrow.gif) no-repeat right 60%; font-weight: bold; padding: 0 5px 0 0;}
a.underline {text-decoration: underline;}


/* Begin Site */
#body-wrapper { background: url(images/body-wrapper-background.jpg) no-repeat 50% 0; margin: 0 auto; padding: 0; position: relative; width: 100%; }
#site-wrapper { margin: 0 auto; width: 915px; }

#masthead { height: 37px; margin: 0 ; padding: 0 17px; position: relative; width: 881px; }
#masthead ul.utility-nav {left: 210px; list-style: none; margin: 0; padding: 0; position: absolute; top: 18px;}
#masthead ul.utility-nav a {color: #094c76; float: left; font-weight: bold; text-decoration: none;}
#masthead ul.utility-nav li {background: url(images/utility-nav-divider.gif) no-repeat 0 50%; float: left; padding: 0 15px;}
#masthead ul.utility-nav li.first {background: none;}
#masthead ul.utility-nav a:hover, #masthead ul.utility-nav a.active {color: #2399bb;}
#masthead input.sf_searchText { border: none; border-bottom: 1px solid #76c4df; border-left: 1px solid #76c4df; border-right: 1px solid #76c4df; color: #727272; font-size: 11px; height: 15px; padding: 2px 0 0 10px; position: absolute; right: 35px; top: 17px; width: 165px;}
#masthead input.sf_searchSubmit {position: absolute; right: 15px; top: 17px;}

#sitecontainer-outer a#visit-dreamfit-internal {background: url(images/visit-dreamplex.gif) no-repeat 0 bottom; bottom: 39px; display: block; left: 26px; height: 33px; margin: 0; position: absolute; width: 169px;}
#sitecontainer-outer a#visit-dreamfit-internal:hover {background: url(images/visit-dreamplex.gif) no-repeat 0 0;}

#sitecontainer-outer {background: url(images/sitecontainer-repeat.gif) repeat-y left; float: left; margin: 5px auto 0 auto; position: relative; width: 915px;}
#sitecontainer-inner {background: url(images/sitecontainer-bg.gif) no-repeat top left; float: left; width: 915px;}
#sitecontainer {background: url(images/sitecontainer-bottom.gif) no-repeat bottom left; float: left; min-height: 500px; padding: 0 7px 44px 7px; position: relative; width: 901px; }

#sitecontainer .page-bluebar {  }

#sitecontainer a#branding { display: block; height: 70px; left: 18px; position: absolute; text-indent: -9999px; top: 15px; float: left; width: 230px;}

#sitecontainer ul.main-nav { float: right; list-style: none; margin: 0; padding: 60px 17px 0 0; height: 29px; width: auto; /*position: absolute; right: 0px; top: 0px;*/ }
#sitecontainer ul.main-nav li { padding: 0 15px; }
#sitecontainer ul.main-nav li a {background: url(images/navSprite.gif) no-repeat; display: block; float: left;  height: 29px; padding: 0; text-indent: -9999px;}
#sitecontainer ul.main-nav li {float: left;}
#sitecontainer ul.main-nav li#dreams a {background-position: 0 0; width: 61px;}
#sitecontainer ul.main-nav li#dream_solutions a {background-position: -61px 0; width: 137px;}
#sitecontainer ul.main-nav li#dream_supporters a {background-position: -198px 0; width: 149px;}
#sitecontainer ul.main-nav li#be_part_of_the_dream a {background-position: -347px 0; width: 165px;}

#sitecontainer ul.main-nav li#dreams a:hover, #sitecontainer ul.main-nav li#dreams a.active {background-position: 0 -29px;}
#sitecontainer ul.main-nav li#dream_solutions a:hover, #sitecontainer ul.main-nav li#dream_solutions a.active {background-position: -61px -29px;}
#sitecontainer ul.main-nav li#dream_supporters a:hover, #sitecontainer ul.main-nav li#dream_supporters a.active {background-position: -198px -29px;}
#sitecontainer ul.main-nav li#be_part_of_the_dream a:hover, #sitecontainer ul.main-nav li#be_part_of_the_dream a.active {background-position: -347px -29px;}

#footer { color: #d0e9f3; height: 30px; font-size: 11px; margin: 0 auto; padding: 10px 20px 30px 30px; position: relative; width: 865px; }
#footer a {color: #d0e9f3;}
#footer ul.footer-nav {list-style: none; margin: 0 0 40px 0; padding: 0;}
#footer ul.footer-nav li {background: url(images/footer-nav-divider.gif) no-repeat 0 50%; float: left; padding: 0 7px;}
#footer ul.footer-nav li.first {background: none;}
#footer ul.footer-nav a {float: left; text-decoration: none; font-weight: bold;}
#footer ul.footer-nav a:hover {text-decoration: underline;}
#footer a.siteby {background: url(images/siteby.gif) no-repeat; top: 35px; height: 11px; position: absolute; right: 27px; text-indent: -9999px; width: 132px;}



/**-------------------------- HOME PAGE --------------------------**/
#hp-left-col {float: left; padding: 28px 0 0 0; width: 627px;}
\ html #hp-left-col {padding-top: 20px;}
#hp-left-col #no-flash {float: left; margin: 0 0 20px 0;}
#hp-left-col .textholder { clear: left; width: 600px; }
#hp-left-col .textholder h2 { color: #005493; font-size: 18px; margin: 20px 0 10px 0; font-weight: normal; }

#hp-right-col {float: right; padding: 28px 0 0 0; width: 198px;}
\ html #hp-right-col {padding-top: 20px;}

#hp-right-col a#mailing-list {background: url(images/btn-join-mailing-list.gif) no-repeat 0 bottom; display: block; float: right; height: 35px; margin: 42px -6px 0 0; width: 203px;}
#hp-right-col a#mailing-list:hover {background: url(images/btn-join-mailing-list.gif) no-repeat 0 0;}

#hp-right-col a#visit-dreamfit {background: url(images/btn-visit-dreamfit.gif) no-repeat 0 bottom; display: block; float: right; height: 35px; margin: -1px -6px 0 0; width: 203px;}
#hp-right-col a#visit-dreamfit:hover {background: url(images/btn-visit-dreamfit.gif) no-repeat 0 0;}

#hp-right-col a#donate {background: url(images/btn-donate-to-dreamfit.gif) no-repeat 0 bottom; display: block; float: right; height: 35px; margin: 0 -6px 0 0; width: 203px;}
#hp-right-col a#donate:hover {background: url(images/btn-donate-to-dreamfit.gif) no-repeat 0 0;}

#hp-promo-col { float: right; width: 198px; }
#hp-promo-col .promo-item {background: url(images/hp-promo-shadow-bg.gif) no-repeat; float: right; height: 125px; margin: -5px 0 -10px 0; padding: 5px; position: relative; width: 188px;}
#hp-promo-col .promo-item .title {background: url(images/title-background.png) repeat; bottom: 15px; left: 5px; padding: 5px 8px 4px 8px; position: absolute; width: 173px;}
#hp-promo-col .promo-item .title a {background: url(images/title-arrow.gif) no-repeat right center; color: #fff; display: block; font-weight: bold; text-decoration: none; width: 173px;}


/**-------------------------- ERROR --------------------------**/
#contentcontainer-error { float: left; padding: 100px 25px 30px 25px; width: 851px; min-height: 360px; height: auto !important; height: 360px; }
#contentcontainer-error ul { margin:0px 0px 20px 20px; }

/**-------------------------- STANDARD INTERNAL --------------------------**/
.banner { clear: both; background: url(images/banners/news.jpg) no-repeat 0 0; height: 79px; margin: 0 0 29px 0; padding: 20px 0 0 25px; width: 876px; }

#contentcontainer {background: url(images/contentcontainer-background.gif) repeat-y 210px 0; float: left; padding: 0 25px 30px 25px; width: 851px; min-height: 360px; height: auto !important; height: 360px; }
#contentcontainer .left-col {float: left; width: 186px;}


#contentcontainer .left-col ul {list-style: none; margin: 0 0 35px 0; padding: 0; width: 159px;}
#contentcontainer .left-col li {background: url(images/li-arrow.gif) no-repeat 154px 10px; border-bottom: 1px solid #d6e6f0;}
#contentcontainer .left-col li a {color: #595959; display: block; font-weight: bold; padding: 4px 5px 6px 0; }
#contentcontainer .left-col li a.active {color: #005391;}

#contentcontainer .left-col li ul li {background: none; border-bottom: none;}
#contentcontainer .left-col li ul li a {font-weight: normal; padding: 3px 0 3px 6px;}
* html #contentcontainer .left-col li ul li a {padding: 0 0 0 6px;}
#contentcontainer .left-col li ul {margin: 0 0 4px 0;}

#contentcontainer .right-col {float: right; padding: 0 0 0 25px; width: 639px;}

#contentcontainer .right-col ul {margin: 0 0 5px 20px;}
#contentcontainer .right-col ul ul {margin: 0 0 0 20px;}

#contentcontainer .right-col ol {margin: 0 0 5px 20px;}
#contentcontainer .right-col ol ol {margin: 0 0 0 20px;}

#contentcontainer .right-col table {border: 1px solid #ccc;}
#contentcontainer .right-col table th {border-bottom: 1px solid #ccc; padding: 5px; text-align: left;}
#contentcontainer .right-col table td {padding: 5px; text-align: left;}

#contentcontainer .right-col .lefty {float: left; padding: 0 10px 0 0; width: 326px;}
#contentcontainer .right-col .righty {float: right; width: 287px; }
#contentcontainer .right-col .righty .imgholder-outer {background: url(images/imgholder-bottom.gif) no-repeat left bottom; width: 287px; margin: 0 0 25px 0; padding: 0 0 10px 0;}
#contentcontainer .right-col .righty .imgholder-inner {background: url(images/imgholder-top.gif) no-repeat left top; font-size: 11px; padding: 10px 10px 0 10px; }
#contentcontainer .right-col .righty .imgholder-inner .caption { font-size: 11px; padding: 10px 10px 6px 10px; display: block; text-align: center; }
#contentcontainer .right-col .righty .imgholder-inner .caption a { color: #4C4C4C; text-decoration: none; }
#contentcontainer .right-col .righty .imgholder-inner .caption a:hover { color: #009BD9; text-decoration: underline; }
#contentcontainer .right-col .righty .imgholder-inner-gallery {background: url(images/imgholder-top.gif) no-repeat left top; font-size: 11px; padding: 10px 10px 0 10px; height: 245px;}
#contentcontainer .right-col .righty .hr {border-bottom: 1px solid #d0d0d0; margin: 15px 0; }


/**------------ NEWS ------------**/
#contentcontainer .right-col .news-teaser {border-bottom: 1px solid #d2d2d2; float: right; padding: 17px 41px 17px 24px; }
#contentcontainer .right-col .news-teaser .imgholder {float: left; width: 126px;}
#contentcontainer .right-col .news-teaser .textholder {float: right; width: 443px;}
#contentcontainer .right-col .news-teaser .textholder p.date {color: #555555; font-weight: bold; margin: 0;}
#contentcontainer .right-col .news-teaser .textholder h4 a {color: #005391;}
#contentcontainer .right-col .news-teaser .textholder a.readmore {background: url(images/readmore-arrow.gif) right 55% no-repeat; color: #005391; font-size: 11px; font-weight: bold; padding: 0 6px 0 0;}


/**-------------------------- FULL NEWS ARTICLE --------------------------**/
h2.sf_NewsTitle { margin: 0 0 25px 0; font-size: 140%; color: #005391; }
.newssource { margin: 30px 0 -25px 0; font-size: 90%; }
.newssource strong { padding-right: 3px; }
.backtolisting { clear: both; margin: 30px 0 0 0; padding: 10px 0 0 0; border-top: 1px solid #d2d2d2; }
.backtolisting a { color: #005391; font-weight: bold; background: url(images/arrow-left-blue.gif) no-repeat left center; padding: 0 0 0 8px; }


/**-------------------------- EVENTS --------------------------**/
.event-item a { display: block; padding: 0 0 20px 0; margin: 0 0 20px 0; border-bottom: 1px solid #d2d2d2; color: #4c4c4c; }
.event-item a:hover { text-decoration: none; }
.event-item a span { cursor: pointer; }
.event-item a .event-item-date { display: block; float: left; width: 80px; font-weight: bold; padding: 0; color: #555; }
.event-item a .event-item-title { display: block; margin: 0 0 5px 100px; font-weight: bold; color: #005391; }
.event-item a .event-item-content { display: block; margin: 0 0 0 100px; }
.event-item a:hover .event-item-title { color: #009BD9; }

.event-detailblock { margin: 0; padding: 0 0 15px 0; }
.event-detailblock h3 { display: inline; font-size: 100%; font-weight: bold; float: left; width: 60px; }
.event-detailblock .event-contents { margin: 0 0 0 60px; }

.event-fulldetails { padding: 25px 0 0 0; margin: 10px 0 0 0; border-top: 1px solid #d2d2d2; }
.event-fulldetails h4 { margin-top: 20px; }


/**------------ SPONSORS ------------**/
.sponsors {border-top: 1px solid #d0d0d0; float: right; padding: 15px 0 0 0; width: 640px;}
.sponsors img {float: left; margin: 20px 20px 0 0; border: 0px; }

.logoholder {margin: 0 0 35px 0; text-align: center; width: 275px;}
\ .logoholder {margin: 0;}

ul#projectssupported {list-style: none; margin: 10px 0 35px 0 !important; padding: 0; width: 287px;}
ul#projectssupported li {background: url(images/li-arrow.gif) no-repeat 272px 10px; border-bottom: 1px solid #d6e6f0;}
ul#projectssupported li a {color: #595959; display: block; padding: 4px 5px 6px 0; }
img.projectPartnerLogo { border: 0px; }
a.projectPartnerLink { display: block; margin-bottom: 10px; }


/**------------ PROJECTS ------------**/
p.pagination {color: #005391; display: block; float: left; font-weight: bold; margin: 13px 0 5px 10px;} 
* html p.pagination {margin-left: 8px;}
p.pagination a {color: #737373; padding: 0 3px;}    
p.pagination a.active {color: #006ec3;}

.current-projects h3,
.previous-projects h3 { margin-bottom: -2px; }
.previous-projects { padding: 15px 0 0 0; }


/**-------------------------- INTERNAL LANDING --------------------------**/
#contentcontainer-landing { float: left; padding: 0 25px 30px 25px; width: 851px; }


#contentcontainer-landing .left-col {float: left; width: 240px;}

#contentcontainer-landing .right-col {float: right; width: 585px;}
#contentcontainer-landing .right-col#withpadding {padding-left: 44px; width: 541px;}

#contentcontainer-landing .right-col .imgthumb {background: url(images/thumb-background.gif) no-repeat; float: left; font-size: 11px; width: 122px; height: 140px; margin: 0 11px 9px 0; padding: 6px; }
.right-col .imgthumb a { display: block; height: 138px; width: 120px; }
.right-col .imgthumb a:hover { text-decoration: none; }
.right-col .imgthumb a img {height: 78px; width: 119px; }
.right-col .imgthumb a span.project-title { color: #404040; display: block; line-height: 108%; padding: 7px 5px 0 7px; }
.right-col .imgthumb a:hover span.project-title { color: #009bd9; }

#contentcontainer-landing .right-col .landingbox {background: url(images/landingbox-background.gif) no-repeat; float: left; font-size: 11px; height: 149px; margin: 0 25px 16px 0; padding: 19px 5px 5px 5px; text-align: center; width: 224px;}
#contentcontainer-landing .right-col .landingbox p {margin: 5px 0 0 0; }
#contentcontainer-landing .right-col .landingbox p a {background: url(images/a-arrow.gif) no-repeat 0 50%; font-weight: bold; padding: 0 0 0 9px;}


/**-------------------------- CONTACT FORMS --------------------------**/
form fieldset {border: none; margin: 40px 0 0 0;}
form legend { display: block; color: #009bd9; font-size: 14px; font-weight: bold; margin: 0 0 10px 0; }
\ html form legend {margin: 0 0 10px -7px;}
form p.form { display: block; float: left; padding: 8px 10px; margin: 0; width: 450px;}
form p.form.alternate { background: #f7f7f7; }
form p.form label {display: block; float: left; width: 170px; font-weight: bold; padding-top: 2px; font-size: 90%; }
form p.form label.interested { padding-top: 0; }
form p.form label.dreamDescriptionLbl { display: none; }
form p.form input {float: right; width: 248px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; }
form p.form select {float: right; width: 254px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; }
form p.form textarea {float: right; width: 248px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; }
form p.form textarea.dreamDescription { float: none; width: 448px; height: 150px; }
form input.btnSubmit {float: right; }
form .submitbutton { margin-top: 5px; width: 464px; padding: 10px 6px 0 0; border-top: 1px solid #e1e1e1; }
form .submitbutton.nobord { border-top: none; }
span.errorMsg { color: #69adbc; font-weight: bold; margin-left: 198px; }
span#errort_c {float: left; display: block; height: 20px; margin: 10px 0 0 20px;}
span.mandatory { color: #69adbc; font-weight: bold; }


/**-------------------------- SPONSORS PAGE --------------------------**/
.sponsor-item { width: 170px; padding: 0 20px; height: 120px; float: left; }
.sponsor-item-logo { min-height: 50px; height: auto !important; height: 50px; }
.sponsor-item-logo img { display: block; border: none; margin: 0 auto; }
.sponsor-item-name { padding: 6px 0 0 0; text-align: center; }


/* Download File Listing */
.download a { display: block; padding: 20px 0 0 0; margin-top: 20px; border-top: 1px solid #D6E6F0; color: #4c4c4c; }
.download a:hover { text-decoration: none; }
.download a span.highlight { display: block; font-weight: bold; font-size: 108%; color: #009bd9; cursor: pointer; padding-bottom: 3px; }
.download a strong { margin-top: 10px; padding: 0 0 0 7px; background: url(images/li-arrow.gif) no-repeat left center; display: block; font-size: 90%; color: #009bd9; }
.download a:hover strong,
.download a:hover span.highlight { color: #005391; }
.download a strong span { text-transform: lowercase; color: #7d7d7d; }


/* Search Results */
.searchResults { border-bottom: 1px solid #D9D9D9; }
.searchResults a { display: block; padding: 15px 0; color: #000; text-decoration: none; }
span.searchResultTitle { display: block; font-size: 120%; font-weight: bold; padding-bottom: 3px; text-transform: capitalize; color: #009bd9; }
span.searchResultSnippet { display: block; color: #404040; }
span.searchResultUrl { display: block; color: #a8a8a8; padding-top: 8px; }

.searchResults a:hover span.searchResultTitle,
.searchResults a:hover span.searchResultUrl { color: #009bd9; }
.searchResults a:hover span.searchResultSnippet { color: #000; }

h2.searchresultsfound { margin: 15px 0 20px 0; border: 1px solid #D9D9D9; padding: 10px 14px; font-size: 108%; color: #828282; }
h2.searchresultsfound strong { color: #009bd9; }

#searchPaging { float: left; width: 639px; text-align: center; padding: 20px 0 0 0; position: relative; }
#searchPaging .searchPagingPrev { position: absolute; left: 0; top: 20px; display: block; width: 55px; height: 14px; }
#searchPaging .searchPagingNext { position: absolute; right: 0; top: 20px; display: block; width: 29px; height: 14px; }
#searchPaging .searchPagingPrev a { outline: none; text-indent: -9999px; display: block; width: 55px; height: 14px; background: url(images/search-nav-previous.gif) no-repeat top left; }
#searchPaging .searchPagingNext a { outline: none; text-indent: -9999px; display: block; width: 29px; height: 14px; background: url(images/search-nav-next.gif) no-repeat top right; }

#searchPaging .searchPagingSingle a { padding: 0 4px; font-weight: normal; color: #404040; text-decoration: none; }
#searchPaging .searchPagingSingle a:hover { color: #009bd9; }
#searchPaging .searchPagingSingle a.sf_PagerSelItem { background: #005391; color: #ffffff !important; font-weight: bold; }


/* Sitemap Container */
#sitemap-container ul { margin: 0 !important; padding: 0 !important; list-style: none; }
#sitemap-container ul ul { padding-top: 5px !important; }
#sitemap-container ul ul ul { padding-bottom: 10px !important; }

#sitemap-container ul li { float: left; width: 200px; height: 150px; font-size: 108%; font-weight: bold; }
#sitemap-container ul li a,
#sitemap-container ul li { color: #005391; }

#sitemap-container ul li li { float: none; width: auto; height: auto; font-size: 90%; font-weight: normal; padding-bottom: 2px; }
#sitemap-container ul li li a,
#sitemap-container ul li li { color: #009bd9; }

#sitemap-container ul li li li { font-size: 100%; padding-left: 15px; }

/* Paypal Button */
#paypalButton { margin-top: 25px; }