﻿/* ****************************************************************************** */
/* Images                                                                         */
/* ****************************************************************************** */
body{
	padding: 0px;
	margin: 0px auto;
	text-align: center;
	color: rgb(0,0,0);
	background-image: url(Pictures/BAHABackground.png);
	background-repeat: repeat;}


#header{
	padding: 0px;
	margin: 0px auto;
	height: 180px;
	text-align: center;
	color: rgb(0,0,0);
	background-image: url(Pictures/BAHALogoBackground.png);
	background-repeat: repeat-x;}


#navigation{	position: relative;
	left: 50%;
	margin-left: -500px;
	margin-top: -10px;
	width: 1000px;
	height: 53px;
	padding: 0px;
	background-color: transparent;}

#content{
	position: relative;
	left: 50%;
	margin-left: -500px;
	top: 0px;
	width: 1000px;
	padding: 0px;
	background-color: transparent;}

#panelwest{
	position: relative;
	top: 0px;
	left: 0px;
	width: 80px;
	margin: 0px;
	border-width: 0px;
	padding: 0px;
	background-color: transparent;}

#panelcenter{
	position: relative;
	top: 0px;
	left: 82px;
	width: 828px;
	margin: 0px;
	border-width: 0px;
	padding: 0px;
	background-color: transparent;}

#paneleast{
	position: relative;
	top: 0px;
	left: 920px;
	width: 92px;
	margin: 0px;
	border-width: 0px;
	padding: 0px;
	background-color: transparent;}


div.footer{
	clear: both;
	position: relative;
	top: 2200px;
	padding: 0px;
	margin: 0px;
	text-align: center;
	height: 100px;
	color: rgb(0,0,0);
	background-image: url(Pictures/BAHAFooterBackground.png);
	background-repeat: repeat-x;}


span.pfooter{	
	color: rgb(255,255,255);
	background-color: transparent;
	text-decoration: none; 
	text-align: center; 
	font-family: arial, calibri;
	font-size: 16px;}

div.footertext{
	position: relative;
	bottom: 0px;
	left: 50%;
	margin-left: -450px;
	width: 900px;
	padding-top: 25px;
	color: rgb(255,255,255);
	background-color: transparent;
	text-decoration: none; 
	text-align: center; 
	font-family: arial, calibri;
	font-size: 16px;}

/* ****************************************************************************** */
/* Images                                                                         */
/* ****************************************************************************** */

img{
	border: 0;
	border-width: 0px;
	border-color: transparent;
		background-color: transparent;}

#BAHALogoCompWest{
	position: absolute;
	left: 50%;
	margin-left: -500px;
	width: 180px;
	height: 180px;}

#BAHALogoHeaderOne{
	position: absolute;
	left: 50%;
	margin-left: -320px;
	width: 640px;
	height: 180px;

	opacity:1.0;
	filter:alpha(opacity=100);/* For IE8 and earlier */}

#BAHALogoHeaderTwo{
	position: absolute;
	left: 50%;
	margin-left: -320px;
	width: 640px;
	height: 180px;

	opacity:1.0;
	filter:alpha(opacity=100);/* For IE8 and earlier */}

#BAHALogoCompEast{
	position: absolute;
	left: 50%;
	margin-left: 320px;
	width: 180px;}

/* ****************************************************************************** */
/* Buttons                                                                        */
/* ****************************************************************************** */


#AboutUs{
	width: 160px;
	height: 53px;
	position: absolute;
	padding: 0px;
	left: 80px;
 	background-image: url(Pictures/BAHAAboutUsButton.png);
	}

#AboutUs:hover{background-image: url(Pictures/BAHAAboutUsMouseOverButton.png);}
#AboutUs:focus{background-image: url(Pictures/BAHAAboutUsInButton.png);}

#AboutUsIn{
	width: 160px;
	height: 53px;
	position: absolute;
	padding: 0px;
	left: 80px;
 	background-image: url(Pictures/BAHAAboutUsInButton.png);
	}

