/* ####################################################################### */
/* Screen styles                                                           */
/* ####################################################################### */

BODY
	{
	margin : 0;
	padding : 0;
	text-align : center;
	font-family : "Arial", Arial, sans-serif;
	font-size : 12px;
	white-space : normal;
	}

DIV
	{
	margin : 0;
	padding : 0;
	}

.hidden,
.noscreen
	{
	display : none;
	}

/* ####################################################################### */
/* Header styles                                                           */
/* ####################################################################### */

DIV#header
	{
	text-align : left;
	margin : 0 auto;
	width : 760px;
	min-height : 100px;
	clear : both;
	}

DIV.header-title
	{
	width : 500px;
	float : left;
	}

DIV.header-site
	{
	text-align : right;
	width : 260px;
	min-height : 30px;
	float : right;
	}

DIV.header-search
	{
	text-align : right;
	width : 260px;
	min-height : 30px;
	float : right;
	}

DIV.header-nav
	{
	color : #ffffff;
	background-color : #888888;
	background-image : url('../../graphics/nav-bar-grey.png');
	background-repeat : repeat-x;
	width : 760px;
	min-height : 30px;
	clear : both;
	border-top : 5px solid;
	border-bottom : 5px solid; 
	overflow : hidden;
	}

DIV.header-breadcrumbs
	{
	color : #ffffff;
	background-color : #666666;
	width : 760px;
	min-height : 20px;
	clear : both;
	border-bottom : 5px solid; 
	overflow : hidden;
	}

/* ####################################################################### */

DIV#header A
	{
	text-decoration : none;
	}

DIV#header H1
	{
	font-family : "Arial", Arial, sans-serif;
	font-size : 2.3em;
	font-style : normal;
	margin : 0;
	padding : 0;
	padding-top : 2px;
	padding-left : 75px;
	}

DIV#header H2
	{
	font-family : "Arial", Arial, sans-serif;
	font-size : 1.1em;
	font-style : normal;
	margin : 0;
	padding : 0;
	padding-left : 77px;
	}

DIV.header-site UL
	{
	list-style : none;
	margin : 0;
	padding : 0;
	}

DIV.header-site LI
	{
	float : right;
	padding-top : 7px;
	padding-bottom : 8px;
	}

DIV.header-site A
	{
	padding : 5px;
	}

DIV.header-search FORM
	{
	margin : 0;
	padding : 0;
	}

DIV.header-nav A, DIV.header-breadcrumbs A
	{
	color : #ffffff;
	}

DIV.header-nav P
	{
	padding : 5px;
	padding-top : 7px;
	padding-bottom : 7px;
	color : #ffffff;
	float : left;
	clear : none;
	}

DIV.header-nav UL
	{
	float : right;
	list-style : none;
	margin : 0;
	padding : 0;
	}

DIV.header-nav LI
	{
	float : left;
	padding-top : 7px;
	padding-bottom : 7px;
	padding-left : 7px;
	font-size : 1.1em;
	text-align : center;
	min-height : 100%;
	}

DIV.header-nav LI:hover
	{
	border-bottom : none;
	}

DIV.header-nav LI A
	{
	font-weight : bold;
	padding : 5px;
	}

DIV.header-nav LI.about
	{
	background-color : #cccc22;
	background-image : url('../../graphics/nav-bar-yellow.png');
	}

DIV.header-nav LI.bath
	{
	background-color : #cc3333;
	background-image : url('../../graphics/nav-bar-red.png');
	}

DIV.header-nav LI.courses
	{
	background-color : #3377bb;
	background-image : url('../../graphics/nav-bar-blue.png');
	}

DIV.header-nav LI.prospectus
	{
	background-color : #22bb55;
	background-image : url('../../graphics/nav-bar-green.png');
	}

DIV.header-nav LI.schools
	{
	background-color : #bb55bb;
	background-image : url('../../graphics/nav-bar-purple.png');
	}

DIV.header-nav LI.artswork, DIV.header-nav LI.bathspalive
	{
	background-color : #333333;
	background-image : url('../../graphics/nav-bar-black.png');
	}

/* ####################################################################### */
/* Warning styles                                                          */
/* ####################################################################### */

DIV#warning
	{
	background-color : #ff0000;
	text-align : left;
	margin : 0 auto;
	width : 760px;
	clear : both;
	}

DIV#warning P
	{
	color : #ffffff;
	background-image : none;
	margin : 0;
	padding : 5px;
	border-top : 0;
	font-size : 1.5em;
	}

/* ####################################################################### */
/* Alert box styles                                                        */
/* ####################################################################### */

DIV#alertbox
	{
	background-color : #ffff00;
	text-align : left;
	margin : 0 auto;
	width : 760px;
	clear : both;
	}

