/* CSS Document */

body{
	padding:0;
	margin:0;
	background-color:#2F2E22;
	color:#000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
}
div, h1, h2, h3, p, form, label, input, textarea, img, span{
	margin:0; padding:0;
}

h3 {
	font-family: Georgia, "Times New Roman", Times, serif;
	color:#267499;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #267499;	
	padding-bottom: 15px;
}

h4 {
padding: 0px;
margin: 0px;
font-size:1.2em;
}

h3.georgia {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 14px;
	color: 	#267499;
	background-color: #F2F2F2;
	border: 1px solid #CCCCCC;
	padding: 15px;
	margin-bottom: 15px;
	text-align: center;
}

#right ul{
	list-style-type:square;
	font-size:14;
	font-family: Georgia, "Times New Roman", Times, serif;
}

li {
	padding-bottom: 5px;
	line-height: 145%;
}
.spacer{
	clear:both; 
	font-size:0; 
	line-height:0;
}

p {
	line-height: 145%;
	margin-bottom: 20px;
	margin-top: 15px;
	text-align: left;
}

p.success {
	color: #006600;
	background-color: #EAF3E4;
	padding: 10px;
	border: 1px solid #009900;	
}

a:link, a:hover, a:visited, a:active {
	color: #CE0000;
	text-decoration: underline;
}

th, td {
	vertical-align: top;
	text-align: left;
	padding: 15px;
	margin-top: 15px;
}

td.member_dir {
	vertical-align: top;
	text-align: left;
	padding: 15px;
	margin-top: 15px;
}

th.member_dir {
	vertical-align: top;
	text-align: left;
	padding: 15px;
	margin-top: 15px;
	background-color: #F7F7F7;	
}

.marked {
	background-color: #CE0000;
	padding: 3px;
	text-decoration:none;
	color: #FFF;	
}

img {
	border: none;
}

img.border {
	border: 8px solid #F8F5F1;	
}
/*------------------------------------------------body--------------------*/

/*------------------------------------------------top part--------------------*/
#top{
	width:968px;
	height:100px;
	position:relative;
	background-color: #EC0000;
	margin-top: 20px;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}
#top img{
	position:absolute;
	left:34px;
	top:20px;
	width:427px;
	height:50px;
}
#top #joinus{
	width:200px;
	height:20px;
	padding: 5px;
	margin-left:710px;
	margin-top:35px;
	background-color: #FFFFFF;
	text-align: center;
	background-image: url(../images/top-bg.jpg);
	background-repeat: no-repeat;
}

/*------------------------------------------------top part--------------------*/

/*------------------------------------------------header--------------------*/
#header{
	width:968px;
	height:80px;
	background-color: #164258;
	text-align: center;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding-bottom: 0;
	background-image: url(../images/sec-mantra.jpg);
	background-repeat: no-repeat;
}

#nav{
	width:968px;
	height:29px;
	background-color: #164258;
	text-align: center;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding-bottom: 0;
}

/*------------------------------------------------header--------------------*/

/*------------------------------------------------body--------------------*/
#body{
	width:968px;
	margin:0 auto;
	padding:0;
	background-color:#fff;
	color:#000;
}

/*------------------------------------------------left panel--------------------*/
#left{
	width:550px;
	float:left;
	padding-top: 20px;
	padding-right: 15px;
	padding-bottom: 20px;
	padding-left: 80px;
}

#left_wide{
	width:770px;
	float:left;
	padding-top: 20px;
	padding-right: 15px;
	padding-bottom: 20px;
	padding-left: 80px;
}

#people {
	float: left;
	width: 510px;
	margin-bottom: 15px;
}
#pic {
	float: left;
	width: 110px;
	height: 110px;
}

#desc {
	float: right;
	width: 400px;
}

#event {
	float: left;
	width: 510px;
	margin-bottom: 15px;
	margin-top: 15px;
}
#cal {
	float: left;
	width: 50px;
	height: 50px;
	background-image: url(../images/cal-icon.gif);
	background-repeat: no-repeat;	
}