#AboutUsIn:hover{background-image: url(Pictures/BAHAAboutUsMouseOverButton.png);}

#Services{
	width: 160px;
	height: 53px;
	left: 247px;
	position: absolute;
	padding: 0px;
 	background-image: url(Pictures/BAHAServicesButton.png);
	}

#Services:hover{background-image: url(Pictures/BAHAServicesMouseOverButton.png);}
#Services:focus{background-image: url(Pictures/BAHAServicesInButton.png);}

#ServicesIn{
	width: 160px;
	height: 53px;
	left: 247px;
	position: absolute;
	padding: 0px;
 	background-image: url(Pictures/BAHAServicesInButton.png);
	}

#ServicesIn:hover{background-image: url(Pictures/BAHAServicesMouseOverButton.png);}

#Experience{
	width: 160px;
	height: 53px;
	left: 414px;
	position: absolute;
	padding: 0px;
 	background-image: url(Pictures/BAHAExperienceButton.png);
	}

#Experience:hover{background-image: url(Pictures/BAHAExperienceMouseOverButton.png);}
#Experience:focus{background-image: url(Pictures/BAHAExperienceInButton.png);}

#ExperienceIn{
	width: 160px;
	height: 53px;
	left: 414px;
	position: absolute;
	padding: 0px;
 	background-image: url(Pictures/BAHAExperienceInButton.png);
	}

#ExperienceIn:hover{background-image: url(Pictures/BAHAExperienceMouseOverButton.png);}

#Leadership{
	width: 160px;
	height: 53px;
	left: 581px;
	position: absolute;
	padding: 0px;
 	background-image: url(Pictures/BAHALeadershipButton.png);
	}

#Leadership:hover{background-image: url(Pictures/BAHALeadershipMouseOverButton.png);}
#Leadership:focus{background-image: url(Pictures/BAHALeadershipInButton.png);}

#LeadershipIn{
	width: 160px;
	height: 53px;
	left: 581px;
	position: absolute;
	padding: 0px;
 	background-image: url(Pictures/BAHALeadershipInButton.png);
	}

#LeadershipIn:hover{background-image: url(Pictures/BAHALeadershipMouseOverButton.png);}

#Login{
	width: 160px;
	height: 53px;
	left: 748px;
	position: absolute;
	padding: 0px;
 	background-image: url(Pictures/BAHALoginButton.png);
	}

#Login:hover{background-image: url(Pictures/BAHALoginMouseOverButton.png);}
#Login:focus{background-image: url(Pictures/BAHALoginInButton.png);}

#LoginIn{
	width: 160px;
	height: 53px;
	left: 748px;
	position: absolute;
	padding: 0px;
 	background-image: url(Pictures/BAHALoginInButton.png);
	}

#LoginIn:hover{background-image: url(Pictures/BAHALoginMouseOverButton.png);}



/* ****************************************************************************** */
/* Buttons Back                                                                   */
/* ****************************************************************************** */
#AboutUsBack{
	width: 160px;
	height: 53px;
	position: absolute;
	padding: 0px;
	left: 80px;
 	background-image: url(Pictures/BAHAAboutUsButton.png);
	}
#ServicesBack{
	width: 160px;
	height: 53px;
	left: 247px;
	position: absolute;
	padding: 0px;
 	background-image: url(Pictures/BAHAServicesButton.png);
	}
#ExperienceBack{
	width: 160px;
	height: 53px;
	left: 414px;
	position: absolute;
	padding: 0px;
 	background-image: url(Pictures/BAHAExperienceButton.png);
	}
#LeadershipBack{
	width: 160px;
	height: 53px;
	left: 581px;
	position: absolute;
	padding: 0px;
 	background-image: url(Pictures/BAHALeadershipButton.png);
	}

#LoginBack{
	width: 160px;
	height: 53px;
	left: 748px;
	position: absolute;
	padding: 0px;
 	background-image: url(Pictures/BAHALoginButton.png);
	}


