﻿body {
 margin: 0;
 padding: 0;
}


#header {
  position:static;
  margin: 0;
  padding: 0;
  background-color: #374890;
  color:#fff;
  width:100%;
  height:68px;
  background-repeat: no-repeat;
  background-position:  right;
}


/* annoying but necessary to create coloured bg of variable width while navigation sits in a fixed width container to stop from wrapping when people re-size their browser window */

#navigation-background {
 position:static;
 background-color: #666;
 color:#fff;
 height:22px;
 margin:0;
 width:100%;
 border:0px solid #000;
}

 #navigation {
  padding-left: 0;
  padding-right: 0;
  padding-top:0px;
  padding-bottom:1px;
  background-color: #666;
  color:#fff;
  width:780px;
  border:0px solid #fff;
}


.top-nav {
 margin: 0 0 0 35px;
 padding: 3px 0 1px 0;
 float:left;
 border:0px solid #fff;
}

.top-nav img {
margin-bottom: -.15em;
}

.top-nav1 {
 margin: 0 0 0 6px;
 padding: 3px 0 1px 0;
 float:left;
 border:0px solid #fff;
}

.top-nav1 img {
margin-bottom: -.15em;
}

/* for search box - no padding */

.search {
 margin: 0 0 0 30px;
 padding: 1px 0 0 0;
 float:left;
 border:0px solid #fff;
 display:inline;
}

/* nav icons */

.icons1 {
 margin: 0 0 0 10px;
 padding: 2px 0 1px 0;
 float:left;
 border:0px solid #fff;
 display:inline;
}

.icons {
 margin: 0 0 0 35px;
 padding: 2px 0 1px 0;
 float:left;
 border:0px solid #fff;
 display:inline;
}

.icons1-small {
 margin: 0 0 0 10px;
 padding: 4px 0 1px 0;
 float: left;
 border:0px solid #fff;
 display: inline;
}

.icons-small {
 margin: 0 0 0 35px;
 padding: 4px 0 1px 0;
 float:left;
 border:0px solid #fff;
 display:inline;
}

.search-icon {
 margin: 0 0 0 3px;
 padding: 2px 0 1px 0;
 float:left;
 border:0px solid #fff;
 display:inline;
}

.search-box {
font-size: .8em; 
font-family: verdana, arial, sans-serif;
border: inset 1px;
width:120px;
}


/* fixed container for subnavigation lists to prevent wrapping as browser is resized  */

#subnavigation-links {
  position:static;
  margin: 5px 0 40px 0;
  padding-left:0;
  width:780px;
}


/* positioning boxes for sub-nav link lists */

#sub-nav-links1 {
 margin: 0 0 0 0;
 padding:0 0 0 0;
 float:left;
 border:0px solid #000;
 width:170px;
}


#sub-nav-links2 {
 margin: 0 0 0 0;
 padding:0 0 0 0;
 float:left;
 border:0px solid #000;
 width:192px;
} 


#sub-nav-links3 {
 margin: 0 0 0 0;
 padding:0 0 0 0;
 float:left;
 border:0px solid #000;
 width:165px;
} 

#sub-nav-links4 {
 margin: 0 0 0 0;
 padding:0 0 0 0;
 float:left;
 border:0px solid #000;
 width:205px;
}


#left-menu {
 float:left;
 margin-left:0;
 width: 165px;
 border:0px solid #000;
 padding:0;
}

/*
.logo {
 margin:5px 0 0 10px;
 }*/


#content {
 margin-left:170px;
 border:0px solid #000;
 width:560px; 
}

#content-noleft {
 margin-left:170px;
 border:0px solid #000;
 width:560px; 
}

#content-full {
 margin-left:10px;
 border:0px solid #000;
 width:760px; 
}

#content-holder {
 margin:0 0 0 0;
 padding:0 0 1em 0;
 border-top:0px solid #666;
 width:775px;
}

/* style for content on homepage style 4th template subsite */
#content-subsite {
 margin-left:10px;
 border:0px solid #000;
 width:760px;
}

#section-title {
 position:absolute;
 top:6px;
 left:170px;
 margin:0;
 padding:0;
 text-align:left;
 font-family: Arial, Sans-Serif; 
 font-weight: normal;
 font-size: 1.5em;
 color: #fff;
 background-color: transparent;
}

#section-title-divisional {
 position:absolute;
 top:4px;
 left:170px;
 margin:0;
 padding:0;
 text-align:left;
 font-family: Arial, Sans-Serif; 
 font-weight: normal;
 font-size: 1.5em;
 color: #fff;
 background-color: transparent;
}

#content img {
float:right;
margin:0 .5em .5em .5em;
}

#content img.image_left 
{
  float: left;
}

#content hr {
 color: #808080;
 background-color: #808080;
 height: 1px;
 border: none;
 padding: 0;
 margin: .5em 0;
}

#content-noleft hr {
 color: #808080;
 background-color: #808080;
 height: 1px;
 border: none;
 padding: 0;
 margin: .5em 0;
}

#content-full img {
margin:0 .5em .5em .5em;
}

#content-noleft img {
float:right;
margin:0 .5em .5em .5em;
}

/* style for images on homepage style 4th template subsite */
#content-subsite img {
float:right;
margin:0em .5em .5em .5em;
}

.left {
 float:left;
 margin:0 .5em .5em 0;
}

.right {
 float:right;
 margin:0 .5em .5em .5em;
}


#footer {
 margin:2em 0 0 0;
 padding:0 0 0 0;
 border-top:1px solid #ccc;
}