/* ----------------------------------------------
	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 0px 0px 0px; width: 898px; border: 1px solid #000; padding: 20px 0px 25px 0px
}

/* LeftContent */
#leftbar{
	float:left; width: 435px; overflow: hidden; display:block; border-right: 1px solid #CCC; margin-left: 20px
}
img.globe{
	float: left; border: 2px solid #CCC; padding: 5px; display:block; margin-right: 20px; margin-top: 3px
}
#sidebar1{
	width: 310px; overflow: hidden; float: left; display: block
}
#sidebar1 h1{
	width: 120px; font-size: 14pt; display:block; margin: 0px; padding-top: 2px; border-bottom: 1px solid #000
}
#sidebar1 p.text{
	padding-top: 5px
}
#hr{
	clear:left; float:left; width:405px; height: 1px; margin-top: 20px; border-bottom: 1px solid #CCC
}
#leftbar h1.announcements{
	margin: 0px auto; width:152px; border-bottom: 1px solid #000
}
#sidebar2{
	clear:left; float: left; width: 400px; height: 375px; overflow: hidden; display: block; background-image: url(images/note.jpg);
	margin-top: 20px; margin-left: 5px
}
#sidebar2 ul{
	width: 330px; margin: 50px 0px 0px 0px; padding: 0px 20px 0px 50px; display: block; font-size: 11pt
}
#sidebar2 li{
	margin-bottom: 12px; line-height: 135%
}

/* RightContent */
#rightbar{
	float: right; width: 420px; overflow: hidden; display: block
}
img.hands{
	float: left; border: 2px solid #CCC; padding: 5px; display:block; margin-top: 3px; margin-right: 20px
}
#sidebar3{
	float: left; width: 245px; overflow: hidden;  display: block
}
#sidebar3 p.text{
	float:left; width: 245px; display:block
}
#sidebar3 ul.listframe1{
	clear:left; float:left; width: 205px; margin: 22px 0px 0px 40px; padding: 0px; line-height: 135%; display: block; list-style: none
}
#sidebar3 li.header1{
	width: 140px;  margin: 0px 0px 10px 0px; padding: 0px 0px 1px 0px; border-bottom: 1px solid #000; font-weight: bold; font-size: 11pt; display:block
}
#sidebar4{
	clear:both; float: left; width: 407px; overflow: hidden;  display: block; margin-top: 20px; padding: 15px 0px 15px 2px;
	border-top: 1px dotted #CCC
}
#sidebar4 ul.listframe2{
	float:left; width: 190px; margin: 0px; padding: 0px; line-height: 135%; display: block; list-style: none; border-right: 1px dotted #CCC
}
#sidebar4 li.header2{
	width: 170px;  margin: 0px 0px 10px 0px; padding: 0px 0px 1px 0px; border-bottom: 1px solid #000; font-weight: bold; font-size: 11pt; display: block
}
#sidebar4 ul.listframe3{
	float:left; width: 195px; margin: 0px 0px 0px 20px; padding: 0px; line-height: 135%; display: block; list-style: none
}
#sidebar4 li.header3{
	width: 92px;  margin: 0px 0px 10px 0px; padding: 0px 0px 1px 0px; border-bottom: 1px solid #000; font-weight: bold; font-size: 11pt; display: block
}
#sidebar4 ul.listframe4{
	clear:both; float:left; width: 405px; margin: 15px 0px 0px 0px; padding: 15px 0px 0px 0px; line-height: 160%; display: block; list-style: none;
	border-top: 1px dotted #CCC
}
#sidebar4 span{
	font-weight: bold; font-size: 11pt
}

/* Horizontal */
#horizontal{
	clear:both; width:860px; border-bottom: 1px solid #CCC; height: 1px; margin: 0px auto; padding-top: 20px
}

/* BottomContent */
#bottombar{
	width: 898px; overflow: hidden; display: block; margin-top: 20px; line-height: 175%; font-size: 9pt
}
#bottombar ul.listframe5{
	float:left; width: 112px; margin: 0px 0px 0px 20px; padding: 0px; display: block; list-style: none
}
#bottombar li.header4{
	width: 112px;  margin: 0px 0px 8px 0px; padding: 0px 0px 1px 0px; border-bottom: 1px solid #000; font-weight: bold; font-size: 10pt; display:block
}
#bottombar ul.listframe6{
	float:left; width: 120px; margin: 0px 0px 0px 20px; padding: 0px; display: block; list-style: none
}
#bottombar li.header5{
	width: 56px;  margin: 0px 0px 8px 0px; padding: 0px 0px 1px 0px; border-bottom: 1px solid #000; font-weight: bold; font-size: 10pt; display:block
}
#bottombar ul.listframe7{
	float:left; width: 120px; margin: 0px 0px 0px 0px; padding: 0px; display: block; list-style: none
}
#bottombar ul.listframe8{
	float:left; width: auto; margin: 0px 0px 0px 20px; list-style: none; line-height: 155%; padding: 0px; margin: 0px
}
.margin{
	padding-top: 10px
}
.lists{
	float:left; width: 155px
}
#bottombar li.header6{
	display:inline; margin: 0px 0px 8px 0px; padding: 0px 0px 1px 0px; border-bottom: 1px solid #000; font-weight: bold; font-size: 10pt
}
#bottombar ul.listframe9{
	float:left; width: 120px; margin: 0px 0px 0px 20px; padding: 0px; display: block; list-style: none; line-height: 155%
}
#bottombar li.header7{
	width: 30px;  margin: 0px 0px 8px 0px; padding: 0px 0px 1px 0px; border-bottom: 1px solid #000; font-weight: bold; font-size: 10pt; display:block
}

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