/*
Edited: 20 August 2007 ()
Website: http://www.bournston.co.uk
Created: 9 August 2007
Author: Laura Zucchetti
*/

@import url("cta_boxes.css");
@import url("forms.css");

/*
=============================
ACCESSIBILITY
=============================
*/
#skip_to{
height:0;
padding:0;
}

#skip_to ul,
#skip_to li,
#skip_to a{
height:0;
padding:0;
margin:0;
text-indent:-999px;
list-style-type:none;
display:inline;
overflow:hidden;
position:absolute;
}

/*
=============================
Global elements
=============================
*/

.clear {
clear:both;
height:0;
width:0;
font-size:0;
}

body {
margin:20px 0;
padding:0;
font-family:Arial, Helvetica, sans-serif;
font-size:70%;
text-align:center;
background-color:#DEEBFF;
color:#666;
}

#outer {
margin:0 auto;
text-align:left;
width:923px;/*955-padding32=*/
padding:18px 16px 0 16px;
background-color:#FFF;
min-height:500px;/*testing-only*/
}

/*
=============================
HEADER
=============================
*/

#header {
height:70px;
background-image:url(../css_images/header_bk.gif);
background-repeat:no-repeat;
background-position:0 0;
background-color:#FFF;
}

#header img {
float:right;
}

img {
border:none;
}

/*Home brand image has a larger height*/
#branding_home {
clear:both;
height:224px;
}

#branding {
clear:both;
height:150px;
}

/*
=============================
NAVIGATION
=============================
*/

#nav_holder {
height:22px;/*30-padding8=22*/
padding:8px 11px 0 11px;
background-image:url(../css_images/main_nav_bk.jpg);
background-position:bottom;
background-repeat:repeat-x;
background-color:#002F73;
font-size:1.2em;
}

ul#main_nav {
width:670px;
float:left;
margin:0;
padding:0;
list-style-type:none;
}

ul#main_nav li {
margin:0;
padding:0 8px;
float:left;
list-style-type:none;
border-right:solid 1px #607BA5;
font-weight:bold;
}

ul#main_nav li.first_nav {
padding:0 8px 0 0px;
}

ul#main_nav li.last_nav {
border-right:none;
}

ul#task_bar {
width:230px;
float:right;
margin:0;
padding:0;
list-style-type:none;
float:right;
text-align:right;
}

ul#task_bar li {
margin:0;
padding:0 8px;
display:inline;
list-style-type:none;
border-right:solid 1px #607BA5;
font-weight:bold;
}

ul#task_bar li.last_nav {
border-right:none;
padding:0 0 0 6px;
}

html > body ul#task_bar li.last_nav {
padding:0 0 0 4px;
}

ul#main_nav li a,
ul#task_bar li a {
color:#FFFFFF;
text-decoration:none;
}

ul#main_nav li a:hover,
ul#task_bar li a:hover {
color:#FFFFFF;
text-decoration:underline;
}

ul#main_nav li.active_nav a,
ul#task_bar li.active_nav a {
text-decoration:underline;
}

ul#main_nav li.active_nav_home {
color:#FFFFFF;
padding:0 8px 0 0px;
text-decoration:underline;
}

/*
=============================
NEWS TICKER
=============================
*/

#news {
width:923px;
min-height:24px;
margin:0;
background-image:url(../css_images/news_bk.jpg);
background-position:bottom;
background-repeat:repeat-x;
background-color:#D7D7D7;
border-top:solid 1px #D7D7D7;
}

/*
=============================
NEWS TABLE ON HOMEPAGE
=============================
*/

#news table.news {
width:900px;
border:none;
border-collapse:collapse;
margin:4px;
}

table.news td {
border:none;
padding:2px 4px;
font-size:1em;
vertical-align:middle;
font-style:italic;
color:#333333;
}

table.news td a {
color:#333333;
text-decoration:none;
}

table.news td a:hover {
color:#333333;
text-decoration:underline;
}

table.news td.headline {
width:9em;
border:solid 1px #BDBDBD;
background-color:#F1F1F1;
font-weight:bold;
font-style:normal;
color:#666;
}

table.news td.headline a {
color:#666;
text-decoration:none;
}

table.news td.headline a:hover {
color:#333333;
text-decoration:none;
}

/*
=============================
CONTENT
=============================
*/

#content {
padding:12px 0;
}

#introduction {
padding-top:12px;
width:230px;/*Space for up to 250px*/
float:left;
}

#introduction h1 {
margin:0;
}