/* ****************************************************************************** */
/* Tables                                                                         */
/* ****************************************************************************** */

table.areas{	position: relative;
		color: rgb(150,100,0);
		border-style: none;
		margin: 0px;
		margin-top: 20px;
		padding: 0px;
		width: 828px;
		background-color: transparent;}

tr.areas{	border-style: none;
		padding: 0px;
		margin: 0px;}
td.areas{	border-style: none;
		width: 33%;
		text-align: left;
		padding: 0px;
		margin: 0px;}

ul.areas { 	list-style-image: url(Pictures/BAHABullet.png);
		list-style-type: disc;
		list-style-position: outside;
		margin-top: -10px;
		padding-top: 0px;
		font-family: arial, calibri;
		font-size: 20px;
		height: 25px;
		color: rgb(175,125,0);
		font-weight: normal;}

tr.areas{	margin-top: 0px;
		padding-top: 0px;}

td.areas{	margin-top: 0px;
		padding-top: 0px;}



table.services{	position: relative;
		color: rgb(150,100,0);
		border-style: none;
		margin: 0px;
		margin-top: 0px;
		padding: 0px;
		width: 550px;
		height: 400px;
		background-color: transparent;}

tr.services{	border-style: none;
		padding: 0px;
		margin: 0px;
		padding: 0px;
		height: 20px;}

td.servicesleft{border-style: none;
		width: 10%;
		text-align: left;
		padding: 0px;
		margin: 0px;
		margin-top: 0px;
		padding-top: 0px;
		vertical-align: middle;
		height: 40px;}

img.bullet{    display: block;
    		margin-left: auto;
    		margin-right: auto;
		margin-top: 0px;}


td.servicesright{border-style: none;
		width: 90%;
		text-align: left;
		padding: 0px;
		margin: 0px;
		height: 40px;}

table.servicesthree{	
		position: relative;
		color: rgb(150,100,0);
		border-style: none;
		margin: 0px;
		margin-top: 170px;
		padding: 0px;
		width: 550px;
		height: 60px;
		background-color: transparent;}

tr.servicesthree{	
		border-style: none;
		padding: 0px;
		margin: 0px;
		padding: 0px;
		height: 10px;}

td.servicesleftthree{
		border-style: none;
		width: 10%;
		text-align: left;
		padding: 0px;
		margin: 0px;
		margin-top: 0px;
		padding-top: 0px;
		vertical-align: middle;
		height: 10px;}



td.servicesrightthree{
		border-style: none;
		width: 90%;
		text-align: left;
		padding: 0px;
		margin: 0px;
		height: 10px;}

table.servicesfour{	
		position: relative;
		color: rgb(150,100,0);
		border-style: none;
		margin: 0px;
		margin-top: 80px;
		padding: 0px;
		width: 550px;
		height: 125px;
		background-color: transparent;}

tr.servicesfour{	
		border-style: none;
		padding: 0px;
		margin: 0px;
		padding: 0px;
		height: 25px;}

td.servicesleftfour{
		border-style: none;
		width: 10%;
		text-align: left;
		padding: 0px;
		margin: 0px;
		margin-top: 0px;
		padding-top: 0px;
		vertical-align: middle;
		height: 25px;}



td.servicesrightfour{
		border-style: none;
		width: 90%;
		text-align: left;
		padding: 0px;
		margin: 0px;
		height: 25px;}

table.servicesfive{	
		position: relative;
		color: rgb(150,100,0);
		border-style: none;
		margin: 0px;
		margin-top: 30px;
		padding: 0px;
		width: 550px;
		height: 125px;
		background-color: transparent;}

tr.servicesfive{	
		border-style: none;
		padding: 0px;
		margin: 0px;
		padding: 0px;
		height: 25px;}

