@charset "utf-8";

* {

	margin: 0px;

}

.body {

	background-color: #5c050d;

	background-image: url(images/bg.jpg);

	background-repeat: repeat-x;

}

.main {

	height: auto;

	width: 955px;

	margin-right: auto;

	margin-left: auto;

}

.header {

	float: left;

	height: 197px;

	width: 955px;

	overflow: hidden;

	background-color: #FFFFFF;

}

.left {

	float: left;

	height: 197px;

	width: 333px;

	overflow: hidden;

}

.right {

	background-color: #FFFFFF;

	float: right;

	height: 197px;

	width: 622px;

}

.bottomnav {

	clear: both;

	float: left;

	height: 64px;

	width: 622px;

}

.bodieleft {

	float: left;

	height: auto;

	width: 247px;

	padding-right: 5px;

	padding-left: 3px;

	background-color: #FFFFFF;

}

.videomain {

	float: left;

	height: 208px;

	width: 246px;

	background-color: #efefef;

	border: 1px solid #bbc2c7;

}

.morevideos {

	font-family: Arial, Helvetica, sans-serif;

	float: right;

	height: 17px;

	width: 247px;

	text-align: right;

}

.videopic {

	float: left;

	height: 209px;

	width: 247px;

}

.videotext {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 12px;

	color: #000000;

	text-decoration: none;

	float: left;

	height: 25px;

	width: 247px;

	text-align: center;

	line-height: 24px;

}



.bodiecenter {

	float: left;

	height: auto;

	width: 462px;

	padding-right: 4px;

    background-color: #FFFFFF;

	overflow: hidden;

}



.bodiecentermain {

	float: left;

	height: 252px;

	width: 460px;

	border: 1px solid #bbc2c7;

	background-image: url(images/welcomebg.jpg);

	background-repeat: repeat-y;

	overflow: hidden;

}



.welcome_pic {

	float: left;

	height: 77px;

	width: 460px;

	overflow: hidden;

}

.aboutussmtext {

	float: left;

	height: 130px;

	width: 450px;

	font-family: Arial, Helvetica, sans-serif;

	font-size: 11px;

	font-weight: normal;

	color: #000000;

	text-decoration: none;

	text-align: justify;

	padding-left: 10px;

	overflow: hidden;

}

.readmoreabt {

	float: left;

	height: 16px;

	width: 460px;

	text-align: right;

	padding-right: 20px;

	line-height: 0px;

	vertical-align: middle;

	padding-bottom: 5px;

	overflow: hidden;

}

.aboutustitletext {

	text-align: center;

	float: left;

	height: 24px;

	width: 460px;

	font-family: Arial, Helvetica, sans-serif;

	font-size: 12px;

	font-weight: bold;

	color: #000000;

	line-height: 22px;

	overflow: hidden;

}



.bodie {

	height: auto;

	width: 955px;

	background-color: #FFFFFF;

	padding-top: 2px;

	float: left;

	overflow: hidden;

}



.regform {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 12px;

	color: #000000;

	height: auto;

	width: 950px;

	background-color: #ede6f7;

	overflow: hidden;

	border: 1px solid #ffffff;

	margin-right:auto;

	margin-left:auto;

	padding-left:2px;

	padding-right:2px;

}



.termsandconditionsbox {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 12px;

	color: #000000;

	height: 460px;

	width: 700px;

	background-color: #ede6f7;

	margin-right:auto;

	margin-left:auto;

	margin-top:10px;

	text-align: justify;

	font-weight: normal;

}



.termsbox {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 14px;

	font-weight: bold;

	color: #000000;

	height: 40px;

	width: 700px;

	background-color: #ede6f7;

	margin-right:auto;

	margin-left:auto;

	margin-top:25px;

	text-align: center;

}

.conditionsbox {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 12px;

	color: #000000;

	height: 300px;

	width: 700px;

	background-color: #ede6f7;

	margin-right:auto;

	margin-left:auto;

	margin-top:10px;

	text-align: justify;

	font-weight: normal;

}

.acceptbox {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 14px;

	font-weight: bold;

	color: #000000;

	height: 27px;

	width: 700px;

	background-color: #ede6f7;

	margin-right:auto;

	margin-left:auto;

	margin-top:20px;

	text-align: center;

	line-height: 20px;

}





.bodieright {

	float: right;

	clear: right;

	height: auto;

	width: 231px;

	border: 1px solid #2b61a2;

	background-image: url(images/signup_bg.jpg);

	background-repeat: repeat-x;

	overflow: hidden;

	margin-bottom:4px;

}

