/* CSS Document */

body {
	margin: 0px;
	background-color:#80B0DF;
	padding:10px;
	color:#858585;
}
a:link, a:visited, a:active{
	text-decoration:none;
}
a:hover{
	text-decoration:underline;
}
#body{
	border: 10px solid #FFFFFF;
	width: 720px;
	background-image:  url(../images/background.jpg);
	background-repeat: repeat-x;
	padding:15px 10px;
	background-color:#FFFFFF;
	text-align:left;
	font-family: Arial, Helvetica, sans-serif;
	font-size:70%;
}

/*top styles*/
#otherlinks{
	background-image: url(../images/tl_corner.gif);
	background-repeat: no-repeat;
	background-position:top left;
	padding-top:10px;
}
#otherlinks a{
	color:#0062BF;
	font-weight:bold;
	background-image:  url("../images/arrow_white.gif");
	background-repeat: no-repeat;
	background-position:center left;
	padding-left:10px;
}
#otherlinks a.on{
	color:#000000;
	font-weight:bold;
	background-image:  url("../images/arrow_black.gif");
	background-repeat: no-repeat;
	background-position:center left;
	padding-left:10px;
}
#header{
	background-image: url(../images/tr_corner.gif);
	background-repeat: no-repeat;
	background-position:top right;
	margin-left:-10px;
	padding-left:10px;
	padding-top:10px;
	padding-bottom:0px;
}

#logo{
	background-image:  url(../images/logo_bk.gif);
	background-repeat: no-repeat;
	height:45px;
	padding:34px 10px 0px 10px;
	width:530px;
	margin-bottom:0px;
	
	
}
#searchbox {
	background-color: #0062BF;
	border: 1px solid #80B0DF;
	height:10px;
	width:102px;
	color:#FFFFFF;
	font-size:100%;
}
#searchbutton {
	background-color: #00085F;
	border: 0px;
	height:14px;
	text-transform:uppercase;
	font-size:100%;
	color:#80B0DF;
	font-weight:bold;
	width:18%;
	font-family: Arial, Helvetica, sans-serif;
}

/*breadcrumb styles*/
#breadcrumb {
	font-size: 90%;
	color:#666666;
	padding:8px 0px 8px 20px;
}
#breadcrumb a{
	color:#333333;
}
#breadcrumb a.here{
	color:#0062BF;
}

/*left styles*/
#leftnav{
	width:170px;
	color:#FFFFFF;
	background-image: url(../images/lhs_nav_bk.jpg);
	background-repeat: repeat-x;
	margin-left:-9px;
	margin-top:-15px;
	padding:0px;
}

.nav1{
	color: #FFFFFF;
	text-transform:uppercase;
	border-bottom: 1px dashed #FFFFFF;
	width:150px;
	text-decoration:none;
	display:block;
	padding:4px 0px 4px 10px;
	margin-left:10px;
	font-weight:bold;
}
.nav1:hover{
	color:#000000;
	text-decoration:none;
	background-image:  url("../images/arrow_black.gif");
	background-repeat: no-repeat;
	background-position:center left;
}

.nav1on, .nav1on:hover{
	color: #00085F;
	text-transform:uppercase;
	background-image:  url("../images/arrow_white.gif");
	background-repeat: no-repeat;
	background-position:center left;
	width:150px;
	text-decoration:none;
	display:block;
	padding:4px 0px 4px 10px;
	margin-left:10px;
	font-weight:bold;
}

#leftnav2{
	background-color: #00085F;
}
.nav2{
	color:#B2B2B2;
	border-bottom: 1px solid #0062BF;
	width:140px;
	text-decoration:none;
	display:block;
	padding:4px 0px 4px 10px;
	margin-left:20px;
	font-weight:bold;
}

.nav2:hover{
	color:#80B0DF;
	text-decoration:none;
	background-image:  url("../images/arrow_lb.gif");
	background-repeat: no-repeat;
	background-position:center left;
}
.nav2on, .nav2on:hover{
	color:#FFFFFF;
	border-bottom: 1px solid #0062BF;
	width:140px;
	text-decoration:none;
	display:block;
	padding:4px 0px 4px 10px;
	margin-left:20px;
	font-weight:bold;
	background-image:  url("../images/arrow_white.gif");
	background-repeat: no-repeat;
	background-position:center left;
}
.nav3{
	background-color: #27337D;
	color:#B2B2B2;
	border-bottom: 1px solid #0062BF;
	width:140px;
	text-decoration:none;
	display:block;
	padding:4px 0px 4px 10px;
	margin-left:20px;
	font-weight:bold;
}
.nav3:hover{
	color:#80B0DF;
	text-decoration:none;
	background-image:  url("../images/arrow_lb.gif");
	background-repeat: no-repeat;
	background-position:center left;
}

