/* STRUCTURE
--------------------------------------------------------------*/

/* BASE LAYOUT 
--------------------------------------------------------------*/
#outer-wrap {
    background-color: #fff;
	margin: 0 auto;
	min-width: 650px; 
	max-width: 1280px;
	padding: 12px 15px;
	}

.inner-wrap-one, .inner-wrap-two {width: 100%;}
.inner-wrap-one, #side-wrap-two {float: right;}
.inner-wrap-two, #side-wrap-one {float: left;}


.content {margin: 0;}
#side-wrap-one, #side-wrap-two {width: 220px;}

/* SIDE WRAP LEFT (2 columns - narrow left, wide right)
--------------------------------------------------------------*/
.side-wrap-left .inner-wrap-one {margin-left: -240px;}
.side-wrap-left .content {margin-left: 240px;}

/* SIDE WRAP RIGHT (2 columns wide left, narrow right)
--------------------------------------------------------------*/
.side-wrap-right .inner-wrap-two {margin-right: -240px;}
.side-wrap-right .content {margin-right: 240px;}

/* SIDE WRAPS PAGE - (3 columns - standard layout)
--------------------------------------------------------------*/
.side-wraps .inner-wrap-one {margin-left: -240px;}
.side-wraps .inner-wrap-two {margin-right: -240px;}

.side-wraps .content {
	margin-left: 240px; 
	margin-right: 240px;
}

#side-wrap-two {
background-color: #f4f4f4;
}

/* SO may not be required 
.tabs-wrap {
border: 1px solid black;
border-top: none;
border-left: none;
border-right: none;
margin-bottom: 10px;
}
*/
/* HEADER
--------------------------------------------------------------*/
/* .header {margin-bottom: 10px;} */
.header .inner-wrap-one {margin-left: -240px;}
.header .inner-wrap-two {margin-right: -240px;}
.header .content {
	margin-left: 240px; 
	margin-right: 240px;
	}


.search {
float: right;
clear : right;
margin-bottom: 10px;
}	
.header .box-two {text-align: center;}	
	
/* LOGO */
#logo {float: left;}

.home h1 {
	float: left; 
	margin: 0; 
	width: 240px;
	}
		
.home #logo {float: none;}

/* SITE WIDE SERVICES */
.site-wide-services {
    margin-top: 25px;
	margin-bottom: 25px;
	padding: 1px 0;
	position: relative;
	}
		
.site-wide-services ul {
	display: inline-block;
	margin: 5px 15px 0 0;
	}
	
.site-wide-services li {
	padding-left: 0; 
	display: inline;
	background: none;
	}

.search-form {
	display:inline-block; 
	width: 260px;
	}

	
.no-box .site-wide-services {margin-bottom: 5px;}	

.right-box .site-wide-services {
        position: relative;
     	float: right;
	clear : right;
	margin-bottom: 10px;
}	



/* FEATURED AREA */
#featured-area {
	position: relative;
	float: right;
	width: 220px;
	}

#featured-area a {
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	padding: 3px;
	}

/* TOP Hortixzontal Links */
#top-hl {
	position: relative;
	float: right;
	width: auto;
	}

/*
#top-hl a {
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	padding: 3px;
	}
*/


/* A TO Z */
.atoz {margin: 20px 0 0 0;}

.atoz li {
	display: inline;
	padding-left: 0;
	background: none;
	margin-right: 0;
	}
	
/* BREADCRUMB 
--------------------------------------------------------------*/
.box .breadcrumbs {
	margin: 10px ;
	padding: 0;
	}
	
.box .breadcrumbs ol {margin: 0; padding: 0;}	

.box .breadcrumbs li {
	display: inline;
	list-style-type: none;
	padding: 0; 
	margin: 0 5px 0 0;	
	}

.breadcrumbs a, .breadcrumbs a:link {font-weight: normal; white-space:nowrap;}	

.intranet-title {
text-align: left;
padding-top:100px;
font-size: 22pt;
color: #da291c;

}
.intranet-welcome {
text-align: left;
font-size: 22pt;
}

