@charset utf-8;

#wrapper {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	background-color: #000;
	border-top-width: 10px;
	border-bottom-width: 10px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #000;
	border-bottom-color: #000;
}

.Search {
float:right;
padding-top:5px;
padding-right:5px;
padding-left:5px
}

.Navigation {
text-align:center;
padding-top:5px;
display:inline;
list-style-type:none;
font-size:14px;
padding-right:15px;
padding-left:15px;
font-weight:700;
margin-right:1%;
margin-left:1%
}

.Navigation a {
color:#fff;
text-align:center;
text-decoration:none;
text-shadow:#000 .1em .1em .2em
}

.Navigation a:visited {
color:#FFF
}

.Navigation a:hover {
background-color:#B00;
padding-top:5px;
padding-bottom:5px
}

.quicklinks {
list-style-type:none;
display:inline;
padding-right:5px;
padding-left:5px;
width:10%;
font-size:13px;
font-weight:700
}

.quicklinks a {
color:#FFF;
text-decoration:none;
text-shadow:#000 .1em .1em .2em
}

.quicklinks a:hover {
padding-top:5px;
padding-bottom:5px;
background-color:#903
}

.quote {
	float: left;
	width: 80%;
	font-size: 22px;
	font-style: italic;
	color: #c00;
	text-align: center;
	margin-right: auto;
	margin-left: auto;
	padding: 20px;
	z-index: -1;
}

.address {
float:right;
text-align:right;
padding-right:10px;
padding-bottom:20px
}

.addressText {
font-size:14px;
text-align:right;
padding-right:10px
}

.Timetable {
background:#333;
border-bottom-width:medium;
border-bottom-style:solid;
border-bottom-color:#000;
z-index:3;
margin:10px
}

.Timetable h1 {
background-color:#c00;
font-size:14px;
color:#fff;
padding-bottom:5px;
padding-left:10px;
padding-top:5px;
font-weight:600;
text-shadow:#000 .1em .1em .1em
}

.TextBox {
color:#666;
padding-top:5px;
padding-right:10px;
padding-left:10px
}

#TCLogo {
float:left;
padding-top:10px;
padding-left:10px;
z-index:2;
position:absolute
}

#welcomeContent {
	height: 100%;
	width: 100%;

}

.ListTitle {
	color: #c00;
	margin-left: -15px;
	margin-bottom: 2px;
	list-style-type: none;
	font-size: 110%;
	font-weight: 700
}

.AddressTitle {
color:#c00;
list-style-type:none;
font-size:18px;
font-weight:700;
text-align:right;
padding-top:15px;
padding-right:10px
}

.collegeSprite li {
background-image:url(/images/sprites2.png);
background-repeat:no-repeat;
height:10px;
background-position:-8px -33px;
margin-top: 5px;
}

.currentSprite li {
background-image:url(/images/sprites2.png);
background-repeat:no-repeat;
height:10px;
background-position:-8px -43px;
margin-top: 5px;
}

.parentSprite li {
background-image:url(/images/sprites2.png);
background-repeat:no-repeat;
height:10px;
background-position:-8px -52px;
margin-top: 5px;
}

.prospectiveSprite li {
background-image:url(/images/sprites2.png);
background-repeat:no-repeat;
height:10px;
background-position:-8px -61px;
margin-top: 5px;
}

.highlight {
background-color:#FFFFEA;
padding:5px
}

.highlight li {
list-style:none;
padding-bottom:5px;
margin-left:-30px
}

#twitter_div {
	border-top-width: 5px;
	border-top-style: solid;
	border-top-color: #000;
	padding-top: 10px;
	padding-bottom: 5px;
}

#twitter_div a {
color:#CCC
}

#twitter_div a:visited {
color:#999;
text-decoration:none
}

#twitter_div ul {
margin-top:25px
}

#twitter_div li {
list-style-type:none;
margin-left:-30px;
color:#999;
padding-top:5px;
padding-bottom:5px;
border-bottom:#000 thin solid
}

.columnLeft {
float:left
}

#slideContent {
height:100%;
width:100%;
margin-top:20px
}
#galleria {
	height: 550px;
	width: 100%;
}


#TextArea {
border-top-color:#000;
background-color:#FFF;
padding-bottom:30px;
padding-left:20px;
background-image:url(../../images/Logos/RED-TAVISTOCK-COLLEGE-LOGOsmall.png);
background-repeat:no-repeat;
background-position:20px 20px;
border-style:solid;
border-width:10px 10px 20px
}

#TextArea h1 {
font-family:Arial, Helvetica, sans-serif;
font-size:180%;
font-weight:700;
color:#666;
padding-top:35px;
padding-left:110px;
height:100px
}

