/*
-----------------------------------------------
Buttons of Hope Master CSS
Author:  Paul Burton, 16toads Design (www.16toads.com)
Version:  August 21, 2006

    1   Text
    2   Header
    3   Structure
	4   Content
    5   Nav
    6   Search
    7   Headings
    8   Lists
    9   Forms
    10   Links
    11  Misc

----------------------------------------------- */


/* =text
----------------------------------------------- */
p {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666666;
	line-height: 14px;
	margin-top: 0px;
	margin-bottom: 10px;
}
.body {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666666;
}
.body10 {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #666666;
}
.bodydark {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
	font-style: normal;
}
.bodyitl {
	font-style: italic;
	color: #666666;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
}
.bodyitldark {
	font-style: italic;
	color: #333333;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
}
.bodybd {
	font-weight: bold;
	color: #666666;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	letter-spacing: .125em;
}
.bodybddk {
	font-weight: bold;
	color: #333333;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	letter-spacing: .125em;
}
.bodybdred {
	font-weight: bold;
	color: #FF0000;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 13px;
	letter-spacing: 0.125em;
}
.bodybdgrn {
	font-weight: bold;
	color: #99CC00;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	letter-spacing: 1px;
	line-height: 14px;
	letter-spacing: .125em;
}
.bdblue12 {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #0099FF;
	letter-spacing: .125em;
}
.bdblue11 {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #0099FF;
	letter-spacing: .125em;
}
.bdgreen12 {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #99CC00;
	letter-spacing: .125em;
}
.bdpink12 {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FF3399;
	letter-spacing: 0.125em;
}
.sml {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #666666;
}
.legal {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #999999;
}
.link {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666666;
}


/* =header
----------------------------------------------- */


/* =structure
----------------------------------------------- */
.bkgd {
	margin: 0px 0px 0px;
	padding: 0px;
	background-image: url(images/boh-bkgd.jpg);
	background-repeat: repeat;
}
#headerbkgd {
	width: 100%;
	background-image: url(images/boh-bkgdheader.jpg);
	background-repeat: repeat-x;
}
#wrapper {
	margin-right: auto;
	margin-left: auto;
	background-color: #FFFFFF;
	width: 750px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666666;
}
#headerlogo {
	width: 750px;
	height: 123px;
	margin-top: 0px;
	padding: 0px;
	overflow: hidden;
}
#logo {
	float: left;
	width: 375px;
	height: 50px;
	margin-top: 0px;
	padding: 0px;
}
#registercontain {
	float: left;
	width: 370px;
	margin-top: 0px;
	margin-right: 0px;
}
#register {
	float: left;
	text-align: right;
	width: 360px;
	margin-top: 20px;
	margin-right: 0px;
	padding: 0px;
}
#counter {
	float: left;
	text-align: right;
	width: 355px;
	margin-top: 20px;
}
/* IE6 WIN (HIDE FROM IE5 MAC) >> \*/
* html #counter {
	float: left;
	text-align: right;
	width: 355px;
	margin-top: 10px;
}
/* << IE6 WIN */
#headernav {
    text-align: right;
	width: 750px;
	height: 22px;
	margin-top: 0px;
	padding: 0px;
}
#headerflash {
	width: 750px;
	height: 236px;
	margin: 0px;
	padding: 0px;
}
#headerbox {
	width: 750px;
	height: 236px;
	margin: 0px;
	padding: 0px;
}
#headerpict {
	float: left;
	width: 491px;
	height: 236px;
	margin: 0px;
	padding: 0px;
}
#buttonflash {
	float: left;
	width: 259px;
	height: 236px;
	margin: 0px;
	padding: 0px;
}
#contentcontain {
	width: 750px;
	float: left;
	background-color: #FFFFFF;
}
#contentcontain2 {
	width: 750px;
	float: left;
	background-color: #FFFFFF;
	background-image: url(images/bkgd-leftColGrey.gif);
	background-repeat: repeat-y;
}
#contentcontain3 {
	width: 750px;
	height: 150px;
	float: left;
}
#col1 {
	float: left;
	width: 168px;
	margin-right: 22px;
	margin-left: 19px;
	margin-top: 15px;
}
#col2 {
	float: left;
	width: 255px;
	margin-right: 18px;
	margin-top: 15px;
	margin-bottom: 15px;
}
#col3 {
	float: left; 
	width: 255px;
	margin-top: 15px;
	margin-bottom: 15px;
}
#col6 {
	float: left; 
	width: 525px;
	margin-top: 20px;
	margin-bottom: 15px;
}
/* IE6 WIN (HIDE FROM IE5 MAC) >> \*/
* html #col1 {
	float: left;
	width: 168px;
	margin-right: 15px;
	margin-left: 11px;
	margin-top: 20px;
	margin-bottom: 15px;
}
* html #col2 {
	float: left;
	width: 255px;
	margin-right: 17px;
	margin-top: 20px;
	margin-bottom: 15px;
}
/* << IE6 WIN */
#footerbkgd {
	clear: both;
	width: 100%;
	height: 20px;
	background-image: url(images/boh-bkgdfooter.jpg);
	background-repeat: repeat-x;
}
#footerwrapper {
	margin-right: auto;
	margin-left: auto;
	width: 750px;
	height: 20px;
	background-color: #CCCCCC;
}
#legalwrapper {
	margin-right: auto;
	margin-left: auto;
	width: 750px;
	height: 100%;
	background-color: #FFFFFF;
}