.nav3on, .nav3on:hover{
	color:#FFFFFF;
	border-bottom: 1px solid #0062BF;
	width:140px;
	text-decoration:none;
	display:block;
	padding:4px 0px 4px 10px;
	margin-left:20px;
	font-weight:bold;
	background-image:  url("../images/arrow_white.gif");
	background-repeat: no-repeat;
	background-position:center left;
}
#leftnavtop{
	background-image: url(../images/leftnav_top.gif);
	background-position:top left;
	background-repeat: no-repeat;
	height:3px;
}
#leftnavbot{
	background-image: url(../images/leftnav_bottom.gif);
	background-position:bottom left;
	background-repeat: no-repeat;
	height:3px;
}
#liverpool2008{
	padding-top: 32px;
	width: 100%;
	padding-left:25px;
}

/*right styles*/
#right, .right{
	width:170px;
	padding-left:0px;
	margin-top:-10px;
	padding-top:0px;
	
}
.rightmod {
	color:#666666;
	font-size:90%;		
	padding-left: 5px;
	padding-right: 5px;
}
.rightquote {
	color:#BD0038;
	font-size:130%;
	background-image: url(../images/rhs_openquote.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding-top: 2px;
}
.rightquotename{
	font-size:80%;
	font-weight:bold;
	margin-top:-15px;
	background-image: url(../images/rhs_closequote.gif);
	background-repeat: no-repeat;
	background-position: right bottom;
	padding-right: 20px;
}
.rightmod h3{
	color:#FFFFFF;
	font-weight:bold;
	font-size:90%;	
	background-image: url(../images/rhs_title_bk.gif);
	width:160px;
	margin-left: -5px;
	margin-right: -5px;
	padding:5px 4px;
	margin-bottom:5px;
}
.rightmod h5{
	margin-top:0px;
	margin-bottom:-4px;
	color:#DB0038;
	font-weight:normal;
	font-size:120%;	
	margin-bottom:-10px;
}
.rightmod hr{
	height:1px;
	border-top:1px dashed #DB0038;
}
.rightmod a, .third a{
	color:#00085F;
	background-image:  url("../images/arrow_mb.gif");
	background-repeat: no-repeat;
	padding-left: 10px;
	background-position:center left;
}

/*footer styles*/
#footer{
	border-top: 2px solid #CCE0F2;
	padding-top:4px;
	padding-bottom:0px;
}
#footer a{
	color:#0062BF;
	font-weight:bold;
	background-image:  url("../images/arrow_mb.gif");
	background-repeat: no-repeat;
	background-position:center left;
	padding-left:10px;
}

/*content styles*/
#content, .content{
	width:390px;
	padding:0px 10px 0px 20px;
	
}
#homecontent{
	width:390px;
	padding:0px 10px;
}
#onecolcontent{
	width:560px;
	padding:0px 10px 0px 20px;
}
h1 {
	font-size: 170%;
	line-height: 195%;
	font-weight: bold;
	color: #0062BF;
	margin-top:-10px;
	padding: 0px;
	width:360px;
}
h2{
	font-size: 130%;
	font-weight: normal;
	color: #333333;
	margin-top:-20px;
	width:360px;
	padding: 0px;
	
}
.pink {
	color:#BD0038;
}
.largeimage{
	border:4px #80B0DF solid;
	margin-bottom:10px;
	width:362px;
	margin-right:0px;
	margin-left:-10px;
}
.masterplanimage{
	border:4px #80B0DF solid;
	width:372px;
	float:left;
}
.masterplanmedimage{
	border:4px #FFFFFF solid;
	width:154px;
	margin-bottom:10px;
}
.masterplancaption{
	float:right;
	background-color:#0062BF;
	border:4px #80B0DF solid;
	padding:0px;
	width:162px;
	height:270px;
}
.masterplanlink{
	color:#FFFFFF;
	padding-left:20px;
	margin-left:10px;
	background-repeat:no-repeat;
	background-position:center left;
	display:block;
	margin-bottom:2px;
}
.largeimagenobd{
	margin-bottom:10px;
	margin-left:-10px;
	
}
.largecaption{
	display:block;
	padding:4px 10px;
	color:#FFFFFF;
	background-color:#0062BF;
}
.medcaption{
	display:block;
	padding:4px 10px;
	color:#0062BF;
	background-color:#00085F;
	text-align:right;
}

