body {
text-align:center;
background-color:#F6FAFE;
font-family: Arial, Helvetica, sans-serif;
font-size: 9pt;
color: #000000;
margin:0px;
}


/* Main Content Links */
a:link {  color: #30536F; text-decoration: none; font-weight:bold;}
a:active {  color: #30536F; text-decoration: none; font-weight:bold;}
a:visited {  color: #30536F; text-decoration: none; font-weight:bold;}
a:hover {  color:#fff; background-color:#30536F; text-decoration: none; font-weight:bold;}

/* Block Colours - Main Blocks Of Colour */
#header, #nav, #left, .whatBox, .whatBox2, .contactSubmit, #footer {
background-color:#1563A8;
}

/* Font Colours - Logo, Nav, Left Column */
.logoText, #nav li a, #left, #left h1, .whatBox, .whatBox2 {
color: #fff;
}

/* Nav Hover Colours */
#nav li a:hover {
color: #1563A8;
background-color: #fff;
}

/* Right H Colours - All H Tags In Right Column*/
#right h1, #portMain h1, #portLarge h1, #right h3 {
color:#1563A8;
}

/* Border Colours - Borders Of Images, Forms*/
#headerImageIndex, #headerImage, input.contactInput, textarea.contactInput, select.contactInput, input.quickInput, textarea.quickInput, select.quickInput {
border: 1px solid #1563A8;
}
.contactSubmit { border: 0px; color: #1563A8;}
.quickSubmit { border: 0px; color: #fff; background-color: #1563A8 }


/* Everything Under Here Shouldn't Need Changing */


/* Layout */

#holder {
width:768px;
margin-right:auto;
margin-left:auto;
margin-top:0px;
padding:0px;
text-align:center;
}

#content {
float: left;
width:768px;
margin-right:auto;
margin-left:auto;
margin-top:10px;
margin-bottom:0px;
text-align:center;
background-color:#ffffff;
}

/* Top Header */

#header {
float: left;
width: 744px;
height: 72px;
margin: 10px 0px 0px 12px;
display:inline;
background-image:url('/images/taagy_logo.gif');
background-repeat:no-repeat;
}

.logoText {
font-family: Tahoma, Arial, Verdana, Helvetica, sans-serif;
font-size: 26px;
margin: 10px 0px 0px 20px;
text-align:left;
}

/* Navigation */

#nav {
float: left;
width: 744px;
height: 30px;
margin: 0px 0px 0px 12px;
font-size:12px;
display:inline;
}

#nav ul {
float:right;
list-style: none;
padding: 0;
margin: 0px;
}

#nav li {
float: left;
margin: 0px 0px 0px 0px;
}

#nav li a {
height: 30px;
line-height: 30px;
float: left;
width: auto;
display: block;
text-decoration: none;
text-align: center;
padding: 0px 10px;
}

#nav li a:hover {
width: auto;
display: block;
text-decoration: none;
text-align: center;
}

/* Top Image / Home Image */

#headerImageIndex {
float:left;
width:742px;
height: 310px;
margin: 0px 0px 12px 12px;
display:inline;
}

#headerImage {
float:left;
width:742px;
height: 160px;
margin: 0px 0px 12px 12px;
display:inline;
}

/* Content Layout */

#main {
float: left;
width: 744px;
height: auto;
padding: 0px 0px 0px 12px;
text-align:left;
background-image:url(/images/main_bg.gif);
background-repeat:repeat-y;
}

#left {
float: left;
width: 171px;
height: auto;
margin: 0px 0px 0px 0px;
padding: 12px 12px 12px 12px;
}

#right{
float: left;
width: 534px;
height: auto;
margin: 0px 0px 0px 12px;
padding: 0px;
color:#6F6F6F;
text-align:justify;
}

#right h1, #left h1, #portMain h1, #portLarge h1 {
font-weight:bold;
margin:0px 0px 0px 0px;
padding:0px;
}

#right h3 {
font-weight:normal;
font-size:12pt;
margin-top:0px;
padding-top:0px;
margin-bottom:6px;
padding-bottom:0px;
}

#right h1, #portMain h1, #portLarge h1 {
font-size:18px;
}
#right h2 {
  font-size: 16px;
}

#left h1 {
font-size:18px;
}

#portMain {
float: left;
width: 720px;
height: auto;
background-color:#fff;
margin: 12px 0px 12px 12px;
text-align:left;
padding:0px 12px 0px 12px;
display:inline;
}

