/* @override http://www.ubcmo.org/main.css */

/* @override http://localhost/ubcmo/main.css */

/*ubcmo css
Created: Nov 24

Site Nav
1. Globals
2. Container
3. Main Text
4. Sidebar
5. Footer
6. Extras
*/

/*//////Globals//////*/

*{

padding:0;
margin:0;

}

body{

background:url('images/blue_bg.jpg') repeat-x;
background-color:#69686a;
font-family:"lucida grande",verdana,aria,sans-serif;
font-size:small;!
font-size:small;
}

h1{

font-size:140%;
margin-bottom: ;

}

#h1{

font-size:140%;

}

h2{

font-size:140%;

}

h3{

font-size:120%;

}

h4{

font-size:100%;
margin:15px 0 10px;

}

a img{
border:none;
}

a{
	color:#333;
}

a:visited{
	color:#444;
}


/*///////Header////////*/

div#header{
width:753px;
margin:7px auto -4px;
padding:0;
}

body > div#header{

width:803px;
margin:7px auto -4px;
padding:0;
}

div img{

margin:0;
padding:0;

}

ul#top_nav li,ul#top_nav li a{ 
	behavior: url('js/iepngfix.htc')
 }

ul#top_nav{

float:right;

position:relative;

width:100%;

top:161px;

margin-right:25px;

left:0;

left:-25px;

list-style:none;


}

ul#top_nav li{

float:right;

padding-left:9px;

margin-right:1px;

background:url('images/left_gray.gif') no-repeat top left;

}

ul#top_nav li a{

display:block;

padding:5px 10px 5px 5px;

margin:0;

color:#27146d;

text-decoration:none;

background:url('images/right_gray.gif') no-repeat top right;

}


ul#top_nav > li{
	
background:url('images/left_gray.png') no-repeat top left;
	
}

ul#top_nav > li a{
	
background:url('images/right_gray.png') no-repeat top right;
	
}

ul#top_nav li.current{

background:url('images/left_white.gif') no-repeat top left;

}

ul#top_nav li.current a{

background:url('images/right_white.gif') no-repeat top right;

}

ul#top_nav > li.current{

background:url('images/left_white.png') no-repeat top left;

}

ul#top_nav > li.current a{

background:url('images/right_white.png') no-repeat top right;

}

/*///////Container////////*/


div#container{

width:771px;

margin:0 auto;

padding:0 15px 0 18px;

background:url('images/bg.gif');

}


/*///////Main////////*/

div#main{

padding:0;
margin:0;
width:500px;
line-height:1.7;
}

div#main p{

padding:10px 0px 2px;

}

#map{

border:1px solid #666;
margin:5px 0;
width:500px;
height:300px;
}

#directions{
margin: 0 10px;
width:500px;
padding:0;
}

.example{
	display: block;
	text-align: center;
}

#pagination{
     text-align:center;
     font-size:16px;
     color:#333;
     margin:2px;
}

#pagination a{
     font-size:16px;
     color:#333;
}

#staticCont{
	margin-top: 10px;
}

/* Zebra Table */

.tbl_zebra{
border-collapse:collapse;
border:1px solid #aaa;
margin:20px 5px;
position:relative;
left:1px;
}


.tbl_zebra a{
background:none;
}

.tbl_zebra tr.tr_head td{
background:url('images/sermon_gray.jpg') repeat-x;
font-size:100%;
padding:1px 3px 2px;
}


.tbl_zebra td.title{
width:150px;
}

.tbl_zebra td.preacher{
width:130px;
}

.tbl_zebra td.blank a{
font-size:10px;
}

.tbl_zebra td{
font-size:90%;
padding:5px 5px;
border-bottom:1px solid #aaa;
}

.tbl_zebra tr.odd td{
background:#eef;
}

.tbl_zebra .info{
padding:5px;
}

.tbl_zebra .edit{
width:30px;
}

.tbl_zebra .event{
width:150px;
}

.tbl_zebra td.date{
width:100px;
}



.tbl_zebra .info img{
float:left;
padding:5px 10px 0 0;
}

/*progress bar*/
	.progressBar {
		position: relative;
		padding: 2px;
		width: 300px;
		height: 40px;
		font-size: 14px;
	}
	.progressBar .background {
		border: solid 1px black;
		width: 270px;
		height: 20px;
	}
	.progressBar .bar {
		position: relative;
		background-color: #f0f0f0;
		width: 0px;
		height: 20px;
	}

/*//////Light Img////*/

.light_img img{
	padding: 1px;
	border: 1px solid #999;
}


/*///////Side////////*/