/* BOXES 
--------------------------------------------------------------*/
.tab-1 {
border-width: 2px; 
border-style: solid;
text-align: center;
margin: 0 0 15px 0;
border-top:  10px solid white;
border-bottom: 1px solid black;
border-left: none;
border-right: none;
}
.tab-2 {
padding: 0;
border-width: 2px; 
border-style: solid;
margin: 0 0 15px 0;
text-align: center;
border-top: 10px solid #7D658A;
border-bottom: 1px solid black;
border-left: 1px solid black;
border-right: 1px solid black;
}
.tab-3 {
border-width: 2px; 
border-style: solid;
margin: 0 0 15px 0;
text-align: center;
border-top: 10px solid #547730;
border-bottom: 1px solid black;
border-left: none;
border-right: 1px solid black;
}
.tab-4 {
border-width: 2px; 
border-style: solid;
margin: 0 0 15px 0;
text-align: center;
border-top: 10px solid #F2AA29;
border-bottom: 1px solid black;
border-left: none;
border-right: 1px solid black;
}
.tab-5 {
border-width: 2px; 
border-style: solid;
margin: 0 0 15px 0;
text-align: center;
border-top: 10px solid #512455;
border-bottom: 1px solid black;
border-left: none;
border-right: 1px solid black;
}
.tab-6 {
border-width: 2px; 
border-style: solid;
margin: 0 0 15px 10;
text-align: center;
border-top:  10px solid white;
border-bottom: 1px solid black;
border-left: none;
border-right: none;
}

.tab-7 {
border-width: 2px; 
border-style: solid;
margin: 0 0 15px 10;
text-align: center;
border-top: 10px solid #AABA08;
border-bottom: 1px solid black;
border-left: 1px solid black;
border-right: 1px solid black;
}

.tab-title {
background-repeat: repeat-x;
background-position: 0 100%;
margin: 0;
padding: 0;
line-height: 1.5em;
font-size: 1.3em;
}

.tab .tab-title h2 {	
padding: 0;
margin:0;
}
.box {
	border-width: 0px; 
	border-style: solid;
	text-align: left;
	margin: 0 0 15px 0;
	}
		
.box .box-title,.box .AddToMyLinks {
	background-repeat: repeat-x;
	background-position: 0 100%;
	margin: 0;
	padding: 5px 10px;
	font-size: 1.3em;
	}	

.box .box-button {
     	background-repeat: repeat-x;
	background-position: 0 100%;
	margin: 0;
        margin-bottom: 20px;
	padding: 5px 10px;
	font-size: 1.3em;
        line-height: 3em;
	}

.box-button .icon {	
	padding-top: 0; 
	padding-bottom: 0;
}	

	
.box-title .icon {
	padding-top: 0; 
	padding-bottom: 0;
	}	
			
.box h1, .box h2, .box h3, .box h4, .box h5, .box h6, .box p, 
.box ul, .box hr, .box dl, .box blockquote, .box .box, .box .alert, .box .table-wrap, .column-layout, .column-layout-noborder {
	margin-left: 10px;
	margin-right: 10px;
	}	
				
.box ol {
	margin-left: 30px; 
	margin-right: 30px;
	}
	
.box ul ul, .box ol ol {
	margin-right: 0;
	}	

	
/*	
.feedbackbox {
	border-width: 1px; 
	border-style: solid;
	border-color:#b3b1b1;
	text-align: left;
	margin: 0 0 15px 0;
	}	
	
 Feedback box ****/	

.feedbackbox {
	border-width: 1px; 
	border-color: #b3b1b1;
	border-style: solid;
	background-color: #fff;
	text-align: left;
	margin: 0 0 15px 0;
	}	

	
/* BOX STYLES */
.box-three {
	border-width: 0px;
	}
	
.box-three .box-title, .box-three .AddToMyLinks {
	border-width: 0 0 0px 0;
	border-style: solid;
	}	

		
.box-three .inner-box {
	border-width: 1px 0 0 0;
	}	

.box-three fieldset {
	margin-left: 0; 
	margin-right: 0;
	}

.box-four {
	border: none;
	}

.box-four .inner-box {
	border-style: solid;
	border-width: 1px;
	}