.bodierightmain {

	float: right;

	height: auto;

	width: 230px;

	padding-right: 2px;

	clear: right;

}

.signuppic {

	float: left;

	height: 39px;

	width: 230px;

}

.usernamefield {

	float: left;

	height: 37px;

	width: 230px;

}

.passwordfield {

	float: left;

	height: 32px;

	width: 230px;

}

.loginbutton {

	float: left;

	height: 39px;

	width: 230px;

}

.forgotpassword {

	float: left;

	height: 21px;

	width: 176px;

	font-family: Arial, Helvetica, sans-serif;

	font-size: 12px;

	color: #FFFFFF;

	text-decoration: none;

	font-weight: bold;

	padding-right: 27px;

	padding-left: 27px;

}

.forgotpassword a {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 12px;

	font-weight: bold;

	color: #FFFFFF;

	text-decoration: none;

}



.topnav {

	float: left;

	height: 133px;

	width: 622px;

}



.logo {

	float: left;

	height: 108px;

	width: 333px;

}

a img {

	border-top-width: 0px;

	border-right-width: 0px;

	border-bottom-width: 0px;

	border-left-width: 0px;

	border-top-style: none;

	border-right-style: none;

	border-bottom-style: none;

	border-left-style: none;

}

.search {

	background-image: url(images/searchbg.jpg);

	background-repeat: repeat-y;

	float: left;

	height: 89px;

	width: 333px;

}

.field {

	height: 34px;

	width: 274px;

	background-image: url(images/78c.jpg);

	background-repeat: no-repeat;

	padding-top: 10px;

	padding-right: 5px;

	padding-left: 15px;

	float: left;

}

.searchbutton {

	float: right;

	height: 33px;

	width: 34px;

	margin-top: 10px;

	margin-right: 4px;

}

.searchfield {

	float: left;

	width: 333px;

	height: 50px;

}

.sign {

	float: left;

	height: 39px;

	width: 333px;

}

.welcome {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 12px;

	color: #000000;

	text-decoration: none;

	float: left;

	height: 39px;

	width: 140px;

	margin-left: 13px;

}

.signin {

	float: right;

	height: 39px;

	width: 110px;

	text-align: left;

	margin-right: 5px;

}

.signin a {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 12px;

	font-weight: bold;

	color: #05254b;

	text-decoration: none;

}



.searchbox {

	border:0px;

	top:0px;

	left:0px;

	width:254px;

	height:20px;

	color:#333333;

	font-family: Arial, Helvetica, sans-serif;

	font-size:12px;

	font-style:italic;

	background-image: url(images/searchfield1.jpg);

	background-repeat: no-repeat;

	position: relative;

	margin: 0px;

	padding-top: 5px;

	padding-right: 0px;

	padding-left: 0px;

	font-weight: bold;

	overflow: hidden;

	vertical-align:middle;

}

#field form { display:inline ; }



.userpassfield {

	border:0px;

	top:0px;

	left:0px;

	width:133px;

	height:20px;

	color:#ffffff;

	font-family: Arial, Helvetica, sans-serif;

	font-size:11px;

	background-image: url(images/userpassfield.jpg);

	background-repeat: no-repeat;

	position: relative;

	margin-left: 0px;

	padding-top: 0px;

	padding-right: 0px;

	padding-left: 0px;

	font-weight: bold;

	overflow: hidden;

}

.userpassfield2 {

	border:0px;

	top:0px;

	left:0px;

	width:133px;

	height:20px;

	color:#ffffff;

	font-family: Arial, Helvetica, sans-serif;

	font-size:11px;

	background-image: url(images/userpassfield.jpg);

	background-repeat: no-repeat;

	position: relative;

	margin-left: 0px;

	padding-top: 0px;

	padding-right: 0px;

	padding-left: 0px;

	font-weight: bold;

	overflow: hidden;

}

.fieldbox {

	float: right;

	height: 23px;

	width: 148px;

	padding-right: 36px;

	padding-left: 46px;

	margin-top: 10px;

	overflow: hidden;

}



.fieldbox1 {

	float: right;

	height: 23px;

	width: 148px;

	padding-right: 36px;

	padding-left: 46px;

	margin-top: 5px;

	overflow: hidden;

	

}

.logbut {

	float: left;

	height: 30px;

	width: 75px;

	margin-top: 5px;

	padding-right: 0px;

	padding-left: 85px;

	overflow: hidden;

}



.careers {

	float: left;

	height: 212px;

	width: 246px;

	background-color: #efefef;

	border: 1px solid #bbc2c7;

	margin-top: 4px;

	background-image: url(images/careers_bg.jpg);

	background-repeat: repeat-y;

	overflow: hidden;

}