DIV#alertbox P
	{
	color : #000000;
	background-image : none;
	margin : 0;
	padding : 5px;
	border-top : 0;
	font-size : 1.2em;
	}

/* ####################################################################### */
/* Content styles                                                          */
/* ####################################################################### */

DIV#switch,
DIV#content
	{
	text-align : left;
	margin : 0 auto;
	width : 760px;
	padding : 0;
	overflow : hidden;
	}

DIV.content-main        /* ########## NEW TODO ########## */
	{
	float : right;
	width : 500px;
	overflow : hidden;
	}

DIV.content-sidebar     /* ########## NEW TODO ########## */
	{
	float : left;
	width : 260px;
	overflow : hidden;
	max-width : 260px;
	height : 100%;
	}

DIV.content-main-one     /* Use for one column layout only */
	{
	float : left;
	width : 760px;
	}

DIV.content-main-two     /* Use for two column layout only */
	{
	float : left;
	width : 500px;
	}

DIV.content-main-left
	{
	float : left;
	width : 50%;
	}

DIV.content-main-right
	{
	float : right;
	width : 50%;
	}

DIV.boxsearch
	{
	background-color : transparent;
	border : solid 1px #eeeeee;
	border-left : solid 5px #eeeeee;
	margin : 5px;
	margin-top : 10px;
	margin-bottom : 15px;
	}

DIV.boxsearchkeymatch
	{
	background-color : #eeeeff;
	border : solid 1px #cccccc;
	border-left : solid 5px #cccccc;
	margin : 5px;
	margin-top : 10px;
	margin-bottom : 15px;
	}

DIV.boxsearchsuggest
	{
	background-color : #ffeeee;
	border : solid 1px #cccccc;
	border-left : solid 5px #cccccc;
	margin : 5px;
	margin-top : 10px;
	margin-bottom : 15px;
	}

DIV.boxsearch H4 STRONG,
DIV.boxsearchkeymatch H4 STRONG
	{
	background-color : transparent !important;
	color : #000000 !important;
	}

DIV.boxfalse
	{
	background-color : #ffbbbb;
	border : solid 1px #666666;
	margin : 5px;
	}

DIV.boxtrue
	{
	background-color : #bbeebb;
	border : solid 1px #666666;
	margin : 5px;
	}

DIV#directionsmap
	{
	background-color : #eeeeee;
	border : solid 1px #666666;
	margin : 5px;
	width : 748px;
	height : 460px;
	}

DIV#directionsmap SPAN
	{
	color : #000000 !important ;
	background-color : transparent !important ;
	}

DIV.twitterfeed
	{
	margin : 5px;
	}

DIV#content DIV.twitterfeed H3
	{
	border : 0px none;
	}

/* ####################################################################### */

DIV#switch H3,
DIV#content DIV.content-switch H3,
DIV#content DIV.content-sidebar H3
	{
	margin : 0;
	margin-top : 5px;
	padding : 5px;
	border-top : 0;
	}

DIV#switch H3,
DIV#content H3
	{
	margin : 5px;
	margin-top : 10px;
	padding : 0;
	padding-left : 5px;
	border-left : 5px solid;
	border-top : 5px solid;
	}

DIV#switch UL,
DIV#content DIV.content-switch UL,
DIV#content DIV.content-sidebar UL
	{
	list-style : none;
	}

DIV#switch UL LI,
DIV#content DIV.content-switch UL LI,
DIV#content DIV.content-sidebar UL LI
	{
	margin-left : -35px;
	margin-right : 5px;
	margin-top : 0;
	margin-bottom : 5px;
	padding : 5px;
	list-style : none;
	list-style-image : none;
	border : 1px solid;
	list-style-image : none;
	}

DIV#switch UL A,
DIV#content DIV.content-switch UL A,
DIV#content DIV.content-sidebar UL A
	{
	text-decoration : none;
	}

DIV#switch UL A:hover,
DIV#content DIV.content-switch UL A:hover,
DIV#content DIV.content-sidebar UL A:hover
	{
	text-decoration : underline;
	}

DIV#content DIV.content-sidebar LI.twitter
	{
	padding-left : 30px;
	background-image : url('../../graphics/li-icons/li-twitter-logo.png');
	background-repeat : no-repeat;
	}

DIV#content DIV.content-sidebar LI.facebook
	{
	padding-left : 30px;
	background-image : url('../../graphics/li-icons/li-facebook-logo.png');
	background-repeat : no-repeat;
	}

DIV#content DIV.content-sidebar LI.youtube
	{
	padding-left : 30px;
	background-image : url('../../graphics/li-icons/li-youtube-logo.png');
	background-repeat : no-repeat;
	}

DIV#content DIV.content-sidebar LI.academia
	{
	padding-left : 30px;
	background-image : url('../../graphics/li-icons/li-academia-logo.png');
	background-repeat : no-repeat;
	}

