@import url(gridstyle-banner.css);
@import url(gridstyle-topnavigation.css);
@import url(gridstyle-leftnavigation.css);
@import url(gridstyle-rightboxes.css);
@import url(gridstyle-footer.css);
@import url(gridstyle-table.css);
@import url();

/* Layout */
/* -------------------------------------------------------------- */

/* This wraps around the whole body content, including the right, left hand items, title and footer. */
#contentarea
{
  padding-top : 10px;
  padding-bottom : 10px;
  padding-left : 10px;
  padding-right : 10px;
}

/* This stops the default body layout from displaying margins and sets the background colour for older browsers. */
body
{
 background-color : #FFFFFF; 
 margin-left:0px;
 margin-top:0px;
 margin-right: 0px;
 }

/* Generic */
/* -------------------------------------------------------------- */

/* Generic P tag. */
p
{
  font-size : 80%;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  color : #666666;
  margin-top : 0px;
  margin-bottom : 10px;
}

/* Button style seen on the forms and subscribe templates. @todo */
input.button1
{
  background: #47734C;
  color: #F4F7F4;
  font-family: Arial, Helvetica, sans-serif;
  font-size : 85%;
  font-weight: bold;
  border : 0px;
  height: auto;
  padding-left: 3px;
  padding-right: 3px;
  padding-top: 2px;
  padding-bottom: 2px;
  margin-top: 10px;
}


/* This is the body sub heading style. */
h2
{
  font-size : 85%;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  color : #666666;
  margin-top : 0px;
  margin-bottom : 10px;
}

/* This styles the homepage new body area - sub headings and dates and the auto index headings. */
h3
{
  font-size : 80%;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  color : #990000;
  margin-top : 0px;
  margin-bottom : 2px;
}

/* This is the generic bullet list style, for any other bullet lists ensure you set the style image to none or by default it will use this image. */
li
{
   color : #666666;
   font-size : 80%;
   font-family: Verdana, Arial, Helvetica, sans-serif;
   list-style-image: url('../images/bullet.gif');
}

/* This is for the generic bullet lists, to stop the typical browser indent. */
ul
{
 margin:  15px;
 padding : 0px;
} 

/* Generic a tag, hover etc - used in the main body. */
a
{
  font-family: Verdana, Arial, Helvetica, sans-serif;
  text-decoration : none;
}

a:link
{
  color : #990000;
}

a:hover
{
  color : #999900;
  text-decoration : underline;
}

a:visited
{
  color : #999900;
}

a:active
{
  color : #999900;
}

/* because if ie behaviour, fix in-page links to stay same colour as unvisited links */
a.inpage:visited
{
  color : #990000;
}

/* The jargon buster link looks like the typical a tag but has a background colour set. */
.jargonlink
{
  background-color : #F5F7D8;
}


/* Main body - Homepage template - TG1 */
/* -------------------------------------------------------------- */

/* Left hand text seen on the homepage template "Welcome to the Transpower National Grid Upgrade" . */
.welcometext
{
  font-size : 95%;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  color : #47734C;
  padding-right : 2px;
}

/* This sets the background colour and padding for the text within the body section behind the map on the left hand side of the homepage. */
#leftnavigation
.homelefthandbody
 {
 background-color : #F5F7D8;
 
 } 
 
/* This styles the text that is displayed under the map on the left hand side of the homepage. */
 #leftnavigation 
  .homelefttext
 { 
 font-family: Verdana, Arial, Helvetica, sans-serif;
 color : #666666;
 font-size : 70%;
 padding-bottom : 5px;
 padding-top : 5px;
 padding-left : 5px;
 padding-right : 5px;
 }
 
 #leftnavigation 
   .homelefttext
     a
  { 
  color : #990000;
 }
 
 
/* This styles the homepage left hand image heading - "Proposed Routes". */
 #leftnavigation
   .lefthandheadings  
 {
   background-color : #DBE381;
   padding-left : 8px; 
   padding-bottom : 4px;
   padding-top : 4px;
   font-size : 75%;
   font-family: Verdana, Arial, Helvetica, sans-serif;
   color : #668654;
   font-weight : bold;
}


/* This styles the homepage new heading. */
.HomeNew  
 {
   background-color : #DBE381;
   padding-left : 8px; 
   padding-bottom : 3px;
   padding-top : 4px;
   font-size : 75%;
   text-transform : uppercase;
   font-family: Verdana, Arial, Helvetica, sans-serif;
   color : #668654;
   font-weight : bold;
   width: 130px;
}

/* This styles the homepage green line that sits just after the new heading. */
.HomeNewgreenline
{
  background: url(../images/new-line.gif);
}

/* This styles the homepage new body area - margin between the text images and the new heading. */
#HomeNewBody
{
 margin-top: 5px;
}

/* This styles the homepage new body area - Keyline that separates each "New" item. */
#HomeNewBody
  .homekeyline
{
    border-top-width : 1px;
    border-top-color : #cccccc;
    border-top-style : solid;
    margin-top : 7px;
    text-align: right;
    margin-bottom : 7px;
}


