body
{
	background: #BAD4E1;
	margin:0;
	padding:5px;
	font-family: Verdana,Tahoma,Arial,sans-serif;
	font-size: 1em;
	color:#303030;
}

#wrap
{
	margin:0 auto;
	padding:5px;
	width:760px;
	background-color:#F8F8F8;
	border:1px solid #758A8F;	
}

#main-content a {	
	text-decoration:none;
}

#main-content h2  {
	color:#B92A24;
	font-size:124%;
	font-weight:normal;
	margin:0 0 10px;	
	padding:0;
}



#main-content ul {
	list-style:none outside none;
}

#main-content ul.disc {
	list-style:disc outside none;
	padding:0 0 0 20px;
}


ul#menu
{
	background:#D8D8D8 url(../images/main_nav_bg.gif) repeat-x scroll left top;
	list-style:none;
	height:1%;
	padding:0;
	margin:5px 0;
}

ul#menu:after
{
	visibility:hidden;
	display:block;
	content:".";
	clear:both;
	height:0;
}

ul#menu li
{
	float:left;
	background:transparent url(../images/nav_sep.gif) no-repeat scroll left center;
}

ul#menu li.first
{
	background:none;
}

ul#menu li a
{
	font-size:0.9em;
	line-height:16px;
	text-decoration:none;
	display:block;
	padding:6px 16px 9px 17px;
	color:#000;
}

ul#menu li a:hover, ul#menu li a.active
{
	color:#B92A24;
}

.tabs a {
color:#B92A24;
}

.tabs ul {
margin:0 0 12px;
padding:0 0 0 0;
}


ul.tabNavigation {
    list-style: none;
    margin: 0;
    padding:10px 0 0; 
}

ul.tabNavigation li {
    display: inline;
    border:1px solid #D3D3D3;
    border-bottom:none;
    padding:4px 0px;
    background-color: #fff;
}

ul.tabNavigation li a {   
    text-decoration: underline;
    color:#000;
    font-size:0.75em;
    padding: 7px 9px;
    
}

ul.tabNavigation li a.selected {
    background-color: #eee;
    color:#B92A24;        
}

ul.tabNavigation li a:hover { 
    text-decoration:underline;

}

ul.tabNavigation li a:focus {
	outline: 0;
}

div.tabs > div {
	padding: 10px 20px;
	margin-top: 4px;
	border:1px solid #D3D3D3;
	background-color: #eee;
	font-size:0.85em
}

div.tabs > div h2 {
	color:#303030;
	padding-top: 20px;
}

#content {
	float: left;
	padding:0 30px 0 0;
	width: 480px;
}

#main-content h2 {
	margin-top: 10px;
}

#subMenu {
	float:right;
	background-color:#FFFFFF;
	border:1px solid #D3D3D3;
	width:160px;
	padding:10px 20px 0;
}

#subMenu ul {
	border-top:1px solid #D3D3D3;
	padding:5px 0 0;
	list-style:none outside none;
	
}

#subMenu ul li {
	font-size: 0.87em;
	line-height: 17px;
	margin-bottom:5px;	
}

#subMenu ul li a {
	background:url("../images/red_arrow.gif") no-repeat scroll left top transparent;
	display:block;
	padding:0 0 0 10px;
	color:#B92A24;
}

#subMenu h2 {
	font-size: 1.2em;
	font-weight:normal;
	margin:0 0 10px;
	color:#303030;
}

#weeklyEvents ul {
	list-style:none outside none;
	margin:0 0 12px;
	padding:0 0 0 0;
}
#weeklyEvents .title {
	float: left;
}

#weeklyEvents .left {
	float: left;
clear: left;	
	padding-right:20px;
	width:345px;
}

#weeklyEvents .right {	
	float:right;
	width:345px;
}

#leftNav {
	float:left;
	clear: left;
	margin-right:10px;
	width:160px;
}

ul#sidebar  {
border-bottom:1px solid #D3D3D3;
list-style:none outside none;
margin:0;
padding:0;	
}

ul#sidebar li {
border-top:1px solid #D3D3D3;
}

ul#sidebar li ul {
margin:0 0 10px 0;
padding:0 0 0 35px;
display: block;
}

ul#sidebar li ul li {
border-top: none;
line-height: 18px;
list-style-type:circle;
width:100px;
}

ul#sidebar li ul li a {
width: 100px;
}