a.lbbkzoom:link, a.lbbkzoom:hover, a.lbbkzoom:active, a.lbbkzoom:visited {
	display:block;
	padding:4px 10px 0px 0px;
	color:#0062BF;
	background-color:#80B0DF;
	background-image:none;
}
a.dbbkzoom:link, a.dbbkzoom:hover, a.dbbkzoom:active, a.dbbkzoom:visited{
	display:block;
	padding:4px 10px;
	color:#0062BF;
	background-color:#00085F;
	text-align:right;
	background-image:none;
}
.medcaption2{
	display:block;
	padding:4px 10px;
	color:#80B0DF;
	background-color:#00085F;
}

.smallcaption{
	display:block;
	padding:4px 0px 0px;
	color:#0062BF;
	background-color:#80B0DF;
}
.lbbktext{
	background-color:#F2F7FC;
	padding:10px;
	color:#999999;	
}
.col360left{
	width:370px;
	padding-bottom:0px;
	margin-bottom:10px;
	margin-right:0px;
	margin-left:-10px;
	clear:both;

}

.smallimage{
	border:4px #80B0DF solid;
	width:113px;
	margin-bottom:10px;
	float:left;
}

.webcamthumbnailimage{
	border:4px #80B0DF solid;
	width:120px;
	margin-bottom:10px;
	float:left;
}

.col230left{
	width:230px;
	float:left;
	color:#999999;
}
.col160left{
	width:160px;
	float:left;
	color:#999999;
}
h6{
	color:#27337D;
	font-size:100%;
	font-weight:normal;
	margin-bottom:-15px;
}

.col120right{
	width:120px;
	float:right;
}

.lbbkcol178{
	height:70px;
	margin:4px 0px 0px; 
	width:163px;
	padding:10px;
	background-color:#F2F7FC;
	clear:none
}
.col210right{
	height:70px;
	margin:0px; 
	width:220px;
	padding:10px;
	background-color:#F2F7FC;
	float:right;
	clear:none;
}

.medimage{
	border:4px #80B0DF solid;
	width:174px;
	float:left;
	margin-right:5px;
	margin-bottom:5px;
	
}

h4{
	color: #0062BF;
	font-size:130%;
	font-weight:normal;
}
.col170right{
	width:180px;
	float:right;
	clear:none;
}

.col360left h5{
	color:#00085F;
	font-size:140%;
	border-bottom:#0062BF dashed 1px;
	margin-bottom:-16px;
	margin-top:0px;
}
.col360left a{
	background-image:  url("../images/arrow_mb.gif");
	background-repeat: no-repeat;
	padding-left: 10px;
	background-position:center left;
	color:#666666;
	font-weight:bold;
	display:block;
	margin-top:-10px;
}
.pinkbk{
	background-color:#BD0038;
	width:340px;
	
	
}
#homecontent .pinkbk{
	margin-top:-3px;
	padding:10px;
	width:350px;
}
#homecontent .col360left{
	margin-left:0px;
}
#homecontent h1{
	font-size:180%;	
	line-height:120%;
	margin-bottom:0px;
	margin-top:0px;
	color:#FFFFFF;
	width:350px;
}
#homecontent h2{
	font-size:140%;
	line-height:140%;
	font-weight:normal;
	margin-bottom:0px;
	margin-top:0px;
	color:#FFFFFF;
	width:350px;
	padding: 0px;
}