/* This styles the homepage new body area - general text. */
/* Also covers the general text of the image caption content section */
#HomeNewBody p,
.imagecaption
{
  font-size : 80%;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  color : #666666;
  margin-top : 0px;
  margin-bottom : 10px;
}

#HomeNewBody
a:visited
{
  color : #990000;
}

#HomeNewBody
a:active
{
  color : #990000;
}

/* align top of images and text */
#HomeNewBody td
{
  vertical-align : top;
}

/* This styles the homepage new body area - places the left and right margins around the image and text. */
.HomeNewtext
{
  margin-left : 10px;
  margin-right: 5px;
}


/* Main body - General content L1 - TG3 */
/* -------------------------------------------------------------- */

/* This is the page title - to be used on every page, this style sets the layout including the look note padding left. */
.title
{
  font-size : 120%;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  color : #47734C;
}

/* This style allows me to define images to be removed from the print style sheet */
#contentarea
  .spacerimg
  {
  }


/* This is the divider that sits directly under the page title. */
#contentarea
.titledivider
{
  border-top-width : 1px;
  border-top-color : #DBE381;
  border-top-style : solid;
  margin-bottom : 15px;
}

/* The body divider that sits within the content.  Note the top image is set in the HTML style, so two version can be created by removing the image from the HTML and reusing this style. */
#contentarea
.bodydivider
{
  border-top-width : 1px;
  border-top-color : #cccccc;
  border-top-style : solid;
  margin-top : 15px;
  text-align: right;
  margin-bottom : 15px;
}

/* Image caption seen on the generic content l1. */
/* The triple nested td is to catch just the image caption and not the text */
td td td .imagecaption
{
  font-size : 70%;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  color : #47734C;
  margin-top : 0px;
  margin-left : 0px;
}

/* Main body - General content L2 - TG4 */
/* -------------------------------------------------------------- */

/* Next and prev buttons top right on the TG4 template. */
.NextPrev  
{
   width: 130px;
}

.NextPrev 
  p
 {
   margin-top : 0px;
   margin-bottom : 0px;
   width: 130px;
}


/* Main body - Forms - TG8 @todo */
/* -------------------------------------------------------------- */

#formpage
 h3
{
 padding-bottom: 3px;
 border-bottom-width : 1px;
 border-bottom-color : #cccccc;
 border-bottom-style : solid;
 margin-bottom: 10px;
 margin-top : 15px;
 font-size: 80%;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 color : #666666;
}


#formpage
 td
{
 font-size : 80%;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 color : #666666;
 margin-top : 0px;
 margin-bottom : 10px;
}

#formpage
 p
{
  margin-top : 10px;
  margin-bottom : 3px;
}

.formwarning
{
font-weight: bold;
color: #990000;
}

.formintro
{
font-size : 70%;
}



/* Main body - glossary - TG10 @todo */
/* -------------------------------------------------------------- */

#glossaryletters
{
 text-align: center;
 padding-bottom: 0px;
}

#glossaryletters
 .letters
 {
 font-size: 80%;
 }

#glossary
 h3
{
 padding-bottom: 3px;
 border-bottom-width : 1px;
 border-bottom-color : #cccccc;
 border-bottom-style : solid;
 margin-bottom: 10px;
 font-size: 80%;
 padding-top: 5px;
}

#glossary
h2
{
  margin-bottom : 0px;

}

/* Main body - Site map - TG9 @todo */
/* -------------------------------------------------------------- */

#sitemap
 h3
 {
  padding-bottom: 3px;
  border-bottom-width : 1px;
  color: 666666;
  border-bottom-color : #cccccc;
  border-bottom-style : solid;
  margin-bottom: 10px;
  font-size: 80%;
  padding-top: 10px;
 }
 
#sitemap
 h3 a
 {
 color: 666666;
 }

#sitemap
 h2
 {
  margin-bottom : 0px;
 }


#sitemap
li
{
   color : #666666;
   font-size : 80%;
   font-family: Verdana, Arial, Helvetica, sans-serif;
   list-style-image: url(../images//bullet.gif);
   margin-bottom: 2 px;
}

#sitemap
ul
{
 margin-left:  15px;
 padding : 0px;
} 

.mapSubarea
{
 margin-left:  15px;
 padding : 0px;
 margin-top: 0px;
 color:Red;
} 

 
 /* Main body - Subscribe - TG9  */
/* -------------------------------------------------------------- */

#favouriteseditor
{
 margin-top : 15px;
} 


#favouriteseditor
p
{
 font-size : 90%;
 margin : 0px;
}

#favouriteseditor
input
{
  margin : 0px;
  padding : 0px;
}

.inner
p
{
  margin : 0px;
}

 /* Main body - Auto index - TG9  */
/* -------------------------------------------------------------- */

#contentarea
.bodydividerauto
{
  border-top-width : 1px;
  border-top-color : #cccccc;
  border-top-style : solid;
  margin-top : 7px;
  text-align: right;
  margin-bottom : 7px;
}



#autoindexbody
a:visited
{
  color : #990000;
}

#autoindexbody
a:active
{
  color : #990000;
}