/*
                            FRONT Design
                    http://www.designbyfront.com  
                    
                      __ ____   ___  _   _ _____
                     / _|  _ \ / _ \| \ | |_   _|
                    | |_| |_) | | | |  \| | | |
                    |  _|  _ <| |_| | |\  | | |
                    |_| |_| \_\\___/|_| \_| |_|


            FRONT is a web design studio based in Belfast,
            Northern Ireland. We design and develop high
            quality web sites and software applications. 

            We *heart* CSS.
            :)


*/

/* -------------- Body ------------------- */

body {											
font:normal 11px/16px Verdana, sans-serif;
color: #666666;
background-color:#cccccc;
line-height: 18px;
text-align: center;
margin: 0;
padding:0;
}


.hidden {
display:none;
}

hr {
margin: 0 0 14px 0;
}

/* -------------- Lists -------------------*/

li {
margin:0 0 0 -20px;
padding:0 0 0 0px;
}

ul.red li {
color:#ffffff;
font-weight:bold;
list-style-image:url('../img/bits/red_list.gif');
margin-left:-12px; margin-right:7px; margin-top:0; margin-bottom:0px; padding-left:3px; padding-right:0px; padding-top:5px; padding-bottom:0px
}


/* ------------ Form Elements --------------- */

fieldset {
border:0px none;
}

fieldset p {
margin:0;
padding:10px 0 0 0;
}

#contact_form  {
padding:15px;
}

#contact form p  {
float:centre;
}

textarea {
width:160px;
}

input {
font:normal 11px/16px Verdana, sans-serif;
width:160px;
}

input.submit {
width:52px;
font-weight:bold;
color:#ffffff;
background-color:#EA8C00;
height: 22px;
font-size:10px;
padding:0 0 2px 0;
}

/* ---------------- Divs ------------------ */

div.left_col {
padding: 30px 0px 0 31px;
width: 310px;
height:auto;
float:left;
}

div.right_column {
padding: 31px 31px 31px 31px;
width: 375px;
height: auto;
float:right;
}

div.left_column {
padding: 31px 0px 0 0;
width: 375px;
height: 300px;
float:left;
}

div.cell {
padding: 15px 0 26px 31px;
width:355px;
float:left;
}

div.cell p {
padding: 0 0 0 0;
}


div.cell_container {
width:720px;
padding:3px;
}

#teachers div.left_col {
padding: 32px 0px 0 34px;
width: 290px;
float:left;
}

#teachers div.right_column {
padding: 31px 30px 0 0;
width: 340px;
height: 300px;
float:right;
}

#timetable div.left_col {
padding: 32px 0px 0 22px;
width: 227px;
float:left;
}

#timetable div.right_col {
Padding:32px 20px 0 0;
width: 423px;
float:right;
}

#timetable div.right_col_bottom {
Padding:10px 20px 0 0;
width: 443px;
float:right;
}

#timetable div.right_col_bottom_last {
Padding:10px 20px 30px 0;
width: 423px;
float:right;
}

#location div.right_col {
padding: 40px 31px 30px 0px;
width: 324px;
float:right;
}

#contact div.right_col {
float :right;
width :278px;
height:268px;
background: #FFEEDD url('../img/backgrounds/form_bg.gif') no-repeat;; margin-left:0; margin-right:31px; margin-top:45px; margin-bottom:30px
}

div.page_container {
width:911px;
height:auto;
overflow:hidden;
margin: 0px auto 30px auto;
text-align: left;
background-color:#ffffff;
}

div.red {
width:227px;
padding:0 0 10px 0;
margin:0 0 0 0;
background-color:#CC3300;
}

div.peach {
border:1px solid #cccccc;
width:225px;
padding:10px 0 10px 0;
background-color:#FFEEDD;
}

div.key_left {
padding:12px 0 0 0;
width:35px;
float:left;
}

div.time {
width:105px;
float:left;
}

div.teacher {
width:125px;
float:left
}

div.class {
color:#000000;
width:180;
float:left
}

/* ---------------  Headers -------------------- */

h2 {
font:bold 14px/15px Verdana, sans-serif;
color: #333333;
}


h3 {
font:bold 12px/15px Verdana, sans-serif;
color: #333333;
}

h3.left_pad {
font:bold 14px/20px Verdana, sans-serif;
color: #333333;
padding: 0 0 0 34px;
margin:0;
}

h4 {
font:bold 12px/15px Verdana, sans-serif;
color: #000000;
padding:0px 0 0 10px;
}

/* -------------- Links ------------------ */

a {
font:bold 11px/16px Verdana, sans-serif;
color: #990000;
text-decoration:none;
}

a:hover {
font:bold 11px/16px Verdana, sans-serif;
color: #EA8C00;
text-decoration:none;
}

/* --------------- Legends ----------------- */

.h_3 {
margin:0;
padding:0;
font:bold 12px/15px Verdana, sans-serif;
color: #333333;
}

/* --------------- Spans -----------------*/

.black {
color:black;
}

.message {
display:block;
float:left;
padding:0 4px 0 0;
}

/* -------------- Images --------------*/

.float {
float:left;
padding: 0 10px 0 0;
}

.float_left {
float:left;
}