/*
	--------------------------------------------------
	STRUCTURE STYLES
	--------------------------------------------------
	Client:	
	Author:	
	Date:	Month, Year
		
*/

/* structure.css are the styles for the DIVs in a website and should not contain
any typographic or content-related styles for a site. The styles within are strictly
used to create the layout/structure of the website and, as such, this style sheet 
will (almost) never need to be altered by the client or back-end programmers. */

/* ----- comment styles well for better reference later! ----- */
/* ----- try to lay this out in the following sections and from top to bottom on pages ----- */


/* ===================================================================================== STYLES FOR ALL PAGES */


/* ===== Main Wrapper For Site ===== */

#uber_outer {
	margin: auto;
	min-height: 68px;
	height: auto !important;
	height: 68px;
	background: url(/images/structure/headerWrap_bg.jpg) top center no-repeat;
}

#uber {
	margin: auto auto;
	padding: 0;
	width: 976px;
}


/* ===== Header ===== */

#header {
	float: left;
	margin: 0;
	padding: 0 0 0 8px;
	width: 960px;
}

#header .top {
	margin: auto auto;
	width: 960px;
	height: 48px;
	overflow: hidden;
}

#header .main {
	padding: 0;
	width: 960px;
}


/* ===== Top Navigation ===== */

#topNavButtons {
	position: relative;
	float: right;
	clear: both;
	width: 255px;
	z-index: 1000;
}

#topNav {
	float: right;
	margin: 0px 0px 0px 0px;
	padding: 10px 5px 0px 20px;
	text-align: right;
	width:290px;
}


/* ===== Search ===== */

#search {
	position: relative;
	float: right;
	display: block;
	top: 5px;
	margin: 0;
	padding: 0;
	width: 138px;
	height: 27px;
	background: url(/images/structure/searchBox.jpg) no-repeat 0 0;
}

#search form { display: inline; }

#search .searchText {
	position: absolute;
	padding: 0;
	top: 5px;
	left: 8px;
	border: none;
	width: 102px;
	background: transparent;
	font-size: 11px;
	color: #666;
}

#search .gobutton {
	position: absolute;
	top: 0;
	right: 0;
	width: 23px;
	height: 25px;
}


/* ===== Contact Numbers ===== */

#emergency,
#calls {
	float: left;
	padding-top: 8px;
	width: 250px;
	font: bold 13px Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	color: #a80e0e;
}

#calls {
	padding-top: 0;
	color: #333333;
	font-size: 15px;
}


/* ===== Banner ===== */

#bannerLogo {
	background: url(/images/structure/greater-grand-sudbury-police-banner.png) no-repeat;
	width: 960px;
	height: 144px;
	position: relative;
	z-index:4;
}

#bannerRightImage
{
    width:127px;
    height:144px;
    z-index:5;
    float:right;
}

#logo {
	float: left;
	margin: 0;
	padding: 0;
	width: 394px;
	height: 144px;
	background: transparent url(/images/structure/greater-grand-sudbury-police.png) 0 0 no-repeat;
	overflow: hidden;
}

#logo a {
	display: block;
	width: 394px;
	height: 144px;
}

#logo img {
	display: block;
	width: 0;
}

#bannerContainer {
	position: absolute;
	top: 48px;
	margin: 0;
	width: 960px;
	height: 144px;
	overflow: hidden;
}

#bannerContainer img {
	float: right;
}

#banner {
	/*display: none;*/ /* Display none if using rotating banners */
}


/* ===== Main Navigation ===== */

#mainNav {
	position: relative;
	float: left;
	clear: both;
	margin: 0;
	padding: 0;
	width: 980px;
	z-index: 1000;
}


/* ===== Main Content Container ===== */

#main {
	position: relative;
	float: left;
	margin: 5px 0 0;
	padding: 0;
	width: 100%;
	background: url(/images/structure/h_main_bg.jpg) 0 0 repeat-y;
}


/* ===== Footer ===== */


#footer {
	margin: auto auto;
	padding: 7px 8px;
	width: 960px;
}

#copyright{
	float: left;
	padding-right: 23px;
	color: #4366a4;
	font-size: 13px;
	font-weight: bold;
}

#footerText {
	padding: 11px 0 0 0;
	float: left;
	width: 500px;
	font-size: 13px;
	font-weight: bold;
	line-height: 1;
	color: #818181;
	overflow: hidden;
}

#footerNav {
	float: left;
	margin: 0;
	/*width: 300px;*/ /* changed as follow us links are added */
	width: 230px;
	text-align: left;
	overflow: hidden;
	color: #4f70aa;
}

#esol {
	float: right;
	margin: 0px 0px 0px 0px;
	background: transparent url(/en/images/structure/esolutionsgroupLogo.gif);
}

#esol a {
	display: block;
	width: 193px;
	height: 17px;
}

#esol img {
	display: block;
	width: 0;
}




/* ===================================================================================== STYLES HOME PAGE */


/* ===== Content Areas ===== */

#main .contentWrap {
	float: left;
	padding: 6px 0 0 0;
	width: 976px;
	background: transparent url(/images/structure/content_top.jpg) 0 0 no-repeat;
}

#main .contentBase {
	float: left;
	clear: both;
	width: 976px;
	height: 16px;
	background: url(/images/structure/h_main_base.jpg) no-repeat;
}

#contentLeft {
	float: left;
	padding: 0 0 0 8px;
	width: 532px;
	height: 389px;
	overflow: hidden;
}

#contentMiddle {
	float: left;
	padding: 0 0 0 20px;
	width: 200px;
	height: 389px;
	overflow: hidden;
}

#contentRight {
	float: left;
	padding: 0 0 0 17px;
	width: 191px;
	height: 389px;
	overflow: hidden;
}

#footerLogosContainer {
	float: left;
	clear: both;
	padding: 0 0 0 29px;
	width: 920px;
}

#footerLogos {
	padding: 5px 0;
	border-top: 1px solid #c1c1c1;
	width: 920px;
	height: 70px;
	overflow: hidden;
}

#footerLogos img {
	padding: 0 6px 0 0;
}

#footerLogos img.last {
	padding: 0;
}




/* ===================================================================================== STYLES FOR CONTENT PAGES */

/* ===== Actions and Breadcrumbs ===== */

#actionsContainer {
	float: left;
	padding: 0 0 0 8px;
	width: 960px;
	background: none;
	height: 34px;
}

#actionsContainer .contentWrap {
	float: left;
	width: 960px;
	background: #D8F095 url(/images/structure/actions_container_bottom.jpg) left bottom no-repeat;
	height: 34px;
}

#breadcrumbs {
	float: left;
	font-size: 13px;
	padding: 8px 5px 5px 22px;
	width: 435px;
	height: 1.1em;
	color: #284921;
	overflow: hidden;
}

#actions {
	position: relative;
	float: right;
	padding: 3px 22px 3px 5px;
	width: 460px;
	text-align: right;
	z-index: 4;
}	

#actions form { display: inline; }


/* ===== Interior Layout ===== */

#main.mainInterior {
	background-image: url(/images/structure/template_content_background.jpg);
}

#main.mainInterior .contentWrap {
	background-image: url(/images/structure/int_content_top.jpg);
}

#main.mainInterior .contentBase {
	background-image: url(/images/structure/int_base.jpg);
}

#contentInt {
	float: left;
	padding: 0 0 10px 20px;
	width: 720px;
	overflow: hidden;		
}

#contentInt.wide {
	padding-left: 35px;
	width: 905px;
}