/*HPB - Treasure Your Mind
September 28, 2009
=====================================================================================*/
/*not so important stylings - will be removed upon integration*/
body {
margin: 0;
padding: 0;
background-color: #afda62;}

.wrapper {
margin: 0;
padding: 0;
width: 100%;}

/* Main Framework Styling - Contains all the holders of the site
=====================================================================================*/
.clear {clear: both;}

img {border: 0;}

#subcontent {
font-family: Arial,Helvetica,sans-serif;
font-size: 0.75em;
color: #393a37;
width: 900px;
padding-left: 50px;
float: left;
}

#footer{
font-family: Arial,Helvetica,sans-serif;
font-size: 0.9em;
color: #2e5103;
padding-top: 5px;
padding-right: 0pt;
padding-bottom: 0pt;
padding-left: 80px;

}

#footer .subright{
float: right;
padding-top: 2px;
padding-right: 80px;
padding-bottom: 0pt;
padding-left: 0pt;

}

.main-container {
clear: both;
margin: 0 auto;
padding: 0;
width: 780px;}

.top-container {
clear: both;
margin: 0 0 10px 0;
padding: 0;
width: 780px;}

.top-left {
display: inline;
float: left;
margin: 0;
padding: 0;
width: 565px;}

.top-right {
display: inline;
float: left;
margin: 0 0 0 20px;
padding: 0;
width: 195px;}

.btm-container {
background: url(../images/btmbox_mid.jpg) repeat-y top left;
clear: both;
margin: 0;
padding: 0;
width: 780px;}

/* Corved boxes containers
=====================================================================================*/
/** Top Box Left **/
.leftbox-top {
clear: both;
margin: 0;
padding: 0;
width: 565px;}

.leftbox-mid {
background: url(../images/leftbox_mid.jpg) repeat-y top left;
clear: both;
height: 237px;
margin: 0;
padding: 15px;
width: 535px;}

.leftbox-btm {
clear: both;
margin: 0;
padding: 0;
width: 565px;}

/** Top Box Right **/
.rightbox-top {
clear: both;
margin: 0;
padding: 0;
width: 195px;}

.rightbox-mid {
background: url(../images/counter_bg.jpg) repeat-x top left;
clear: both;
margin: 0;
padding:0;
width: 195px;}

.rightbox-btm {
clear: both;
margin: 0;
padding: 0;
width: 195px;}

/** Bottom Box **/
.btmbox-top {
clear: both;
margin: 0;
padding: 0;
width: 780px;}

.btmbox-mid {
background: url(../images/btmbox_mid.jpg) repeat-y top left;
clear: both;
margin: 0;
padding: 0 15px 0 15px;
width: 750px;}

.btmbox-btm {
clear: both;
margin: 0;
padding: 0;
width: 780px;}

.btmbox-content{
clear: both;
margin: 5px 0 10px 0;
padding: 0;
width: 750px;}

.btmbox-logos {
background: url(../images/btmbox_mid.jpg) repeat-y top left;
clear: both;
margin: 0;
padding: 0;
width: 780px;}

/** Inside Box **/
.insidebox-top {
clear: both;
margin: 0;
padding: 0;
width: 780px;}

.insidebox-breadcrumb {
background: url(../images/insidebox_breadcrumb.jpg) no-repeat top left;
clear: both;
height: 23px;
margin: 0;
padding: 0 15px 0 15px;
width: 750px;}

.insidebox-mid {
background: url(../images/insidebox_mid.jpg) repeat-y top left;
clear: both;
margin: 0;
padding: 15px;
width: 750px;}

.insidebox-btm {
clear: both;
margin: 0;
padding: 0;
width: 780px;}

.logobox-mid {
background: url(../images/insidebox_mid.jpg) repeat-y top left;
clear: both;
margin: 0;
padding: 0;
width: 780px;}

/** Pledge Counter **/
.counter-filler {
display: inline;
float: left;
margin: 0;
padding: 0;
}

.counter-left {
background: url(../images/counter.jpg) no-repeat top left;
display: inline;
float: left;
height: 29px;
margin: 0;
padding: 10px 5px 0 5px;
text-align: center;
width: 19px;}

.counter-norm {
background: url(../images/counter.jpg) no-repeat top left;
display: inline;
float: left;
height: 29px;
margin: 0 0 0 5px;
padding: 10px 5px 0 5px;
text-align: center;
width: 19px;}

/* Content holder
=====================================================================================*/
.content-left {
display: inline;
float:left;
margin: 0;
padding: 0;
width: 479px;}

.content-right {
clear: right;
display: inline;
float: left;
margin: 0 0 0 19px;
padding: 0;
width: 252px;}

/* Message Wall
=====================================================================================*/
.wall {
border: 0;
margin: 0;
padding: 0;}

.wall ul{
border: 0;
margin: 0;
padding: 0;
}

.wall li {
display: inline;
float: left;
list-style-type: none;
margin: 0 0 10px 10px;
padding: 5px;
width: 227px;}

/* Pagination
=====================================================================================*/
.pagination {
clear: both;
margin: 0;
padding: 0;
width: 750px;}

/* Logo holder
=====================================================================================*/
.logo-container {
background: #0000FF;
display: inline;
float: left;
height: 75px;
margin: 8px 0 8px 15px;
padding: 0;
width: 176px;}

/* Light Box holder
=====================================================================================*/
.lightbox-wrapper {
clear: both;
margin: 0 auto 0 auto;
padding: 0;
width: 398px;}

.lightbox-top {
clear: both;
margin: 0;
padding: 0;
width: 398px;
}

.lightbox-top-left {
display: inline;
float: left;
margin: 0;
padding: 0;
width: 375px;}

.lightbox-top-right {
clear: right;
display: inline;
float: left;
margin: 0;
padding: 0;
width: 23px;}

.lightbox-mid {
background: #e2f4ff;
clear: both;
margin: 0;
padding: 10px;
width: 378px;}

.lb-collapsable1 {
clear: both;
margin: 0 0 5px 0;
padding: 0;
width: 378px;}

.lb-collapsable2 {
background: #72beee;
clear: both;
margin: 0px;
padding: 10px;
width: 368px;}

.lb-contentarea {
clear: both;
margin: 0 0 5px 0;
padding: 0;
width: 378px;}

.lb-bar {
background: #0288de;
clear: both;
margin: 0;
padding: 5px 10px 5px 10px;
width: 368px;}

.lb-left {
margin: 0;
padding: 0;
width: 378px;}

.lb-right {
display: inline;
float: left;
margin: 0 0 0 5px;
padding: 0;
width: 80px;}

.lbform-left {
display: inline;
float: left;
margin: 0 0 10px 0;
padding: 3px 0 0 0;
width: 118px}

.lbform-right {
clear: right;
display: inline;
float: left;
margin: 0 0 10px 10px;
padding: 0;
width: 250px;}

.lbform2-left {
display: inline;
float: left;
margin: 0 0 10px 0;
padding: 0;
width: 250px}

.lbform2-right {
clear: right;
display: inline;
float: left;
margin: 0 0 10px 10px;
padding: 0;
width: 108px;}

.radio-left {
display: inline;
float: left;
margin: 0;
padding: 0;
text-align: center;
width: 64px;}

.radio-right {
clear: right;
display: inline;
float: left;
margin: 0;
padding: 0;
text-align: center;
width: 44px;}

.captch-left {
display: inline;
float: left;
margin: 0;
padding: 0;
text-align: center;
width: 125px;}

.captcha-right {
clear: right;
display: inline;
float: left;
margin: 0;
padding: 0;
text-align: center;
width: 125px}