/*###########################
#  Template
#############################*/
* {margin: 0; padding:0;} 
html,body{margin:0;padding:0}
body{font: 76% arial,sans-serif;text-align:center; background:#ffffff; margin:1em 0 0 0; color:#333;}

#wrapper{padding:10px 0 0 5px; background:#ffffff; font-family:Verdana, Arial, Helvetica, sans-serif; position:relative; float:left; width:99%; height:100%;}
#container{width:90%;margin:0 auto; position:relative; text-align:left; background:#ffffff;}


/*###########################
#  Header
#############################*/
.logos
{

margin:0 1em 0 0;
}


#header	{
background: url(../images/logo.gif) 50% top no-repeat; 
height:100px; 
position:relative;
}
#header img
{
float:right;
width:75px;
height:75px;
border:1px solid #000;
margin-right:2em;
}
#header h1	{
margin:0;
padding: 0.5em 0 0 1.5em; 
color:#ff9900;
}
#header h2	{
margin:0;
padding: 0 0 0 20px; 
color:#ff9900; 
font-style:italic; 
font-size:1.2em;
}
.logos h3	{
margin:0 0.7em 0.2em 0; 
padding:0;
text-align:right;
color:#666666;
}
.logo_bifm	{
background:url(../images/BIFM_logo.gif) 2px 2px no-repeat;
width:200px;
height:80px;
display:block;
border:1px solid #ccc;
float:right;
}
.logo_bifm:hover	{
border:1px solid #f90;
}
.logo_qubic	{
background:url(../images/qubic_logo.jpg) 2px 2px no-repeat;
width:200px;
height:80px;
display:block;
border:1px solid #ccc;
margin-left:10px;
float:left;
}
.logo_qubic:hover	{
border:1px solid #f90;
}

/*###########################
#  Navigation
#############################*/

#primary_nav {

margin:1em 0 0 0;
padding:0;
}

#nav
{
	clear: both;
	float: left;
	width: 100%;
	border-bottom: solid 10px #004E9C;
	padding: 0 0 0.3em 0;
	position:relative;
	margin:0 0.3em 0 0;
}
#nav li
{
	float: left;
	margin: 0;
	background: url(../images/pipe.gif) no-repeat right .125em;
	padding: 0 .6em 0 .6em;
	font-weight: bold;
	list-style-type:none;
}
#nav li.first
{
	padding: 0 .9em 0 0;
}
#nav li.last
{

	background: none;

}
#nav li a
{
	font-weight: bold;
	color:#000000;
}


/*###########################
#  Default Styles
#############################*/

p{
margin:1em 2em 1em 1.5em;
}

#content h1, h2, h3, h4	{

margin:0 1em 0 1em;
font-family: "Nobile", Georgia, "Times New Roman", Times, serif;
color:#990000;
width:auto;
}

#content h1{
font-size:2em;
font-weight: bold;
letter-spacing: 0.01em;
margin-left:0.5em;
margin-bottom:0.5em;
padding:0 0 0.3em 0;
border-bottom: 1px solid #f90;
}

#content h2 	{
margin:0 1em 0 1em;
padding:0;
font-family: "Nobile", Georgia, "Times New Roman", Times, serif;
width:auto;
font-size:1.2em;
color:#990000;
}  

hr	{
color:#f90;
background-color:#f90;
border:none;
height:1px;
margin:2em 4em 2em 4em;
text-align:center;
display:block;
}

a	{
text-decoration:none;
color:#222;
}
a:hover
{
	text-decoration:underline;
	color:#000;
}

ul	{
margin:2em;
padding:0;
}
ul li	{
padding: 4px 0.5em 1em 20px;
list-style-type:none;
list-style:none;
background: url(../images/bullet.gif) top left no-repeat;
}

.strong{
font-weight:bold;
}

.italic	{
font-style:italic;
}

.first	{
display:block;
width:70%;
font-weight:normal;
font-size:1.1em;
margin:2em 0 1em 2em;
text-align:left;
}

.prominent	{
font-size:1.1em;
font-weight:bold;
color:#004E9C;
text-align:center;
font-style:italic;
}