.careerheader {

	float: left;

	height: 96px;

	width: 246px;

}

.careertext1 {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 11px;

	color: #000000;

	text-decoration: none;

	float: left;

	height: 39px;

	width: 216px;

	text-align: left;

	line-height: 18px;

	margin-left:15px;

	margin-right:15px;

}

.registercareer {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 12px;

	color: #000000;

	text-decoration: none;

	float: left;

	height: 30px;

	width: 246px;

	text-align: center;

	line-height: 20px;

	margin-top:8px;

}



.profileblooddonation {

	float: left;

	height: 214px;

	width: 462px;

	background-color: #ffffff;

	margin-top: 4px;

}

.profileblooddonationleft {

	float: left;

	height: 214px;

	width: 230px;

	overflow: hidden;

}

.profileblooddonationright {

	float: right;

	height: 214px;

	width: 228px;

}



.viewmemberprofile {

	height: 123px;

	width: 228px;

	border: 1px solid #bbc2c7;

	background-image: url(images/profile_bg.jpg);

	background-repeat: repeat-x;

	float: left;

}

.viewmemberprofileheader {

	float: left;

	height: 42px;

	width: 228px;

}

.viewmemberprofilephotos {

	float: left;

	height: 62px;

	width: 228px;

}

.viewmemberprofilephotos1 {

	float: left;

	height: 48px;

	width: 228px;

	margin-top:7px;

	margin-bottom:7px;

}

.profiledummyphoto1 {

	float: left;

	height: 48px;

	width: 48px;

	padding-right:14px;

	padding-left:14px;

}

.profiledummyphoto2 {

	float: right;

	height: 48px;

	width: 48px;

	padding-right:14px;

	padding-left:14px;

}

.viewallprofiles {

	float: right;

	height: 9px;

	width: 63px;

	padding-right:5px;

	padding-left:160px;

	padding-top:5px;

	padding-bottom:5px;

}

.makeadonation {

	height: 83px;

	width: 228px;

	border: 1px solid #bbc2c7;

	float: left;

	clear: left;

	margin-top:4px;

	background-image: url(images/makeadonation_bg.png);

	background-repeat: repeat;

}

.donationicon {

	float: left;

	height: 83px;

	width: 76px;

}

.donation_header {

	float: right;

	height: 31px;

	width: 150px;

}

.donation_text {

	float: right;

	height: 42px;

	width: 140px;

	padding-right:5px;

	padding-left:5px;

	padding-top:5px;

	padding-bottom:5px;

	font-family: Arial, Helvetica, sans-serif;

	font-size: 11px;

	color: #000000;

	text-decoration: none;

}

.donation_text a{

	font-family: Arial, Helvetica, sans-serif;

	font-size: 11px;

	color: #000000;

	text-decoration: none;

}

.bloodbank {

	height: 212px;

	width: 226px;

	border: 1px solid #bbc2c7;

	background-image: url(images/blood_bank_bg.jpg);

	float: left;

	background-repeat: repeat;

	overflow: hidden;

}

.bloodbankheader {

	height: 42px;

	width: 226px;

	float: left;

}

.bloodbank1 {

	float: left;

	height: 33px;

	width: 226px;

}

.registerblood {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 12px;

	color: #000000;

	text-decoration: none;

	float: left;

	height: 30px;

	width: 226px;

	text-align: center;

	line-height: 20px;

	margin-top:8px;

}

.registertext1 {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 11px;

	color: #000000;

	text-decoration: none;

	float: left;

	height: 101px;

	width: 210px;

	text-align: justify;

	line-height: 20px;

	padding-left:8px;

	padding-right:8px;

	overflow: hidden;

}

.zoroastriancalendar {

	float: right;

	height: 78px;

	width: 232px;

	padding-right: 1px;

	clear: right;

	overflow: hidden;

}

.zyngphoto {

	float: right;

	height: 88px;

	width: 232px;

	padding-right: 1px;

	clear: right;

	overflow: hidden;

	margin-bottom:4px;

}



.calendar {

	float: right;

	height: auto;

	width: 232px;

	padding-right: 1px;

	clear: right;

	margin-top:0px;

	margin-bottom:4px;

	overflow: hidden;

}

.indexad {

	float: right;

	height: 187px;

	width: 232px;

	padding-right: 1px;

	clear: right;

	margin-top:4px;

	overflow: hidden;

	background-color: #ffffff;

}

