@charset "utf-8";
/* CSS Document */

body {  font-family:Arial, Helvetica, sans-serif;
margin:0 auto 0 auto;
background:url(/assets/images/new/bg.jpg) repeat-x #d4d4d4;  }

/* specific divs */

.clear { clear:both;}

.doc { background:url(/assets/images/pdf.gif) no-repeat left;
padding:0 0 0 20px;}

/* container */

#wrapper { margin:0 auto;
width:965px;}
	
#wrapper #header { margin:7px 5px;}

#wrapper #header img.crest { width:75px;
float:left;
margin:0 0 0 10px;
padding:0;}

#wrapper #header .logo { float:left;
/*margin:0 30px;*/
margin:5px 30px 0 30px;}	

#wrapper #header h2 { font-size:350%;
color:#efe6e6;
margin:0;
padding:0;
/*background:url(/assets/images/new/liverpoolcollege.jpg) no-repeat;*/}

#wrapper #header h2 span { display:none;}

/*#wrapper #header h2 span { visibility:hidden;}*/

#wrapper #header h3 { font-size:90%;
color:#efe6e6;
margin:-3px 0 0 0;
padding:0;
/*background:url(/assets/images/new/hmc.jpg) no-repeat;*/}

#wrapper #header h3 span { display:none;}

/*#wrapper #header h3 span { visibility:hidden;}*/

#wrapper #header img.uni { float:right;
margin:5px 45px 2px 0;}

/* header nav */

#wrapper #header ul#header-nav { margin:10px 0 0 0;
padding:8px 5px;
font-size:70%;
float:right;
background:#b02836;
position:relative;
width:250px;}

#wrapper #header ul#header-nav li { float:left;
list-style:none;}

#wrapper #header ul#header-nav li a { color:#f2d3d6;
border-right:1px solid #ce7982;
border-left:1px solid #871f29;
text-decoration:none;
padding:0 15px;
/*padding:0 8px */}

#wrapper #header ul#header-nav li a.first { border-left:none;}
#wrapper #header ul#header-nav li a.last { border-right:none;}

#wrapper #header ul#header-nav li a:hover { color:#fff;}

/* specific styles for column */

#wrapper .column { float:left;
width:736px;
background:#fff;
padding:2px;
margin:5px 0;}

#wrapper .column .heading { background:#656465;
margin:0 0 2px 0;
padding:0;
.border:1px solid #656465;}

#wrapper .column .heading h1 { margin:0;
padding:3px 5px 0 5px;
color:#fff;
font-size:110%;
font-weight:normal;
float:left;
width:520px;}

#wrapper .column .heading h1 span { display:none;}

#wrapper .column .heading form { float:right;
margin:3px 5px 0 0;}

#wrapper .column .heading form input { background:#868686;
border:1px solid #bdbdbd;
color:#bdbdbd;
font-size:70%;
padding:2px;
width:140px;}

#wrapper .column .heading form input.button { background:url(/assets/images/new/btn-bg.jpg) repeat-x;
padding:1px 3px;
font-weight:bold;
color:#e7e7e7;
width:40px;} 

/* slight tweaks for right column */

#wrapper .column#right { width:210px;
margin-left:5px;
background:#656465;
padding:2px 2px 0 2px;}

#wrapper .column#right h3 { background:#313131;
color:#fff;
font-size:80%;
font-weight:bold;
padding:7px 5px;
margin:0;
border-bottom:1px solid #000;}

#wrapper .column#right h3 a { color:#fff;
text-decoration:none;}
#wrapper .column#right h3 a:hover { color:#737373;}

#wrapper .column#right h3.events { border-bottom:1px solid #bebebe;}


#wrapper .column#right .title { background:#313131;
padding:7px 5px 5px 5px;
margin:0;
border-bottom:1px solid #000;
/* fixes the clear fix in IE */
.display: inline-block;
.zoom: 1;}

#wrapper .column#right .title h3 { float:left;
width:100px;
padding:0;
border:none;}

#wrapper .column#right .title p { float:right;
margin:0;
padding:2px 5px; 
font-weight:bold;
color:#959595;
font-size:70%;
background:#434242;}

#wrapper .column#right .title p a { color:#959595;
text-decoration:none;}