div#sidebar{

float:right;

width:200px;

margin:10px 7px 0 5px;

text-align:center;

}

ul#side_nav{

background:#e5e5e9;

padding:5px 15px;

margin-bottom:10px;

text-align:left;

}

ul#side_nav li{

list-style:none;

padding:5px;

}

ul#side_nav li a{

text-decoration:none;

color:#006;

}

ul#side_nav li li a{

color:#333;

font-size:90%;

}

ul#sid_nav li li{

display:none;

}

ul#side_nav ul.actie li{

display:block;

}

ul#side_nav li a:hover{

text-decoration:none;

color:#00c;

}

.hidden{

display:none;

}

ul#side_nav li li a:hover{

text-decoration:none;

color:#00c;

}

div#sidebar img{

margin-bottom:10px;

text-align:right;
}

div#main_foot{

clear:both;

}

/*////////Admin////////*/
label{

font-size:large;!

font-size:x-large;

position:relative;

top:-3px;

}


#ser_f_div{

border:1px solid #888;

background:#f9f9f9;

width:450px;

padding:5px 20px;

margin-top:10px;

}

input{

border:1px solid #ccc;

font-size:large;

padding:2px;

margin:5px;

}


input:focus{

border-right:1px solid #ccc;

border-left:1px solid #777;

border-top:1px solid #777;

border-bottom:1px solid #ccc;

color:#343434;

}


input#submit {

border:1px solid;

background:#f9f9f9;

color:#000;

width:75px;

}

#h1_form input{

width:300px;

}

#buttonP input{

border:none;

}


#buttonP{

position:absolute;

background:#fff;

height:45px;

top:180px;!

top:170px;

padding:0;

}

#buttonP input{

border:none;

}


#buttonP img{

vertical-align:10px;

border:none;

margin:0;

padding:0;
	
}

#textBody{
width:530px;
}

tr.error_tr input{

border:1px solid #f99;

}

tr.error_tr label{

color:#a00;

}

#error_box{

width:250px;
border:1px solid #888;
background:url('images/error.jpg') no-repeat #ffc;
min-height:50px;
height:50px;
height:auto !important;
}

#error_box span{

display:block;
padding:5px 0 5px 55px;

}

table#sermons{
border:1px solid #999;
border-width:1px 1px 0;
width:500px;
border-collapse: collapse;
font-size:14px;
margin-top:10px;
text-align:center;
}

table#sermons tr.odd{

background:#f0f0f0;

}

table#sermons td{

border-bottom:1px solid;
padding:5px;
}

tr#ser_head td{

background:#d0d0d0;
font-size:16px;

}

/*///////Footer////////*/

div#footer{

clear:both;

width:802px;

margin:0 auto;

min-height:250px;

background:url('images/footer_mid.gif') repeat-y top #fff;

}

div#footer ul{

list-style:none;

}


div#footer_divs div{

width:230px;

float:left;

min-height:200px;

margin-left:18px;

padding:0 0 0 5px;

}

div#footer_divs > div{

width:230px;

float:left;

min-height:200px;

margin-left:25px;

padding:0 0 0 5px;

}


div#footer a{

color:#111;

text-decoration:none;

}

div#footer a:hover{

color:#111;

text-decoration:underline;

}
div#footer li{

text-indent:10px;

padding:2px;

}

div#footer li.li_tit{

text-indent:0;

font-weight:bold;

padding:4px 0;

}


div#footer_divs div#footer_service{

background:url('images/time.gif') no-repeat right top;

}

div#footer_divs div#footer_contact{

background:url('images/contact.gif') no-repeat right top;

}

div#footer_divs div#footer_events{

width:225px;

padding:0 0 0 10px;

background:url('images/cal.gif') no-repeat right -4px;

line-height:1.6;

}

div#footer_divs div#footer_calendar{

width:5px;

position:relative;

left:-12px;

margin:0;

padding:0;

float:right;

line-height:1.2;

text-align:center;

}

div#footer_events > div#footer_calendar{
	
	left:-34px;
	
}

span#month{

color:#fff;

}

span#day{

display:block;

font-size:20px;

color:#ccc;

}

a#all_events{

float:right;

}

div#footer h3{

margin:14px 0;

}

span#footer_top{

position:relative;

top:-2px;

display:block;

background:url('images/footer_top.gif') no-repeat top;

min-height:30px;

height:auto;!

height:30px;

}


span#footer_bot{

display:block;

background:url('images/footer_bot.gif') no-repeat bottom;

min-height:63px;

height:auto;!

height:63px;

clear:both;


}