.quote-l, .quote-r	{
font-style:italic;
font-size:1.1em;
margin:0 auto;
padding:0.5em 0.5em 0.5em 0.5em;
text-align:left;
display:block;
color:#333;
}
.quote-l img, .quote-r img	{
width:200px;
height:200px;
}
.quote_speaker	{
font-style:normal;
font-weight:bold;
display:block;
text-align:right;
padding:0.5em 0 0.5em 0;
}

.clear	{
clear:both;
}

.txtright	{
text-align:right;
}
.txtleft	{
text-align:left;
}
.txtcenter	{
text-align:center;
}

.orange	{
color:#ff9900;
}
.ltblue	{
color:#008CE2;
}
.dkblue	{
color:#004E9C;
}

#content p{line-height:1.4; }

#content	{
display:block;
position:relative;
margin:0 170px 0 165px;

min-width:300px;
}
#content img	{
width:100px;
height:100px;
border:1px solid #999;
padding:2px;
}

/*###########################
#  Advertising
#############################*/

#primary_advertising_left	{
float:left;
width:160px; 
height:900px; 
border:1px solid #999; 
margin:0 0 1em 0; 
text-align:center;
}

#primary_advertising_right	{
float:right;
width:160px; 
height:900px; 
border:1px solid #999; 
margin:0 0 1em 0; 
text-align:center;
}

#supporters #primary_advertising_left, #supporters #primary_advertising_right	{
height:900px;
} 

#primary_advertising_left a .button, #primary_advertising_right a .button	{
border-bottom:4px solid #999;
border-top:none;
border-left:none;
border-right:none;
padding:1em 0 1em 0;

display:block;

margin:0 auto;
}

#primary_advertising_left a .button:hover, #primary_advertising_right a .button:hover	{
border-bottom:4px solid #ff9900;
}


/*###########################
#  Footer
#############################*/

#footer {border-top: 10px solid #008CE2; clear:both;width:100%; text-align:center;}
#footer p{padding:0 5px 10px 5px;}
#footer a{
padding:5px;
}
#footer .power_designs	{
font-size:0.8em;
padding-left:5px;
}
#footer .power_designs a	{
padding-left:0;
}

/*###########################
#  Homepage
#############################*/

#home #container #wrapper #content .quote-l	{
font-style:italic;
font-size:0.9em;
width:120px;
text-align:center;
display:inline;
float:left;
color:#004E9C;
position:relative;
background:#FFFFFF;
}

#home #container #wrapper #content .quote-l img	{
margin:0.5em 0 0 0;
background:#fff;
}

#home #container #wrapper #content .quote-r	{
font-style:italic;
font-size:0.9em;
width:120px;
text-align:center;
display:inline;
float:right;
color:#004E9C;
position:relative;
background:#FFFFFF;
}

#home #container #wrapper #content .quote-r img	{
margin:0.5em 0 0 0;
background:#fff;
}

#home #container #wrapper #content .quote-l .quote_speaker	{
text-align:left;
}
#home #container #wrapper #content .quote-r .quote_speaker	{
text-align:right;
}
#home #container #wrapper #content .quote_speaker	{
font-style:normal;
font-weight:bold;
display:block;

padding:0.5em 0 0.5em 0;
color:#ff9900;
}

#home #container #wrapper #content ul	{

margin-left:130px;
}
.list_icons li	{
padding:15px 0 0 75px;
}

.list_icons	li.web{;
height:56px;
}

/*###########################
#  Who We Are
#############################*/

.members	{
font-weight:bold;
font-size:0.9em;
padding:0 0 0 0.5em;
}

.members li	{
padding: 4px 0.5em 1em 15px;
list-style-type:none;
list-style:none;
background: url(../images/bullet.gif) top left no-repeat;
}

#content .patron img	{
float:right;
width:100px;
height:100px;
margin:0.5em;
}

/*###########################
#  Events 
#############################*/

.event_list {
margin:2em;
padding:0;
border: 1px solid #999;
width:60%;
}
.event_date {
height:1em;
padding:5px;
background:#ccc;
display:block;
font-weight:bold;
}
.event_speaker {
padding:10px;
display:block;
}