#TextArea h2 {
font-family:Arial, Helvetica, sans-serif;
font-size:150%;
font-weight:500;
margin-bottom:5px;
color:#c00
}

#TextArea p {
font-family:Arial, Helvetica, sans-serif;
font-size:110%;
padding-right:20px
}

#TextArea h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 130%;
	font-weight: 700;
	margin-top: 15px;
	margin-bottom: -100px;
}

#TextArea h4 {
font-family:Arial, Helvetica, sans-serif;
font-size:90%;
color:#003;
text-decoration:underline;
padding:0
}

#TextArea a:hover {
background-color:#CCC;
color:#003
}

#TextArea li {
padding-right:20px
}

.floatright {
float:right;
border:1px solid #000;
font-family:Arial, Helvetica, sans-serif;
font-size:110%;
margin:10px;
padding:5px
}

.leftalign {
float:left;
margin-right:10px
}

.TimetableScript {
	font-size: 14px;
	color: #CCC;
}

hr {
color:#666;
margin-right:20px;
margin-left:20px;
width:90%
}

.tabwidth {
font-size:140%;
color:#FFF;
background-color:#C00;
padding-right:6px;
padding-left:6px;
font-family:Arial, Helvetica, sans-serif;
width:55%
}

.tab {
font-size:140%;
color:#FFF;
background-color:#C00;
padding-right:6px;
padding-left:6px;
font-family:Arial, Helvetica, sans-serif;
width:90%
}

.tab a:hover {
background-color:#b9b9db
}

.gap {
margin-bottom:15px
}

.rss-date {
font-size:70%;
color:#999;
margin-bottom:10px
}

.hide {
display:none
}

.grey {
background-color:#E4E8E9;
margin-top:-20px
}

.TableCellSpace2 {
width:90%;
margin-left:20px
}

.TableCellSpace2Border {
width:90%;
border:1px solid #CCC;
margin-left:20px
}
.TableCourses {
	width: 90%;
	border: 1px solid #CCC;
	margin-left: 20px
}


.TableCellSpace2Border td {
border:1px solid #999;
padding:2px;
word-wrap:break-word;
}
.TableCourses tr td a {
	font-size: 14px;
	color: #CC0000;
	text-decoration: none;
}

.TableCourses td {
	border: 1px solid #999;
	padding: 2px;
	word-wrap: break-word;
}


.ImageBorder {
border:none
}

.TableCellSpace260Percent {
width:60%;
margin-left:20px
}

.TableCellSpace260PercentBorder {
width:60%;
border:1px solid #CCC;
margin-left:20px
}

.TableCellSpace260PercentBorder td {
border:1px solid #CCC;
padding:2px
}

.BackForward {
text-align:center;
margin-bottom:30px
}

.ListGap li {
padding-bottom:10px
}

#RightAlign {
text-align:right
}

.larger {
font-size:16px
}

.medium {
font-size:14px
}

.smaller {
font-size:12px
}

.TabButton {
font-size:26px;
width:90%
}

.TabButton a {
color:#FFF;
text-decoration:none;
padding-right:5px;
padding-left:5px;
background-color:#C00;
margin-right:2px;
margin-left:2px
}


.PageUpdated {
float:right;
color:#999;
font-size:12px
}

.center {
text-align:center
}

.img {
border-style:none
}

.heading {
margin-left:110px;
height:100px;
margin-top:25px
}

.headingTitle {
font-size:180%;
margin-right:20px;
margin-top:20px
}

.underline td {
border-bottom-width:1px;
border-bottom-style:solid;
border-bottom-color:#CCC
}

.gallery img {
width:150px;
height:100px;
float:left;
opacity:0.7;
margin:0 10px 5px 0;
}


.galleryPortrait img {
width:100px;
height:150px;
float:left;
opacity:0.7;
margin:0 10px 5px 0;
}

.galleryPoster img {
width:200px;
height:284px;
float:left;
opacity:0.7;
margin:0 20px 5px 0;
}

.galleryPoster li {margin-left: 10px;}

.galleryPoster h1 {color:#666;}

.galleryPoster {
	min-height:250px; }

.tableGreyUnderline {
	width: 60%;
	margin-left: 20px;
}

.tableGreyUnderline td {
border-bottom-width:1px;
border-bottom-style:solid;
border-bottom-color:#666;
vertical-align:top
}

.grey_underline {
border-bottom-width:1px;
border-bottom-style:solid;
border-bottom-color:#999
}

.TableHeading {
background-color:#E4E8E9;
border-right-width:1px;
border-bottom-width:1px;
border-right-style:solid;
border-bottom-style:solid;
border-right-color:#999;
border-bottom-color:#999;
font-weight:500
}

.frameWrapper #gallery {
width:98%;
left:0;
top:0;
border:none;
overflow:hidden;
margin:0
}