/* popup styles*/
.popupwindow{
	background-color:#00085F;
	font-family: Arial, Helvetica, sans-serif;
	font-size:70%;
	color:#FFFFFF;
	/* jsd width:322px;*/
	border:20px solid #80B0DF;
	border-bottom-width:2px;
	padding:0px;
}
.popupwindow h1{
	/*jsd padding:0px 10px;*/
	margin-top:0px;
	margin-bottom:0px;
	font-size: 170%;
	line-height: 195%;
	font-weight: normal;
	color:#80B0DF;
}
.popupwindow p{
	margin-top:0px;
	margin-bottom:0px;
	padding:10px;
}
.popimage{
	border:4px solid #FFFFFF;
	/*jsd width:362px;*/
}
a.lbclose:link, a.lbclose:hover, a.lbclose:active, a.lbclose:visited {
	display:block;
	padding:4px 10px;
	color:#0062BF;
	background-color:#80B0DF;
	background-image:none;
	text-align:right;
	/*jsd width:350px;*/
}
.third {
	width: 30%;
	float: left;
	clear:none;
	margin-right:2%;
	
}
.quarter h4, .quarter1 h4{
	color:#333333;
	font-weight:bold;
	font-size: 170%;
	margin-bottom:-10px;
}
.quarter h5, .quarter1 h5{
	color:#333333;
	font-weight:normal;
	font-size: 120%;
	padding-top:6px;
	margin-bottom:-10px;
}
.quarter h6, .quarter1 h6{
	color:#0062BF;
	font-weight:normal;
	font-size: 120%;
	text-transform:uppercase;
}
.quarter, .quarter1{
	width: 23%;
	float:left;
	background-repeat: no-repeat;
	background-position: 0px 22px;
}
.quarter{
	background-image: url(../images/timeline_hr1.gif);
}
.quarter1{
	background-image: url(../images/timeline_hr2.gif);
	background-position: 0px 23px;
}
.quarter p, .current p{
	padding:5px 3px;
}
.quarter1 p{
 	padding:5px 0px 5px 3px;
	margin-right:3px;
}
p.current{
	color:#FFFFFF;
	background-color:#BD0038;
}
p.past1 {
	color:#FFFFFF;
	background-color:#3381CC;
}
p.past2 {
	color:#FFFFFF;
	background-color:#66A1D9;
}
h6.current{
	color:#BD0038;
}

.third h4 a{
	background-image:  url(../images/arrow_db.gif);
	background-repeat: no-repeat;
	padding-left: 10px;
	background-position:0px 10px;
	color:#0062BF;
	border-bottom: 2px solid #CCE0F2;
	padding-bottom:5px;
	margin-bottom:-10px;
}
.sitemap2{
	padding:3px 0px;
}
.sitemap2 a{
	background-image:  url(../images/arrow_mb.gif);
	background-repeat: no-repeat;
	margin-left:10px;
	padding-left: 10px;
	background-position:center left;
	color:#0062BF;
}
.col540left{
	width:540px;
	clear:both;
	margin-bottom:10px;
	float:left;
}
.col550left{
	width:550px;
	margin-bottom:10px;
	margin-right:0px;
	padding-left:10px;	
	padding-top:0px;	
}
#siteselectform{
	padding:5px 10px;
	border:1px dashed #0062BF;
	width:350px;
	margin-right:0px;
	margin-left:-10px;
	height:30px;
	clear:none;
}
#siteselectform select{
	border:1px solid #0062BF;
	background-color:#0062BF;
	font-family: Arial, Helvetica, sans-serif;
	font-size:100%;
	margin-top:0px;
	color:#FFFFFF;
}
#siteselectform input{
	color:#FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size:100%;
	margin-top:-6px;
	text-transform:uppercase;
	font-weight:bold;
	background-color: #80B0DF;
	border: 0px;
	height:18px;
	padding:2px;
}
#siteselectform h4{
	float:left;
	margin-top:0px;
}