td.servicesleftfive{
		border-style: none;
		width: 10%;
		text-align: left;
		padding: 0px;
		margin: 0px;
		margin-top: 0px;
		padding-top: 0px;
		vertical-align: middle;
		height: 25px;}



td.servicesrightfive{
		border-style: none;
		width: 90%;
		text-align: left;
		padding: 0px;
		margin: 0px;
		height: 25px;}

/* ****************************************************************************** */
/* Text                                                                           */
/* ****************************************************************************** */

p{
	color: rgb(125,75,0); 
	background-color: transparent;
	text-decoration: none; 
	text-align: justify; 
	font-family: arial, calibri;
	font-size: 20px;}

h1.aboutus{	
	color: rgb(0,0,0); 
	background-color: transparent;
	text-decoration: none; 
	text-align: center; 
	font-family: arial, calibri;
	font-size: 30px;
	margin-top: 40px;}

a.aboutus{
	color: rgb(150,100,0);
	font-style: normal;
	font-weight: bold;
	text-decoration: none;
	border-style: none;
	font-family: arial, calibri;
	font-size: 20px;}

p.sig{
	color: rgb(125,75,0); 
	background-color: transparent;
	text-decoration: none; 
	text-align: justify; 
	font-family: arial, calibri;
	font-size: 20px;
	margin-top: 2px;
	margin-bottom: 2px;}

/* ****************************************************************************** */
/* Index Only                                                                     */
/* ****************************************************************************** */
#panelnorth{
	position: relative;
	top: 0px;
	right: 0px;
	width: 828px;
	height: 350px;
	margin: 0px;
	border-width: 0px;
	padding: 0px;
	padding-top: 15px;
	background-color: transparent;}

#bahaiefixright{
	float: right;
	top: 0px;
	left: 0px;
	border-width: 0px;
	padding: 0px;
	padding-top: 0px;
	margin: 0px;
	margin-left: 15px;
	vertical-align: text-top;
	width: 256px;
	height: 306px;
	background-image: url(Pictures/BAHAIEFixFramed.png);
	}

#bahaletter{
	position: absolute;
	top: 39px;
	right: 4px;
	border-width: 0px;
	padding: 0px;
	margin: 0px;
	vertical-align: text-top;
	width: 248px;
	height: 298px;
	opacity:1.0;
	filter:alpha(opacity=100);/* For IE8 and earlier */
}

#bahaspecialty{
	position: absolute;
	top: 39px;
	right: 4px;
	border-width: 0px;
	padding: 0px;
	margin: 0px;
	vertical-align: text-top;
	width: 248px;
	height: 298px;
	opacity:1.0;
	filter:alpha(opacity=100);/* For IE8 and earlier */
}

#bahabio{
	position: absolute;
	top: 39px;
	right: 4px;
	border-width: 0px;
	padding: 0px;
	margin: 0px;
	vertical-align: text-top;
	width: 248px;
	height: 298px;
	opacity:1.0;
	filter:alpha(opacity=100);/* For IE8 and earlier */
}

#panelmiddle{
	position: relative;
	top: 20px;
	left: 0px;
	width: 828px;
	height: 130px;
	margin: 0px;
	border-width: 0px;
	padding: 0px;
	background-color: transparent;}

#bahaiefixleft{
	float: left;
	top: 0px;
	left: 0px;
	border-width: 0px;
	padding: 0px;
	padding-top: 0px;
	margin: 0px;
	margin-right: 15px;
	vertical-align: text-top;
	width: 256px;
	height: 306px;
	background-image: url(Pictures/BAHAIEFixFramed.png);
	}

#panelsouth{
	position: relative;
	top: 10px;
	left: 0px;
	width: 828px;
	height: 520px;
	margin: 0px;
	border-width: 0px;
	padding: 0px;
	margin: 0px;}

/* ****************************************************************************** */
/* Services Only                                                                  */
/* ****************************************************************************** */
#panelnorthservice{
	position: absolute;
	top: 0px;
	right: 0px;
	width: 828px;
	height: 200px;
	margin: 0px;
	border-width: 0px;
	padding: 0px;
	padding-top: 15px;
	background-color: transparent;}

