/*

title = beinspired.css
author = RND
date = 21/05/2010
version = 2.6
description = stylesheet for beinpsiredby.co.uk

*/ 

/* ----------------------
Containers
-----------------------*/

body {
    font-family: "Trebuchet MS";
    font-size: 11px;
    font-weight: normal;
    text-align: left;
    line-height: 14px;
	padding: 0px;
	align: centre;
	margin-top:0px;
}

#site_container {
	margin-left:auto;
	margin-right:auto;
	position: relative;
    width:800px; 
}

#logo_container {
	position: relative;
    top:15px;
    left: 10px; 
    z-index:10;
}

#menu_container { 
	height:25px;
	top:49px;
	z-index:20;	
}

#main_container {
	position: relative;
	height:450px;
	top:1px; 
	z-index:1;
}

#footer_container
{
    margin-top: 2px;
    position: relative;
    height: 80px;
}

/* ----------------------
Cells
-----------------------*/

.menu_cell {
    float:right; 
    display:inline;
    margin-left:1px;
}

.content_cell {
    padding:10px;
}

.transparent_cell {
    background-color:#ffffff;
    filter:alpha(opacity=80);
    opacity:0.8;
}

#timetable_cell {
    border-collapse:collapse;
	display:table;
	border: 1px solid black;
}

#timetable_cell td {			
	border: 1px solid black;
	padding: 5px;
}

#contact_cell {
    top:12px;
    z-index:1;
    left:20px;
    position:absolute;
}

#logo_cell {
    top:12px;
    z-index:1;
    left:640px;
    position:absolute;
}

/* ----------------------
Text
-----------------------*/

p,span,input,textbox,div,li
{
    font-family: "Trebuchet MS";
    font-size: 11px;
    font-weight: normal;
    text-align: left;
    line-height: 14px;
}

p a,span a, li a {
	font-family: "Trebuchet MS";
	font-size: 11px;
	font-weight: bold;
	text-align: left;
	line-height: 14px;
	text-decoration: none;
	color: #000000;	
}

p a:hover,span a:hover, li a:hover {
	font-family: "Trebuchet MS";
	font-size: 11px;
	font-weight: bold;
	text-align: left;
	line-height: 14px;
	text-decoration: underline;
	color: #990000;	
}

b {
	font-family: "Trebuchet MS";
	font-size: 11px;
	font-weight: bold;
	text-transform: uppercase;
	text-decoration: underline;
}

b A, a.b{
	font-family: "Trebuchet MS";
	font-size: 11px;
	font-weight: bold;
	text-transform: uppercase;
	text-decoration: underline;
	color: #000000;	
}

b A:Hover, a.b:Hover {
	font-family: "Trebuchet MS";
	font-size: 11px;
	font-weight: bold;
	text-transform: uppercase;
	text-decoration: underline;
	color: #990000;	
}

/* ----------------------
Background Theme
-----------------------*/

.background
{
    background-color: #BCC9FE;
}

.background_active
{
    background-color: #DFE6FF;
}

/* ----------------------
Ajax tabs
-----------------------*/

.teachers_tab {
    margin-right: 10px;
    margin-left: 10px;
    margin-bottom:10px;
    width: 500px;
}

.teachers_tab .ajax__tab_outer 
{
    padding: 5px;
    margin-right:10px;
}

.teachers_tab .ajax__tab_body 
{
    padding: 5px;
    margin-top: 10px;
}

.teachers_tab .ajax__tab_tab {
    color: gray; 
    text-transform:uppercase;
}

.teachers_tab .ajax__tab_active .ajax__tab_tab
{
    text-decoration: underline; 
    text-transform:uppercase;
	color: #990000;	    
}

.teachers_tab .ajax__tab_hover .ajax__tab_tab
{
    text-decoration: underline;
    text-transform:uppercase;
    color: #990000;
    cursor: auto;
}