ul#sidebar li a {
color:#B92A24;
display:block;
font-size:79%;
padding:9px 0;
text-decoration:none;
width:160px;
}

ul#sidebar li ul li a {
padding:5px 0;
}

ul#sidebar .active a {
background:url("../images/sidebar_bg.gif") repeat-x scroll left bottom #F4F4F4;
}

ul#sidebar li a:hover {
background:url("../images/sidebar_bg.gif") repeat-x scroll left bottom #F4F4F4;
}

ul#sidebar li ul li a:hover {
text-decoration: underline;
background: #f8f8f8;
}

ul#sidebar .active ul li a {
background: #F8F8F8;
}



#bread {
float: left;
font-size: .80em;
margin: 5px 0 9px;
}

#bread a {
color:#B92A24;
}

#bread a:hover {
text-decoration: underline;
}

#page-content {
width:550px;
background:url("../images/bgcontentlg.jpg") no-repeat scroll center bottom #F0F1F5;
float:left;
padding:5px 20px 20px;
margin-bottom:10px;
}

#page-content p  {
font-size:87%;
margin:0 0 12px;
padding:0;
}

#page-content #freshers {
background:url("../images/banners/freshers2010.jpg") no-repeat scroll left top transparent;
height:50px;
padding:5px 20px 20px;
}

#page-content #freshers-week {
background:url("../images/banners/freshersweek.jpg") no-repeat scroll left top transparent;
height:50px;
padding:5px 20px 20px;
}

#page-content #local-churches{
background:url("../images/banners/localchurches.jpg") no-repeat scroll left top transparent;
height:50px;
padding:5px 20px 20px;
}

#page-content #who-we-are {
background:url("../images/banners/whoweare.jpg") no-repeat scroll left top transparent;
height:50px;
padding:5px 20px 20px;
}

#page-content #what-we-do {
background:url("../images/banners/whatwedo.jpg") no-repeat scroll left top transparent;
height:50px;
padding:5px 20px 20px;
}


#page-content #get-involved {
background:url("../images/banners/getinvolved.jpg") no-repeat scroll left top transparent;
height:50px;
padding:5px 20px 20px;
}

#page-content #the-commitee {
background:url("../images/banners/thecommittee.jpg") no-repeat scroll left top transparent;
height:50px;
padding:5px 20px 20px;
}

#page-content #smallgroups {
background:url("../images/banners/smallgroups.jpg") no-repeat scroll left top transparent;
height:50px;
padding:5px 20px 20px;
}

#page-content #staff-worker {
background:url("../images/banners/staffworkers.jpg") no-repeat scroll left top transparent;
height:50px;
padding:5px 20px 20px;
}

#page-content #doctrinal-basis {
background:url("../images/banners/doctrinalbasis.jpg") no-repeat scroll left top transparent;
height:50px;
padding:5px 20px 20px;
}

#page-content ol li {
margin-top: 20px;
}

#page-content #events {
background:url("../images/banners/events.jpg") no-repeat scroll left top transparent;
height:50px;
padding:5px 20px 20px;
}

#page-content #weekly-meeting {
background:url("../images/banners/weeklymeeting.jpg") no-repeat scroll left top transparent;
height:50px;
padding:5px 20px 20px;
}

#page-content #prayer {
background:url("../images/banners/prayer.jpg") no-repeat scroll left top transparent;
height:50px;
padding:5px 20px 20px;
}

#page-content #internation-students{
background:url("../images/banners/international-students.jpg") no-repeat scroll left top transparent;
height:50px;
padding:5px 20px 20px;
}

#page-content #football{
background:url("../images/banners/football.jpg") no-repeat scroll left top transparent;
height:50px;
padding:5px 20px 20px;
}

#page-content #events-week{
background:url("../images/banners/eventsweek.jpg") no-repeat scroll left top transparent;
height:50px;
padding:5px 20px 20px;
}

#page-content #house-party{
background:url("../images/banners/houseparty.jpg") no-repeat scroll left top transparent;
height:50px;
padding:5px 20px 20px;
}

#page-content #speak{
background:url("../images/banners/speak.jpg") no-repeat scroll left top transparent;
height:50px;
padding:5px 20px 20px;
}

#page-content #national-events{
background:url("../images/banners/nationalevents.jpg") no-repeat scroll left top transparent;
height:50px;
padding:5px 20px 20px;
}

#page-content #christianity{
background:url("../images/banners/christianity.jpg") no-repeat scroll left top transparent;
height:50px;
padding:5px 20px 20px;
}