#bahaserviceframe{
	position: absolute;
	left: 50%;
	margin-left: -340px;
	top: 230px;
	border-width: 0px;
	padding: 0px;
	padding-top: 0px;
	vertical-align: text-top;
	width: 680px;
	height: 340px;
	background-image: url(Pictures/BAHAServicePDFFrameFramed.png);
	background-color: transparent;
	}


#panelservice1{
	position: absolute;
	top: 540px;
	right: 0px;
	width: 828px;
	height: 1000px;
	margin: 0px;
	border-width: 0px;
	padding: 0px;
	padding-top: 15px;
	background-color: transparent;}


#panelservice2{
	position: absolute;
	top: 1840px;
	right: 0px;
	width: 828px;
	height: 1000px;
	margin: 0px;
	border-width: 0px;
	padding: 0px;
	padding-top: 15px;
	background-color: transparent;}

#panelservice3{
	position: absolute;
	top: 2700px;
	right: 0px;
	width: 828px;
	height: 1000px;
	margin: 0px;
	border-width: 0px;
	padding: 0px;
	padding-top: 15px;
	background-color: transparent;}

#panelservice4{
	position: absolute;
	top: 4100px;
	right: 0px;
	width: 828px;
	height: 1000px;
	margin: 0px;
	border-width: 0px;
	padding: 0px;
	padding-top: 15px;
	background-color: transparent;}

#bahaseparatorone{
	position: absolute;
	top: 0px;
	left: 0px;
	right: 0px;
	width: 828px;
	height: 50px;
	margin: 0px;
	margin-top: 20px;
	border-width: 0px;
	padding: 0px;
	padding-top: 15px;
	background-color: transparent;}

#footerservice{
	position: relative;
	top: 5300px;
	padding: 0px;
	margin: 0px auto;
	text-align: center;
	height: 100px;
	color: rgb(0,0,0);
	background-image: url(Pictures/BAHAFooterBackground.png);
	background-repeat: repeat-x;}


.scriptservice{
	position: relative;
	padding: 0px;
	left: 0px;
	top: 0px;
	margin: 0px;
	width: 828px;
	color: rgb(0,0,0);
	background-color: transparent;
	border-right-style: solid;
	border-right-width: 2px;
	border-right-color: rgb(175,140,26);}

.scriptserviceleft{	
	position: absolute;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 25px;
	padding-right: 25px;
	left: 0px;
	top: 50px;
	margin: 0px;
	margin-top: 50px;
	width: 550px;
	color: rgb(0,0,0);
	background-color: transparent;
	font-family: arial, calibri;
	font-size: 28px;}

.scriptservicelefttwo{	
	position: absolute;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 25px;
	padding-right: 25px;
	left: 0px;
	top: 110px;
	margin: 0px;
	margin-top: 50px;
	width: 550px;
	color: rgb(0,0,0);
	background-color: transparent;}

.scriptserviceleftthree{	
	position: absolute;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 25px;
	padding-right: 25px;
	left: 0px;
	top: 50px;
	margin: 0px;
	margin-top: 50px;
	width: 550px;
	color: rgb(0,0,0);
	background-color: transparent;}

.scriptserviceleftthree{	
	position: absolute;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 25px;
	padding-right: 25px;
	left: 0px;
	top: 50px;
	margin: 0px;
	margin-top: 50px;
	width: 550px;
	color: rgb(0,0,0);
	background-color: transparent;}

.scriptserviceleftfour{	
	position: absolute;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 25px;
	padding-right: 25px;
	left: 0px;
	top: 500px;
	margin: 0px;
	margin-top: 50px;
	width: 550px;
	color: rgb(0,0,0);
	background-color: transparent;}

