/* Import CSS for compliant browsers */
/* ---------------------------------------------------------------------------------- */
@import url(reset.css);


/* stops the nasty horizontal shift with centered layouts in moz etc */
/* html { height: 100%; margin-bottom: 1px; } */

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

/* SSS GENERAL STYLES */
body{
	margin: 0;
	padding: 0;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 12px;
	color: #5A5E62;
	background: #95CFD0 url(/img/backgrounds/bg-fade.jpg) 0 0 repeat-x;
	text-align: left;
}
#wrapper{
    width: 776px;
    margin: auto;
    text-align: left;
}
#main{
    width: 776px;
    height: 530px;
    background: url(/img/backgrounds/main-bg2.gif) 0 0 no-repeat;
    margin-bottom: 20px;
}

p{
   padding: 0 0 10px 0;
}
a{
   color: #00A69F;
}

.left{
   float: left;
}
.right{
   float: right;
}
.clearer{
   display: block;
   clear: both;
}
.hr{
   display: block;
   height: 1px;
   background: #D4D4D6;
   margin: 2px 0;
}
.hr hr{
   display: none;
}

a.skip-link{
   display: block;
   float: right;
   margin: 4px 20px 0 0;
	position:relative;
	z-index:1000;
}
a.pledge-link{
   display: block;
   font-size: 20px;
   color: #C6537B;
   margin-bottom: 15px;
}

ul{
   padding-bottom: 5px;
	 padding-left: 13px;
   list-style-type: disc;
}
ul li{
   padding: 0 0 2px 0;
	 color: #C6537B;
	 list-style-type: outside;
	 
}
ul li p{
   display: inline;
   padding: 0;
	 color: #666666;
}

/* EEE GENERAL STYLES */

/* SSS HEADER */
#header{
   display: block;
   height: 87px;
}
#header h1{
   width: 198px;
   height: 87px;
}
#header h1 a{
   display: block;
   width: 198px;
   height: 87px;
   text-decoration: none;
   text-indent: -5000px;
   background: url(/img/oca-logo.gif) 0 0 no-repeat;
}
/* EEE HEADER */

/* SSS CONTENT */

#content{
   padding: 10px 52px 0px;
}
#home #content{
   padding: 10px 114px;
}

#content-header{
   padding: 0 10px 0px;
}
#pledge #content-header{
   padding: 0 72px 0px;
}

#content-header h2{
   font-size: 30px;
   color: #96CFD0;
   line-height: 1.2;
}
#content-header h3{
   font-size: 18px;
   color: #E0A2B6;
   margin-bottom:6px;
		margin-top:9px;
}
#content-header h3 big{
   font-size: 46px;
	 line-height:0.9 !important;
}
#content-header h3 span.mid-align{
   position: relative; bottom: 10px;
}
#content-header h4{
   font-size: 20px;
   color: #CDCDCD;
}
#content-header div.pre-star{
   margin-left: 62px;
}
#content-header div.star-header{
   padding: 3px 0 0 40px;
   margin-left: 22px;
   background: url(/img/backgrounds/star-small.gif) 0 6px no-repeat;
}
#content-header div.star-header, #content-header div.star-header h4, #content-header div.star-header big{
   line-height: 0.9 !important;
}

#content-footer{
   padding: 0 10px 15px;
   position: relative;
	 text-align: right;
}
#content-footer a {
   color: #E0A2B6;
	 font-weight: bold;
	 font-size: 15px;
}
#pledge #content-footer{
   padding: 0 72px 15px;
}

#content-footer h5{
   font-size: 15px;
   color: #00A69F;
   padding: 0 0 5px 0;
   font-weight: 100;
}

div.box-out{
   width: 668px;
   background: url(/img/backgrounds/content-body-top.png) 0 0 no-repeat;
   margin-bottom: 5px;
	 margin-top: 5px;
}
div.box-out-inner{
   padding: 0px 20px 10px;
   background: url(/img/backgrounds/content-body-bottom.png) bottom left no-repeat;
   min-height:200px;
   height:auto !important;
   height:200px;
}
div.box-out-content{
   padding: 20px 10px 10px 84px;
   background: url(/img/backgrounds/star.gif) 0 20px no-repeat;
   min-height:225px;
   height:auto !important;
   height:225px;
}

div.box-out-form{
   
}
div.box-out-form h5{
   font-size: 15px;
   color: #96CFD0;
   font-weight: 800;
   text-shadow:1px 1px 0 white;
   padding: 0 0 5px 0;
}
div.box-out-form form{
   display: block;
   margin-bottom: 15px;
   padding-top: 10px;
}
div.box-out-form form label{
   display: block;
   color: #A1A8AF;
   text-shadow:1px 1px 0 white;
}
div.box-out-form form div.form-left{
   width: 220px;
   float: left;
}
div.box-out-form form div.form-right{
   width: 220px;
   float: left;
   margin-left: 40px;
}
div.box-out-form form div.form-left input, div.box-out-form form div.form-right input{
   display: block;
   width: 100%;
}
div.box-out-form form input#submit, div.box-out-form form input#register{
   float: right;
   margin-top: 16px;
}

div.box-out-form .share-item h5{
   float: left;
   padding: 10px 0;
   width: 220px;
}
div.box-out-form .share-item p{
   float: left;
   padding: 10px 0;
   width: 220px;
   color: #96CFD0;
	 font-weight: bold;
}

div.box-out-form .share-item div.right{
   width: 380px;
}

div.box-out-form .share-item a{
   font-size: 15px;
   color: #A1A8AF;
   margin-left: 5px;
}