#page-content h1 {
display: none;
}

#page-content a
{
	color:#B92A24;
}

#page-content a:hover
{
	text-decoration: underline;
}

#page-content a:visited
{
	color:#B92A24;
}

 .section
{
	background:#F4F4F4 url(../img/sidebar_bg.gif) repeat-x left bottom;
	border:1px solid #D3D3D3;
	padding:20px;
	margin-top:10px;
	height:1%;
}

 .section:after
{
	visibility:hidden;
	display:block;
	content:".";
	clear:both;
	height:0;
}

 .section h3
{
	font-size:100%;
	width:100%;
	font-weight:bold;
	float:left;
	color:#303030;
}

 .section img
{
	float:left;
	clear:left;
	height:150px;
	width:110px;
}

 .section ul
{
	float:left;
	margin:10px 0 0;
	padding-left:20px;
}

 .section ul li
{
	margin-bottom:10px;
}

 .section p
{
	clear:both;
	float:left;
	width:100%;
	margin:10px 0 0;
	padding:0;
}


div.cellInfo
{
	display: none;
	height:1%;
	font-size: .87em;
}

div.cellInfo p
{
	clear: both;
	font-size: 120%;
}


div.cellInfo:after
{
	visibility:hidden;
	display:block;
	content:".";
	clear:both;
	height:0;
}

div.contentStyle01
{
	background-color: #FFF;
	border: 1px solid #D3D3D3;
	padding:10px 20px 0 20px;
}



div.cellInfo ul
{
	padding:0;
	margin-top: 0px;
	margin-bottom: 12px;
	height:1%;
}

div.cellInfo ul:after
{
	visibility:hidden;
	display:block;
	content:".";
	clear:both;
	height:0;
}

div.cellInfo ul li
{
	float:left;
	margin-right:5px;
}

div.cellInfo ul li.red
{
	color:#B92A24;
}



/*Two contacts*/
div.cellStyle01
{
	padding: 34px 0;
}

/*Three contacts*/
div.cellStyle02
{
	padding: 19px 0 20px 0;
}

/*Four contacts*/
div.cellStyle03
{
	padding: 5px 0 5px 0;
}

/*Five contacts*/
div.cellStyle04
{
	padding: 48px 0 49px 0;
}

/***** Halls of residence maps *****/

#hallsmap
{
	height:1%;
	padding-top:10px;
}

#hallsmap:after
{
	visibility:hidden;
	display:block;
	content:".";
	clear:both;
	height:0;
}

#hallsmapInner
{
	float: left;
	width: 520px;
	height: 320px;
	position: relative;
}
	
#hallsmap img
{
	padding-bottom: 10px;
	height:320px;
	width:520px;
}

#hallsmap a
{
	position: absolute;
	width: 12px;
	height: 12px;
	cursor:pointer;
	background-color: #B92A24;
}
		
a.wantage 
{
	top: 19px;	
	left: 134px;
}

a.sherfield 
{
	top: 192px;	
	left: 122px;
}

a.studentvillage 
{
	top: 179px;	
	left: 104px;
}

a.stpats 
{
	top: 171px;	
	left: 139px;
}

a.stgeorges 
{
	top: 34px;	
	left: 184px;
}

a.mackinder
{
	top: 43px;	
	left: 240px;
}

a.wessex 
{
	top: 74px;	
	left: 412px;
}

a.windsor 
{
	top: 73px;	
	left: 270px;
}

a.stenton
{
	top: 63px;	
	left: 315px;
}
	
a.bulmershe 
{
	top: 5px;	
	left: 500px;
}

a.sibly 
{
	top: 271px;	
	left: 500px;
}

.get-involved {
background: #fff;
}

.option
{
	padding:0;
	background:url("../images/sidebar_bg.gif") repeat-x scroll left bottom #F4F4F4;
	border:1px solid #D3D3D3;
	height:1%;
	margin-top:10px;
}

.option a
{
	text-align:center;
	display:block;
	padding:20px;
}

#footer {
	background:url("../images/bgcontentlg.jpg") no-repeat scroll center bottom transparent;
	border:1px solid #D3D3D3;
	padding:2px 0;
}

#footer p {
font-size:.75em;
margin:0 auto;
width:305px;
}

.freshers h4 {
margin: 0;
font-size: .87em;
}

.freshers p {
margin: 0;
}