/*	
.box-four .box-title {
	border-style: solid;
	border-width: 1px;
	}	
*/	
.box-four .box-title a, .box-four .box-title a:link {color: #000;}	
	
/* CORNERS
--------------------------------------------------------------*/
/*
.corners {
	-moz-border-radius:10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	}	
	
.corners-top, .corners-accordion {
	-moz-border-radius-topleft: 10px;
	-moz-border-radius-topright: 10px;
	-webkit-border-top-left-radius: 10px;
	-webkit-border-top-right-radius: 10px;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;		
	}	
	
.corners-top-left, .js .accordion img {
	-moz-border-radius-topleft: 10px;
	-webkit-border-top-left-radius: 10px;
	border-top-left-radius: 10px;
	}	
	
.corners-top-right {
	-moz-border-radius-topright: 10px;
	-webkit-border-top-right-radius: 10px;
	border-top-right-radius: 10px;
	}	
	
.corners, .corners-top, .corners-accordion, .corners-top-left, .corners-top-right, .button, .search-form {position: relative;}

*/

/* CORNERS FOR IE */
.ne, .se, .nw, .sw {
	position: absolute;
	background-repeat: no-repeat;
	font-size: 1px;
	height: 10px;
	width: 10px;
	margin: 0;
	overflow: hidden;
	padding: 0;
	z-index: 2;
}

.ne {right: 0;top: 0; margin-top: 0; margin-right: 0; background-position: -10px 0;}
.nw {left: 0;top: 0; margin-top: 0; margin-left: 0; background-position: 0 0;}
.se {right:0; bottom: 0; margin-bottom: 0; margin-right: 0; background-position: 100% -10px;}
.sw {left: 0; bottom: 0; margin-bottom: 0; margin-left: 0; background-position: 0 -10px;}
		
.box .ne, .box .nw {top: -1px;}	
.box .ne {right: -1px;}
.box .nw {left: -1px;}
.box .sw, .box .se, 
.box-three .box-title .ne, .box-three .box-title .nw,
.search-form .form-item .nw, .search-form .form-item .ne, .search-form .form-item .se, .search-form .form-item .sw {display: none;}

.box-two .ne, .box-one .se, .box-one .ne {right: -2px;}
.box-two .nw, .box-one .sw, .box-one .nw {left: -2px;}
.box-two .ne, .box-two .nw, .box-one .ne, .box-one .nw {top: -2px;}
.box-one .se, .box-one .sw {bottom:-2px; display: block;}

.button .sw, .button .se {display: block;}
.button .ne, .button .nw {top: 0;}
.button .se, .button .sw {bottom: 0;}
.button .se, .button .ne {right: 5px;}
.button .sw, .button .nw {left: 0;}
.button {float: left;}

.search-form .ne, .search-form .nw, 
.search-form .se, .search-form .sw {height: 14px; width: 14px;}

.search-form .ne, .search-form .nw {top: 0;}
.search-form .ne {background-position: -14px 0;}
.search-form .se {background-position: -14px -14px;}
.search-form .sw {background-position: 0 -14px;}

.accordion .nw, .accordion .ne {top: -1px;}
.accordion .nw {left: -1px;}
.accordion .ne {right: -1px;}
.accordion .corners-top-right .nw {display: none;}
	 
/* NAVIGATION
--------------------------------------------------------------*/
.nav ul {
	padding: 0; 
	margin: 0px 0px 10px 0px;
	}
		
.nav li {
	padding: 0; 
	margin: 0;
	background: none;
	}
	
.nav a, .nav a:link {font-weight: normal;}	
	
.nav a, .nav strong {
    padding: 5px 10px 7px 20px;
/*	border-top-width: 1px; */
	border-style: solid;
	display: block;
	background-position: 5px 50%;
	background-repeat: no-repeat;
	}
		
/* LEVEL 2 */
.nav ul ul {
	margin-top: 0;
	margin-bottom: 0;
	}
		
.nav-current a, .nav-current strong {
	padding-left: 35px;
	background-position: 20px 50%;
	}	
	
.nav-current ul a, .nav-current ul strong	{
	padding-left: 50px;
	background-position: 35px 50%;
	}

/* HOMEPAGE NAV */
.nav-expanded .nav ul ul {
	margin: -7px 10px 10px 20px;
	}	
	
.nav-expanded .nav ul ul li {
	display:inline; 
	}	
	
.nav-expanded .nav ul ul li a {
	display: inline; 
	background: none;
	font-weight: normal;
	}

.nav-expanded .nav ul a, .nav-expanded .nav ul a:link {font-weight: bold;}
.nav-expanded .nav ul ul a, .nav-expanded .nav ul ul a:link {font-weight: normal;}

.nav-expanded .nav ul ul a, .nav-expanded .nav ul ul strong {
	padding:0;
	border: none;
	}
	
.nav ul ul ul ul ul a, .nav ul ul ul ul ul strong {background-position: 50px 50%; padding-left: 65px;}	

/* FOOTER
--------------------------------------------------------------*/
.footer {
	clear: both;
	margin: 0; 
	padding: 0.5em 0;
	position: relative;
	text-align: center;
	}
	
.footer h2 {font-size: 1.3em;}	
	
.footer li {
	padding-left: 0; 
	white-space: nowrap;
	background: none;
	}

.footer li, .contact-address, .contact-details {display: inline;}

.contact-address, .contact-details, .site-details, .logos {margin-left: 0;}

.site-details a:link {color:#676565;}
.site-details li a:visited {color:#676565;}

.logos li {
	padding-left: 0; 
	margin-right: 60px;/* adjust the margin-right value if you need to add more logos to the footer */
	}
	
.logos a {
	border-bottom-width: 5px;
	border-style: solid;
	display: inline-block;
	}	
	
.logos img {
   margin-top: 125px;
   margin-left:25%;
}
   

/* STRAIGHT TO LIST */
.quick-links li, .quick-links li a {font-weight: bold;}
.quick-links a, .quick-links ul li, .quick-links ul li a {font-weight: normal;}

.quick-links ul {margin-left: 0;}
.quick-links ul, .quick-links li {
	display: inline;
	white-space: normal;
	}

/* ICONS 
--------------------------------------------------------------*/
.icon {
    background-repeat: no-repeat;
    background-position: 0 50%; 
    margin: 0 5px 0 0; 
	padding: 3px 0 3px 0;
    min-height: 27px;
	}
	
.icon-only {
	text-indent: -999em;
	padding: 0;
	width: 32px;
	height: 32px;
	overflow: hidden;
	font-size: 0;
	line-height: 0;
	display: block;
	border-bottom-width: 5px;
	border-style: solid;	
	}	
		
.icon-small {
	padding-left: 20px;
	}	

.icon-large {
	padding-left: 35px;
	display: inline-block;
	}

/* LIST STYLES
--------------------------------------------------------------*/

/* LISTS WITH BULLET POINTS */
.plain-list {
	margin-left: 0;
	margin-bottom: 0;
	}
	
.plain-list li {
	background: none;
	padding-left: 0;
	}
	
/* TOP HORIZONTAL LISTS - used top horizontal links in Header */

.headerlinks {align:right;}


.top-horizontal-list {
  margin: 35px 0px 1.5em;
  
}

.top-horizontal-list a:link {color:#000 !important;}

.top-horizontal-list ul, .top-horizontal-list li, .top-horizontal-list span {display: inline;}

.top-horizontal-list li, .box .top-horizontal-list li {
	/*font-weight: bold;*/ 
	background: none;
	/*padding-left: 0;*/
        padding:0em;
	margin-right: 5px;
	text-align:center;
	}
	
.top-horizontal-list ul {
	margin-right: auto;
	}	
		
.top-horizontal-list ul li {font-weight: normal;}

.top-horizontal-list span {margin: 1em;}


.top-horizontal-list-alert {
  margin: 5px 0px 1.5em;
  
}

.top-horizontal-list-alert ul, .top-horizontal-list-alert li, .top-horizontal-list-alert span {display: inline;}

.top-horizontal-list-alert li, .box .top-horizontal-list-alert li {
	font-weight: bold; 
	background: none;
	/*padding-left: 0;*/
        padding:0em;
	margin-right: 5px;
	text-align:center;
	}
	
.top-horizontal-list-alert ul {
	margin-right: auto;
	}	
		
.top-horizontal-list-alert ul li {font-weight: normal;}

.top-horizontal-list-alert span {margin: 1em;}


	
/* HORIZONTAL LISTS - used for translate and bookmark list of links */
.horizontal-list {margin: 0 0 5px 0;}

.horizontal-list ul, .horizontal-list li, .horizontal-list span {display: inline;}

.horizontal-list li, .box .horizontal-list li {
	font-weight: bold; 
	background: none;
	padding-left: 0;
	margin-right: 5px;
	}
	
.horizontal-list ul {
	margin: 0;
	}	
		
.horizontal-list ul li {font-weight: normal;}
.horizontal-list span {margin: 0 5px 0 0;}
.bookmarks-list span {padding: 7px 0 3px 0;}




/* SOCIAL MEDIA
--------------------------------------------------------------*/	
.social-media li {
	float: left;
	padding-top: 5px;
	padding-right: 15px;
	}
	
.social-media .rss-help {
	margin-left: 5px; 
	padding-left: 0;
	}

.social-media .img-float img {
    float:left;
}
/* ALERT MESSAGE
--------------------------------------------------------------*/
.alert {margin: 5px 0;}

.alert, .inner-alert {
	border-style: solid;
	border-width: 1px 0;
	}

/* ACCORDION
--------------------------------------------------------------*/

.accordion {
	 border-width: 1px; 
	min-height: 204px;
	}
	
.accordion img {margin: 0 0 20px 15px;}	
		
.accordion-panel {
	margin-left: 5px;
	margin-right: 5px;
	}	
	
.accordion-header {
	border-style: solid;
	 border-width: 1px 0 0 0; 
	margin-top: 0;
	margin-bottom: 0;
	}
	
.accordion-header a {
	display: block;
	padding: 5px 15px;
	}	
	
.box .accordion-header {
	margin-left: 0;
	margin-right: 0;
	}	
		
.accordion a:link {color:#000}

.accordion a:visited {color:#676565 }
 	
.accordion-header-1, .js .accordion-header-1 {border: 1px;}

/* ACCORDION JAVASCRIPT STYLES */

.js .accordion {
	background-repeat: repeat-y;
	background-position: 215px 0;	
	position: relative;
	background-color:#f4f4f4;
	}
	
.js .accordion-header {margin-left: 216px;}	
	
.js .accordion-panel {
	margin-right: 5px;
	padding-left:217px;
	overflow: hidden;
	}	
	
.js .accordion img {
	position: absolute;
	top: 0; 
	left: 0;
	display: block;
	margin: 0;
	}

/* PAGE SPECIFIC STYLING
--------------------------------------------------------------*/
/* LANDINGS PAGE */
#content .column-layout li {
    padding: 0;
    margin-left: 12px;
    list-style-type: square;
    color: #000;
    background: none; }
    
#content .column-layout .image-left,
#content .column-layout .icon-l-wob {margin-right: 20px; }


	
/**** imports from old styles ****/
/* Classes added to show and hide and to indicate active state */

.pde_hide{display:none;}

.pde_show{display:block;}

.pde_parent {background:url(plus.gif) 0 0 no-repeat transparent;}

.pde_active {background:url(minus.gif) 0 0 no-repeat transparent;}

.small {font-weight: bold; font-size: 90%; color: #666;}
    
.top {padding-right: 5px; padding-left: 5px; float: right; position: relative;}


#content .photo {
    float: left;
    margin: 10px 10px 10px 5px;
    width: 125px;
    position: relative;
    text-align: center;
    }
    
#content .photo img {
    border-right: #069 1px solid;
    border-top: #069 1px solid;
    border-left: #069 1px solid;
    border-bottom: #069 1px solid;
    }
    
#content .photo p {
    padding-right: 0px;
    padding-left: 0px;
    font-weight: bold;
    padding-bottom: 0px;
    margin: 0px;
    padding-top: 0px;
    }


#content .icon-r {
    float: right;
    margin: 0px 5px 10px 10px;
    border: 1px #39c solid;
    }
    
#content .icon-r-wob {
    float: right;
    margin: 0px 5px 10px 10px;
    border: 0;
    }
    
#content .icon-l {
    float: left;
    margin: 0px 10px 10px 0px;
    border: 1px #39c solid;
    }
    