DIV#content DIV.content-sidebar LI.googleplus
	{
	padding-left : 30px;
	background-image : url('../../graphics/li-icons/li-google-plus-logo.png');
	background-repeat : no-repeat;
	}

DIV#content DIV.content-sidebar LI.linkedin
	{
	padding-left : 30px;
	background-image : url('../../graphics/li-icons/li-linked-in-logo.png');
	background-repeat : no-repeat;
	}

DIV#content UL
	{
	list-style : none;
	}

DIV#content OL LI
	{
	margin-top : 5px;
	margin-bottom : 5px;
	margin-left : -5px;
	}

DIV#content UL LI
	{
	margin-top : 5px;
	margin-bottom : 5px;
	margin-left : -5px;
	list-style : none;
	list-style-image : url('../../graphics/list-item.png');
	}

DIV#content UL LI.folder
	{
	list-style-image : url('../../graphics/list-item-folder.png');
	}

DIV#content UL LI.file
	{
	font-style : italic;
	list-style-image : url('../../graphics/list-item-file.png');
	}

DIV#content LI.yellow
	{
	list-style-image : url('../../graphics/maps/circle-yellow.png');
	}

DIV#content LI.white
	{
	list-style-image : url('../../graphics/maps/circle-white.png');
	}

DIV#content LI.red
	{
	list-style-image : url('../../graphics/maps/circle-red.png');
	}

DIV#content LI.orange
	{
	list-style-image : url('../../graphics/maps/circle-orange.png');
	}

DIV#content LI.parking
	{
	list-style-image : url('../../graphics/maps/circle-parking.png');
	}

/* ####################################################################### */
/* Footer styles                                                           */
/* ####################################################################### */

DIV#footer
	{
	text-align : left;
	margin : 0 auto;
	width : 760px;
	min-height : 100px;
	clear : both;
	}

DIV.footer-quicklinks
	{
	color : #ffffff;
	background-color : #888888;
	background-image : url('../../graphics/nav-bar-grey.png');
	background-repeat : repeat-x;
	width : 760px;
	min-height : 30px;
	clear : both;
	border-top : 5px solid;
	border-bottom : 5px solid;
	overflow : hidden;
	}

DIV.footer-style
	{
	text-align : right;
	width : 760px;
	float : right;
	min-height : 60px;
	}

DIV.footer-legal
	{
	background-color : #eeeeee;
	width : 760px;
	float : right;
	}

/* ####################################################################### */

DIV#footer A
	{
	text-decoration : none;
	color : #ffffff;
	}

DIV.footer-quicklinks UL
	{
	list-style : none;
	margin : 0;
	padding : 0;
	}

DIV.footer-quicklinks LI
	{
	float : left;
	padding-top : 7px;
	padding-bottom : 8px;
	font-size : 1.1em;
	}

DIV.footer-quicklinks A
	{
	padding : 5px;
	}

DIV.footer-style FORM
	{
	margin : 0;
	padding : 0;
	}

DIV.footer-legal P
	{
	color : #777777;
	margin-top : 5px !important;
	}

DIV.footer-legal A
	{
	color : #777777 !important;
	text-decoration : underline !important;
	}

/* ####################################################################### */
/* Layout styles                                                           */
/* ####################################################################### */

H1,
H2,
H3,
H4,
H5,
H6,
P,
BLOCKQUOTE,
PRE
	{
	margin : 0;
	padding : 5px;
	}

H1,
H2,
H3,
H4,
H5,
H6
	{
	font-weight : normal;
	}

H1,
H2
	{
	font-size : 1.5em;
	}

H3
	{
	font-size : 1.4em;
	}

H4
	{
	font-size : 1.3em;
	}

H5
	{
	font-size : 1.2em;
	}

H6
	{
	font-size : 1.1em;
	}

H6
	{
	font-size : 1.1em;
	font-weight : normal;
	}

P.index
	{
	font-size : 1.3em;
	text-align : center;
	}

P.index A
	{
	min-width : 2em;
	color : #999999;
	padding : 2px;
	text-decoration : none;
	}

P.attribution
	{
	text-align : right;
	margin-right : 5px;
	padding-top : 0;
	font-size : 0.9em;
	}

P.caption
	{
	color : #666666;
	text-align : center;
	margin-right : 5px;
	padding-top : 0;
	font-size : 0.9em;
	}

P.caption A
	{
	color : #666666;
	}

P.note,
P.address,
P.telephone,
P.internet,
P.email,
P.geo,
P.rss,
P.microformats,
P.alert
	{
	background-position : left top;
	background-repeat : no-repeat;
	margin-top : 5px;
	margin-left : 5px;
	padding-top : 0;
	padding-left : 30px;
	font-style : italic;
	}

P.note
	{
	background-image : url('../../graphics/note.png');
	}