.event_speaker a {
text-decoration:underline;
color:#900;
}


.conference	{
border:1px solid #ccc;
background: #efefef;
width:75%;
margin:0 auto;

}

#events #content h2	{
margin-left:23%;
}
#events .event-detail-title	{
display:inline-block;
width:10%;
margin-top:5px;
vertical-align:top;
clear:left;
margin-left:10px;
}

#events .event-detail	{
display:inline-block;
width:80%;
margin:5px;
vertical-align:top:
}

.event-detail a {
text-decoration:underline;
color:#900;
}

#events .conference-time	{
display:inline-block;
width:20%;
margin:10px;
vertical-align:top;
clear:left; 
margin-left:10px;
}

#events .conference-detail	{
display:inline-block;
width:75%;
margin-top:10px;
vertical-align:top:
}

#events .conference-detail .speaker	{
font-weight:bold;
}

#events #wrapper	{
margin-bottom:10px;
}

/*###########################
#  Useful Links 
#############################*/

.useful_links	{
margin:0 0 2em 1em;
width:40%;
float:left;
vertical-align:top;
text-align:center;
display:block;
position:relative;
top:0;
left:0;

}

.useful_links ul	{
margin:0 auto;
padding:0;
width:66%;
display:inline-block;
}

.useful_links h3	{
text-align:center;
display:inline-block;
height:3em;
width:66%;
padding:0.5em 0 0 0;
border-top:1px solid #f90;
border-left:1px solid #f90;
border-right:1px solid #f90;
border-bottom:1px solid #f90;
 margin:1em 0 1em 0em;

}

.useful_links li	{
background:none;
font-size:1.2em;
margin:0 auto;
padding:5px;
border-bottom:1px solid #f90;
}

#useful_links #container #wrapper #content h1	{
text-align:left;
}

/*###########################
#  Jobs
#############################*/

.current-vacancies	{
background:#ccc;
border:2px solid #999999;
margin:0 40px 0 20px;
}

.current-vacancies ul {
margin:0 0.5em 0.5em 0.5em;
}

.current-vacancies ul li	{
font-weight:bold;
list-style-type:disc;
background:none;
padding:10px 0;
margin-left:30px;
color:#333333;
}

.current-vacancies ul li a	{
color:#333333;
}

#jobs #h2	{
	text-align:center;
	margin-bottom:0;
}

#jobs .prominent	{
	font-size:0.8em;
}

/*###########################
#  Forum Info 
#############################*/

.endorsement	{
font-weight:bold;
text-align:left;
color:#004e9c;
font-style:italic;
padding:0.5em 0.5em 0.5em 0.5em;
font-size:1.1em;
}
.endorser	{
color:#ff9900;
font-weight:bold;
text-align:right;
display:block;
font-style:normal;
}

.notice	{
font-weight:bold;
font-size:1.15em;
display:block;
}

/*###########################
#  News
#############################*/

#news #content h2 	{

margin:0 1em 0 1em;
padding:0;
font-family: "Nobile", Georgia, "Times New Roman", Times, serif;
width:auto;
font-size:1.2em;
color:#990000;
}    

#news #content .date, #news-story #content .date {
color:#003366;
font-family:Verdana,Helvetica,sans-serif;
font-size:0.9em;
margin:1em 2em 0.5em 0.2em;
padding:0;
text-align:right;
font-style:italic;
}


#news #content h2 a {
color:#990000;
}

.more-link, .close-link	{
float:right;
font-size:0.9em;
margin-bottom:-20px;
margin-right:20px;
padding:0 1px;
display:none;
font-style:italic;
font-weight:bold;
font-family: Georgia, "Times New Roman", Times, serif;
color:#003366;
}

.more-link:hover, .close-link:hover	{
cursor:pointer;
border-bottom:1px dashed #D41919;
}

#news .news-story	{
margin:0 1em 0 0.7em;
padding:0 0 1.5em 0;
border-bottom:1px dotted #ccc;
}