#portLarge {
float:left;
width:698px;
height: 180px;
border: 1px solid #9F9F9F;
margin: 6px 0px 0px 0px;
padding:10px;
color:#666666;
text-align:left;
font-size:16px;
background-color:#EFEFEF;
display:inline;
}

#portSmall {
float:left;
width:343px;
height: 108px;
border: 1px solid #9F9F9F;
padding:5px;
line-height:12px;
color:#666666;
text-align:left;
font-size:9pt;
background-color:#EFEFEF;
display:inline;
}

.portSmallLeft {
margin: 10px 10px 0px 0px;
}

.portSmallRight {
margin: 10px 0px 0px 0px;
}


div.desc_sm p {
  padding-top:  5px;
  margin-top:   0px;
}

#portSmall img{
float:right;
margin:0px 0px 0px 12px;
border: 1px solid #ccc;
}


#portLarge img {
float:right;
margin:0px 0px 0px 30px;
border: 1px solid #ccc;
}

#portSmall h1 {
color:#FFEFF0;
font-size:12px;
font-weight:bold;
margin:3px 0px 0px 0px;
padding:0px;
}

.whatBox {
float:left;
height:250px;
width:256px;
padding:4px;
margin: 10px 0px 0px 0px;
text-align:left;
}

.whatBox2 {
float:left;
height:280px;
width:165px;
padding:4px;
margin: 10px 7px 0px 0px;
text-align:left;
}

.whatboxRight {
float:right;
margin: 10px 0px 0px 0px;
}

.whatbox h1, .whatbox2 h1 {
font-size:18px;
padding-bottom:0px;
margin-bottom:0px;
}

/* Form and Inputs */

input.contactInput { width: 250px; }
textarea.contactInput{ width: 250px; height: 100px; }
select.contactInput { width: 250px; }

input.quickInput { width: 160px; }
textarea.quickInput{ width: 160px; height: 100px; }
select.quickInput { width: 160px; }

div.formRow {float: left; padding-bottom: 5px; width: 99%; }
div.formRowButton {float: left; padding-bottom: 5px; width: 99%; text-align:center; }
div.formHeader {float: left; width: 170px; font-weight: bold;}
div.formBody {float: left;}


/* Footer */

#footer {
float:left;
width: 756px;
height: 19px;
text-align:right;
margin: 12px 0px 0px 0px;
padding:6px 12px 0px 0px;
color:  #F8F8F8;
}

#footer a, #footer a:visited {  color: #ffffff; text-decoration: none}
#footer a:hover {  color: #ffffff; text-decoration: underline}


/* News Page */

#newsLeft {
float:left;
width:360px;
height:auto;
margin:10px 15px 0px 0px;
line-height:normal;
}
#newsLeft h1 {
margin: 0px 0px 10px 0px;
padding:0px;
font-size: 12pt;
}
.newsLeftArt {
float:left;
width:360px;
height:auto;
margin: 0px 0px 20px 0px;
line-height:15px;
text-align:justify;
border-bottom:  1px solid #1563A8;
padding-bottom: 10px;
}
.newsLeftArtHead {
float:left;
width:360px;
height:auto;
margin: 0px 0px 8px 0px;
text-align:justify;
font-size: 11pt;
}
.newsLeftArt img {
float:right;
margin: 0px 0px 5px 5px;
}
#newsRight {
float:right;
width:130px;
height:auto;
margin:10px 0px 0px 0px;
padding: 5px 5px 5px 5px;
background-color:#1563A8;
color: white;
}
#newsRight h1 {
margin: 0px 0px 6px 0px;
padding:0px;
font-size:120%;
color: white;
}
#newsRight a, #newsRight a:visited {  color: #FFFFFF; text-decoration: none}
#newsRight a:hover {  color: #EEEEEE; background-color: none;}

div#GMap {
    float: right;
    width:  525px;
    height: 525px;
    border: 1px solid #1563A8;
  }
  ul.wards {
    list-style: none;
    margin: 0px;
    padding: 5px 0px 0px 0px;
  }
  ul.wards li {
    padding-left: 3px;
  }
  ul.wards a:link,
  ul.wards a:visited,
  ul.wards a:hover,
  ul.wards a:active {
    color: white;
  }
  ul.wards li.active {
    background-color: white;
    color: black;
    font-weight: bold;
  }