/*
CSS for Oxford Bar Company - Created by R Williams 
*/

/* Set out the page containers*/
body 	{
     	padding: 0;
     	background: #282828;
		color: #000;
		background-image: none;
     	font: 1em "Trebuchet MS", verdana, arial, "Times New Roman";
		background-repeat: repeat-x;    
		background-position: 0 0;
		background-image: url(../images/page_bg.jpg);
		margin-bottom: 10px;}

	
/*the container holds all other divs to align everything in the center of the page. */
#pagecontainer {
		width: 900px;
		margin-left: auto;
		margin-right: auto;
		background-color: #fff;
				background-repeat: no-repeat;    
		background-position: bottom;
		background-image: url(../images/logo_bg.jpg);
		}
		
		
#wrapper {
		width: 900px;
}	
		

#header {
		width: 900px;
		background-color: #fff;
		background-repeat: no-repeat;    
		background-position: 0 0;
		background-image: url(../images/header.jpg);
		height: 55px;
		padding-top: 255px;
		}
		
#menu {
		width: 900px;
		background-color: #fff;
		color: #fff;
		font: 1em "Trebuchet MS", verdana, arial, "Times New Roman";
		height: 55px;
		line-height: 55px;
		background-repeat: no-repeat;    
		background-position: 0 0;
		background-image: url(../images/menu_bg.jpg);
		}
		
#leftcol {
		margin-top: 10px;
		width: 700px;
		float: left;
		color: #000;
		padding: 10px;

		}
		
		
#rightcol {
		margin-top: 10px;
		width: 130px;
		float: right;
		color: #000;
		background: none;
		padding-right: 10px;
		}
		
#admincontent {
		width: 880px;
		margin: 10px;
		}
		
#footer {
		width: 870px;
		font: 0.7em "Trebuchet MS", verdana, arial, "Times New Roman";
		text-align: right;
		padding-left: 15px;
		padding-right: 15px;
		padding-bottom: 5px;
		}
		

.clearer
{
		margin-top: 10px;
		clear: both;
}



		
/* style the menu */

#navcontainer ul
{
padding-left: 0;
margin-left: 0;
color: White;
width: 900px;
font-family: arial, helvetica, sans-serif;
height: 42px;
line-height: 42px;
font-size: 1em;
}

#navcontainer ul li { display: inline; }

#navcontainer ul li a
{
padding-right: 10px;
padding-left: 10px;
line-height: 42px;
color: #000;
text-decoration: none;
float: left;
border-right: 1px solid #fff;
height: 42px;
font-size: 1em;
}

#navcontainer ul li a:hover
{
background-color: #000;
color: #fff;
}

/*style font sizes etc */
h1 { font-size: 1.5em; color: #F70092}
h2 { font-size: 1.2em;}




/* style content and footer links */
a.footer:focus, a.footer:link, a.footer:visited
{
color: #000;
background: none;
text-decoration: none;
font-weight: bold;
}
a.footer:hover
{
color : #fff;
background: #000;
text-decoration: none;
}

a:focus, a:link, a:visited
{
color: #000;
background: none;
text-decoration: none;
font-weight: bold;
}
a:hover
{
color : #fff;
background: #000;
text-decoration: none;;
}


/* Style the forms */
.oxbarform p{
width: 450px;
clear: left;
margin: 0;
padding: 5px 0 5px 0;
padding-left: 155px; /*width of left column containing the label elements*/
}

.oxbarform label{
font-weight: bold;
float: left;
margin-left: -155px; /*width of left column*/
width: 150px; /*width of labels. Should be smaller than left column (155px) to create some right margin*/
}

.oxbarform input[type="text"]{ /*width of text boxes. IE6 does not understand this attribute*/
width: 180px;
}

.oxbarform textarea{
width: 250px;
height: 100px;
}

/*.threepxfix class below:
Targets IE6- ONLY. Adds 3 pixel indent for multi-line form contents.
to account for 3 pixel bug: http://www.positioniseverything.net/explorer/threepxtest.html
*/

* html .threepxfix{
margin-left: 3px;
}




table.listing { 
width: 100%;
background-color: #fff;
border: 1px #000 solid;
border-collapse: collapse;
border-spacing: 0px; 
}

td.heading
{ 
background-color: #F70092;
color: #000; 
border: 0px;
text-align: left;
border-bottom: 1px solid #000;
border-left: 1px solid #000;
padding-left: 10px;
padding-right: 10px;
height: 20px;
font-weight: bold;
}

td
{ 
background-color: #fff;
color: #000; 
border: 0px;
text-align: left;
border-bottom: 1px solid #000;
border-left: 1px solid #000;
padding-left: 10px;
padding-right: 10px;
height: 20px;
}