div.box-out-form .multiple-friends{
   position: relative;
}

div.box-out-form .multiple-friends .form-left, div.box-out-form .multiple-friends .form-right{
   padding-bottom: 10px;
}
div.box-out-form form div.form-right2{
   width: 220px;
   float: left;
   margin: 6px 0 0 260px;
}
div.box-out-form form .multiple-friends div.form-right2 input{
   display: block;
   width: 100%;
}
div.box-out-form form div.form-right3{
   width: 220px;
   float: left;
   margin: 6px 0 0 260px;
}

#thankyou-msg{
   background: #F5F5F5;
   margin: 8px;
   height: 74px;
   padding: 20px;
   text-align: center;
}
#thankyou-msg h5{
   color:#96CFD0;
   font-size:15px;
   font-weight:800;
   padding:0 0 5px;
   text-shadow:1px 1px 0 white;
   text-align: center;
}
#shadowbox-close{
   display: block;
   margin: 10px auto;
   width: 58px;
   background: url(/img/backgrounds/button-fade.png) 0 0 repeat-x;
   text-align: center;
   text-decoration: none;
   color: #fff;
   font-weight: bold;
   padding: 4px;
   border: 1px solid #008A91;
   border-bottom: 1px solid #E6F4F5;
}

div.box-out-form .share-item a#link-facebook{
   float: right;
   padding: 10px 10px 10px 35px;
   background: url(/img/icons/facebook.png) left center no-repeat;
	 font-weight: bold;
}
div.box-out-form .share-item a#link-yahoo{
   float: right;
   padding: 10px 10px 10px 80px;
   background: url(/img/icons/yahoo.png) left center no-repeat;
	 font-weight: bold;
}
div.box-out-form .share-item a#link-hotmail{
   float: right;
   padding: 10px 10px 10px 28px;
   background: url(/img/icons/hotmail.png) left center no-repeat;
	 font-weight: bold;
}
div.box-out-form .share-item a#link-gmail{
   float: right;
   padding: 10px 10px 10px 35px;
   background: url(/img/icons/gmail.png) left center no-repeat;
	 font-weight: bold;
}
div.box-out-form .share-item a#link-donate-now{
   float: right;
   padding: 10px;
	 font-weight: bold;
}

#link-donate{
   width: 103px;
   height: 64px;
   background: url(/img/donate-here.png) center center no-repeat;
   text-decoration: none;
   text-indent: -5000px;
   display: block;
   padding: 0;
   float: left;
}

div.box-out p{
   font-size: 13px;
   color: #A1A8AF;
   padding: 0 0 10px 0;
}
/* EEE CONTENT */

/* SSS VIDEO PLAYER */
#video-holder{
   width: 544px;
   height: 336px;
   background: url(/img/backgrounds/video-bg2.png) 0 0 no-repeat;
   padding: 5px 12px 0px;
}
/* EEE VIDEO PLAYER */


/* SSS SHADOWBOX */
body#popup{
   background: #fff;
}
#popup-inner{
   background: #F7F7F7;
   margin: 8px;
   height: 240px;
   padding: 12px;
}
#popup-inner h5 {
color:#96CFD0;
font-size:15px;
font-weight:800;
padding:0 0 5px;
text-shadow:1px 1px 0 white;
}

div.box-out-form-popup{
   position: relative;
}
div.box-out-form-popup a#close-button{
   position: absolute; top: 0; right: 0;
   text-indent: -5000px;
   text-decoration: none;
   width: 20px;
   height: 20px;
   background: url(/img/backgrounds/close-button.gif) 0 0 no-repeat;
}
div.box-out-form-popup h5{
   font-size: 15px;
   color: #96CFD0;
   font-weight: 800;
   text-shadow:1px 1px 0 white;
   padding: 0 0 5px 0;
}
div.box-out-form-popup form{
   display: block;
   margin-bottom: 15px;
   padding-top: 0px;
}
div.box-out-form-popup form label{
   display: block;
   color: #A1A8AF;
   text-shadow:1px 1px 0 white;
}
div.box-out-form-popup form div.form-left{
   width: 220px;
   float: left;
}
div.box-out-form-popup form div.form-right{
   width: 220px;
   float: left;
   margin-left: 40px;
}
div.box-out-form-popup form div.form-left input, div.box-out-form-popup form div.form-right input{
   display: block;
   width: 100%;
}
div.box-out-form-popup form input#submit, div.box-out-form-popup form input#register{
   float: right;
   margin-top: 16px;
}

div.box-out-form-popup .share-item h5{
   float: left;
   padding: 10px 0;
   width: 220px;
}
div.box-out-form-popup .share-item div.right{
   width: 380px;
}

div.box-out-form-popup .share-item a{
   font-size: 15px;
   color: #A1A8AF;
   margin-left: 5px;
}

div.box-out-form-popup .popup-form-bottom{
   padding: 10px 0 10px;
   position: relative;
}
div.box-out-form-popup .popup-form-bottom p{
   color: #999;
}
div.box-out-form-popup .popup-form-bottom h6{
   padding-bottom: 10px;
}
div.box-out-form-popup .popup-form-bottom table{
   color: #999;
}

div.box-out-form-popup .popup-form-bottom #submit2{
   position: absolute; bottom: 0; right: 0;
}
/* EEE SHADOWBOX */


#footer-link
{
	clear: both;
  margin-top: 0px;
	margin-bottom: 17px;
	text-align: right;
	padding: 20px 10px 10px 10px;
}
.homepage-link{
	color: #ffffff;
}
.homepage-link-header
{
	float: right;
	margin-top: 60px;
	color: #ffffff;
}