/**********************************
Bay Bridge to Nowhere Stylesheet
***********************************/
.page-title {
text-indent: -9999em;
background-image: url(http://media.journalism.berkeley.edu/oaknorth/2009/12/20091228_bay_bridge/images/header/bridgetonowherelogo-final.png);
width: 537px;
height: 97px;
margin: 0;
}
#baybridge .students {/*background-color:#A0BBC1;*/
padding:10px;
height: auto;
margin-top: 5px;
}
#baybridge .students-main {/*background-color:#A0BBC1;*/
height:120px;
margin-top: 10px;
}
#baybridge .students-main p {
color: black;
}
#baybridge .students-main img {
border: 1px solid black;
float: left;
margin-right: 10px;
}
#baybridge .students-main a {
text-decoration: none;
}
#baybridge .students p {
color: black;
margin-left: 10px;
}
#baybridge .history {/*background-color:#BABDBF;*/
color:black;
padding: 10px;
height: auto;
margin-top: 5px;
}
#baybridge .history-main {/* background-color:#BABDBF;*/
color:black;
height: 120px;
margin-top: 10px;
}
#baybridge .history-main p {
color: black;
margin-left: 10px;
}
#baybridge .history-main img {
border: 1px solid black;
float: left;
margin-right: 10px;
}
#baybridge .history-main a {
text-decoration: none;
}
#baybridge .history p {
color: black;
margin-left: 10px;
}
#baybridge .textintro {/* background-color:#BABDBF;*/
color:black;
margin-bottom: 5px;
}
#baybridge .slidermenu img {
float: left;
border: 1px solid black;
margin-bottom: 16px;
margin-right: 10px;
}
#baybridge .menustrip {
float: right;
position: relative;
top: -10px;
}
#baybridge .slidermenu a {
text-decoration: none;
}
#baybridge .sidemenu img {
float: left;
margin-right: 10px;
margin-bottom: 15px;
}
#baybridge .slidermenu h3 {
	font-size: 18px;
	line-height: 18px;
	margin-bottom: 5px;
	color: #000000;
}
*************************
Jquery Slider
*************************/
#slider {
border: 1px solid black;
}
#slider ul,#slider li,
#slider2 ul,#slider2 li {
margin: 0;
padding: 0;
list-style: none;
}
#slider a {
display: block;
position: relative;
height: auto;
line-height: 30px;
font-size: 3em;
font-family: Arial Black;
color: white;
}
#slider2 {
margin-top: 1em;
}
#slider li,#slider2 li {/* 
define width and height of list item (slide)
entire slider area will adjust according to the parameters provided here
*/ 
width:700px;
height: 350px;
overflow: hidden;
}
#prevBtn,#nextBtn,
#slider1next,#slider1prev {
display: block;
width: 30px;
height: 77px;
position: absolute;
left: -30px;
top: 71px;
z-index: 1000;
}
#nextBtn,#slider1next {
left: 696px;
}
#baybridge #prevBtn a,#nextBtn a,
#baybridge #slider1next a,#slider1prev a {
display: block;
position: relative;
width: 30px;
height: 77px;
background: url(http://media.journalism.berkeley.edu/oaknorth/2009/12/20091228_bay_bridge/slider/images/btn_prev.gif) no-repeat 0 0;
}
#nextBtn a,#slider1next a {
background: url(http://media.journalism.berkeley.edu/oaknorth/2009/12/20091228_bay_bridge/slider/images/btn_prev.gif) no-repeat 0 0;
}
/*************************
Jquery Slider
*************************/
#slider-inside {
border: 1px solid black;
}
#slider-inside ul,#slider li, 
#slider2 ul,#slider2 li {
margin: 0;
padding: 0;
list-style: none;
}
#slider2 {
margin-top: 1em;
}
#slider-inside li,#slider2 li {/* 
define width and height of list item (slide)
entire slider area will adjust according to the parameters provided here
*/ 
width:540px;
height: 420px;
overflow: hidden;
margin: 0px;
}
#prevBtn,#nextBtn,
#slider1next,#slider1prev {
display: block;
width: 30px;
height: 77px;
position: absolute;
left: -30px;
top: 71px;
z-index: 1000;
}
#nextBtn,#slider1next {
left: 696px;
}
#prevBtn a,#nextBtn a,
#slider1next a,#slider1prev a {
display: block;
position: relative;
width: 30px;
height: 77px;
background: url(http://media.journalism.berkeley.edu/oaknorth/2009/12/20091228_bay_bridge/slider/images/btn_prev.gif) no-repeat 0 0;
}
#nextBtn a,#slider1next a {
background: url(http://media.journalism.berkeley.edu/oaknorth/2009/12/20091228_bay_bridge/slider/images/btn_prev.gif) no-repeat 0 0;
}
/* numeric controls */ 
ol#controls {
margin: 1em 0;
padding: 0;
height: 28px;
}
ol#controls li {
margin: 0 10px 0 0;
padding: 0;
position: relative;
top: -50px;
left: 10px;
float: left;
list-style: none;
height: 28px;
line-height: 28px;
}
ol#controls li a {
float: left;
height: 28px;
line-height: 28px;
border: 1px solid black;
background: #BABDBF;
color: #555;
padding: 0 10px;
text-decoration: none;
}
ol#controls li.current a {
background: #A0BBC1;
color: #fff;
}
ol#controls li a:focus,#prevBtn a:focus,#nextBtn a:focus {
outline: none;
}