#wrapper .column#right .title p a:hover { color:#fff;}

#wrapper .column#right .title:after {     content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
	
}


#wrapper .column#right .content-area { background:url(/assets/images/new/header-arrow.jpg) no-repeat 2% 0;
margin:-1px 0 0 0;
padding:0 0 2px 0;
border-bottom:1px solid #bebebe;}

#wrapper .column#right .content-area#news { border:none;}

#wrapper .column#right .content-area p { margin:0;
padding:10px 5px;
font-size:70%;
color:#fff;
line-height:16px;}

#wrapper .column#right .content-area p.admissions { border-bottom:1px solid #999999;}

#wrapper .column#right .content-area img.sally { float:right;
padding:2px;
border:1px solid #a5a5a5;
margin:5px;}

#wrapper .column#right .content-area h4 { color:#fff;
font-size:80%;
font-weight:bold;
padding:5px;
margin:0;
border-top:1px solid #404040;}



#wrapper .column#right .content-area ul { margin:0 0 5px 0;
padding:0 5px;
list-style:none;
font-size:70%;}

#wrapper .column#right .content-area ul li { background:url(/assets/images/new/white-arrow.jpg) no-repeat left;
padding:0 0 0 10px;
display:vlock;
margin:0 20px 0 0;}

#wrapper .column#right .content-area a { color:#fff;}
#wrapper .column#right .content-area a:hover { text-decoration:none;}

/* news articles */

#wrapper .column#right .content-area .article#first { padding:9px 5px 0px 5px;}

#wrapper .column#right .content-area .article { padding:2px 5px 2px 5px;}

#wrapper .column#right .content-area .article.lighter { background:#6f6e6f;}

#wrapper .column#right .content-area .article img { padding:2px;
border:1px solid #a5a5a5;
float:left;
width:61px;
margin:5px;}

#wrapper .column#right .content-area .article h4 { border:none;
padding:24px 10px 25px 10px;
font-size:78%;}

#wrapper .column#right .content-area .article h4 a { text-decoration:none;}
#wrapper .column#right .content-area .article h4 a:hover { color:#aeaeae;}

/* footer */

#footer { margin:0;
padding:10px 0 0 0;
border:1px solid #d4d4d4;
color:#636363;
font-size:70%;}

#footer p { margin:0;
padding:0;
float:left;
width:500px;}

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

#footer ul li { float:left;
border-right:1px solid #636363;
padding:0 5px;}

#footer ul li a { color:#636363;}
#footer ul li a:hover { text-decoration:none;}

/* rippleffect */

p.rippleffect { font-size:70%;
color:#636363;
margin:0;
padding:0;}

p.rippleffect a { color:#636363;}
p.rippleffect a:hover { text-decoration:none;}


/* internal pages */

#wrapper .column .cms { padding:2px;
margin:0 5px;}

#wrapper .column .cms p { font-size:70%;}
#wrapper .column .cms blockquote { font-size:70%;
margin:10px;
padding:0;}

#wrapper .column .cms blockquote { background:#ebebeb;
border-top:1px solid #bdbdbd;
border-bottom:1px solid #bdbdbd;
padding:0 10px;}

#wrapper .column .cms blockquote p { font-size:100%;
background:none;
border:none;}

#wrapper .column .cms h1 { font-size:110%;
font-family:Arial, Helvetica, sans-serif;
color:#000;}
#wrapper .column .cms h2 { font-size:100%;}
#wrapper .column .cms h3 { font-size:80%;}
#wrapper .column .cms h4 { font-size:70%;}


#wrapper .column .cms ul { font-size:70%;}
#wrapper .column .cms ul ul { font-size:100%;}

#wrapper .column .cms img { border:1px solid #bdbdbd;
background:#ebebeb;
padding:5px;
margin:5px;}

#wrapper .column .cms a { color:#000;
font-weight:bold;}

#wrapper .column .cms a:hover { text-decoration:none;}

#wrapper .column .cms .caption { font-size:70%;
text-align:center;}


#wrapper .column .cms hr { color:#bdbdbd;
background:#bdbdbd;
height:1px;
border:none;}

/* cms forms */

#wrapper .column .cms form { font-size:70%;
color:#000;
/*float:right;*/
width:460px;}

