﻿/* CSS for Believe International
	Created: Oct 2007
	Purpose: provide screen and pda formatting
	Author: James Ricks at interactive_design@hotmail.com
*/

/* GENERAL */
* {margin:0; padding:0;}
body {background:#717447; font:normal .8em/normal Verdana, Arial, Helvetica, sans-serif; color:#666; text-align:center;}
p {padding:0 0 7px 0;}
h3 {font-size:20px; padding:0 0 5px; background:url(../img/lyt/h3-border.gif) repeat-x bottom; margin: 0 0 10px;}
h2 {font-size:24px; margin:0 0 10px;clear:left;}
ul.defList li {list-style-type:none; padding:0 0 0 15px; background:url(../img/nav/default-list-arrow.gif) no-repeat 2px .4em; display:inline-block;}
.defList {padding-bottom 10:px;} <!-- 4/26/08, I reduced bottom padding from 10 px -->
ol {margin-left:25px;}
ol li ul {margin-left:15px;}
a {color:#6E8DAA;}

/* SPECIALIZED CONTENT */
ul.links li {list-style-type:none; padding:0 0 0 15px; background:url(../img/nav/arrow_links.gif) no-repeat 2px .4em;}
.pgFtr ul li a, ul.links li a {color:#717447; text-decoration:none;}
.pgFtr ul li a:hover, ul.links li a:hover {color:#3D3E43; text-decoration:underline;}

/* LAYOUT */
.pgWrap {margin:0 auto; text-align:left; width:960px; background:#d7d9be url(../img/lyt/bg-pgwrap.jpg) repeat-y left top;}
.pgCnt {padding:0 50px; background:url(../img/lyt/bg-pgcnt.jpg) repeat-y right top;}
.pgFtr {padding:20px 70px 100px; background:url(../img/lyt/bg-pgFtr.jpg) no-repeat bottom; clear:both;}
.contentWrap {padding:0 0 20px 20px;}
.col2Cont:after, .contentWrap:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}/* Hides from IE-mac \*/* .col2Cont, * .contentWrap, {height: 1%;}/* End hide from IE-mac */
.hide {display:none;}

/* HORIZONTAL MENU */
.hMenu {background:url(../img/lyt/hmenu.gif) no-repeat; height:38px; font-size: 20px; padding: 3px 0 0 25px;}
.hMenu ul li {list-style-type:none; display:inline; margin:0 20px 0 0; background:url(../img/nav/hNav-bullet.gif) no-repeat 0 .4em; padding-left: 15px;}

/*.hMenu {background:url(../img/lyt/hmenu.gif) no-repeat; height:38px; font-size: 20px; clear:both;}
.hMenu ul li {list-style-type:none; width:auto; float:left; margin:0 0 0 20px;}*/

/* CONTENT LAYOUT */
.cont_1col {clear:both;}
.sub .cont_1col {padding: 20px 20px 0;}
.seo {padding: 20px 0 0;}
.col2Cont {margin-bottom:10px;}
.pgColA, .pgColB {margin-bottom:0px; margin-top:0; float:left; position:relative;}
.wide .pgColA {width:290px;}
.wide .pgColB {width:540px;}
.narrow {background:url(../img/lyt/bg-colb-narrow.jpg) repeat-y right top;}
.wide {background:url(../img/lyt/bg-colb-wide.jpg) repeat-y right top;}
.narrow .pgColA {width:490px;}
.narrow .pgColB {width:340px;}
.narrow .pgColB .h3 {width:200px; float:left;}
.colCnt {padding:25px 25px 10px;}
.pgColB .colCnt {padding: 10px 25px 20px 10px; background:url(../img/lyt/stamp-believe.gif) no-repeat bottom right;}
#localPnt {background:#CACCB7;}
<!-- MODIFIED H4 -->
h4 {color:#333; padding:5px 0; font-size:1.2em; font-weight:bold; <!-- background:url(../img/lyt/h3-border.gif) repeat-x top -->; margin-top:0px;}
.sponsorLnk a {padding:8px 5px 7px 25px; color:#fff; background:transparent url(../img/nav/arrow_fff.gif) no-repeat 15px 1em; text-decoration:none; display:block;}
.sponsorLnk {color:#fff; font-size:11px; font-weight:bold; background:#565864 url(../img/lyt/btn-bg-sponsor.gif) repeat-x top; border: 1px solid; border-top-color:#dedfe1; border-left-color:#9d9ea5; border-right-color:#9d9ea5; border-bottom-color:#3d3e43;}

.sponsorDiv {background:#acaea3; border:solid #989aa4; border-width: 0 1px 1px; margin-bottom:15px;}
#fullForm {padding:5px 5px 10px 25px;}
#fullForm .frmRow {clear:both; padding: 3px 0 6px;}
.imgSlice {float:right !important: margin:0 0 0 7px; clear:both; padding:0;}


/* Compressed display for radiobuttons and checkboxes */
.checkRadio {display: block; padding: 0 0 0 19px; text-indent: -19px; margin: 0 2px 0 0; line-height: 100%; font-size:.85em; font-weight: normal;}
form.frm1 .label_checkRadio {margin: 0 2px 0 25px;}
/*Hide from IE*/
form.frm1 fieldset >.label_checkRadio {margin-left: 16px;}
.checkBox, .radioButton {display: inline; height: 14px; width: 14px; border-width: 0; padding: 0;	margin: 0 5px 0 0;}

.profileInfo {border:0; width:300px; font-size:.9em;}
.profileInfo td {padding:3px; text-align:left; vertical-align:top;}
.tdtopics {font-weight:bold;}

/* NAV LAYOUT */
.rNav {padding-bottom:10px; border-bottom: 1px solid #65604F; margin-bottom:20px; display:inline-block;}
ul.pLink {text-align:left; padding:0;}
ul.pLink li {width:95px; height:100px; float:left; margin: 0 10px 15px 0; list-style-type:none; cursor:pointer;}
ul.pLink li a {display:block; background:#F7F8F3; padding:10px; border: 1px solid; border-top:#F8F8F6; border-left: #CACCB7; border-bottom:#767956; border-right:#B3B698;}
ul.pLink li a:hover {background:#e5e6db; border-bottom:#b0b2a0; border-right: #CACCB7; border-top:#767956; border-left:#B3B698;}
ul.pLink li a img {border:0; width:75px; height:80px; border:1px solid #e5e6db;}

/* SUBORDINATE BRANDING */
.hStudents {background:url(../img/lyt/hStudents.gif) no-repeat;}
.hGive {background:url(../img/lyt/hGive.gif) no-repeat;}
.hVolunteer {background:url(../img/lyt/hVolunteer.gif) no-repeat;}
.landingPhoto {float:right; margin: 0 0 10px 10px;}

/* HOMEPAGE LAYOUT */
.tbLyt {margin:0; padding:0; border:0;}
.tbLyt td { vertical-align:top;}
.homeTab .tabCnt {position:relative !important; padding:15px;}
.homeTab {background: url(../img/lyt/bg-homeTab.jpg) no-repeat bottom; padding: 0 0 10px 0;}
.homeHeadlines {background: url(../img/lyt/stamp-believe.gif) no-repeat bottom right;}

/* BUTTONS */
a.btnBig {display:block; width:240px; height:30px; font-size:0; position:absolute; bottom:20px; left:10px;}
a.btnStudents {background:url(../img/nav/btn-meetstudents.gif) no-repeat;}
a.btnStudents:hover {background:url(../img/nav/btn-meetstudents.gif) no-repeat 0 -30px;}
a.btnVolunteer {background:url(../img/nav/btn-volunteer.gif) no-repeat;}
a.btnVolunteer:hover {background:url(../img/nav/btn-volunteer.gif) no-repeat 0 -30px;}
a.btnGiveNow {background:url(../img/nav/btn-givenow.gif) no-repeat;}
a.btnGiveNow:hover {background:url(../img/nav/btn-givenow.gif) no-repeat 0 -30px;}

/* PHOTOS */
.tbLyt td .polaroid {float:right; margin: 5px; border:0;}

/* FOOTER */
.pgFtr ul {width:auto; float:right;}
.pgFtr ul li {list-style-type:none; margin-right: 10px; padding-right:10px; float:left; border-right: 1px solid #717447;}
li.ftrEnd {border:none !important;}

/** SIFR STYLES **/
/* These are standard sIFR styles... do not modify */
	.sIFR-flash { visibility: visible !important; margin: 0; }
	.sIFR-replaced { visibility: visible !important; }
	span.sIFR-alternate { position: absolute; left: 0; top: 0; width: 0; height: 0; display: block; overflow: hidden; }

/* These "decoy" styles are used to hide the browser text before it is replaced ... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */
	.sIFR-hasFlash .hMenu li{ visibility: hidden;}
	.sIFR-hasFlash h3 span{ visibility: hidden;}