/* =content
----------------------------------------------- */
.title {
	width: 168px;
	margin-bottom: 5px;
}
.title2 {
	width: 400px;
	margin-bottom: 10px;
}
.title3 {
	width: 400px;
	margin-bottom: 10px;
}
.titlepict {
	width: 255px;
	height: 31px;
	margin-bottom: 15px;
}
.titlepict2 {
	width: 255px;
	height: 70px;
	margin-bottom: 0px;
}
.titlepict3 {
	width: 255px;
	margin-bottom: 0px;
}
.colpict{
	width: 255px;
	height: 58px;
	margin-bottom: 12px;
}
.col1dots {
	width: 168px;
	margin-top: 15px;
	margin-bottom: 7px;
}
.divider {
	width: 245px;
	margin-bottom: 15px;
	margin-top: 0px;
}
.divider2 {
	width: 520px;
	margin-bottom: 20px;
	margin-top: 0px;
	text-align: center;
}
.divider2b {
	width: 520px;
	margin-bottom: 0px;
	margin-top: 20px;
	text-align: center;
}
.box {
	width: 255px;
	margin-bottom: 15px;
}
.box2 {
	width: 255px;
	margin-bottom: 15px;
	margin-top: 15px;
	padding-top: 15px;
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #CCCCCC;
}
.col1box {
	width: 168px;
	margin-bottom: 15px;
}
.thumbnail {
	float: left;
	width: 64px;
	height: 64px;
	margin-top: 0px;
	margin-bottom: 5px;
	margin-right: 10px;
}
.thumbnail2 {
	float: left;
	width: 65px;
	margin-top: 0px;
	margin-bottom: 0px;
}
.pictLeftIndex {
	float: left;
	width: 136px;
	margin-right: 5px;
	margin-bottom: 0px;
}
.detailcontain {
	float: left;
	width: 168px;
}
.detailtitle {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #0099FF;
	letter-spacing: .125em;
	width: 181px;
	margin-bottom: 5px;
}
.detailtitle2 {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #0099FF;
	letter-spacing: .125em;
	width: 255px;
	margin-bottom: 5px;
}
.detailtitlegrey {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #666666;
	letter-spacing: .125em;
	width: 181px;
	margin-bottom: 5px;
}
.detaildescription {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666666;
	width: 168px;
	margin-bottom: 5px;
	line-height: 14px;
	overflow: hidden;
}
.detailtxt {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666666;
	width: 90px;
	margin-bottom: 5px;
	line-height: 14px;
	padding-left: 10px;
	float: left;
}
.pict {
	width: 255px;
	margin-top: 0px;
	margin-bottom: 10px;
}
.detailtitle2 {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #0099FF;
	letter-spacing: .125em;
	width: 255px;
	margin-bottom: 5px;
}
.detaildescription2 {
	width: 255px;
	margin-bottom: 0px;
	line-height: 14px;
}
.more {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 0px;
	font-weight: normal;
	color: #FF3399;
	width: 181px;
}
.moreRight {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 0px;
	font-weight: normal;
	color: #FF3399;
	width: 181px;
	float: right;
}
.movie {
	width: 255px;
	height: 210px;
	margin-bottom: 5px;
}
.date {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #FF3399;
	width: 255px;
	margin-bottom: 5px;
}
.text {
	width: 520px;
	margin-bottom: 20px;
}
/* IE6 WIN (HIDE FROM IE5 MAC) >> \*/
* html .text {
	width: 525px;
	margin-bottom: 20px;
}
/* << IE6 WIN */
.pictleft {
	float: left;
	padding-right: 15px;
	padding-bottom: 0px;
}
.pictright {
	float: right;
	width: 75px;
	padding-top: 15px;
	padding-left: 15px;
	padding-bottom: 10px;
}
.pictprofile {
	float: right;
	width: 220px;
	height: 220px;
	padding-left: 15px;
	padding-bottom: 0px;
}
.prodtext {
	float: left;
	width: 250px;
}
.colframe {
	width: 255px;	border: 1px solid #CCCCCC;
	margin-top: 10px;
	margin-bottom: 15px;
}
.colframecontain {
	width: 255px;
	margin-top: 10px;
	margin-bottom: 15px;
}
.colframenumber {
	float: left;
	width: 20px;
}
.colframetxt {
	float: left;
	width: 230px;
}
.txtblock {
	width: 235px;
	height: 75px;
	font-weight: bold;
	color: #99CC00;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 15px;
	padding-top: 10px;
	padding-bottom: 0px;
	margin: 10px;
	text-align: center;
	line-height: 16px;
	background-image: url(images/g-speechBubble.gif);
	background-repeat: no-repeat;
}