/*------------------------------------------------Hover About BACC--------------------*/

.about-bacc
{
position: relative;
background: url(../images/about-bacc-rollover.gif) no-repeat;
white-space: nowrap;
display: block;
width: 409px;
height: 60px;
margin: 0;
padding: 0;
}

.about-bacc a
{
display: block;
color: #000000;
font-size: 11px;
width: 409px;
height: 60px;
display: block;
float: left;
color: black;
text-decoration: none;
}

.about-bacc img
{
width: 409px;
height: 60px;
border: 0
}

.about-bacc a:hover img
{
visibility:hidden;
}

/*------------------------------------------------Hover Business Center--------------------*/

.bus-center
{
position: relative;
background: url(../images/business-center-rollover.gif) no-repeat;
white-space: nowrap;
display: block;
width: 409px;
height: 60px;
margin: 0;
padding: 0;
}

.bus-center a
{
display: block;
color: #000000;
font-size: 11px;
width: 409px;
height: 60px;
display: block;
float: left;
color: black;
text-decoration: none;
}

.bus-center img
{
width: 409px;
height: 60px;
border: 0
}

.bus-center a:hover img
{
visibility:hidden;
}

/*------------------------------------------------Media & Events--------------------*/

.media-events
{
position: relative;
background: url(../images/media-events-rollover.gif) no-repeat;
white-space: nowrap;
display: block;
width: 409px;
height: 60px;
margin: 0;
padding: 0;
}

.media-events a
{
display: block;
color: #000000;
font-size: 11px;
width: 409px;
height: 60px;
display: block;
float: left;
color: black;
text-decoration: none;
}

.media-events img
{
width: 409px;
height: 60px;
border: 0
}

.media-events a:hover img
{
visibility:hidden;
}

/*------------------------------------------------Hover Links & Partners--------------------*/

.links-partners
{
position: relative;
background: url(../images/links-partners-rollover.gif) no-repeat;
white-space: nowrap;
display: block;
width: 409px;
height: 60px;
margin: 0;
padding: 0;
}

.links-partners a
{
display: block;
color: #000000;
font-size: 11px;
width: 409px;
height: 60px;
display: block;
float: left;
color: black;
text-decoration: none;
}

.links-partners img
{
width: 409px;
height: 60px;
border: 0
}

.links-partners a:hover img
{
visibility:hidden;
}

* html a:hover
{
visibility:visible
}

/*------------------------------------------------left panel--------------------*/

/*------------------------------------------------right panel--------------------*/
#right{
	width:200px;
	float:left;
	margin-top: 35px;
	padding-top: 25px;
	padding-right: 20px;
	padding-left: 20px;
	background-color: #FFF;
	background-image: url(../images/right_bg.jpg);
	background-repeat: no-repeat;
	height: 290px;
}


#right_small{
	width:10px;
	float:left;
}

#right #logo {
	width: 200px;
	float: left;
	margin-top: 15px;
}


/*------------------------------------------------bodyBottom--------------------*/
#bodyBottom{
	width:953px;
	margin:18px 0 0 0;
	padding:20px 8px 19px 7px;
	float:left;
	text-align: left;
}

#calendar {
	width: 49px;
	height: 53px;
	float: left;
	background-image: url(../images/cal-icon.gif);
	background-repeat: no-repeat;		
}

#event-desc {
	width: 280px;
	float: right;
	padding-left: 10px;
	
}

#bodyBottom img {
	border: 0px;
}
#bodyBottom ul{
	width:800px;
	color:#000;
	float: left;
	display:block;
	margin-left: 70px;
	margin-top: 30px;
}
#bodyBottom ul li.one{
	font:normal 12px/20px Verdana, Arial, Helvetica, sans-serif;
	color:#131313;
	background-color:#fff;
	float:left;
	display:block;
	width:235px;
	padding-top: 7px;
	padding-right: 15px;
	padding-bottom: 36px;
	padding-left: 15px;
	text-align: left;
}