#wrapper .column .cms form fieldset { border-top:1px solid #bdbdbd;
border-bottom:1px solid #bdbdbd;
border-left:none;
border-right:none;
background:#ebebeb;
padding:10px;}

#wrapper .column .cms form label { float:left;
width:180px;
margin:0 0 5px 0;
padding:2px; }

#wrapper .column .cms form input { width:240px;
margin:0 0 5px 0;
font-size:100%;
float:right;
border:1px solid #6f6e6f;
padding:2px;}

#wrapper .column .cms form input.fmtick { border:none;}

#wrapper .column .cms form select { width:246px;
margin:0 0 5px 0;
font-size:100%;
float:right;
border:1px solid #6f6e6f;
padding:2px;}

#wrapper .column .cms form input.formbutton { background: url(/assets/images/new/btn-bg.jpg) repeat-x;
padding: 1px 3px;
font-weight: bold;
color: #e7e7e7;
border:1px solid #6f6e6f;
width:246px;
cursor:pointer;}

/* search results page */

#wrapper .column form#frmSearchAgain { margin:10px 0 0 0;
width:100%;}

#wrapper .column form#frmSearchAgain label { float:left;
width:80px;
margin:0;
padding:2px;
color:#000;}
#wrapper .column form#frmSearchAgain input { float:left;
margin:0;
padding:2px;
font-size:100%;
background:#d5414f !important;
border:1px solid #b02836;
margin:0 0 0 5px;
color:#fff;}
#wrapper .column form#frmSearchAgain input.formbutton { background:url(/assets/images/new/red-btn.jpg) repeat-x #b02836 !important;
padding:1px;}

#wrapper .column ul#search-results-tabs { margin:30px 0 0 0;
padding:0 0 5px 0;
list-style:none;
.margin:0;}

#wrapper .column ul#search-results-tabs li { background:#656565;
display:inline;
padding:5px 10px;
font-size:110%;
margin:0 2px;}

#wrapper .column ul#search-results-tabs li a { color:#fff;
text-decoration:none;
font-weight:normal;}

#wrapper .column h3.pages { border-top:1px solid #656565;
padding:10px 0 10px 0;
margin:0;}

#wrapper .column .searchresults { margin:2px 10px;
background:#ebebeb;
padding:5px;
border-top:1px solid #bdbdbd;
border-bottom:1px solid #bdbdbd;}


/* re-styling the paging */

#wrapper .column ul.pages { margin:0;
padding:10px;
list-style:none;}

#wrapper .column ul.pages li { display:inline;
margin:0 0 0 5px;}

#wrapper .column ul.pages li a { background:#d5414f;
padding:2px 8px;
color:#fff;
text-decoration:none;}

#wrapper .column ul.pages li a:hover { background:#b02836;}


/* news pages styling */


#wrapper .column ul.links { margin:2px 5px 0 5px;
padding:0;
list-style:none;
float:left;
font-size:70%;}

#wrapper .column ul.links#back { float:right;}

#wrapper .column ul.links li { display:inline;
padding:0 10px;
border-left:1px solid #fff;}

#wrapper .column ul.links li.back { border:none;}

#wrapper .column ul.links li a { color:#fff;
text-decoration:none;
font-weight:bold;
background:url(/assets/images/new/white-arrow.jpg) no-repeat center left;
padding:0 0 0 10px;}

#wrapper .column ul.links li.back a { background:url(/assets/images/new/previous-arrow.jpg) no-repeat center left;}

#wrapper .column ul.links li a:hover { text-decoration:underline;}

/* departments page */

#wrapper .column .subject { border-top:1px solid #b02836;
border-bottom:1px solid #b02836;
width:144px;
height:84px;
float:left;
margin:1px 1px 2px 2px;}

#wrapper .column .subject h3 { background:url(/assets/images/subjects/bg.png) repeat-x;
margin:64px 0 0 0;
padding:2px 5px;
color:#fff;
font-size:80%;}

#wrapper .column .subject h3 a { color:#fff;
text-decoration:none;}
#wrapper .column .subject h3 a:hover { color:#e1b2b7;}


/* calendar page */

#wrapper .column .cms#cal { margin:0;
padding:0;}