/* =application
----------------------------------------------- */
.appheader {
	float: left;
	width: 544px;
}
#appwrapper {
	float: left;
	width: 544px;
}
#appcolcontain {
	width: 544px;
	background-image: url(images/app-bkgd.gif);
	background-repeat: repeat-y;
	margin-right: 0px;
	margin-bottom: 0px;
	padding-bottom: 0px;
}
#col4 {
	float: left;
	width: 291px;
	margin-right: 0px;
}
#col5 {
	float: left; 
	width: 237px;
}
#step1 {
	clear: both;
	width: 544px;
	height: 155px;
	background-image: url(images/app-step1.gif);
	background-repeat: no-repeat;
	margin-top: 0px;
	padding-top: 0px;
}
#step2 {
	clear: both;
	width: 544px;
	height: 261px;
	margin-top: 0px;
}
#step2a1 {
	float: left; 
	width: 280px;
	height: 261px;
	margin-top: 0px;
}
#step2a2 {
	float: left; 
	width: 260px;
	height: 261px;
	margin-top: 0px;
}
#step2b {
	clear: both;
	width: 544px;
	height: 40px;
	margin-top: 0px;
}
#step3 {
	clear: both;
	width: 544px;
	height: 230px;
	background-image: url(images/app-step3.gif);
	background-repeat: no-repeat;
	margin-top: 0px;
}
#step4 {
	clear: both;
	width: 544px;
	height: 66px;
	background-image: url(images/app-step4.gif);
	background-repeat: no-repeat;
	margin-top: 0px;
}
#step5 {
	clear: both;
	width: 544px;
	height: 62px;
	background-image: url(images/app-step5.gif);
	background-repeat: no-repeat;
	margin-top: 0px;
}
#step6 {
	clear: both;
	width: 544px;
	height: 80px;
	background-image: url(images/app-step5.gif);
	background-repeat: no-repeat;
	margin-top: 0px;
}
.txtboxcol4 {
   	float: left; 
	width: 231px;
	margin-left: 40px;
	padding-top: 20px;

}
.txtboxcol5 {
   	float: left; 
	width: 190px;
	margin-left: 45px;
	padding-top: 20px;

}
.txtboxcol6 {
   	float: left; 
	width: 500px;
	margin-left: 40px;
	padding-top: 20px;

}
.txtboxdonate {
   	float: left; 
	width: 450px;
	margin-left: 40px;
	padding-top: 20px;

}
.txtcol4 {
	width: 231px;
	padding-top: 10px;
	margin-bottom: 2px;

}
.txtfont {
	width: 75px;
	padding-top: 10px;
	margin-bottom: 2px;

}
.appform {
	width: 230px;
	margin-top: 5px;
	margin-bottom: 5px;
}
.appform1 {
	float: left;
	width: 190px;
	padding-top: 0px;
	padding-bottom: 10px;
}
.positionpict {
	width: 231px;
	height: 224px;
	padding-top: 0px;
	background-image: url(images/g-app-pictposition.gif);
	background-repeat: no-repeat;
}
.positionbtn1 {
	width: 225px;
	padding-top: 150px;
	text-align: right;
}
.positionbtn2 {
	width: 225px;
	padding-top: 5px;
	text-align: right;
}
.centerpict {
	width: 231px;
	padding-top: 0px;
}
.col4divider {
	width: 291px;
	margin-top: 15px;
	margin-bottom: 0px;
}
.preview {
	float: left;
	width: 68px;
	margin-top: 0px;
	margin-bottom: 15px;
	margin-left: 25px;
}
#appfooter {
	clear: both;
	width: 544px;
	height: 141px;
	background-image: url(images/app-footer.jpg);
	background-repeat: no-repeat;
}
.save1 {
	width: 247px;
	padding-top: 45px;
	margin-bottom: 15px;
	margin-left: 0px;
}
.save2 {
	width: 247px;
	margin-top: 0px;
	margin-bottom: 15px;
	margin-left: 0px;
}
.dividerwhitetop {
	width: 237px;
	padding-top: 19px;
	padding-bottom: 12px;
}
.dividerwhite {
	width: 237px;
	padding-top: 12px;
	padding-bottom: 12px;
}
.instruct1arrow {
	float: left;	
	width: 29px;
	padding-top: 2px;
	padding-bottom: 0px;
}
.instruct1 {
	float: left;
	width: 160px;
	padding-top: 0px;
	padding-bottom: 0px;
}
.instruct2 {
	float: left;
	width: 200px;
	padding-top: 0px;
	padding-bottom: 0px;
}
.instruct4 {
	float: left;
	width: 200px;
	padding-top: 0px;
	padding-bottom: 10px;
}
.link1 {
	width: 190px;
	padding-top: 90px;
	text-indent: 1px;
}
/* IE6 WIN (HIDE FROM IE5 MAC) >> \*/
#appwrapper {
	float: left;
	width: 544px;
	margin-bottom: 0px;
	padding-bottom: 0px;
}
#appcolcontain {
	width: 544px;
	background-image: url(images/app-bkgd.gif);
	background-repeat: repeat-y;
	margin-right: 0px;
	margin-bottom: 0px;
	padding-bottom: 0px;
}
* html .txtboxcol4 {
   	float: left; 
	width: 231px;
	margin-left: 25px;
	padding-top: 20px;

}
* html .txtboxcol5 {
   	float: left; 
	width: 190px;
	margin-left: 35px;
	padding-top: 20px;
}
* html .txtboxdonate {
   	float: left; 
	width: 450px;
	margin-left: 25px;
	padding-top: 20px;

}
* html .preview {
	float: left;
	width: 68px;
	margin-top: 0px;
	margin-bottom: 15px;
	margin-left: 15px;
	margin-right: 20px;
}
* html .link1 {
	width: 190px;
	padding-top: 90px;
}
/* << IE6 WIN */

