/* ----------------------------------------------
	Project Name : BNI - Business Executives Network
	Author : Sean Rochlen
	Website : http://www.sandwichestudios.com      
	Last Date Modified : Nov.13, 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
}

/* Page */
#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-width: 1px; border-top-style: solid; border-top-color: #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 auto; width: 898px; border: 1px solid #000; padding-bottom: 20px
}
#main img.networking{
	float:left; padding: 10px 20px 0px 15px; display:block
}

/* SidebarLeft */
#sidebar_left{
	float:left; display:block; width:395px; margin-top: 20px
}
#sidebar_left p{
	margin-top:12px
}
#sidebar_left h1{
	width: 250px; padding-bottom: 1px; border-bottom: 1px solid #000
}

/* SidebarRight */
#sidebar_right{
	display:block; float:right; width: 215px; height: 190px; padding-left: 22px; margin-top: 20px; border-left: 1px solid #CCC
}
#sidebar_right p{
	margin-top:12px; display:block; padding-right: 7px
}
#sidebar_right h1{
	width: 120px; padding-bottom: 1px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #000
}
#hr{
	clear:both; width:860px; margin: 0px auto; padding-top: 5px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #CCC
}

/* Schedule */
#schedule{
	clear:both; width: 485px; margin: 15px 0px 0px 15px; float: left; display:block
}
#schedule p{
	margin-top:12px; padding-left: 10px; line-height: 175%; display:block
}
#schedule h1{
	width: 231px; margin-left: 10px; padding-bottom: 1px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #000
}
#schedule p span{
	text-decoration: underline; padding-left: 15px
}

/* Membership Information */
#info{
	float:right; width:385px; margin-top: 15px; border-left: 1px solid #CCC; padding-left: 10px
}
#info p{
	padding-right: 7px
}
#top{
	float:left; width:385px; margin: 0px; padding: 0px
}
#top img.watch{
	float: left; margin: 2px 8px 0px 10px; padding: 2px; display:block; border: 2px solid #CCC
}
#top h1{
	float:left; width: 100px; padding-bottom: 1px; border-bottom: 1px solid #000; margin-left: 75px
}
#top p.toptext{
	float:left; width: 265px; padding-top: 10px; text-align: left; margin-left: 5px
}
#bottom{
	clear:left; float:left; width:385px; margin-top: 15px
}
#bottom ul{
	margin: 0px; padding: 10px 0px 0px 20px; width:350px; border-top:1px dotted #CCC; line-height: 120%; display:block
}
#bottom li{
	margin-bottom: 5px
}
#bottom p{
	text-align: center; display:block
}
#bottom p.wherewhen{
	width: 365px; margin: 10px 0px 10px 0px; padding-top: 10px; border-top: 1px dotted #CCC; line-height: 135%
}
#bottom p.border{
	margin: 0px auto 2px auto; width: 300px; padding-bottom: 4px; border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: #CCC
}
#bottom a{
	color: #000; text-decoration: underline
}

/* 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
}