.opinion {

	float: left;

	height: 185px;

	width: 246px;

	background-color: #efefef;

	border: 1px solid #bbc2c7;

	margin-top: 4px;

	background-image: url(images/careers_bg.jpg);

	background-repeat: repeat-y;

	overflow: hidden;

}

.opinionheader {

	float: left;

	height: 42px;

	width: 246px;

	overflow: hidden;

}

.opiniontext {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 11px;

	color: #1e3849;

	text-decoration: none;

	float: left;

	height: auto;

	width: 216px;

	text-align: center;

	line-height: 20px;

	padding-left:15px;

	padding-right:15px;

	margin-bottom:5px;

	vertical-align: middle;

}

.opinionpic {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 11px;

	color: #1e3849;

	text-decoration: none;

	float: left;

	height: 56px;

	width: 216px;

	text-align: center;

	line-height: 25px;

	padding-left:15px;

	padding-right:15px;

}

.opinionpicl {

	float: left;

	height: 56px;

	width: 108px;

	font-family: Arial, Helvetica, sans-serif;

	font-size: 11px;

	color: #1e3849;

	text-decoration: none;

}

.opinionpicr {

	float: left;

	height: 56px;

	width: 108px;

	font-family: Arial, Helvetica, sans-serif;

	font-size: 11px;

	color: #1e3849;

	text-decoration: none;

}

.opinionbuttons {

	float: left;

	height: 24px;

	width: 216px;

	font-family: Arial, Helvetica, sans-serif;

    font-size: 11px;

    color: #1e3849;

    text-decoration: none;

    text-align: center;

    padding-left:15px;

    padding-right:15px;

}

.opiniontext1 {

	float: left;

	height: 27px;

	width: 216px;

	font-family: Arial, Helvetica, sans-serif;

    font-size: 11px;

    color: #1e3849;

    text-decoration: none;

    text-align: center;

	margin-top:2px;

	margin-bottom:2px;

    padding-left:15px;

    padding-right:15px;	

	line-height: 25px;

	overflow: hidden;

}

.pickbuttons {

	float: left;

	height: 24px;

	width: 12px;

	line-height: 20px;

}

.pickbuttons1 {

	float: left;

	clear:right;

	height: 24px;

	width: 42px;

	padding-left: 30px;

	padding-right: 30px;

}

.pickbuttons2 {

	float: left;

	clear:right;

	height: 24px;

	width: 42px;

	padding-right: 30px;

	padding-left: 30px;

}

.opinion1 {

	float: left;

	clear:right;

	height: 26px;

	width: 88px;

	padding-left: 10px;

	padding-right: 10px;

	font-family: Arial, Helvetica, sans-serif;

	font-size: 11px;

	color: #1e3849;

	text-decoration: none;

	overflow: hidden;

}

.opinion2 {

	float: left;

	clear:right;

	height: 26px;

	width: 88px;

	padding-left: 10px;

	padding-right: 10px;

	font-family: Arial, Helvetica, sans-serif;

	font-size: 11px;

	color: #1e3849;

	text-decoration: none;

	overflow: hidden;

}

.opinion1 a{

	font-family: Arial, Helvetica, sans-serif;

	font-size: 11px;

	color: #1e3849;

	text-decoration: none;

}

.opinion2 a{

	font-family: Arial, Helvetica, sans-serif;

	font-size: 11px;

	color: #1e3849;

	text-decoration: none;

}

.meetteamjoinoc {

	float: left;

	height: 187px;

	width: 462px;

	background-color: #ffffff;

	margin-top: 4px;

}

.meetteamjoinocleft {

	float: left;

	height: 187px;

	width: 230px;

	overflow: hidden;

}

.meetteamjoinocright {

	float: right;

	height: 187px;

	width: 228px;

}

.meettheteam {

	height: 185px;

	width: 228px;

	border: 1px solid #bbc2c7;

	background-image: url(images/blood_bank_bg.jpg);

	float: left;

	background-repeat: repeat;

	overflow: hidden;

}

.jointheoc {

	height: 185px;

	width: 226px;

	border: 1px solid #bbc2c7;

	background-image: url(images/blood_bank_bg.jpg);

	float: left;

	background-repeat: repeat;

	overflow: hidden;

}

.meetteamheader {

	height: 42px;

	width: 226px;

	float: left;

}

.meettheteamphotos {

	float: left;

	height: 62px;

	width: 228px;

}

.meettheteamphotos1 {

	float: left;

	height: 48px;

	width: 228px;

	margin-top:7px;

	margin-bottom:7px;



}

.teamdummyphoto1 {

	float: left;

	height: 48px;

	width: 48px;

	padding-right:14px;

	padding-left:14px;

}