/* =nav
----------------------------------------------- */


/* =search
----------------------------------------------- */


/* =headings
----------------------------------------------- */
h1 {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #0099FF;
	letter-spacing: .125em;
	margin: 0px;
	padding: 0px;
}
h2 {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #FF3399;
	letter-spacing: 0.125em;
	margin: 0px;
	padding: 0px;
}
h3 {
 	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #99CC00;
	letter-spacing: .125em;
	margin: 0px;
	padding: 0px;
}
h4 {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #99CC00;
	letter-spacing: .125em;
	margin-bottom: 5px;
	margin-top: 5px;
}


/* =lists
----------------------------------------------- */


/* =forms
----------------------------------------------- */
.formField {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #333333;
	background-color: #cccccc;
	border: 1px solid #999999;}
.formButton { 
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 12px; 
	font-weight: bold; 
	color: #FFFFFF; 
	background-color: #FF7F00; 
	border: 1px solid #6F85A7; 
}
#formBox {
	width: 520px;
	height: 350px;
	padding-top: 100px;
	padding-bottom: 10px;
	background-image: url(images/g-pinpaper.jpg);
	background-repeat: no-repeat;
}
#formPlacement{
	width: 470px;
	padding-bottom: 0px;
	padding-left: 70px;
}
#formBox2 {
	width: 520px;
	height: 470px;
	padding-top: 90px;
	padding-bottom: 10px;
	background-image: url(images/g-pinpaper2.jpg);
	background-repeat: no-repeat;
}
#formPlacement2{
	width: 470px;
	padding-bottom: 0px;
	padding-left: 60px;
}
/* IE6 WIN (HIDE FROM IE5 MAC) >> \*/
* html #formPlacement{
	width: 450px;
	padding-bottom: 0px;
	padding-left: 75px;
}
/* << IE6 WIN */