.frameWrapper {
width:98%;
height:auto!important
}

.youtubeWrapper iframe {
width:98%;
left:0;
top:0;
border:none;
overflow:hidden;
margin:0;
max-width: 450px;
}

.youtubeWrapper {
width:98%;
height:auto!important;
max-width: 450px;
}

.publication {width:98%;
height:auto!important;
max-width: 450px;
margin-left: 20px;
}



.fancybox-wrap,.fancybox-skin,.fancybox-outer,.fancybox-inner,.fancybox-image,.fancybox-wrap iframe,.fancybox-wrap object,.fancybox-nav,.fancybox-nav span,.fancybox-tmp {
border:0;
outline:none;
vertical-align:top;
margin:0;
padding:0
}

.fancybox-wrap {
position:absolute;
top:0;
left:0;
z-index:8020
}

.fancybox-skin {
position:relative;
background:#f9f9f9;
color:#444;
text-shadow:none;
-webkit-border-radius:4px;
-moz-border-radius:4px;
border-radius:4px
}

.fancybox-opened {
z-index:8030
}

.fancybox-opened .fancybox-skin {
-webkit-box-shadow:0 10px 25px rgba(0,0,0,0.5);
-moz-box-shadow:0 10px 25px rgba(0,0,0,0.5);
box-shadow:0 10px 25px rgba(0,0,0,0.5)
}

.fancybox-outer,.fancybox-inner {
position:relative
}

.fancybox-type-iframe .fancybox-inner {
-webkit-overflow-scrolling:touch
}

.fancybox-error {
color:#444;
font:14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
white-space:nowrap;
margin:0;
padding:15px
}

.fancybox-image,.fancybox-iframe {
display:block;
width:100%;
height:100%
}

.fancybox-image {
max-width:100%;
max-height:100%
}

#fancybox-loading,.fancybox-close,.fancybox-prev span,.fancybox-next span {
background-image:url(/lightbox/source/fancybox_sprite.png)
}

#fancybox-loading {
position:fixed;
top:50%;
left:50%;
margin-top:-22px;
margin-left:-22px;
background-position:0 -108px;
opacity:0.8;
cursor:pointer;
z-index:8060
}

#fancybox-loading div {
width:44px;
height:44px;
background-image:url(/lightbox/source/fancybox_loading.gif);
background-repeat:no-repeat;
background-position:center center
}

.fancybox-close {
position:absolute;
top:-18px;
right:-18px;
width:36px;
height:36px;
cursor:pointer;
z-index:8040
}

.fancybox-tmp {
position:absolute;
top:-99999px;
left:-99999px;
visibility:hidden;
max-width:99999px;
max-height:99999px;
overflow:visible!important
}

.fancybox-overlay {
position:absolute;
top:0;
left:0;
overflow:hidden;
display:none;
z-index:8010;
background-image:url(/lightbox/source/fancybox_overlay.png)
}

.fancybox-overlay-fixed {
position:fixed;
bottom:0;
right:0
}

.fancybox-lock .fancybox-overlay {
overflow:auto;
overflow-y:scroll
}

.fancybox-title {
visibility:hidden;
font:normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
position:relative;
text-shadow:none;
z-index:8050
}

.fancybox-opened .fancybox-title {
visibility:visible
}

.fancybox-title-float-wrap {
position:absolute;
bottom:0;
right:50%;
margin-bottom:-35px;
z-index:8050;
text-align:center
}

.fancybox-title-float-wrap .child {
display:inline-block;
margin-right:-100%;
background:rgba(0,0,0,0.8);
-webkit-border-radius:15px;
-moz-border-radius:15px;
border-radius:15px;
text-shadow:0 1px 2px #222;
color:#FFF;
font-weight:700;
line-height:24px;
white-space:nowrap;
padding:2px 20px
}

.fancybox-title-outside-wrap {
position:relative;
margin-top:10px;
color:#fff
}

.fancybox-title-inside-wrap {
padding-top:10px
}

.fancybox-title-over-wrap {
position:absolute;
bottom:0;
left:0;
color:#fff;
background:rgba(0,0,0,.8);
padding:10px
}

.footerRight {
	float:right;
}

#footerSprites li {
display:block;
height:32px;
float:left;
margin-top:-30px;
}

