/* Standard StyleSheet */

/* Body Region - Alterations to standard tags */
body 
{
    font-family:  "Arial","Times New Roman","Courier New","@Arial Unicode MS" ;
    font-size: 80%;
    text-align:center;
    font-weight: bold;
    background-color: #F5F7FF;
	}
p 
{
    margin:8px;
}
p.small
{
    font-size:90%;
}
p.smallbold
{
    font-size:90%;
    font-weight: bold;
}	
h1 {
	color: #666666;
	font-size: 160%;
	margin:8px;
	margin-left:8px;
	margin-top:20px;
	margin-bottom:7px;
	}
h2 {
	color: #072593;
	font-size: 145%;
	margin-left:8px;
	margin-top:20px;
	margin-bottom:7px;
	}
h3 {
	color: #1734A1;
	font-size: 130%;
	margin-left:8px;
	margin-top:20px;
	margin-bottom:7px;
	}
h4 {
	color: #999999;
	font-size: 120%;
	margin:8px;
	margin-left:8px;
	margin-top:20px;
	margin-bottom:7px;
	}
h5 {
	color: #666666;
	font-size: 110%;
	margin:8px;
	margin-left:8px;
	margin-top:20px;
	margin-bottom:7px;
	}	
hr.half
{
    color: #C7D0EE;
    margin: 15px 7px 10px;
    width:50%;
    text-align:left;
}
hr
{
    color: #C7D0EE;
    margin: 15px 7px 10px;
}
hr.clear
{
    color: #C7D0EE;
    margin: 15px 7px 10px;
    position: relative;
    float: none;
    clear: both;
}
li
{
    margin: 11px 15px 11px 0px;
}
/* Body Region - classes for any tag */
.small {
	font-size: 85%;
	}
.strong { 
		font-weight: bold;
		}
.black
{
    color: #000000;
}
.bullet
{
    position: relative;
    text-align: center;

    padding-right: 4px;
    padding-bottom: 1px;
    padding-top: 3px;
}
.right {
		text-align: right;
		font-size: 1.2em;
		color: #CCCCCC;
		background-color: #0033CC;
		}
.center 
{
    text-align:center;
}
.left 
{
    text-align:left;
}
.centerbold
{
    font-weight: bold;
    text-align:center;
}
.centerpipe 
{
    text-align:center;
    color:White;
}
.centerpipetop
{
    background-image: url(../images/backgrounds/bg_2.gif);
    text-align: center;
    color: White;
    position: relative;
    background-repeat: no-repeat;
    height: 42px;
    padding-left:86px;
}
.centerpipetophome
{
    background-image: url(../images/backgrounds/bg_2a.gif);
    text-align: center;
    color: White;
    position: relative;
    background-repeat: no-repeat;
    height: 33px;
    padding-top: 9px;
    margin-bottom: 4px;
}
.centerpipefoot
{
    background-color:#082693;
    line-height: normal;
    text-align: center;
    color: White;
    position: relative;
    top: 6px;
    padding-left:86px;    
}
.centerpipefoothome
{
    background-color:#082693;
    line-height: normal;
    text-align: center;
    color: White;
    position: relative;
    top: 6px;
}
.red
{
    color: #ff0033;
}
.highlightblock
{
    background-color: #ffffcc;
    border: #082693 1px solid;
    margin: 7px;
    padding: 5px;
    font-size: 105%;
 
}
			
/* ID Styles (once per page only) */
#container 
{ background-color: #F5F7FF;
  width:950px;
  text-align:left;  
}
#yplogo
{
    margin-top:30px;
    border:0px;
}
#yptopmenu
{
    margin:0px;
    border:0px;
}
#spantoplinks
{

    position: relative;
    top: 9px;
}
#ypblueminside
{
    background-color:#082693;
    width:83px;
    height:100%;
	
}

#ypbluestretcher
{
    background-color:#082693;
    width:83px;
    height:90px;
	
}
#ypbluefiller1
{
    background-color:#082693;
    position:relative;
    float:left;
    width:950px;
    height:28px;
}