#wrap_cta_home {
padding-top:12px;
width:672px;
float:right;
}

/*
=============================
BREADCRUMBS
=============================
*/

#breadcrumbs {
height:32px;
}

#breadcrumbs ul {
height:1.2em;
list-style-type:none;
margin:0;
padding:0;
}

#breadcrumbs li {
list-style-type:none;
display:inline;
padding-right:3px;
color:#999;
}

#breadcrumbs li a {
color:#CCC;
text-decoration:none;
}

#breadcrumbs li a:hover {
color:#999;
}

/*
=============================
SUB_NAV IN CONTENT AREA
=============================
*/

#sub_nav {
width:217px;
float:left;
}

#sub_nav ul {
border-top:solid 1px #BDC6D5;
border-bottom:solid 1px #BDC6D5;
margin:0;
padding:0;
list-style-type:none;
font-size:1.1em;
background-color:#FBFCFC;
}

#sub_nav ul ul {
border-top:none;
border-bottom:none;
font-size:1em;
background-color:#FFFFFF;
}

#sub_nav ul ul ul {
border-bottom:solid 1px #F3F5F7;
font-size:.9em;
margin-bottom:.4em;
background-color:#FFFFFF;
}

#sub_nav a:hover,
#sub_nav ul li.active li a:hover {
color:#EC7419!important;
font-weight:normal!important;
}

.active a {
color:#EC7419!important;
font-weight:bold!important;
}

#sub_nav ul li.active a:hover {
font-weight:bold!important;
}

/*This over-rides the above ".active a" otherwise everything is orange!*/
#sub_nav ul li.active li a {
color:#8A8A8A!important;
font-weight:normal!important;
}

#sub_nav ul li {
margin:0;
padding:0;
list-style-type:none;
height:1em;/*This is needed for ie6*/
}

html>body #sub_nav ul li {
height:auto;/*This resets back to auto height for all other browsers*/
}

#sub_nav ul li li li {
padding:0 0 0 10px;
}

#sub_nav ul li a {
display:block;
padding:4px 2px;
border-bottom:solid 1px #E2E7ED;
text-decoration:none;
color:#333;
}

#sub_nav ul li li a {
border-bottom:solid 1px #F3F5F7;
color:#8A8A8A;
}

#sub_nav ul li li li a {
padding:2px 2px;
border-bottom:none;
}

#sub_nav ul li.sub_last a {
border-bottom:none;
}


/*
=============================
3 column layout within content div (such as student page)
=============================
*/

/*Third width for pages that allow room for a sub nav*/
#wrap_content {
width:672px;
float:right;
}

/*Full width for pages such as news*/
#wrap_content.wide {
width:923px;
float:none;
}

/*Third width for pages that allow room for a sub nav*/
#main_content {
width:425px;
float:left;
}

/*Full width for pages such as news*/
#wrap_content.wide #main_content {
width:670px;
float:left;
}

#sub_content {
width:226px;
float:right;
}

/*
=============================
TYPOGRAPHY
=============================
*/

h1 {
margin:0 0 .5em 0;
padding:0;
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
font-weight:normal;
font-size:2em;
color:#00235F;
clear:both;
letter-spacing:-0.5px;
}

#introduction h1 {
font-size:1.45em;
margin-bottom:.5em;
}

h2 {
margin:0 0 1em 0;
padding:3px 0 0 0;
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
font-weight:normal;
font-size:1.6em;
color:#00235F;
border-top:solid 1px #DADFE8;
clear:left;
}

div.news h2,
div.news_two h2 {
border-top:solid 2px #EC7419;
}

h3 {
font-size:1.3em;
font-weight:bold;
margin:0 0 .5em 0;
padding:0;
}

a {
color:#00235F;
}

a:hover {
text-decoration:none;
}

p {
margin:0 0 1em 0;
padding:0;
font-size:1.2em;
line-height:1.3em;
}

div.news p,
div.news_two p {
font-size:1em;
}

.timestamp {
font-size:1em!important;
font-style:italic;
color:#999999;
}

div.news p.timestamp,
div.news_two p.timestamp {
border-bottom:solid 1px #DADFE8;
padding-bottom:5px;
}

table {
font-size:1em;
}

p.caption {
margin:.2em 0 2.5em 0;
font-style:italic;
font-size:.9em;
padding:0;
color:#999;
}

p a.top_btn {
background-image:url(../css_images/top_btn_bk.gif);
background-repeat:no-repeat;
background-position:0 50%;
padding-left:10px;
font-size:0.8em;
color:#999;
}