#wrapper .column .cms h2.whatson { margin:5px 3px;
font-size:140%;
color:#434242;}

#wrapper .column .cms .strip { background:#4d4d4d;
margin:0;
padding:0;
border:1px solid #fff;
_width:730px;}

#wrapper .column .cms .strip h2 { float:left;
color:#fff;
margin:10px 0 10px 0px;
width:300px;
_width:250px;
text-align:center;}

#wrapper .column .cms .strip .button { float:left;
margin:5px 0 5px 5px;
padding:0;
border:none;}

#wrapper .column .cms .strip .button img { border:none;
margin:0;
padding:0;}

#wrapper .column .cms .strip .button a { text-decoration:none;}

#wrapper .column .cms .strip form { float:left;
width:130px;
margin:10px;
_margin:10px 5px 10px 60px;}

#wrapper .column .cms .strip form select { width:130px;
background:#424242;
color:#fff;
border:1px solid #c1bfc1;
padding:2px 0;
position:relative;
z-index:0;}

#wrapper .column .cms .strip ul { margin:8px 0 5px 0px;
padding:5px;
list-style:none;
background:#c1bfc1;
float:left;}

#wrapper .column .cms .strip ul li { display:inline;
font-weight:bold;
margin:0 3px;}

#wrapper .column .cms .strip ul li.event { font-weight:normal;
color:#d64150;
background:url(/assets/images/new/key-tri.jpg) no-repeat 0 60%;
padding:0 0 0 12px;}

#wrapper .column .cms .strip p { float:right;
background:#d64150;
color:#fff;
padding:5px;
font-weight:bold;
margin:8px 10px 0 0;
_margin:8px 5px 0 0;}

#wrapper .column .cms .strip p a { color:#fff;
text-decoration:none;}
#wrapper .column .cms .strip p a:hover { color:#a21a28;}

#wrapper .column .cms ul.whatson { float:left;
margin:5px 10px 10px 10px;
padding:0 15px 0 10px;
list-style:none;
font-size:78%;
color:#434242;
border-right:1px dashed #cbcacb;}

#wrapper .column .cms ul.whatson li { line-height:20px;
background:url(/assets/images/new/whatson-arrow.jpg) no-repeat center left;
padding:0 0 0 15px; }

#wrapper .column .cms ul.whatson li a { color:#434242;
text-decoration:none;
font-weight:normal;}
#wrapper .column .cms ul.whatson li a:hover { text-decoration:underline;}

/* calendar table */

#wrapper .column .cms table { margin:0;
padding:0;}

#wrapper .column .cms table td { font-size:80%;
padding:5px;}

#wrapper .column .cms table td.day1 { background:#656465;
color:#fff;
font-size:80%;
font-weight:bold;
text-align:center;
padding:5px 0;
width:100px;}

#wrapper .column .cms table td.cell { background:#a8a7a8;
padding:36px 5px 5px 5px;
text-align:right;
width:100px;
color:#d4d3d4;
font-weight:bold;}

#wrapper .column .cms table a { color:#d64150;
text-decoration:none;
background:url(/assets/images/new/cal-tri.jpg) no-repeat right bottom;
padding:2px;}

#wrapper .column .cms table a:hover { color:#a21a28;}

/* tool tip styling */

.eventTip-tip { color: #fff;
/*width: 250px;*/
z-index: 13000;}

.eventTip-title { font-weight: bold;
font-size:80%;
margin: 0;
color: #fff;
padding: 8px 10px;
background: #313131;
border-bottom: 1px solid #fff;}

.eventTip-text { font-size: 70%;
background:#656465;}

.eventTip-text ul { margin:0;
padding:5px 10px;
list-style:none;}

.eventTip-text ul li { background:url(/assets/images/new/white-arrow.jpg) no-repeat 2% 50%;
padding:5px 0 5px 20px;
border-bottom:1px solid #999999;}

/* events listing template */

#wrapper .column .top-bar { background:#313131;
margin:5px 0;
padding:5px 5px 8px 5px;}

#wrapper .column form#CatChange { margin:0 5px; 
float:left; 
width:500px;}

#wrapper .column form#CatChange label { font-size:80%; 
font-weight:bold;
color:#fff;}

#wrapper .column form#CatChange select { font-size:80%;
border:1px solid #757575;
background:#434242;
width:100px;
color:#fff;}

#wrapper .column ul.pages { font-size:70%;
margin:5px 5px 5px 0;
padding:0;
float:right;}