#ypbluehold1
{
    position:relative;
    float:left;
    background-image: url(../images/backgrounds/bg_14.gif);
    background-repeat:no-repeat;
    width:950px;
    height:7px;
    top:11px;
}
#blueblcorner
{
    position:relative;
}
#divlrholder
{
  	background-color: #F5F7FF;
	position:relative;
	width:950px;
	height:100%;
	overflow: hidden; /* this is the container div hack that produces divs of the same height */
  
}
#divleft
{
    background-image: url(../images/backgrounds/bg_jc10.gif);
    background-repeat:repeat-y;
    width:85px;
	position:relative;
	float:left;
	padding-bottom: 1000em;  /* this is a hack that produces divs (columns) of the same length */
	margin-bottom: -1000em;
	z-index: 500;  /* this allows the flyout menu to appear over the right div */
	
}
#divright
{
    width:770px;
	position:relative;
	float:right;
	margin-left:7px;
  	background-color: #f5f7ff;
	font-size:110%;
    font-weight:normal;
	padding-bottom: 1000em; /* this is a hack that produces divs (columns) of the same length */
	margin-bottom: -1000em;
	z-index: 300;
	padding-right:5px;
		
}
#sitemap
{
    position:relative;
    z-index:700;
    float:left;
    border-left: solid 1px #082693;    
}

#titlenavf
{
    background-image: url(../images/page_titles/filey_coble_landing_0.gif);
    background-color: #f5f7ff;
    background-repeat: no-repeat;
    position: relative;
    width: 770px;
    height: 60px;
    margin-left: 1px;
}
#titlenavs
{
    background-image: url(../images/page_titles/scarborough_harbour_0.gif);
    background-color:#F5F7FF;
    background-repeat:no-repeat;
    position:relative;
    width:770px;
    height:60px;
    margin-left:1px;
}
#titlenavw
{
    background-image: url(../images/page_titles/whitby_harbour_0.gif);
    background-color:#F5F7FF;
    background-repeat:no-repeat;
    position:relative;
    width:770px;
    height:60px;
    margin-left:1px;
}
#titlenavgl
{
    background-image: url(../images/page_titles/yorkshireports_0.gif);
    background-color: #f5f7ff;
    background-repeat: no-repeat;
    position: relative;
    width: 770px;
    height: 60px;
    margin-left: 1px;
}
#titleleftnav
{
   position:relative;
   float:left;
   left:12px;
   top:17px; 
}
#mainimgright
{
	position:relative;
	float:right;
	background-color: #082693;
	padding:8px;
	border-right-width: 35px;
	border-right-style: solid;
	border-right-color: #F5F7FF;
	border-left-width: 10px;
	border-left-style: solid;
	border-left-color: #F5F7FF;
	border-bottom-width: 10px;
	border-bottom-style: solid;
	border-bottom-color: #F5F7FF;
	border-top-width: 7px;
	border-top-style: solid;
	border-top-color: #F5F7FF;			
}

#sbclogo
{
    position: relative;
    float: right;
    top: 70px;
    padding: 20px;
}
#homepagemap
{
    position:relative;
    float: left;
}
#homepageheaddate
{
    position: relative;
    float: right;
    background-color: #F5F7FF;
    font-weight:normal;
    width:830px;
}
#homepageimages
{
    width:870px;
    height:300px;
    background-color:#F5F7FF;
    padding-left: 80px;
    
}


/* Class Styles (applicable to most tags) */
.homeimg1
{
    position: relative;
    float: left;
    margin-top: 25px;
    margin-bottom: 25px;
    margin-left: 50px;
    width:204px;
    height:207px;
}

.homeimg2
{
    position: relative;
    float: left;
    margin-top: 25px;
    margin-bottom: 25px;
    margin-left: 50px;
}
.homeimg3
{
    position: relative;
    float: left;
    margin-top: 25px;
    margin-bottom: 25px;
    margin-left: 50px;
}
.imageprint
{
    display: block;
}
.mapimg1
{
    position: relative;
    float: left;
    margin-top: 5px;
    margin-bottom: 5px;
    margin-left: 5px;
    margin-right:7px;
}
.imgdivholdleft
{
    position:relative;
    float:left;
    border-width: 7px;
	border-style: solid;
	border-color: #082693;
	margin:7px;
}
.imgdivholdright
{
    position:relative;
    float:right;
    border-width: 7px;
	border-style: solid;
	border-color: #082693;
}
.imgdivholdcenter
{
    position:relative;
    float:left;
    border-width: 7px;
	border-style: solid;
	border-color: #082693;
	text-align:center;
	margin-left:110px;
}
.imgborder
{
    border-style:solid;
    border-color:#ffffff;
    border-width:2px;
}