#content .icon-l-wob {
    float: left;
    margin: 0px 10px 10px 0px;
    border: 0;
    }

    
#content .video-r {
    display:inline;
    float: right;
	margin: 0px 10px 10px 10px;
	clear: right;
	}
	
#content .video-l {
    display:inline;
    float: left;
	margin: 0px 10px 10px 10px;
	clear: right;
	}
		
#content .councillor-photo {
    float: left;
    margin: 10px 0px;
    width: 120px;
    position: relative;
    text-align: center;
    }
    
#content .councillor-photo img {
    border-right: #069 1px solid;
    border-top: #069 1px solid;
    border-left: #069 1px solid;
    border-bottom: #069 1px solid
    }
    
#content .councillor-photo p {margin: 0; padding: 0}

.countdown-heading {
    font-size:1.3em;
    color: #000;
    font-weight: bold;
    }

.smalltext {
  font-size:1em;
  margin:5px 0pt 0px;
  padding:0pt;
}


#pagerlist li
{	
	list-style-type: none;
	display: inline;	
	padding-left: 5px; 
	background: none; 
}

#doitonline li
{	
	list-style-type: none;
	font-weight: bold;
	display: inline;	
	padding-left: 5px; 
	background: none; 
}
#doitonline_bottom li
{	
	list-style-type: none;
	font-weight: bold;
	display: inline;	
	padding-left: 5px; 
	background: none; 
}
#pagerlist_top li
{	
	list-style-type: none;
	display: inline;	
	padding-left: 5px; 
	background: none; 
}