#wrapper .column .top-bar ul.pages { color:#fff;
margin:5px 0 0 0;}

/* events detail page article */

#wrapper .column .newslisting_wrapper { border:1px solid #bdbdbd;
border-left:none;
border-right:none;
background:#ebebeb;
margin:2px 10px;
padding:10px 5px;}

#wrapper .column .newslisting_wrapper h2 { font-size:80%;
font-weight:bold;
margin:0;
padding:0;
float:left;}
#wrapper .column .newslisting_wrapper h2 a { color:#000;}
#wrapper .column .newslisting_wrapper h2 a:hover { text-decoration:none;}

#wrapper .column .newslisting_wrapper p { font-size:70%;}

#wrapper .column .newslisting_wrapper p.posted { float:right;
margin:0 5px 0 0;
padding:0;
font-style:italic;}

/* javascript image gallery */

#wrapper .column .homeflash { width:385px; 
background:#242323; 
padding:5px; 
/*margin:0 auto 15px auto;*/
color:#fff;
height:260px;
/*position:absolute;*/ }

#wrapper .column .homeflash img { border:none;
padding:0;
background:none;}

#wrapper .column .homeflash .base { padding:5px 0;
/*position:relative;*/}

#wrapper .column .homeflash .base .nextarrow_but {  margin-bottom:2px; 
float:right; 
width:25px; 
height:46px;}

#wrapper .column .homeflash .base .nextarrow_but a { display:block; 
width:25px; 
height:46px; 
background: url(/assets/images/right-arrow.gif) left no-repeat;}

#wrapper .column .homeflash .base .nextarrow_but a:hover { background: url(/assets/images/right-arrow_over.gif) left;
border:none;}

#wrapper .column .homeflash .base .prevarrow_but { margin-bottom:2px;
float:left; 
margin-right:5px; 
width:25px; 
height:46px;}

#wrapper .column .homeflash .base .prevarrow_but a { display:block; 
width:25px; 
height:46px; 
background:url(/assets/images/left-arrow.gif);}

#wrapper .column .homeflash .base .prevarrow_but a:hover { background: url(/assets/images/left-arrow_over.gif);}

#wrapper .column .homeflash .base p {margin:0; 
padding-top :4px; 
clear:none; 
float:left; 
width:300px;
text-align:center;}

#wrapper .column .homeflash .base a { color:#ccc; 
font-weight:600; 
text-decoration:none;}

#wrapper .column .homeflash .base a:hover { color:#fff; 
font-weight:600; }

#wrapper .column .homeflash .image_caption { float:left;
width:30px;}

/* noticeboard */

#noticeboard { width:250px;
float:right;
padding:0 5px;
margin:0 0 0 5px;
background:#ebebeb;
border-left:1px solid #bdbdbd;
border-right:1px solid #bdbdbd;}

#noticeboard h2 { margin:0;
padding:5px 0;}

/* gallery page */

#gallerypage1 p, #gallerypage2 p, #gallerypage3 p { color:#fff;
font-size:70%;
margin:10px 5px;}

#gallerypage1 p.link, #gallerypage2 p.link, #gallerypage3 p.link { float:left;
margin:5px;}

#gallerypage1 p a, #gallerypage2 p a, #gallerypage3 p a { color:#fff;
text-decoration:none;
font-weight:bold;}

#gallerypage1 p a:hover , #gallerypage2 p a:hover, #gallerypage3 p a:hover { text-decoration:none;}

#gallerypage1 .images, #gallerypage2 .images, #gallerypage3 .images { margin:0 5px;}

#gallerypage1 img, #gallerypage2 img, #gallerypage3 img { padding:2px;
border:1px solid #a5a5a5;}

#HomeConsole { position:absolute;
z-index:0;}

#flash-overlay { width:210px;  
height:320px; 
float:right;
position:relative; 
z-index:100; 
right:0; 
/*background:#fff;
border-left:1px solid #fff;*/}