@import url("reset.css");

body {
margin:0;
font-size:62.5%;
font-family:arial, verdana, sans-serif;
background:#00457c;
}

#wrapper {
width: 940px; /*Width of main container*/
margin: 0 auto; /*Center container on page*/
text-align:center;
border-top:1px solid #FFFFFF;
}

#contentWrapper {
float: left;
width: 925px;
/*Padding is left off the right of this container 
and instead is included on the right of inner elements*/
padding:15px 0 15px 15px;
background:#FFFFFF;
text-align:left;
line-height:1.2;
display:inline;
border-top: 1px solid #93c2d8;
}

/*--------------------------------------------
		HEADER:
---------------------------------------------*/
#header {
float:left;
width:940px;
background: #ffffff url(/images/header.jpg) no-repeat;
text-align:left;
position:relative;
}

#flashBannerContent
{
clear:right;
float:right;
margin-right:30px;
margin-top:30px;
}


img.logo {
position:relative;
margin:10px 0 20px 20px;
float:left;
}

/*--------------------------------------------
		HEADER: Toplinks
---------------------------------------------*/

ul#topLinks {
position:relative;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
font-size:1.2em;
float:right;
padding:0;
margin:15px 0 0 0;
}

ul#topLinks li {
display: inline;
margin: 0 20px 0 0;
float: left;
font-size:1em;
line-height:20px;
}

ul#topLinks li.read {
background: url(/images/sound.png) no-repeat scroll right center;
display:block;
padding-right:30px;
}

ul#topLinks li.first { padding: 0 0.5em 0 0; }

ul#topLinks li a {
color:#2c4c68;
text-decoration:none;
font-weight:bold;
}

ul#topLinks li a:hover {
color:#299fd4;
text-decoration:none;
}

/*--------------------------------------------
		HEADER: Search Container
---------------------------------------------*/

.searchContainer {
margin:15px 15px 0 0;
float:right;
display:inline;
}

.searchContainer label {
font-size:1.1em;
font-weight:bold;
color:#2c4c68;
float:left;
line-height: 20px;
margin:0 9px 0 0;
padding:0;
}

.searchContainer .searchBox {
background-repeat:no-repeat;
background-color:transparent;
height:19px;
width:140px;
padding:0;
margin:0;
float:left;
}

.searchContainer .searchBox input {
background-image:url(/images/searcharea.gif);
background-color:transparent;
border:none;
color:#999999;
font-size:1em;
width:128px;
padding:2px 5px 2px 5px;
margin:0;
}

.searchContainer .searchSubmit {
float:left;
margin:0 0 0 0.3em;
}

/*--------------------------------------------
		HEADER: Navigation
---------------------------------------------*/

#mainMenu {
float:left;
width:910px;
padding:0 15px 0 15px;
border-bottom:solid 10px #aae0f9;
line-height:normal;
background:url(/images/main-nav-shadow.png) no-repeat bottom left;
}

#mainMenu ul {
float:left;
list-style-type:none;
display:table-row;
}

#mainMenu li {
float:left;
position:relative;
color:#ffffff;
font-size:1.1em;
font-weight:normal;
}

#mainMenu li a {
float:left;
display:inline;
padding:0 0 0 20px;
text-decoration:none;
cursor:pointer;
background:transparent url(/images/tab-left.png) no-repeat scroll left top;
font-weight: bold;
min-width:105px;
}

#mainMenu li a.last {
float:left;
margin:0;
padding:0 0 0 20px;
text-decoration:none;
cursor:pointer;
}

#mainMenu ul li a.current, #mainMenu ul li a.current:hover{ 
background:transparent url(/images/tab-left.png) no-repeat scroll left top; background-position:0 -128px;  }
#mainMenu li a:hover { background:transparent url(/images/tab-left-hover.png) no-repeat scroll left top;  }

#mainMenu ul li a.current strong {color:#2c4c68;}

#mainMenu li a strong {
color:#ffffff;
display:block;
padding:8px 22px 7px 0;
text-align:center;
background:transparent url(/images/tab-right.png) no-repeat scroll right top;
}
#mainMenu li a.last strong {padding:7px 20px 7px 0;}

