/* Torbay Council Harbours Website Stylesheet - Layout Only  */
/* Version: 2.0.1 		                                     */
/* Created by Jenny Rayner, 23/02/2009                       */

/***************************************************/
/*                                                 */
/* All colour elements for website held in this    */
/* stylesheet.  This can be changed for Microsites.*/
/*                                                 */
/***************************************************/

/********************************/
/*      HTML AND BODY STYLES    */
/********************************/
#container { 
	background-color: #ffffff;
	background-image: url(harbour-bg.gif); 
	background-repeat: repeat;
	background-position: center;
}
body { 
	background: #FFFFFF;
}
/********************************/
/*   STANDARD HTML TAG STYLES   */
/********************************/


a { 
	color: #004990;
}
a:hover { 
	color: #000000;
}

.heading2{ 
	color: #057d7e;
}
h2 { 
	font-size: 1.15em; 
	font-family: Arial, Helvetica, sans-serif ; 
	color: #057d7e; 
	margin-top: 4px; 
	margin-bottom: 4px;
}
h3 { 
	color: #057d7e;
}
h4 {
	color: #057d7e;
}
/*********************************/
/* Top Name Banner Styles */
/*********************************/
div#TitleBanner {
	color: #FFFFFF;
	background-color: #55C6C7;
	border-bottom: 1px #FFFFFF solid;
	background-attachment: scroll;
	background-image: url(harbour-banner-green.gif);
	background-repeat: repeat-x;
	background-position: left top;
}
div#TitleBanner img {
	padding-bottom: 0;
}
p#SkipTo {
	margin: -3px 4px 5px 0;
}
p#SkipTo a {
	color: #057D7E;
	font-size: 90%;
}
p#SkipTo a:hover {
	color: #000;
}/********************************/
/*          SEARCH STYLES       */
/********************************/
#SearchBox label {
	color: #057D7E;
}
input {  
	border: 1px solid #000000; 
}
/********************************/
/*     MIDDLE BANNER STYLES     */
/********************************/

div#MiddleBanner {
	color: #ffffff;
	background-color: #057d7e;	
}
div#MiddleBanner A {
	color: #FFFFFF;
} 
div#MiddleBanner A:hover {
	color: #FFFFFF;
}
/********************************/
/*     BOTTOM BANNER STYLES     */
/********************************/

div#BottomBanner {
	background-color: #FFFFFF;
	border-bottom: 1px #FFFFFF solid;
	border-top: 1px #FFFFFF solid;
	background-attachment: scroll;
	background-image: url(harbour-gradient.gif);
	background-repeat: repeat-x;
	background-position: left top;
}


/********************************/
/*     FOOTER BANNER STYLES     */
/********************************/


#Footer { 
	color: #057d7e; 
	background-color: #ffffff; 
	border-bottom: 1px #FFFFFF solid;
	border-top: 1px #FFFFFF solid;
	background-attachment: scroll;
	background-image: url(harbour-gradient.gif);
	background-repeat: repeat-x;
	background-position: left top;
}


#Footer a { 
	color: #057d7e; 
}


#Footer a:hover { 
	color: #004990; 
}
	
	
/********************************/
/*        Column Styles			*/
/********************************/


div.RightColumn {  
	background-color: #e3f6f6;
	color: #000000;
}

div.LeftColumn{
	background-color: #e3f6f6;
	color: #000000;
}

div.RightColumn a { 
	color: #004490; 
	text-decoration: none;
}

div.RightColumn a:hover { 
	color: #000000;
}

div.LeftColumn a { 
	color: #004990; 
}

div.LeftColumn a:hover { 
	color: #000000; 
}

div.ColumnHeaders { 
	color: #FFFFFF;
	border-top: #FFFFFF 1px solid; 
	background-color: #057d7e;
	border-bottom: #FFFFFF 1px solid; 
}

h1 { 
	color: #057d7e;
}


/********************************/
/*     MAIN CONTENT STYLES      */
/********************************/


#BodyText { 
	background-color: #ffffff; 
}


.contact-info { 
	color: #000000;
}

.breadcrumb {
	color: #000000;
}


/********************************/
/*          A-Z STYLES          */	
/********************************/


div.az ul li {
	border: 1px solid #004990;
}

div.az a {
	background-color: #FFFFFF;
	color: #004990; 
}

div.az a:hover { 
	text-decoration: none;
	color: #FFFFFF;
	background-color: #bad7f1;
}

div.az p { 
	color: #057d7e;
}


/********************************/
/*        COLUMN STYLES         */
/********************************/

/********************************/
/*    LEFT NAVIGATION STYLES    */
/********************************/

div.LeftColumn ul { 
	padding-left: 12px; 
	margin-left: 12px; /* Affects IE7 */
	margin-top: 0px; 
	margin-bottom: 0px; 
}


div.LeftColumn li { 
	color: #004990; 
}

/********************************/
/*   RIGHT NAVIGATION STYLES    */
/********************************/

div.RightColumn li { 
	color: #004990; 
}


/********************************/
/*    MAIN NAVIGATION STYLES    */
/********************************/


div.Navigation li {
	color: #388889;
	list-style-type: none;
}
div.Navigation li a {
	color: #004990; 
	border-bottom: #FFFFFF 1px solid; 
	background-color: #e3f6f6;
	padding: 4px;
}

div.Navigation li a:hover, div.Navigation li a:focus {
	color: #ffffff; 
	background-color: #057d7e;
}


th.TableHeader {
  background-color: #057D7E;
}