.scriptserviceleftfive{	
	position: absolute;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 25px;
	padding-right: 25px;
	left: 0px;
	top: 850px;
	margin: 0px;
	margin-top: 50px;
	width: 550px;
	color: rgb(0,0,0);
	background-color: transparent;}

.scriptserviceleftbig{	
	position: absolute;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 25px;
	padding-right: 25px;
	left: 0px;
	top: 25px;
	margin: 0px;
	width: 550px;
	color: rgb(0,0,0);
	background-color: transparent;}

.scriptserviceleftbottom{	
	position: relative;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 25px;
	padding-right: 25px;
	left: 0px;
	top: 0px;
	margin: 0px;
	width: 530px;
	color: rgb(0,0,0);
	background-color: transparent;}

.scriptserviceright{	
	position: absolute;
	padding: 6px;
	left: 600px;
	top: 125px;
	margin: 0px;
	margin-top: 35px;
	width: 166px;
	background-color: rgb(175,140,26);
	overflow: hidden;
	}


p.serviceleft{
	font-size: 16px;
	text-align: justify;
	font-family: "Times New Roman", arial, calibri, cambria;
	font-weight: normal;
	}
p.serviceleftbold{
	font-size: 16px;
	text-align: justify;
	font-family: "Times New Roman", arial, calibri, cambria;
	font-weight: bold;
	}
p.serviceright{
	color: rgb(255,255,255);
	font-family: calibri, arial;
	text-align: left;
	font-size: 14px;
	font-weight: normal;
	}
p.servicerightbold{
	color: rgb(255,255,255);
	font-family: calibri, arial;
	text-align: left;
	font-size: 14px;
	font-weight: bold;
}

h2.scriptserviceleft{
	margin: 0px; font-family: cambria, "Times New Roman", calibri; text-align: center;}



table.clear{	position: absolute;
		color: rgb(175,140,26);
		border-color: rgb(175,140,26);
		border-width: 0px;
		margin-top: 80px;
		margin-left: 20px;
		margin-right: 20px;
		width: 640px;
		border-style: double;
		border-collapse: collapse;}
tr.clear{	border-width: 3px;
		border-style: none;
		border-color: rgb(0,0,0);
		height: 40px;
		padding-left: 20px;}

tr.clearcentered{	
		border-width: 3px;
		border-style: none;
		border-color: rgb(0,0,0);
		height: 80px;
		padding-left: 20px;}



td.clear{	border-width: 3px;
		border-style: none;
		width: 50%;
		border-color: rgb(0,0,0);
		text-align: left;
		padding-left: 20px;}

td.clearcentered{border-width: 3px;
		border-style: none;
		width: 50%;
		border-color: rgb(0,0,0);
		text-align: center;
		padding-left: 0px;}

a.services{
	color: rgb(150,100,0);
	font-style: normal;
	font-weight: bold;
	text-decoration: none;
	border-style: none;
	font-family: arial, calibri;
	font-size: 17px;}

a.servicessmall{
	color: rgb(150,100,0);
	font-style: normal;
	font-weight: bold;
	text-decoration: none;
	border-style: none;
	font-family: arial, calibri;
	font-size: 16px;}

a.adobe{
	border-style: none;
	background-color: transparent;
	border-collapse: collapse;}

img.adobe{
	border-style: none;
	background-color: transparent;
	border-collapse: collapse;}

img.adobelarge{
	border-style: none;
	background-color: transparent;
	border-collapse: collapse;
	margin-bottom: 20px;
	margin-top: 10px;}


p.serviceleft{
	color: rgb(125,75,0); 
	background-color: transparent;
	text-decoration: none; 
	text-align: justify; 
	font-family: arial, calibri;
	font-size: 16px;}

ul.service { 	list-style-image: url(Pictures/BAHABullet.png);
		list-style-type: disc;
		list-style-position: outside;
		margin-top: -10px;
		padding-top: 0px;
		font-family: arial, calibri;
		font-size: 14px;
		height: 25px;
		color: rgb(175,125,0);
		font-weight: normal;}