.span 
{
    margin:0px;
    border:0px;
}
.datespanright
{
    position:relative;
    right:10px;
    float:right;
    font-size:85%;  
}
.imagenoborder
{
    margin:0px;
    border:0px;
}
.pdf
{
    position: relative;
    top: 2px;
}
.dbcontent
{
    position:relative;
    float:left;
    width:98%;
}
.dbcontent.h3
{
    color: #1734A1;
	font-size: 110%;
	font-weight:bold;
	margin-left:8px;
	margin-top:20px;
	margin-bottom:7px;
}
.dbcontent.p
{
    font-size: 85%;
    margin: 8px;
    padding:6px;
}
.dbcontent.divcontholder
{
    position: relative;
    float:left;
    background-color:#F5F7FF;
}
.dbcontent.divimgholder
{
    position: relative;
    float:right;
    background-color: #082693;
	padding:7px;

	border-width: 10px;
	border-style:solid;
	border-color:#F5F7FF;
	
}

	
/* Foot Region */
.footer {	
		
	color: #999999;
	}
.foot
{
    font-size: 80%;
    font-weight:normal;
    font-family:Verdana;
    position: relative;
	top: 30px;
	text-align: center;
	color:#082693;
}

/* Global Forms */



/* Tables */
table
{
    color: #000000;
    background-color: #c7d0ee;
}
table.bridgeopen
{
    text-align:left;
    color: #000000;
    background-color: #c7d0ee;
    width:520px;       
}
td.month
{
    font-size: 100%;
    font-weight: bold;
    background-color: #ececf3;
    padding: 4px;
}
td.bridge1
{
    width: 160px;
    text-align: left;
    padding:4px;
}
td.bridge2
{
    width: 140px;
    text-align: center;
    padding:4px;
}
td.bridge3
{
    width: 110px;
    text-align: center;
    padding:4px;
}
td.bridge4
{
    width: 110px;
    text-align: center;
    padding:4px;
}


td, th {
	font-size: 1em;
	}
.tablecontent
{  
   border-collapse:collapse; 
   
   background-color: #F5F7FF;
   font-size: 1em;
 
    
    
}
tr.content
{
   background-color: #d7def5;
   font-size:0.87em;
}
tr.altcontent
{
    background-color: #c7d0ee;
    font-size:0.87em;
}

td.col1
{
    width: 130px;
    text-align: center;
    padding:4px;
}
td.col2
{
    width: 180px;
    text-align: center;
    padding:4px;    
}
td.col3
{
    width: 145px;
    text-align: center;
    padding:4px;    
}
td.col4
{
    width:320px;
    text-align: center;
    padding:4px;    
}
td.col1la
{
    width: 130px;
    text-align: left;
    padding:4px;
}
td.col2la
{
    width: 180px;
    text-align: left;
    padding:4px;    
}
td.col3la
{
    width: 145px;
    text-align: left;
    padding:4px;    
}
td.col4la
{
    width:320px;
    text-align: left;
    padding:4px;    
}
th.content
{
    font-weight: bold;
    text-align: center;
    padding: 5px;
    background-color: #082694;
    color: #f9faff;
}



/* Global Links */
a {
	color: #F5F7FF;
	text-decoration:none;
	}
a:visited 
{
	color: #F5F7F1;
	text-decoration:none;		
}
a:hover 
{
	color: #FFFFFF;
	text-decoration:underline;
}		
a.content
{
    color: #082693;
    text-decoration: underline;
}
a.content:visited 
{
	color: #0827AD;
	text-decoration:underline;		
}
a.content:hover 
{
	color: #082971;
	text-decoration:underline;
}
/*  Test styles to produce a valid xhtml mouseover effect upon the homepage images */ 
a.home
{
    position: relative;
    float: left;
    width: 204px;
    height: 207px;
    background-image: url(../images/home_page/mo_pan_whitby_harbour.gif);
    background-repeat: no-repeat;
}
a.home:visited
{
    position: relative;
    float: left;
    width: 204px;
    height: 207px;
    background-image: url(../images/home_page/panel_whitby_harbour.gif);
    background-repeat: no-repeat;
}
a.home:hover
{

    position: relative;
    float: left;
    width:204px;
    height:207px;
    background-image: url(../images/home_page/mo_pan_whitby_harbour.gif);
    background-repeat: no-repeat;
}


/* Style Sheet End */