#pagerlist_bottom li
{	
	list-style-type: none;
	display: inline;	
	padding-left: 5px; 
	background: none; 
}		
	
	
	
/* Mod Gov Styles */

 .mgThumbsList {
    height: 1%;
    margin: 10px 0 0;
    padding: 0;
	width: 540px;
}
 
 .mgThumbsList UL {
    border-color: -moz-use-text-color;
    border-right: medium none;
    border-style: none;
    border-width: medium;
    list-style-type: none;
    margin: 0;
    padding: 0;
    text-align: center;
}
 .mgThumbsList UL LI {
    background: none repeat scroll 0 0 transparent;
    display: block;
    float: left;
    height: 250px;
    margin: 0;
    padding: 0;
    text-align: center;
    width: 180px;
}
 .mgThumbsList UL LI P {
    margin: 0;
}
 .mgThumbsList UL LI A {
    background-image: none;
    background-repeat: repeat;
    border-bottom: medium none;
    display: block;
    font-variant: normal;
    line-height: 18px;
    margin: 0 0 10px;
    padding: 0;
    text-align: center;
}
 .mgThumbsList UL LI A:hover {
    background-image: none;
    background-repeat: repeat;
}
 .mgThumbsList A:active {
    background-image: none;
    background-repeat: repeat;
}
 .mgThumbsList LI#active A {
    background-image: none;
    background-repeat: repeat;
    color: #FFFFFF;
}