.teamdummyphoto2 {

	float: right;

	height: 48px;

	width: 48px;

	padding-right:14px;

	padding-left:14px;

}

.joinocheader {

	height: 42px;

	width: 226px;

	float: left;

}

.knowmore {

	float: left;

	height: 9px;

	width: 70px;

	padding-right:5px;

	padding-left:150px;

	padding-top:5px;

	padding-bottom:5px;

}

.ocadminteamtext {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 12px;

	color: #000000;

	text-decoration: none;

	float: left;

	height: 25px;

	width: 216px;

	text-align: left;

	line-height: 27px;

	margin-left:5px;

	margin-right:5px;

	vertical-align: middle;

	overflow: hidden;

}

.ocadminteamtext a{

	font-family: Arial, Helvetica, sans-serif;

	font-size: 12px;

	color: #000000;

	text-decoration: none;

    text-align: left;

	line-height: 27px;

	vertical-align: middle;

}

.footer {

	height: 78px;

	width: 955px;

	float: none;

	background-image: url(images/footer_bg.jpg);

	background-repeat: repeat-x;

	clear: both;

	overflow: hidden;

}

.footerlinks {

	height: 25px;

	width: 935px;

	float: left;

	margin-top:10px;

	margin-right:10px;

	margin-left:10px;

	font-family: Arial, Helvetica, sans-serif;

	font-size: 12px;

	color: #000000;

	text-decoration: none;

    text-align: center;

	line-height: 27px;

}

.footerlinks a {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 11px;

	color: #041856;

	text-decoration: none;

    text-align: center;

	line-height: 27px;

}

.copyrights {

	height: 25px;

	width: 935px;

	float: left;

	margin-top:10px;

	margin-right:10px;

	margin-left:10px;

	font-family: Arial, Helvetica, sans-serif;

	font-size: 12px;

	color: #031794;

	text-decoration: none;

    text-align: center;

	line-height: 27px;

}

.copyrights a {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 11px;

	color: #031794;

	text-decoration: none;

    text-align: center;

	line-height: 27px;

}

.knowmoreoc {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 12px;

	color: #000000;

	text-decoration: none;

	float: right;

	height: 25px;

	width: 75px;

	text-align: left;

	line-height: 27px;

	margin-left:5px;

	margin-right:5px;

	vertical-align: middle;

	overflow: hidden;

}



.ocadminteamtext1 {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 12px;

	color: #000000;

	text-decoration: none;

	float: left;

	height: 25px;

	width: 100px;

	text-align: left;

	line-height: 27px;

	margin-left:5px;

	margin-right:5px;

	vertical-align: middle;

	overflow: hidden;

}

.ocadminteamtext1 a{

	font-family: Arial, Helvetica, sans-serif;

	font-size: 12px;

	color: #000000;

	text-decoration: none;

	vertical-align: middle;

	line-height: 27px;

}

.jointheocnew {

	height: 95px;

	width: 226px;

	border: 1px solid #bbc2c7;

	background-image: url(images/blood_bank_bg.jpg);

	float: left;

	background-repeat: repeat;

	overflow: hidden;

}

.zyngtshirt {

	height:86px;

	width: 228px;

	float: left;

	margin-top:4px;

	overflow: hidden;

}

.careertext2{

	font-family: Arial, Helvetica, sans-serif;

	font-size: 11px;

	color: #000000;

	text-decoration: none;

	float: left;

	height: 78px;

	width: 216px;

	text-align: justify;

	line-height: 15px;

	margin-left:15px;

	margin-right:15px;

}

.watermarked_psw{

color: White;

font-family: Tahoma;

font-size: 11px;

border: solid 1px #a9a9a9;

text-indent:2px;

vertical-align:middle;

text-align:right;

background-image: url(images/psw_wMark.png);

background-repeat:no-repeat;

}

.zyngtitle1 {

	float: left;

	height: 77px;

	width: 445px;

	font-family: Arial, Helvetica, sans-serif;

	font-size: 18px;

	font-weight: bold;

	text-align: center;

	padding-left: 10px;

	padding-right: 15px;

	padding-top:10px;

	overflow: hidden;

}

.paintballbaner

{

    float: left;

	height: 40px;

	width: 462px;

	padding-bottom:4px;

	overflow: hidden;

    }

.navro{

    float: left;

	height: auto;

	width: 460px;

	margin-bottom:4px;

	overflow: hidden;

	border: solid 1px #a9a9a9;

    }

    

    .righthomepagebanner {

	float: left;

	height: auto;

	width: 248px;

	margin-bottom:4px;

}