/* ----------------------------------------------
	Project Name : BNI - Business Executives Network
	Author : Sean Rochlen
	Website : http://www.sandwichestudios.com      
	Last Date Modified : Nov.29, 2009
   --------------------------------------------- */


/* HTML ELEMENTS */ 
body{
	margin: 0px; padding: 0px; background: #242323; font-family: Arial, Helvetica, sans-serif; font-size: 12pt; color: #FFF
}
p{
	display:block; margin: 0px
}
h1{
	font-size: 14pt; display:block; margin: 0px
}

/* Images */
img{
	border: none
}

/* Links */
a{
	color: #FFF; text-decoration: none
}
a:hover{
}

/* ------------------------------------------
   LAYOUT
------------------------------------------- */
 
#wrapper{
	position:relative; width: 900px; margin: 0px auto; border: 5px solid #FFF; background: #FFF
}

/* Header */
#header{
	background: #000; width: 900px; height: 115px; border-bottom: 4px solid #FFF
}
#bni-logo img{
	float:left; margin: 20px 0px 0px 25px; overflow: visible; width: 130px; display:block
}
#ben-logo p.text{
	position: relative; left: -2px; overflow: visible; display:block; width: 135px; margin-top: 24px; float:left; font-size: 58pt; line-height: 70%; font-family: "Trebuchet MS"
}
#ben-logo p.dash{
	position: relative; left: -5px; overflow: visible; display: block; width: 25px; margin-top: 42px; float: left; font-size: 58pt; line-height: 10%; font-family: "Trebuchet MS"
}
#ben{
	clear: both; margin-left: 68px; padding-top: 5px; width: 230px; overflow: visible
}

/* Navigation */
#headerNav{
	margin-top: 8px; float:right; width: 425px; height: 75px; font-size: 7pt; text-align: center; font-weight: normal; font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; letter-spacing: 1px
}
#headerNav a{
	float:left; margin-top: 48px; display:block; overflow: visible
}
#headerNav a:hover{
	text-decoration: underline
}
#headerNav a.nav1{
	padding-top:5px; margin-right: 15px; height: 20px; width:45px
}
#headerNav a.nav2{
	padding-top:5px; height: 20px; margin-right: 9px;  margin-left: 9px; width: 66px
}
#headerNav a.nav3{
	padding-top:5px; height: 20px; margin-right: 12px; margin-left: 12px; width:60px
}
#headerNav a.nav4{
	padding-top:5px; height: 20px; margin-right: 22px; margin-left: 22px; width: 40px
}
#headerNav a.nav5{
	padding-top:5px; height: 20px; margin-right: 20px; margin-left: 15px; width: 60px
}
#headerNav img.navbar{
	float:left; margin-top: 10px
}

/* MainContent */
#page{
	overflow: hidden; margin: 0px auto; width: 900px; color: #000; font-size: 10pt
}
#bar{
	margin: 0px; padding-top: 3px; text-align: center;  font-size: 7pt; font-weight: normal; font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; text-align: center;
	letter-spacing: 2px; background: #000; width: 900px; height: 15px; border-top: 1px solid #FFF
}
#bar p{
	display: inline
}
#bar p.arrow1{
	text-align: left; width: 350px; color: #F00
}
#bar p.text{
	color: #FFF; width: 200px
}
#bar p.arrow2{
	text-align: right; width: 350px; color: #F00
}
#main{
	overflow: hidden; margin: 0px; width: 898px; border: 1px solid #000; padding: 20px 0px 20px 0px
}

/* LeftContent */
#leftbar{
	float:left; width: 475px; overflow: hidden; display:block; border-right: 1px solid #CCC; margin-left: 20px
}
#leftbar h1{
	width: 252px; padding-bottom: 1px; border-bottom: 1px solid #000; display: block; margin: 0px 0px 10px 95px
}
#leftbar p{
	margin-bottom: 15px; padding-right: 20px
}
.settings{
	clear:left; float:left; width: 450px; display:block; background: #F0F0F0; border: solid 1px #CCC; margin-bottom: 12px
}
.picture{
	float:left; width:122px; height:160px; margin: 8px; border: 1px solid #333; display: block; margin-right: 25px
}
#leftbar ul{
	float:left; width: 250px; list-style: none; margin: 10px 0px 0px 0px; padding: 0px; display: block; font-size: 13pt; color: #000080; line-height: 125%
}
#leftbar li.info{
	font-size: 14pt; color: #8B0000; text-decoration: underline; padding-bottom: 7px
}
#leftbar li.name{
	font-weight: bold
}
#leftbar ul a{
	color: #000080
}
#leftbar ul a:hover{
	text-decoration: underline; color: #8B0000
}
#bottomleft{
	clear:left; float:left; width: 430px; display:block; margin-top: 8px
}
#bottomleft h1{
	width: 178px; padding-bottom: 1px; border-bottom: 1px solid #000; display: block; margin: 0px auto 10px auto
}
#bottomleft ul{
	width: 430px; font-size: 11pt; margin: 0px; padding: 0px; line-height: 175%; display:block; text-align: center
}
#bottomleft ul a{
	color: #000080
}
#bottomleft ul a:hover{
	text-decoration: underline; color: #8B0000
}

/* RightTopContent */
#rightbartop{
	float:right; width: 357px; overflow: hidden; display:block; margin: 0px 20px 20px 0px; padding: 0px;
}
#header1{
	float:left; width: 357px; display:block; margin: 0px 0px 20px 0px; padding-bottom: 20px; border-bottom: 1px solid #CCC
}
#header1 h1.membership{
	display:block; width: 120px; margin-bottom: 10px; padding-bottom: 1px; border-bottom: 1px solid #000; margin: 0px auto 10px auto
}
#directions{
	clear:left; float:left; width: 357px; display:block; margin: 0px 0px 20px 0px; padding-bottom: 27px; border-bottom: 1px solid #CCC
}
#directions p.location{
	float:left; width: 200px; display: block
}
#directions p.location span.title{
	font-weight: bold; color: #8B0000; text-decoration: underline
}
#directions img.map{
	float:left; display:block; width:150px; height: 150px; border: 2px solid #8B0000; margin-top: 10px
}
#directions a{
	color: #8B0000; text-decoration: underline
}
#contactbox{
	clear:left; float:left; width: 357px; display:block; margin: 0px; padding: 0px
}
#contactbox img.mailing{
	float:left; display:block; width:60px; height: 60px; border: 1px solid #CCC; margin: 0px
}
#contactbox h1.contact{
	float:left; color: #8B0000; padding-bottom: 1px; border-bottom: 1px solid #000; display: block; width: 105px; margin: 25px 0px 0px 10px
}
#contactbox p{
	float:left; width: 357px; margin-bottom: 15px; text-align: center; color: #8B0000; border-bottom: 1px dotted #CCC; padding-bottom: 15px
}
#contactbox p span{
	text-decoration: underline; font-weight: bold; padding-top: 5px; display:block
}

/* RightContent */
#rightbar{
	clear:right; float:right; width: 355px; overflow: hidden; display:block; margin: 0px 20px 0px 0px; padding: 0px; border: solid 1px #C8C8C8
}

/* Footer */
#footer{
	clear:both; width: 900px; height: 40px; margin: 0px auto; padding-top: 22px; background: #333; font-size: 9pt
}
#footer p{
	display:block; margin: 0px; width: 250px
}
#footer p.left{
	float:left; margin: 0px; width: 280px; padding-left: 15px
}
#footer p.right{
	float:right; margin: 0px; width: 255px
}
#footer a{
	padding-left: 5px
}
#footer a:hover{
	text-decoration: underline
}