/* =links
----------------------------------------------- */
a:link {
	color: #FF3399;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
}
a:hover {
	color: #3399FF;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
}
a:visited {
	color: #666666;
	font-family: Geneva, Arial, Helvetica, sans-serif;	
	font-size: 11px;
}
a:active {
	color: #CC6600;
	font-family: Geneva, Arial, Helvetica, sans-serif;	
	font-size: 11px;
}
#foot a:link {
	color: #FF3399;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
}
#foot a:hover {
	color: #3399FF;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
}
#foot a:visited {
	color: #666666;
	font-family: Geneva, Arial, Helvetica, sans-serif;	
	font-size: 10px;
}
#foot a:active {
	color: #CC6600;
	font-family: Geneva, Arial, Helvetica, sans-serif;	
	font-size: 10px;
}


/* =miscellaneous
----------------------------------------------- */
.clear {
	clear: both;
}
.subscribe {
	width: 168px;
	margin-top: 0px;
	padding-top: 0px;
	margin-bottom: 0px;
}
.subscribetxt {
	width: 168px;
	margin-top: 0px;
	margin-bottom: 8px;
}
.subscribebtn {
	width: 168px;
	margin-top: 8px;
	margin-bottom: 10px;
}
#foot {
	width: 750px;
	padding: 2px;
	text-align: center;
}
#foot ul {
	margin: 0px;
	padding: 0px;
}
#foot li {
	display: inline;
	padding-right: 5px;
	padding: 0px;
	margin: 0px;
}
/* IE6 WIN (HIDE FROM IE5 MAC) >> \*/
* html #foot {
	width: 750px;
	padding: 0px;
	text-align: center;
}
* html .clear {
	clear: both;
	margin-bottom: 0px;
	padding-bottom: 0px;
}
/* << IE6 WIN */
#legal {
	width: 750px;
	padding: 0px;
	text-align: center;
	padding-top: 10px;
}
.legalbox {
	width: 700px;
	text-align: center;
	padding-top: 10px;
	margin-bottom: 0px;
	margin-right: auto;
	margin-left: auto;
	padding-right: 0px;
	padding-bottom: 15px;
	padding-left: 0px;
}

/* IE6 WIN (HIDE FROM IE5 MAC) >> \*/
* html # {

}
/* << IE6 WIN */
.gallerytext {
	float: left;
	width: 95%;
}
a img {
	border: none; 
}
.padding {
	padding-top: 5px;
	padding-bottom: 3px;
}
.textright {
	width: 112px;
	float: right;
}