#mainMenu ul li a.current strong, #mainMenu ul li a.current:hover strong { background:transparent url(/images/tab-right.png) no-repeat scroll right -128px;}
#mainMenu li a:hover strong{ background:transparent url(/images/tab-right-hover.png) no-repeat scroll right top; }

/*--------------------------------------------
		SIDE NAVIGATION
---------------------------------------------*/

ul.second-nav {
	float: left;
	list-style-type: none;
}
ul.second-nav li {
	color: #2c4c68;
	background: url(/images/second-nav.gif) no-repeat top left;
	font-weight: bold;
	text-decoration: none;
	font-size:1.1em;
	border-top:1px solid #ffffff;
}

ul.second-nav li a{
display: block;
	width:140px;
	padding:8px 10px 10px 30px;
	text-decoration:none;
	color: #2c4c68;}

ul.second-nav li a:hover {
	background: url(/images/second-nav.gif) no-repeat top right;
	color: #FFFFFF;
	text-decoration:none;
}

ul.second-nav li.last a{
	background: url(/images/second-nav.gif) no-repeat top left ;
}

ul.second-nav li.last a:hover{
	background: url(/images/second-nav.gif) no-repeat top right ;
}



/*--------------------------------------------
		CONTENT: Main styles
---------------------------------------------*/


.content {width:470px; float:left; margin: 0 15px 0 0; display:inline;}

.content p {padding: 0 0 15px 0; font-size:1.2em;}

.content p em {padding: 0 0 15px 0; font-size:1.2em;color:#0f467b; font-style:normal; font-weight:bold;}

.content a {color:#0f467b;}
.content a:hover {color:#f58428;}


.content h1 {padding:0 0 0.5em 0; font-size:2.4em; color:#2c4b67;} 

.content p.breadcrumb {border-top:1px solid #2C4C68; border-bottom:1px solid #2C4C68; padding-top:5px; padding-bottom:5px; margin-bottom:15px;}

table {font-size:1.2em;}


/*--------------------------------------------
		CONTENT: SECTION CONTAINERS
---------------------------------------------*/

.smallCol {float:left; width:195px; display:inline}
.mediumCol {float:left; width:245px; display:inline}
.content .mediumCol {float:left; width:230px; display:inline}
.largeCol {float:left; width:435px; display:inline}

.smallCol .sectionBox, .mediumCol .sectionBox, .largeCol .sectionBox, .content .sectionBox {
position:relative;
z-index:10;
float:left;
margin:0 0px 15px 0;
background-color:#dcddde;
display:inline;
}

.smallCol .sectionBox {width:180px;}
.mediumCol .sectionBox {width:230px;}
.content .smallCol .sectionBox {width:180px;}
.content .mediumCol .sectionBox {width:230px;}
.largeCol .sectionBox {width:420px;}
.content .sectionBox {width:470px;}

.smallCol .sectionBox h2, .mediumCol .sectionBox h2, .largeCol .sectionBox h2, .content .sectionBox h2, .content .smallCol .sectionBox h2, .content .mediumCol .sectionBox h2    {
text-transform:uppercase;
font-size:1.1em;
font-weight:bold;
color:#FFFFFF;
padding: 8px 15px 7px 15px;
float:left;
background-position:top left;
background-repeat:no-repeat;
width:200px;
position:relative;
z-index:60;
}

.smallCol .sectionBox h2, .content .smallCol .sectionBox h2 {width:150px; background-image: url(/images/corner-mask-top-small.png); }
.mediumCol .sectionBox h2, .content .mediumCol .sectionBox h2  {width:200px; background-image: url(/images/corner-mask-top-medium.png);}
.largeCol .sectionBox h2 {width:390px; background-image: url(/images/corner-mask-top-large.png);}
.content .sectionBox h2 {width:440px; background-image: url(/images/corner-mask-top-content.png);}/****ADDITIONAL MF****/


.sectionBox h2.decorative
{color:#2c4c68; text-transform:none; font-family:Trebuchet MS; font-size:2.5em; padding:0 0 15px 0; margin:0; background:none; line-height:1; }

.smallCol .sectionBox .sectionBoxBottom, 
.mediumCol .sectionBox .sectionBoxBottom, 
.largeCol .sectionBox .sectionBoxBottom,
.content .sectionBox .sectionBoxBottom/****ADDITIONAL MF****/
 {
position:absolute;
bottom:0px;
left:0px;
z-index:25;
height:15px;
clear:both;
}

.smallCol .sectionBox .sectionBoxBottom, .content .smallCol .sectionBox .sectionBoxBottom  {width:180px; background: url(/images/corner-mask-bottom-small.png) no-repeat bottom left;}
.mediumCol .sectionBox .sectionBoxBottom, .content .mediumCol .sectionBox .sectionBoxBottom  {width:230px; background: url(/images/corner-mask-bottom-medium.png) no-repeat bottom left;}

.largeCol .sectionBox .sectionBoxBottom {width:420px; background: url(/images/corner-mask-bottom-large.png) no-repeat bottom left; position:absolute; bottom:0px; z-index:100;}
.content .sectionBox .sectionBoxBottom {width:470px; background: url(/images/corner-mask-bottom-content.png) no-repeat bottom left; position:absolute; bottom:0px; z-index:100;}/****ADDITIONAL MF****/

.sectionBox .expandingSectionBoxBottom 
{
background: url(/images/corner-mask-bottom-large.png) no-repeat bottom left;
float:left;
z-index:25;
width:390px;
padding:8px 15px 7px 15px;
}

.sectionBox .expandingSectionBoxBottom a {color:#ffffff; float:right; text-decoration:none; font-size:1.2em; font-weight:bold;}

.sectionBox img {position:relative; float:right; display:block;}

.half {
position:relative;
z-index:10;
width:110px;
float:left;
padding: 10px 0 0 15px;
margin:0;
}

.full {
position:relative;
z-index:10;
float:left;
padding: 10px 15px 5px 15px;
margin:0;
}

.smallCol .full, .content .smallCol .full  {width:150px}
.mediumCol .full, .content .mediumCol .full  {width:200px}
.largeCol .full {width:390px}
.content .full {width:390px}



.sectionBox p {
font-size:1.1em;
padding-bottom:15px;
margin:0;
}

.sectionBox p#crimestopperWidget {
padding-bottom:0px;
}

.sectionBox h3
 {
font-size:1.1em;
font-weight:bold;
color:#000000;
padding-bottom:0.5em;
}

.sectionBox a {
text-decoration: none;
color:#213e99;
}

.content .sectionBox a {
text-decoration: none;
color:#213e99;
}

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

.sectionBox .ticker {background:#bfcaec; float:left; padding:0 25px 0 15px; width:380px; border-bottom:1px solid #a7b8ec; border-top: 1px solid #d6dbec;}
.sectionBox .ticker p {padding:4px 0 4px 0;}


/*--------------------------------------------
		CONTENT: Content List
---------------------------------------------*/

.content ul 
{
    font-size:1.2em;
    margin-bottom:2em;
}
             
.content ul li 
{
    padding:8px 10px 0px 30px;
    background: url(/images/bulletpoint.png) no-repeat 8px 10px ;
    display: block;
}


ul.content-list {
    font-size:1em;
	float: left;
	list-style-type: none;
	border:none;
	margin-bottom:0px;
}

ul.content-list li {
	display: block;
	width:430px;
	padding:8px 10px 0px 30px;
background: #FFFFFF url(/images/bulletpoint.png) no-repeat 8px 10px ;
float:left;	
border-top:1px solid #2c4c68;
}

ul.content-list li h3 {color: #2c4c68;font-weight:bold; font-size:1.2em;}
ul.content-list li p {color: #000000; font-weight:normal;font-size:1.1em;}
ul.content-list li a {color: #2c4c68; text-decoration:none;}
ul.content-list li a:hover { color: #2c4c68; text-decoration:underline;}

ul.content-list li:hover {
	color: #FFFFFF;
	text-decoration:none;
	background: #c49db9 url(/images/bulletpoint.png) no-repeat 8px 10px;
}

ul.content-list li.last {
border-bottom:1px solid #2c4c68;
}


/*--------------------------------------------
		CONTENT: Staff Table
---------------------------------------------*/
table.staff {border-top:1px solid #009077;  border-bottom:2px solid #009077; text-align:left; vertical-align: top; margin-bottom:10px; margin-top:10px; float:left; width:440px;}
table.staff img {display:inline; position:static; float:none; padding-right:10px;}
table.staff div.neighbourhoodImageContainer
{
    float:left;
    display:inline;
    width:69px;
    height:49px;
}
table.staff div.neighbourhoodContactContainer
{
    float:left;
    display:inline;
    width:140px;
}
table.staff tr td.staff-image {vertical-align:top; border:none;}
table.staff tr.staffRow {background: url(/images/staff-profile-border.gif) repeat-x 0 0;}
table.staff tr td.staff-data {padding:0; width:210px;}
table.staff tr td.staff-data p {padding:0;width:140px;}
table.staff tr td.staff-data p.highlight {color:#009077; }
table.staff tr td.staff-data strong {color:#009077; font-weight:bold; }

/*--------------------------------------------
		CONTENT: Content Slider
---------------------------------------------*/

.sliderwrapper {
position: relative; /*leave as is*/
overflow: hidden; /*leave as is*/
width: 420px; /*width of featured content slider*/
float:left;
clear:both;
}

.sliderwrapper img.contentdiv {
visibility: hidden; /*leave as is*/
position: absolute; /*leave as is*/
left: 0;  /*leave as is*/
top: 0;  /*leave as is*/
background: white;
width: 200px; /*width of content DIVs within slider. Total width should equal slider's inner width (390+5+5=400) */
height: 140px;
}

ul#paginate-slider li a:hover img.contentdiv,
ul#paginate-slider li a img.visible { visibility:visible; }

#slider {
width:420px;
margin:0;
padding:0;
}

ul#paginate-slider {
width:220px;
float:right;
margin:0;
padding:0;
}

ul#paginate-slider img { border:none; }

ul#paginate-slider li a {
width:220px;
/*padding:8px 10px 8px 10px;*/
border:none;
display:block;
text-decoration:none;
font-size:1.1em;
font-weight:bold;
background:#d5d5d6;
color:#213e99;
height: auto !important; /* for modern browsers */
height: 46px;           /* for IE5.x and IE6 */
min-height: 46px;       /* for modern browsers */
}
ul#paginate-slider li span 
{
    padding:8px 10px 8px 10px;
    margin:0px;
    display:block;
}

ul#paginate-slider li {
border-top: 1px solid #ffffff;
border-bottom: 1px solid #7d7d7d;
margin:0;
padding:0;
height: auto !important; /* for modern browsers */
height: 46px;           /* for IE5.x and IE6 */
min-height: 46px;       /* for modern browsers */

}

ul#paginate-slider li.top {
border-bottom: 1px solid #7d7d7d;
border-top:none;
}

ul#paginate-slider li.bottom {
border-top: 1px solid #ffffff;
border-bottom:none;
}

ul#paginate-slider li a.selected {
background:#828487 url(/images/tab-hover.gif) bottom left;
color:#ffffff;
}

ul#paginate-slider li a:hover {
background:#828487 url(/images/tab-hover.gif) repeat-x bottom left;
color:#ffffff;
}


/*--------------------------------------------
		CONTENT: Tab Slider
---------------------------------------------*/
#tabSlider {
width:420px;
min-height:220px;
height:auto !important;
height:220px;
margin:0;
padding:0;
background: #ffffff;
}

.tabSliderWrapper {
position: relative; /*leave as is*/
overflow: hidden;/*leave as is*/
width: 420px; /*width of featured content slider*/
float:left;
clear:both;
}

.tabSliderWrapper .tabcontent {
visibility: hidden; /*leave as is*/
position: absolute; /*leave as is*/
left: 0;  /*leave as is*/
top: 0;  /*leave as is*/
width: 420px; /*width of content DIVs within slider. Total width should equal slider's inner width (390+5+5=400) */
}

ul#paginate-tabSlider .tabcontent {width:420px; background:#79a1af; margin-top:28px; float:left;}

ul#paginate-tabSlider {
width:420px;
margin:0;
padding:0;
}

ul#paginate-tabSlider img { border:none;}

ul#paginate-tabSlider li {
float:left;
margin:0;
padding:0;
display:inline;
}

a.tabTitle, a:hover.tabTitle  {
padding:6px 15px 0 15px;
height:22px;
margin:0;
border:none;
display:block;
text-decoration:none;
font-size:1.2em;
font-weight:bold;
color:#ffffff;
}

ul#paginate-tabSlider li:hover .tabcontent, 
ul#paginate-tabSlider li:hover .tabcontent .half,
ul#paginate-tabSlider li a.visible { visibility:visible; z-index:100; }

/*Corner images*/
ul#paginate-tabSlider li a.firstTab {background-image: url(/images/corner-mask-top-large.png); background-position: top left;}
ul#paginate-tabSlider li a.lastTab {background-image: url(/images/corner-mask-top-large.png); background-position: top right; white-space:nowrap;}

/*type elements for tabcontent*/
.tabcontent h3 { padding: 5px 15px 5px 15px; color:#FFFFFF; position:relative; z-index:60; width:390px; background-image: url(/images/corner-mask-top-right.png); background-position: top right; background-repeat:no-repeat;}

.tabcontent h4
{color:#ffffff;
font-size:1.3em;
font-weight:bold;
padding-bottom:0.5em; }

.tabcontent p {font-weight:bold; color:#FFFFFF;}
.tabcontent a {padding:0; display:inline;}
.tabcontent .half {width:175px;}


/*--------------------------------------------
		CONTENT: Search Container
---------------------------------------------*/

.sectionBox .searchContainer {
float:left;
display:inline;
width:100%;
padding:0;
margin:0;
}

.sectionBox .searchContainer label {
font-size:1.1em;
color:#213e99;
float:left;
display:inline;
font-weight:bold;
}

.sectionBox .searchContainer .searchBox {
background-repeat:no-repeat;
height:19px;
width:140px;
float:left;
display:inline;
}

.sectionBox .searchContainer .searchBox input {
background-image:url(/images/searcharea.gif);
background-color:transparent;
border:none;
color:#999999;
font-size:1em;
width:128px;
padding:2px 5px 2px 5px;
margin:0;
float:left;
display:inline;
}






/*--------------------------------------------
		FOOTER: PIPED LIST
---------------------------------------------*/

#footer {
float:left;
width:910px;
background:#FFFFFF;
text-align: left;
color:#83847a;
padding:15px;
display:inline;
}

#footer ul.pipeList {
white-space: nowrap;
float:right;
}

#footer ul.pipeList li {
padding: 0 4px 0 0;
margin: 0 4px 0 0;
list-style-type: none;
border-right:1px solid;
}

#footer ul.pipeList a {
text-decoration: none;
color:#83847a;
}

#footer ul.pipeList a:hover { color:#2c4c68; }

#footer ul.pipeList li.last { border:none; }

#footer ul.pipeList li.first { padding:0 4px 0 0; }

#footer ul.pipeList li,
#footer ul.pipeList a { float: left; }

#footer ul.pipeList li.last { border-right: 0 none; }


#footer .language {float:left; display:inline;}



/*--------------------------------------------
		COLOURS: Additional classes to give 
		elements a coloured background
---------------------------------------------*/

.smallCol .yellow, .mediumCol .yellow, .largeCol .yellow, .content .yellow { background-color:#f4b212; }

.border { background:url(/images/border.gif) no-repeat bottom left; }

.smallCol .orange, .mediumCol .orange, .largeCol .orange, .content .orange  { background-color:#f58428; }

.smallCol .green, .mediumCol .green, .largeCol .green, .content .green { background-color: #009077; }

.smallCol .royal-blue, .mediumCol .royal-blue, .largeCol .royal-blue, .content .royal-blue  { background-color:#0f467b; } /*link blue colour*/

.smallCol .plum, .mediumCol .plum, .largeCol .plum, .content .plum { background-color:#7a2562; }

.smallCol .teal, .mediumCol .teal, .largeCol .teal, .content .teal { background-color:#79a1af; }

.smallCol .light-grey, .mediumCol .light-grey, .largeCol .light-grey, .content .light-grey { background-color:#dcddde; }

.smallCol .charcoal, .mediumCol .charcoal, .largeCol .charcoal, .content .charcoal {background-color:#474747; }

.smallCol .lylac, .mediumCol .lylac, .largeCol .lylac, .content .lylac { background-color:#bfcaec; }

.smallCol .pink, .mediumCol .pink, .largeCol .pink, .content .pink { background-color:#b71a8b;}

.smallCol .lightblue, .mediumCol .lightblue, .largeCol .lightblue, .content .lightblue { background-color:#aae0f9;}


.announce {
background-image:url(/images/sections/lima-charlie.gif);
background-repeat:no-repeat;
background-position:center;
} /*make this url dynamic changeable in cms*/


.clear {clear:both;}


/*--------------------------------------------
		Decorative: Chevrons
---------------------------------------------*/

img.chevron {position:absolute; bottom:-12px; right:7px; z-index:50;}

a.readMore {color:#000000; font-weight:bold; margin-bottom:30px; text-align:right; display:block; height:1em; width:100%; float:right; text-decoration:none;}



.marginTenPx {margin-right:10px;} 
.content .sectionBox h2.large {font-size:1.4em;}


/*--------------------------------------------
		Edit: Widgets
---------------------------------------------*/

h2 span {clear:both;}
h2 span a.edit, h2 span a.toggle, h2 span a.remove {margin-right:5px; color:#ffffff; text-decoration:underline;}

.content h2 {font-size:1.2em;
    font-weight:bold;}
    


.full p
{
    font-size:1.2em;
}



.paginationPrevPage
{
    margin: 0px 5px 0 5px;
    font-size:1.2em;
    position:relative;
    top:5px;
}

.paginationPageNumber
{
    margin: 0px 5px 0 5px;
    font-size:1.2em;
    position:relative;
    top:5px;
}

.paginationNextPage
{
    margin: 0 5px 0 5px;
    font-size:1.2em;
    position:relative;
    top:5px;

}

.FontAdjust
{
	font-size:120%;
}


/*--------------------------------------------
		SURVEY: 
---------------------------------------------*/
.CreativeLynx-Survey-Survey {width:100%; float:left;}

.CreativeLynx-Survey-Survey .survey-section {width:100%; float:left; margin-bottom:1em;}

.CreativeLynx-Survey-Survey label {font-size:1.2em; margin-right:1em; float:left; display:inline; width:70%;}

.CreativeLynx-Survey-Survey select  {float:right; width:25%; border:1px solid #2C4C68;}

div.survey-single-question, div.survey-text-question {margin-bottom:1em; padding-bottom:1em; float:left; width:100%;}

span.CreativeLynx-Survey-Form-Error {color:#ff0000; font-size:1.2em; width:100%; float:left; font-weight:bold;}

div.survey-text-question label {width:100%; margin-bottom:1em;}

div.survey-text-question input, div.survey-text-question textarea{width:100%; border:1px solid #2C4C68;}

#lnkNextSection, #lnkPreviousSection, #lnkFinish  {font-size:1.4em; font-weight:bold; float:right; text-decoration:none;}

#lnkPreviousSection { float:left; }

.CreativeLynx-Survey-Survey h2 {font-size:1.6em; margin-bottom:0.5em; color:#2C4B67;}

.CreativeLynx-Survey-Survey p {font-size:1.4em;}

.CreativeLynx-Survey-MultiQuestion {width:100%; float:left; margin-bottom:1em;}

.CreativeLynx-Survey-MultiQuestion input {float:left; margin-right:1em;}
.CreativeLynx-Survey-MultiQuestion br {clear:both; width:100%; display:block;}