/* jsd */
.sitemap3 a{
	background-image:  url(../images/arrow_mb.gif);
	background-repeat: no-repeat;
	margin-left:15px;
	padding-left: 15px;
	background-position:center left;
	color:#0062BF;
}
.ContentPlaceholder TD
{
	font-size: 10pt;
}
#consoleInfo{
	padding:15px 10px;
	text-align:left;
	font-family: Arial, Helvetica, sans-serif;
	font-size:70%;
}
#popUpImagesSideBar
{
	padding-left: 12px;
	float: right;
	visibility: visible;
	margin-left: 12px;
	width: 160px;
	position: relative;
	height: 100px;
}
#popUpImagesContentArea
{
	clear: left;
	text-justify: auto;
	text-align: justify;
}
.noformat
{
	background-image:none;
	border-right: none;
	border-top: none;
	float:none;
	border-left: none;
	border-bottom: none;
	clear:none;
	display:inline;
	margin-top:0px;
	height:auto;
	width:auto;
	padding-bottom:0px;
	margin-top:0px;
	margin-bottom:0px;
	margin-right:0px;
	margin-left:0px;

}
.noformat a
{
	background-image:none;
	border-right: none;
	border-top: none;
	float:none;
	border-left: none;
	border-bottom: none;
	clear:none;
	display:inline;
	margin-top:0px;
	height:auto;
	width:auto;
	padding-left: 0px;
	padding-bottom:0px;
	margin-top:0px;
	margin-bottom:0px;
	margin-right:0px;
	margin-left:0px;
	background-color:Transparent;
	
}
.noformat h1
{
	padding:0px 0px;
	margin-top:0px;
	margin-bottom:0px;
	font-size: 170%;
	line-height: 100%;
	font-weight: normal;
	color:#80B0DF;
}

.newsletterform input{
	background-color: #A8C9E8;
	border: 1px solid #0062BF;
	height:10px;
	width:160px;
	color:#000000;
	font-size:100%;
}
.newsletterform textarea{
	background-color: #A8C9E8;
	border: 1px solid #0062BF;
	width:160px;
	color:#000000;
	font-size:100%;
	font-family: Arial, Helvetica, sans-serif;
}
.checkList input{
	background-color: #FFFFFF;
	border: 0px;
	height:auto;
	width:auto;
	color:#FFFFFF;
	font-size:100%;
}
.newsletterform .cmdSubscribe {
	color:#FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size:100%;
	text-transform:uppercase;
	font-weight:bold;
	background-color: #80B0DF;
	border: 1px solid #00085F;
	height:18px;
}
/* Search styles */

#searchInput #cmdGo
{
	color:#FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size:100%;
	text-transform:uppercase;
	font-weight:bold;
	background-color: #80B0DF;
	border: 1px solid #00085F;
	height:18px;
}
#searchInput INPUT
{
	color:#000000;
	font-family: Arial, Helvetica, sans-serif;
	font-size:100%;
	background-color: #FFFFFF;
	border: 1px solid #00085F;
}	
#searchInput SELECT
{
	color:#000000;
	font-family: Arial, Helvetica, sans-serif;
	font-size:100%;
	background-color: #FFFFFF;
	border: 1px solid #00085F;
	height:18px;
}	

#searchResults{
	padding-top:4px;
	padding-bottom:0px;
}
#searchResults H1{
	margin-bottom:4px;

}
#searchResults a{
	color:#0062BF;
	font-weight:bold;
	background-image:  url("../images/arrow_mb.gif");
	background-repeat: no-repeat;
	background-position:center left;
	padding-left:10px;
}
#searchResults p
{
	margin-top:3px;
	margin-left:30px;	
}
#searchResults .searchInfo
{
	color:#333333;
	font-weight:bold;
	font-size: 100%;
	margin-bottom:10px;
}
#searchResults INPUT
{
	color:#FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size:100%;
	text-transform:uppercase;
	font-weight:bold;
	background-color: #80B0DF;
	border: 1px solid #00085F;
	height:18px;
}	
#SearchTop_searchbox {
	background-color: #0062BF;
	border: 1px solid #80B0DF;
	height:10px;
	width:102px;
	color:#FFFFFF;
	font-size:100%;
}
#SearchTop_searchbutton {
	background-color: #00085F;
	border: 0px;
	height:14px;
	text-transform:uppercase;
	font-size:100%;
	color:#80B0DF;
	font-weight:bold;
	width:18%;
	font-family: Arial, Helvetica, sans-serif;
}
#checkList INPUT
{
	border-right: silver thin outset;
	border-top: silver thin outset;
	border-left: silver thin outset;
	color: black;
	border-bottom: silver thin outset;
	background-color: silver;
}
#checkList TD .edit
{
	border-right: black 1px solid;
	border-top: black 1px solid;
	border-left: black 1px solid;
	color: black;
	border-bottom: black 1px solid;
	background-color: white;
	height:auto;
}