/* Havering stylesheet FIXED WIDTH Planning online pages */

/** TEXT STYLES **/

body { background : #ffffff;  text-align : center ;  }

/* $name='Heading 1 (H1)' */ 
h1, H1 {font-size: 200%; color: #0071B9; font-weight: normal; text-align: left; padding : 0; margin: 0;}

/* $name='Heading 2 (H2)' */ 
h2, H2 {font-size: 125%; color: #000000; font-weight: bold; text-align: left; padding: 5px 0 5px 0; margin : 0;}

/* $name='Heading 3 (H3)' */ 
h3, H3 {color: #0071B9; font-weight: bold;font-size:110%;}

#news h3 { margin : 0px ; padding : 0px ; }

/* $name='Heading 4 (H4)' */ 
h4, H4 {color: #000000; font-weight: bold;font-size:105%;}

/* $name='Heading 5 (H5)' */ 
h5, H5 {color: #000000; font-weight: bold;font-size:102%;}

/* $name='Heading 6 (H6)' */ 
h6, H6 {color: #000000; font-weight: bold;font-size:100%;}

TEXTAREA, textarea, INPUT, input, SELECT, select, option, OPTION
{font-family : Verdana, Arial, Helvetica, Geneva, sans-serif; color : #666666; } /* font-size: 100%; */
/* SELECT, select, INPUT, input{font-size : small;} */ /* 90% */
P, p {margin: 0 0 1em 0; font-size : small ;}
P, p, OL, ol, UL, ul {color : #000000;}

table td  { vertical-align : top ; }

TH, th {color : #ffffff; background-color : #0071B9; padding : 5px; text-align : left;}
address { font-style: normal ; padding-bottom : 5px ; margin : 0px ; padding-top : 0px ; }

caption { font-weight : bold ; font-size : medium ; padding-top : 10px; padding-bottom : 10px ; }

ol { padding : 10px 0px 10px 10px ; margin-left : 10px ; }

ol li { margin-left : 20px ; padding-left : 0px ; border-collapse : collapse ; }

ul.bodyul { position: relative; left: 16px; margin-right: 18px; }

#bannerbackground{ position : relative ; 
						width : 990px ;
						left : 0 ; top : 0px ; 
						background-image : url(/pls/portal/docs/PAGE/STYLES/TOPLOGOWIDE.JPG) ; text-align : left ;}


#thebottom { 		width : 990px ; 
					float : inherit ; 
				      display : block;
                			position : relative;
                			height : auto; clear : both ;
 }

	#menu { left : 0px ;  top : 0 ; padding : 5px ; }

	#topnavborder { 	position : relative ;
						width : 990px ; 
						padding : 2px 0 2px 0 ;
						margin : 2px 0 2px 0 ;
						text-align : left ;
	                	color : #ffffff ; 
	                	background-color: #0071B9;  
						font-weight : 700 ; 
						height : auto ; }

.navinline{display : inline;}

#articlemargin {    		padding : 0px 5px 5px 5px; 
	                            	float : left ;
	                            	text-align : left ; 
						vertical-align : top ; 
	                            	margin : 0 ; 
						width : 700px ; 
         }

#testdiv1 { clear : both ; visibility : hidden ; background-color : white; }
 
    .calendarwidth { width : auto ; }

 .fivehun { width : 500px ; padding : 2px ; }
 


.fivehun td  { border : 1px solid #ccc ; padding : 2px ;}

.fivehun2 td { width : 500px ; padding : 2px ; }

td.twenty { width : 20% ; }

 .noborder { border : 0px none ; }

 	#lhscol {  float : left ;
	                background-color : #d6e0eb; 
	                padding : 0px ; 
	                width: 150px; 
	                font-size : small ; 
	                text-align : left ;
                      } /* font-size : 80% ; */
                      
  .RegionBorder { border : none ; width : auto ; }
                      
                      
   .hidelistbullet, li .hidelistbullet 
{
	padding : 0px ; 
	margin : 0px ; 	
	text-align : left;
	list-style : none;
	height : auto ; 
	/* Specifics needed for IE 6 */
	list-style-image : none;
	list-style-type : none;

}

.hidepadding, ul .hidepadding {margin : 0px ; padding : 0px ;}
	
.clearboth { clear : both ; }

A:link, a:link, A:visited, a:visited, A:active, a:active, A:focus, a:focus
{color : #000000; font-weight : normal; text-decoration : underline;}

a.astandardlink:link, a.astandardlink:visited, a.astandardlink:active, a.astandardlink:hover, a.astandardlink:focus, a.aboldlink:link, a.aboldlink:visited, a.aboldlink:active, a.aboldlink:hover, a.aboldlink:focus, a.aboldbluelink:link, a.aboldbluelink:visited, a.aboldbluelink:active, a.aboldbluelink:hover, a.aboldbluelink:focus, a.abluelink:link, a.abluelink:visited, a.abluelink:active, a.abluelink:hover, a.abluelink:focus
{color : #000000; font-weight : normal; text-decoration : none; display : block;}

a.aboldlinkunderline:link, a.aboldlinkunderline:visited, a.aboldlinkunderline:active, a.aboldlinkunderline:hover, a.aboldlinkunderline:focus
{color : #000000; font-weight : bold; text-decoration : underline; display : inline;}

a.aboldlink:link, a.aboldlink:visited, a.aboldlink:active, a.aboldlink:hover, a.aboldlink:focus, a.aboldbluelink:link, a.aboldbluelink:visited, a.aboldbluelink:active, a.aboldbluelink:hover, a.aboldbluelink:focus
{font-weight : bold; display : inline;}

a.abluelink:link, a.abluelink:visited, a.abluelink:active, a.abluelink:hover, a.abluelink:focus
{font-weight : normal; display : inline;}

a.aboldbluelink:link, a.aboldbluelink:visited, a.aboldbluelink:active, a.aboldbluelink:hover, a.aboldbluelink:focus, a.abluelink:link, a.abluelink:visited, a.abluelink:active, a.abluelink:hover, a.abluelink:focus
{color : #0066cc; text-decoration : underline;}

a.astandardlink:hover, a.aboldlink:hover, a.inlinelink:hover, a.asitemaplink:hover
{text-decoration : underline;}

a.atopnav:link, a.atopnav:visited, a.atopnav:active, a.atopnav:hover, a.atopnav:focus, a.atopnavs:link, a.atopnavs:visited, a.atopnavs:active, a.atopnavs:hover, a.atopnavs:focus, a.atopnavn:link, a.atopnavn:visited, a.atopnavn:active, a.atopnavn:hover, a.atopnavn:focus, a.atopnavsn:link, a.atopnavsn:visited, a.atopnavsn:active, a.atopnavsn:hover, a.atopnavsn:focus, a.asecnav:link, a.asecnav:visited, a.asecnav:active, a.asecnav:hover, a.asecnav:focus, a.asecnavs:link, a.asecnavs:visited, a.asecnavs:active, a.asecnavs:hover, a.asecnavs:focus
{display : block; text-align : left; text-decoration : none; float : left;}

.autilnavs { color : #ffffff ; }

a.autilnav:link, a.autilnav:visited, a.autilnav:active, a.autilnav:hover, a.autilnav:focus, a.autilnavs:link, a.autilnavs:visited, a.autilnavs:active, a.autilnavs:hover, a.autilnavs:focus, a.autilnavn:link, a.autilnavn:visited, a.autilnavn:active, a.autilnavn:hover, a.autilnavn:focus, a.autilnavsn:link, a.autilnavsn:visited, a.autilnavsn:active, a.autilnavsn:hover, a.autilnavsn:focus
{text-align : left; text-decoration : none; color : #ffffff;}

a.autilnav:link, a.autilnav:visited, a.autilnav:active, a.autilnav:hover, a.autilnav:focus, a.autilnavs:link, a.autilnavs:visited, a.autilnavs:active, a.autilnavs:hover, a.autilnavs:focus
{border-right : 1px #ffffff solid; padding : 0 6px;}

a.autilnav:visited, a.autilnav:link,  a.autilnav:active, a.autilnav:hover, a.autilnavn:visited, a.autilnavn:link,  a.autilnavn:active, a.autilnavn:hover
{ font-weight : 900 ;}

a.autilnav:focus , a.autilnavs:link, a.autilnavs:visited, a.autilnavs:active, a.autilnavs:hover, a.autilnavs:focus, a.autilnavn:focus , a.autilnavsn:link, a.autilnavsn:visited, a.autilnavsn:active, a.autilnavsn:hover, a.autilnavsn:focus 
{ font-weight : 700;}

a.autilnav:hover, a.autilnavs:hover, a.autilnavn:hover, a.autilnavsn:hover{ text-decoration : underline ; }

a.asecnav:link, a.asecnav:visited, a.asecnav:active, a.asecnav:hover, a.asecnav:focus, a.asecnavs:link, a.asecnavs:visited, a.asecnavs:active, a.asecnavs:hover, a.asecnavs:focus
{font-weight : bold; padding : 4px 6px;}

a.asecnav:link, a.asecnav:visited, a.asecnav:active, a.asecnav:hover, a.asecnav:focus
{color : #ffffff;}

a.asecnavs:link, a.asecnavs:visited, a.asecnavs:active, a.asecnavs:hover, a.asecnavs:focus
{color : #ffff00; background-color : #660066;}

a.printlink:link, a.printlink:visited, a.printlink:active, a.printlink:hover, a.printlink:focus
{text-align : left;text-decoration : none; color : #083167;}

a.printlink:link, a.printlink:visited, a.printlink:active, a.printlink:hover, a.printlink:focus
{color : #000000; font-weight : bold;}

a.aartpathlhs1:link, a.aartpathlhs1:visited, a.aartpathlhs1:active, a.aartpathlhs1:hover, a.aartpathlhs1:focus, a.aartpathlhs2:link, a.aartpathlhs2:visited, a.aartpathlhs2:active, a.aartpathlhs2:hover, a.aartpathlhs2:focus, a.aartpathlhs3:link, a.aartpathlhs3:visited, a.aartpathlhs3:active, a.aartpathlhs3:hover, a.aartpathlhs3:focus, a.aartpathlhs4:link, a.aartpathlhs4:visited, a.aartpathlhs4:active, a.aartpathlhs4:hover, a.aartpathlhs4:focus, a.aartpathlhs5:link, a.aartpathlhs5:visited, a.aartpathlhs5:active, a.aartpathlhs5:hover, a.aartpathlhs5:focus, a.atreenav1:link, a.atreenav1:visited, a.atreenav1:active, a.atreenav1:hover, a.atreenav1:focus, a.atreenav2:link, a.atreenav2:visited, a.atreenav2:active, a.atreenav2:hover, a.atreenav2:focus, a.atreenav1s:link, a.atreenav1s:visited, a.atreenav1s:active, a.atreenav1s:hover, a.atreenav1s:focus,  a.atreenav2s:link, a.atreenav2s:visited, a.atreenav2s:active, a.atreenav2s:hover, a.atreenav2s:focus, a.aquicknav:link, a.aquicknav:visited, a.aquicknav:active, a.aquicknav:hover, a.aquicknav:focus
{display : block; list-style-type : none;text-align : left; text-decoration : none; width : auto;  }

a.atreenav1:link, a.atreenav1:visited, a.atreenav1:active, a.atreenav1:hover, a.atreenav1:focus, a.atreenav1s:link, a.atreenav1s:visited, a.atreenav1s:active, a.atreenav1s:hover, a.atreenav1s:focus, a.aquicknav:link, a.aquicknav:visited, a.aquicknav:active, a.aquicknav:hover, a.aquicknav:focus
{padding : 4px;}

a.atreenav2:link, a.atreenav2:visited, a.atreenav2:active, a.atreenav2:hover, a.atreenav2:focus, a.atreenav2s:link, a.atreenav2s:visited, a.atreenav2s:active, a.atreenav2s:hover, a.atreenav2s:focus
{padding : 4px 4px 4px 25px;} /* top right bottom left */

a.aartpathlhs1:link, a.aartpathlhs1:visited, a.aartpathlhs1:active, a.aartpathlhs1:hover, a.aartpathlhs1:focus, a.aartpathlhs2:link, a.aartpathlhs2:visited, a.aartpathlhs2:active, a.aartpathlhs2:hover, a.aartpathlhs2:focus, a.aartpathlhs3:link, a.aartpathlhs3:visited, a.aartpathlhs3:active, a.aartpathlhs3:hover, a.aartpathlhs3:focus, a.aartpathlhs4:link, a.aartpathlhs4:visited, a.aartpathlhs4:active, a.aartpathlhs4:hover, a.aartpathlhs4:focus, a.aartpathlhs5:link, a.aartpathlhs5:visited, a.aartpathlhs5:active, a.aartpathlhs5:hover, a.aartpathlhs5:focus
{padding : 4px; background-color : #666666; color: #ffffff; border-top : solid 1px #ccccff; border-left : solid 1px #ccccff; border-right : solid 1px #d6e0eb; font-weight :bold;}

a.atreenav1:link, a.atreenav1:visited, a.atreenav1:active, a.atreenav1:focus, a.atreenav1s:link, a.atreenav1s:visited, a.atreenav1s:active, a.atreenav1s:focus, a.atreenav2:link, a.atreenav2:visited, a.atreenav2:active, a.atreenav2:focus, a.atreenav2s:link, a.atreenav2s:visited, a.atreenav2s:active, a.atreenav2s:focus{border-left : solid 1px #ccccff; border-right : solid 1px #ccccff; font-weight : normal; }

a.atreenav1:link, a.atreenav1:visited, a.atreenav1:active, a.atreenav1:focus
{   background-image : url(../../images/havering/common/top-bottom.gif) ;
    border : 1px #99BBE8 solid ; cursor : pointer ;                
    background-color : #ffffff; color: #000000; border-top : solid 1px #ccccff; font-weight:bold;}

a.atreenav1s:link, a.atreenav1s:visited, a.atreenav1s:active, a.atreenav1s:focus
{background-color : #336699; color: #ffffff; border-top : solid 1px #ccccff; font-weight : bold;}

a.atreenav2:link, a.atreenav2:visited, a.atreenav2:active, a.atreenav2:focus
{background-color : #d6e0eb; color: #000000; width : auto;}

a.atreenav2s:link, a.atreenav2s:visited, a.atreenav2s:active, a.atreenav2s:focus
{background-color : #d6e0eb; color: #000000; font-weight : bold;}

a.pathnav:link, a.pathnav:visited, a.pathnav:active, a.pathnav:hover, a.pathnav:focus
{color: #000000; font-weight : normal; text-decoration : none; font-size : small ; }

.showline, .controlsearch { font-size : x-small ; text-decoration : none ; } /* Needed to make breadcrumb consistent */

a.arhslinkmedia:link, a.arhslinkmedia:visited, a.arhslinkmedia:active, a.arhslinkmedia:focus, a.arhslinkmedia:hover, a.arhslink:link, a.arhslink:visited, a.arhslink:active, a.arhslink:focus, a.arhslink:hover
{display : inline; list-style-type : none; text-align : left; text-decoration : none; color : #000000; font-weight : normal; text-decoration : none;}

a.aatozlink:link, a.aatozlink:visited, a.aatozlink:active, a.aatozlink:hover, a.aatozlink:focus, a.aatozlinks:link, a.aatozlinks:visited, a.aatozlinks:active, a.aatozlinks:hover, a.aatozlinks:focus
{margin : 0px; color : #ffffff; padding : 2px 1px 2px 1px; text-align : center; font-size : small; font-weight : bold; text-decoration : none; border : none; background-color: #336699;}

a.aatozlinks:link, a.aatozlinks:visited, a.aatozlinks:active, a.aatozlinks:hover, a.aatozlinks:focus, a.aatozlink:hover
{border : none; background-color: #d9d9d9; color : #000000;}

a.aatozheadlink:link, a.aatozheadlink:visited, a.aatozheadlink:active,a.aatozheadlink:hover, a.aatozheadlink:focus
{color : #000000; font-weight : bold; text-decoration : none;}

a.aatozheadlink:hover{text-decoration : underline;}

a.afaqlink:link, a.afaqlink:visited, a.afaqlink:active, a.afaqlink:hover, a.afaqlink:focus, a.afaqboldlink:link, a.afaqboldlink:visited, a.afaqboldlink:active, a.afaqboldlink:hover, a.afaqboldlink:focus
{color : #000000; font-weight : normal; text-decoration : none;}

a.afaqboldlink:link, a.afaqboldlink:visited, a.afaqboldlink:active, a.afaqboldlink:hover, a.afaqboldlink:focus
{font-weight : bold;}

a.acontactlink:link, a.acontactlink:visited, a.acontactlink:active, a.acontactlink:hover, a.acontactlink:focus
{color : #000000; font-weight : normal; text-decoration : underline; }

a.acontactemaillink:link, a.acontactemaillink:visited, a.acontactemaillink:active, a.acontactemaillink:hover, a.acontactemaillink:focus, a.acontactweblink:link, a.acontactweblink:visited, a.acontactweblink:active, a.acontactweblink:hover, a.acontactweblink:focus
{color : #000000; font-weight : normal; text-decoration : none;}

A:hover, a:hover, a.aboldbluelink:hover, a.abluelink:hover, a.aboldlinkunderline:hover, a.acontactlink:hover{text-decoration : none;}
a.asecnavs:hover, a.asecnav:hover{background-color : #660066; color : #ffff00;}
a.asitemaplink1:hover{background-color : #990099; color : #ffffff;}

a.acontactweblink:hover, a.acontactemaillink:hover, a.printlink:hover, a.printlinks:hover, a.asitemaplink2:hover, a.asitemaplink3:hover, a.asitemaplink4:hover, a.asitemaplink5:hover, a.pathnav:hover, a.arhslinkmedia:hover, a.arhslink:hover, a.afaqboldlink:hover, a.afaqlink:hover{text-decoration : underline;}

a.aquicknav:hover
{ background-color : #f0f5fb; color: #f60; border-bottom : solid 1px #666666;border-left : solid 1px #000000; border-right : solid 1px #000000;}

a.atreenav1:hover, a.atreenav1s:hover
{background-color : #f0f5fb; color: #f60; border-top : solid 1px #ccccff; border-left : solid 1px #ccccff; border-right : solid 1px #ccccff;}

a.atreenav2:hover, a.atreenav2s:hover
{background-color : #d6e0eb; color: #000000; border-left : solid 1px #ccccff; border-right : solid 1px #ccccff; text-decoration: underline; width : auto;}

/* hard coded replacements */

.bottomedge{border-bottom : solid 1px #ccccff;}

th div p {color : #ffffff; background-color : #336699; padding : 5px; text-align : left;}

th div {color : #ffffff; background-color : #336699; padding : 5px; text-align : left;}

th p {color : #ffffff; background-color : #336699; padding : 5px; text-align : left;}

td.cpCurrentMonthDate:link { text-decoration : none ; }
td.cpCurrentMonthDate:hover { text-decoration : underline ; }