#footerSprites li a {
background-image:url(/images/sprites2.png);
display:block;
height:32px;
text-indent:-9999px;
float:left;
padding-left:5px;
padding-right:1px;
background-repeat:no-repeat
}

#footerSprites li .facebook {
	background-position: 0px -75px;
	width: 32px;
}
#footerSprites li .twitter {
	background-position: 0px -108px;
	width: 32px;
}

#footerSprites li .youtube {
	background-position: 0px -177px;
	width: 32px;
}

#footerSprites li .pinterest {
	background-position: 0px -244px;
	width: 32px;
}

#footerSprites li .feed {
	background-position: 0px -142px;
	width: 32px;
}

#footerSprites li .signup {
	background-position: 0px -210px;
	width: 32px;
}

#footerSprites li .fancybox {
background-position:0 -144px;
width:20px
}

.fancybox-custom .fancybox-skin {
box-shadow:0 0 50px #222
}

.quicklinks a:visited,.tab a,.TabButton a:visited {
color:#FFF;
text-decoration:none
}

.TextBox a,.TextBox a:visited,.red {
color:#c00
}

.CollegeList,.CurrentList,.ParentList,.ProspectiveList {
	list-style-type: none;
	margin-left: -15px;
	font-size: 100%
}

.CollegeList a:hover,.CurrentList a:hover,.ParentList a:hover,.ProspectiveList a:hover {
color:#000;
text-decoration:underline
}

.CollegeList a,.CollegeList a:visited,.CurrentList a,.CurrentList a:visited,.ParentList a,.ParentList a:visited,.ProspectiveList a,.ProspectiveList a:visited {
color:#000;
text-decoration:none
}

.collegeSprite,.currentSprite,.parentSprite,.prospectiveSprite {
list-style-type:none;
margin-left:-15px
}

.collegeSprite li a,.currentSprite li a,.parentSprite li a,.prospectiveSprite li a {
margin-left:10px
}

.collegeSprite .ListTitle,.currentSprite .ListTitle,.parentSprite .ListTitle,.prospectiveSprite .ListTitle {
background-position:0 0
}

.columnRight,.top {
float:right
}

.TableCellSpace2 td,.TableCellSpace260Percent td {
padding:2px
}

.gallery img:hover,.galleryPortrait img:hover{
-webkit-transform:scale(2);
-webkit-transform-origin:left top;
-webkit-box-shadow:0 0 20px gray;
-webkit-transition-duration:.5s;
-moz-transform:scale(2);
-moz-transform-origin:left top;
-moz-box-shadow:0 0 20px gray;
-moz-transition-duration:.5s;
-ms-transform:scale(2);
-ms-transform-origin:left top;
transform:scale(2);
transform-origin:left top;
box-shadow:0 0 20px gray;
transition-duration:.5s;
opacity:1;
z-index:1005;
}


.fancybox-inner,.fancybox-lock {
overflow:hidden
}
#footerSprites,.listStyleNone {
list-style-type:none
}

.ListStyleNone {list-style:none;}

.emailSprite {margin-left: -30px;
}

.emailSprite li  {
	background:url(/images/sprites2.png);
	background-position: 0 -209px;
	background-repeat: no-repeat;
	list-style:none;
	height: 35px;
	

}


.emailSprite li a {
	text-decoration:none;
	padding-left: 45px;
	color:#666;}
	
.RSSSprite {margin-left: -30px;
}

.RSSSprite li  {
	background-position: 0 -140px;
	background-repeat: no-repeat;
	list-style: none;
	height: 35px;
	background-image: url(../../images/sprites2.png);	

}


.RSSSprite li a {
	text-decoration:none;
	padding-left: 45px;
	color:#666;}	
	
#tall_ships {
	background-image:url(/current/activities/tall_ships/tall_ships_poster1.jpg);
	background-repeat: no-repeat;
	background-position: right bottom;
}
.EmptyList {
	list-style-type: none;
	margin-bottom: 5px;
}
.QuestionMark {
	list-style-image:url(/images/misc/question_mark_grey.gif);
	font-size: 110%;
	font-weight: bold;
	margin-top: 20px;
	padding-bottom: 10px;
}

.email {
	word-wrap:break-word;
}

.backgroundRed {
	background-image: url(/images/misc/red_background.jpg);
	background-repeat: repeat;
}

.backgroundBlue {
	background-image: url(/images/misc/blue_background.jpg);
	background-repeat: repeat;
}

.backgroundOrange {
	background-image: url(/images/misc/amber_background.jpg);
	background-repeat: repeat;
}
.backgroundGreen {
background-image: url(/images/misc/green_background.jpg);
background-repeat: repeat;
}