P.address
	{
	background-image : url('../../graphics/address.png');
	}

P.telephone
	{
	background-image : url('../../graphics/telephone.png');
	}

P.internet
	{
	background-image : url('../../graphics/internet.png');
	}

P.email
	{
	background-image : url('../../graphics/email.png');
	}

P.geo
	{
	background-image : url('../../graphics/geo.png');
	}

P.rss
	{
	color : #996600;
	background-image : url('../../graphics/rss.png');
	}

P.microformats
	{
	color : #006600;
	background-image : url('../../graphics/microformats.png');
	}

P.alert
	{
	color : #cc0000;
	background-image : url('../../graphics/alert.png');
	font-weight : bold;
	}

H2 A
	{
	text-decoration : none;
	}

H3 A,
H4 A,
H5 A,
H6 A
	{
	text-decoration : none;
	}

IMG
	{
	border : 0;
	}

P.floatright,
A.floatright,
IMG.floatright
	{
	float : right;
	margin-left : 10px;
	margin-bottom : 10px;
	}

H3.floatnone,
H4.floatnone,
H5.floatnone
	{
	clear : none !important;
	}

IMG.weather
	{
	border : 1px solid #666666;
	}

IMG.googlestaticmap
	{
	border : 1px #666666 solid;
	}

BLOCKQUOTE
	{
	background-position : 5px 10px;
	background-repeat : no-repeat;
	background-image : url('../../graphics/quote.png');
	padding-left : 25px;
	}

ACRONYM,
ABBR
	{
	border-bottom : none;
	cursor : help;
	}

PRE
	{
	font-family : "Courier", courier, sans-serif;
	}

SMALL
	{
	font-size : 0.8em;
	}

STRONG
	{
	font-weight : bold;
	}

EM
	{
	font-style : italic;
	}

CODE
	{
	font-family : "Courier", courier, sans-serif;
	}

UL,
OL
	{
	margin : 0;
	padding-left : 40px;
	padding-top : 5px;
	padding-bottom : 5px;
	}

OL
	{
	list-style : decimal;
	}

OL OL,
UL OL
	{
	list-style : lower-alpha;
	}

OL OL OL,
UL OL OL,
UL UL OL,
OL UL OL
	{
	list-style : lower-roman;
	}

FORM
	{
	margin : 0;
	}

FIELDSET
	{
	margin : 5px;
	margin-bottom : 10px;
	padding : 0;
	border : 1px solid;
	}

LEGEND 
	{
	font-weight : bold;
	padding : 5px;
	}

INPUT,
SELECT,
TEXTAREA,
BUTTON
	{
	background-color : #eeeeee;
	}

OPTGROUP
	{
	font-style : italic;
	font-weight : bold;
	}

TABLE
	{
	margin : 5px;
	background-color : #dddddd;
	empty-cells : show;
	font-size : 1em;
	}

TABLE.weather
	{
	width : 250px;
	}

TABLE.sitemap
	{
	background-color : transparent;
	width : 490px;
	}

TABLE.sitemap TD
	{
	background-color : transparent;
	width : 50%;
	}

TH
	{
	background-color : #aaaaaa;
	vertical-align : top;
	padding : 1px;
	}

TD
	{
	background-color : #eeeeee;
	vertical-align : top;
	padding : 1px;
	}

TD.number
	{
	text-align : right;
	}

TD.light
	{
	color : #333333;
	background-color : #cccccc;
	font-weight : bold;
	text-align : right;
	}

TD.dark
	{
	color : #eeeeee;
	background-color : #999999;
	font-weight : bold;
	font-style : italic;
	}

TD.group
	{
	background-color : #dddddd;
	font-weight : bold;
	font-style : italic;
	}

TD.selected
	{
	background-color : #dddddd;
	}

TD.signature
	{
	background-color : #66cc66;
	background-image : url('../../graphics/signature.png');
	background-repeat : repeat;
	font-family : "Lucida Handwriting", "Brush Script MT", "Comic Sans MS", "Arial", arial, sans-serif;
	}

TD.red
	{
	background-color : #ff9999;
	}

TD.green
	{
	background-color : #99ee99;
	}

TD.blue
	{
	background-color : #aaccff;
	}

TD.yellow
	{
	background-color : #ffee66;
	}

TD.turquoise
	{
	background-color : #99ffcc;
	}

TD.purple
	{
	background-color : #cc99ff;
	}

TD.white
	{
	background-color : #ffffff;
	}

TABLE.notepad
	{
	width : 370px;
	}

TD.notepad
	{
	background-color : #ffffcc;
	font-family : "Lucida Handwriting", "Brush Script MT", "Comic Sans MS", "Arial", arial, sans-serif;
	}

.clearboth
	{
	float : none;
	clear : both;
	}