#bodyBottom ul li.event1{
	font:normal 12px/20px Verdana, Arial, Helvetica, sans-serif;
	color:#131313;
	background-color:#fff;
	float:left;
	display:block;
	width:350px;
	padding-top: 7px;
	padding-right: 15px;
	padding-bottom: 36px;
	padding-left: 15px;
	text-align: left;
}


#bodyBottom ul li.two{
	font:normal 12px/20px Verdana, Arial, Helvetica, sans-serif;
	color:#131313;
	background-color:#fff;
	float:left;
	display:block;
	width:235px;
	padding-top: 7px;
	padding-right: 15px;
	padding-bottom: 36px;
	padding-left: 15px;
	text-align: center;
}

#bodyBottom ul li.event2{
	font:normal 12px/20px Verdana, Arial, Helvetica, sans-serif;
	color:#131313;
	background-color:#fff;
	float:left;
	display:block;
	width:340px;
	padding-top: 7px;
	padding-right: 15px;
	padding-bottom: 36px;
	padding-left: 55px;
	text-align: left;
}

#bodyBottom ul li.three{
	font:normal 12px/20px Verdana, Arial, Helvetica, sans-serif;
	color:#131313;
	background-color:#fff;
	float:left;
	display:block;
	width:235px;
	text-align: right;
	padding-top: 7px;
	padding-right: 15px;
	padding-bottom: 36px;
	padding-left: 15px;
}
/*------------------------------------------------bodyBottom--------------------*/

/*------------------------------------------------body--------------------*/

/*------------------------------------------------footer--------------------*/
#footerMain{
	width:968px;
	margin:0 auto;
	height:140px;
	background-color:#2F2E22;
	color:#FFF;
}
#footer{
	width:953px;
	margin:0 auto;
	height:140px;
	position:relative;
}

p.small {
	font-size: 0.8em;
	color: #999999;
 }
/*------------------------------------------------footer--------------------*/

/*----------------------------------------form fields--------------------*/

input {
	margin-bottom:15px;
	padding: 5px;
	border: 1px solid #999999;	
}

input.checkbox {
	margin-bottom: 5px;
	margin-right: 5px;
}

.pullquote {
	width:520px;
	line-height:1.5;
	font-size:1.3em;
	text-align:left;
	background:#333;
	color:#fff;
	margin: 0.25em 1em 0.5em 0;
	padding:1em;
	font-family: Georgia, "Times New Roman", Times, serif;
}

/*----------------------------------------Navigation--------------------*/

#foxmenucontainer{
	height:24px;
	background:#164258;
	display:block;
	margin-left: 60px;
	padding-top: 0px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 15px;
}
#foxmenu{position:relative;display:block;height:24px;font-size:11px;font-weight:bold;font-family:Arial,Verdana,Helvitica,sans-serif;}
#foxmenu ul{margin:0px;padding:0;list-style-type:none;width:auto;}
#foxmenu ul li{display:block;float:left;margin:0 1px 0 0; height: 19px;}
#foxmenu ul li a{
	display:block;
	float:left;
	color:#fff;
	text-decoration:none;
	height:19px;
	background: #164258 url(/code/fox/images/foxmenu_bg-OFF.gif) no-repeat top left;
	padding-top: 10px;
	padding-right: 20px;
	padding-bottom: 10;
	padding-left: 20px;
}
#foxmenu ul li a:hover{color:#fff;background:#164258 url(/code/fox/images/foxmenu_bg-OVER.gif) no-repeat top right;}
#foxmenu ul li a.current,#foxmenu ul li a.current:hover{color:#000;background:#fff;}


th.red {
	color: #FFF;
	background-color: #CE0000;
	text-align: center;
	font-size: 1.5em;
	vertical-align: middle;
}

th.blue {
	color: #FFF;
	background-color: #267499;
	text-align: center;
	font-size: 1.5em;
	vertical-align: middle;
}

th.grey {
	color: #000;
	background-color: #F2F2F2;
	text-align: left;
	font-size: 1em;
	vertical-align: middle;

}

td {
	text-align: center;
}

td.left-top {
	text-align: left;
	vertical-align: top;
}