.required {
color:#9D0101;
}

/* Added for error messages on the client login page -- lucid returns the error
messages in a div with id 'message' and no p tags */
#message {
font-size:1.2em;
color:#9D0101;	
}

/*
=============================
MORE_CONTENT - For the inline images that float right on property pages
=============================
*/

#main_content div.more_content {
float:right;
width:200px;
padding:1.6em 0 0 2em!important;
margin:1px 0 0 0;
position:relative;
background-color:#FFF;
}

div.more_content p.caption {
margin-bottom:1.9em;
}


/*
=============================
.NEWS - For the 3 floated news coloumns
=============================
*/

div.news,
div.news_two {
width:210px;
float:left;
}

div.news_two {
margin:0 20px;
}

/*
=============================
.NEWS - We've had to change to 4 colums and use a table for time's sake
=============================
*/

#news_cols,
#news_cols td {
border: 0px;
}

#news_cols {
width:100%;
border:0px;
margin-bottom:1.5em;
}

#news_cols td,
#news_cols th {
border:0px;
padding:0px 20px 0px 0px;
}

#news_cols th {
font-size:1em;
text-align:left;
}

#news_cols td {
font-size:1em;
vertical-align:top;
}

/*
=============================
GOOGLE MAPS - make larger or smaller here
=============================
*/

div.g_map {
width:425px;
height:351px;
margin-bottom:2.5em;
}

/*
=============================
Directions and content lists
=============================
*/

#main_content ul {
list-style-type:none;
margin:0 0 1.5em 0;
padding:0;
}

#main_content ul li {
list-style-type:none;
margin:0;
padding:0 0 4px 14px;
background-image:url(../css_images/inline_bullets.gif);
background-repeat:no-repeat;
background-position:0 4px;
line-height:1.2em;
font-size:1.2em;
}

/*
=============================
EXTRA INFO - Such as bulleted lists. Done in divs to take paragraphs too
=============================
*/

#sub_content div.extra_info,
#main_content div.extra_info {
width:226px;
border-top:solid 2px #EC7419;
border-bottom:solid 1px #EC7419;
padding:5px 0 5px 0;
float:right;
margin:0 0 .5em 1em;
background-color:#FEF8F4;
}

/*If the extra_info is in the sub_content area it needs a bottom margin...*/
#sub_content div.extra_info {
margin:0 0 14px 0;
}

#main_content div.extra_info h1,
#sub_content div.extra_info h1 {
font-size:1.5em;
}

#main_content div.extra_info p,
#sub_content div.extra_info p {
font-size:1em;
}

#sub_content div.extra_info ul,
#main_content div.extra_info ul {
list-style-type:none;
margin:0;
padding:0;
}

#sub_content div.extra_info ul li,
#main_content div.extra_info ul li {
list-style-type:none;
margin:0;
padding:0 0 4px 14px;
background-image:url(../css_images/inline_bullets.gif);
background-repeat:no-repeat;
background-position:0 3px;
line-height:1.2em;
font-size:1em;
}

/*
=============================
DATA TABLES
=============================
*/

table {
width:100%;
border:solid 1px #CAD1DE;
border-collapse:collapse;
margin-bottom:1.5em;
}

td,
th {
border:solid 1px #CAD1DE;
padding:6px 4px;
}

th {
background-color:#ECEFF3;
font-size:1.2em;
text-align:left;
}

td {
font-size:1.2em;
vertical-align:top;
}

/*
=============================
FOOTER
=============================
*/

#footer {
margin:auto;
text-align:left;
width:955px;
height:18px;/*26-8*/
padding:8px 0 0 0;
background-color:#DEEBFF;
}

#footer ul {
width:730px;
float:left;
margin:0;
padding:0;
list-style-type:none;
}

#footer ul li {
margin:0;
padding:0 8px;
display:inline;
list-style-type:none;
border-right:solid 1px #869CC0;
}

#footer ul li.first_nav_foot {
padding:0 8px 0 0;
}

#footer ul li.last_nav_foot {
border-right:none;
}

#footer ul#author {
width:auto;
float:right;
margin:0;
padding:0;
list-style-type:none;
}

#footer ul#author li {
margin:0;
padding:0;
list-style-type:none;
border-right:none;
}

#footer a {
color:#869CC0;
text-decoration:none;
font-size:1em;
}

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

.cta a.gmnoprint {
display:none;
}