.mgCouncillorImages {
    border-color: -moz-use-text-color;
    border-right: 0 none;
    border-style: none;
    border-width: 0;
    padding-top: 10px;
}

.homepagelabelbox {
    border-width: 2px;
    border-style: solid;
    text-align: center;
    margin: 0px 0px 15px 0px;
	color:white;	
}

.homepagelabelbox-col1 {
  background-color:#0072a3;
}
.homepagelabelbox-col2 {
  background-color:#bf3b67;
}
.homepagelabelbox-col3 {
  background-color:#4a7513;	
}


.homepagelabelbox h2 a, .homepagelabelbox h2 a:link {color:#fff;}
.homepagelabelbox-col1 h2 a:hover {color:white; background-color: #0072a3;}
.homepagelabelbox-col2 h2 a:hover {color:white; background-color: #bf3b67;}
.homepagelabelbox-col3 h2 a:hover {color:white; background-color: #4a7513;}



.site-alert {
    border-width: 2px; 
	border-color: #4c721d;
	border-style: solid;
	background-color: #eef2e8;
	text-align: center;
	
}

.site-alert .top-horizontal-list ul {
 margin: 5px 0px 1.5em;
 }
 
.list-sep-footer { color: #da291c; padding-left: 50px; padding-right: 50px;}