/*------------------------------------
Maple Ridge Economic Development
Global Stylesheet

Browser Compatability
Firefox, Internet Explorer 6/7, Safari

Author / Atomic Crayon, daryl
website / www.atomiccrayon.com
-------------------------------------*/

* {
	border: 0;
	padding: 0;
	margin: 0;
	font-family: "Trebuchet MS", Geneva, Arial, Helvetica, sans-serif;
}

body {
	background: #DFDAC3;
}
ol {
	margin:0 0 0 30px;
	list-style-type:decimal;
	}

#container, #footer {
	width:994px;
	display: block;
	background: #fff;
	font-size: 12px;
	text-align: left;
}
#container { 
	border-right:10px solid #fff;
	border-bottom:10px solid #fff; 
}

#footer {
	background:none;
	}

.header { 
	margin: 0 auto;
	width: 994px;
	height: 260px;
	display: block;
	background: url("images/header-about.jpg") top right no-repeat;
}

/* section headers */

.section-about .header {
		background-image: url("images/header-about.jpg");
}

.section-business .header {
		background-image: url("images/header-business.jpg");
}

.section-community .header {
		background-image: url("images/header-community.jpg");
}

.section-contact .header {
		background-image: url("images/header-contact.jpg");
}

.section-gallery .header {
		background-image: url("images/header-gallery.jpg");
}

.section-investment .header {
		background-image: url("images/header-investment.jpg");
}

.section-resources .header {
		background-image: url("images/header-resources.jpg");
}

.section-search .header {
		background-image: url("images/header-search.jpg");
}

.section-sitemap .header {
		background-image: url("images/header-sitemap.jpg");
}

.section-whatsnew .header {
		background-image: url("images/header-whatsnew.jpg");
}

.section-whatsnewitems .header {
		background-image: url("images/header-whatsnew.jpg");
}

a {
	text-decoration: none;
	color: #660201;
}

.udm li {
	width: 129px;
}

#content img {
	border:1px solid #D3CFC0;
	padding:8px;
margin:15px 0 10px 20px;
	}
#content .gallery img, #content .galleryLarge img, #content .gallerybox img, #content .splashbox img, #content .splashbox div div {
	border:0!important;
	padding:0!important;
margin:auto!important;
	}
#content .splashbox { 
	width:600px;
	position:relative;
	left:50px;
	}
#content .splashbox div {
	padding:10px 0 10px 10px;
	width:280px;
	background:#F4EED8;
		min-height:107px;
		height:auto!important;
		height:107px;
	}

#content .splashthumbs img {
	margin: 10px 0 20px 10px!important;
	border: 2px solid #fff!important;
	padding:0!important;
}

#content img.noborder, #content .noborder img {
border:0!important;
padding:0!important;
}


#udm a {
	display: block;
	width: 120px;
	height: 27px !important;
}

#udm a.about {
	background: url("images/About.jpg") left no-repeat;
}

#udm  a.aboutactive, #udm a.about:hover {
	background: url("images/AboutActive.jpg") left;
}

#udm a.community {
	background: url("images/Community.jpg") left;
}

#udm a.communityactive, #udm a.community:hover {
	background: url("images/CommunityActive.jpg") left;
}

#udm a.business {
	background: url("images/Business.jpg") left;
}

#udm a.businessactive, #udm a.business:hover {
	background: url("images/BusinessActive.jpg") left;
}

#udm a.investment {
	background: url("images/Investments.jpg") left;
}

#udm a.investmentactive, #udm a.investment:hover {
	background: url("images/InvestmentsActive.jpg") left;
}

#udm a.resources {
	background: url("images/Resources.jpg") left;
}

#udm a.resourcesactive, #udm a.resources:hover {
	background: url("images/ResourcesActive.jpg") left;
}

#udm a {
	/* border: solid 1px #000; */
}

.weather {
	float:right;
	font-size:10px;
	position: absolute;
	top: 30px;
	left: 660px;
}

.weathericon img {
	padding-left:10px!important;
}

.photo {
	margin: 13px 0 0 11px;
	clear: both;
	width: 229px;
	height: 172px;
	overflow: hidden;
	float: left;
}


.header .photo {
	/*display: none;*/
	position:relative;
	float: none;
	margin:0;
	top:48px;
	left:11px;
	top: 87px;
	left: 110px;
	width: 224px;
	height: 110px;
	overflow: hidden;
	}
	
/* section title is now removed */

.sectiontitle { 
	display: none;
/*	position:absolute;
	padding: 0;
	margin: 0;
	top:223px;
	left:265px;
	color: #fff;
	font-variant:normal!important;*/
}

.sectiontitle h1 {
	/*font-size: 20px;*/
}

.searchbar {
	clear: both;
	font-weight: bolder;
	font-size: 11px;
	color: #000;
	display: block;
	height: 27px;
	padding-right: 15px;
	background:#E2A82A url("images/SearchBar.jpg") left no-repeat;
	text-align: right;
}

.searchbar input {
	padding: 1px;
	margin: 0 2px 0 2px;
}

input.go {
	position: relative;
	top: 5px;
	margin: 0;
}

#textwrapper {
	overflow: hidden;
	display: inline-block;
	background: url(images/WrapperBG.gif) top right repeat-y;
}

.splash #textwrapper {
	background: url(images/SplashWrapBG.gif) top right repeat-y;
}

#textwrapper {
	float: left;
	float/**/: none;
}

#content {
	padding-top: 15px;
	width: 700px;
	float: left;
	margin-left: -985px;
}

.splash #content {
	background: url(images/SplashContentBG.gif) no-repeat;
	background-position: 50% 15px;
	width: 770px!important;
}

#quicklinks { 
	margin-left: 730px;
	width: 264px;
	/* background: #f4eed8; */
	float: left;
	padding-top: 0px;
}

* html #quicklinks {
	display: inline;
}

#textwrapper {
	display: block;
	clear: both;
}

#content p a, #content li a, #content table a {
	color: #960505;
	padding: 1px 2px 1px 2px;
	margin-left: -2px;
}
#content p a:hover, #content li a:hover, #content table a:hover {
	background: #f7e0e0;
}

#content h1 {
	margin: 0;
	line-height: 26px;
	color: #660201;
	font-size: 24px;
}

#content h2 {
	margin: 15px 0 5px 0;
	color: #660201;
	font-size: 18px;
}

#content p {
	margin: 5px 0 10px 0;
	font-size: 12px;
	font-weight: 100;
}

#content ul {
	margin-left: 35px;
}

#content ul.subpageList {
	list-style: none;
	padding: 0px 0px 20px 0px;
}


.breadcrumb {
	display: block;
	border-bottom: solid 1px #efebdd;
	color: #6d6c6c;
	margin: -5px 0 20px 0;
	line-height: 12px;
}
.breadcrumb p {
	margin: 0;
	padding: 0;
}

.breadcrumb a {
	color: #660201;
}

#quicklinks p {
	padding: 5px 10px 5px 10px;
	color: #744105;
}

.splash #quicklinks p {
	color: #000;
}

#quicklinks h2 {
	text-indent: -1000em;
	background: url("images/QuickLinks.jpg") no-repeat;
	margin: 0 10px 5px 10px;
}

#quicklinks p a {
	padding: 2px;
	margin-left: -2px;
}

#quicklinks p a:hover {
	background: #f7e0e0;
}

#quicklinks p.intro {
	margin-top: 12px;
	margin-bottom: 10px;
	font-size: 11px;
}

.splash #quicklinks p.intro b {
	color: #744105;
}

#quicklinks .quicknav ul {
	margin: 0 10px 10px 10px;
}

#quicklinks .quicknav li {
	float: left;
	list-style: none;
}

#quicklinks .quicknav img {
	margin-right: 15px;
}

#quicklinks .links {
	padding: 20px 0 10px 0;
}

#quicklinks .links ul {
	margin: 0 10px 0 10px;
}

#quicklinks .links li {
	list-style: none;
	background: url("images/QuickLIBG.jpg") left center no-repeat #e9deb6;
	margin-bottom: 3px;
	color: #4e2f0b;
	height: 20px;
}
#quicklinks .links a {
	padding: 2px 0 2px 18px;
	display: block;
}

#quicklinks .links a:hover {
	color: #e9deb6;
	background: url("images/QuickLIHover.jpg") left center no-repeat #660201;
}

img.quickcontact, img.quicklnks {
	margin: 10px 10px 5px 10px;
}

.quickthumbs {
	clear: both;
	padding: 0px 12px 25px 12px;
	margin: 15px 0 0 0;
}

.quickthumbs span {
	width: 42px;
	height: 42px;
	overflow: hidden;
}

.quickthumbs a {
	display:block;
	width: 42px;
	overflow: hidden;
	border: solid 2px #fff;
	margin: 0 11px 0 0;
	float:left;
}
.quickthumbs a img {
	width: 63px;
}

#quicklinks .quickthumbs p {
	padding: 5px 10px 5px 10px;
	margin: 0;
	color: #744105;
	clear: both;
}

.lastthumb {
	margin: 0;
}

#quicklinks .quickthumbs p { 
	padding: 0;
	margin: 10px 0 20px 0;
	text-align: left;
	clear: both;
}
#quicklinks .quickthumbs p a{ 
	display:inline;
	width:auto;
	height:auto;
	border:0;
	overflow:auto;
	margin:0;
}

br.clear {
	clear: both;
	line-height: 1px;
}

#footer {
	clear: both;
	text-align: center;
	color: #959595;
	padding-top: 10px;
	z-index: 1000;
	position: relative;
}

#footer a, #footer span {
	margin: 0 6px 0 6px;
}

#footer p {
	margin: 5px 0 5px 0;
	font-size: 11px;
}

#footer a {
	color: #555555;
	padding: 2px;
}

#footer a:hover {
	color: #fff;
	background: #555555;
}

/* Splash Screen Styles */

.splash .header {
	background: url("images/MREHeaderSplash2.jpg") top right no-repeat;
}

.splash #quicklinks {
	width: 194px;
	margin-left: 800px;
	padding-top:10px;
}

.splash #content {
	width: 624px;
}

.splash #content h1 {
	font-size: 18px;
}

.splashlinks {
	/*background: url("images/SplashBG.jpg") repeat-y top;*/
	background-color: #e3d6ac;
	background-image: url("images/bk-home-sidebar.gif");
	background-position: bottom left;
	background-repeat: no-repeat;
	width: 187px;
	margin: 0 auto 16px auto;
	border: solid 1px #ae400d;
	padding-bottom: 20px;
	padding: 0 0 24px 0;
	text-align: center;
}

.splashlinks .splash-title {
	display: block;
	margin-bottom: 4px;
}

.splashleafs {
	padding: 0 10px;
}

#quicklinks .splashlinks p {
	padding: 0;
	margin: 0;
	font-size: 11px;
}

.splashbox {
	margin-top: 20px;
	padding: 20px 0 15px 0;
	width: 624px;
}

.splashbox p {
	margin: 0;
	padding: 0;
}

#content .splashbox a:hover {
	background: none;
}

#content .splashbox p a:hover {
	background: #f7e0e0;
}


#content .event h4 {
	position:relative;
	display:block;
	background:#f1efe7;
	color:#7f6939;
	font-size:11px;
	padding:2px 10px;
	margin:0 -10px 15px -10px;
}

.whatsnewbox {
	width: 311px;
	margin-right: 10px;
	float: left;
}

.whatsnewbox img {
	margin-left: 35px;
}

#content .whatsnewbox p {
	padding: 10px 54px 0 35px;
	margin: 0;
}

#content h4.whatsnew {
	display: block;
	background: #e6bf00;
	font-size: 12px;
}

.whatsnewbox b {
	color: #744105;
}
#content .whatsnewbox p a {
	margin-left: -2px;
}

.whatsnewbox a:hover.boxtitle {
	background: none;
}

.gallerybox {
	width: 311px;
	float: left;
}

.gallerybox img {
	margin-left: 11px;
}

.gallerybox p {
	padding: 0 71px 0 11px;
	color: #744105;
}


.splashthumbs img {
	width: 42px;
	height: 42px;
	overflow: hidden;

}

img.contact {
	margin: 0 0 0 11px;
	padding: 0;
}

img.whatsnewimage {
	margin-top: 15px;
}

.mrform {
	margin-left: 25px;
}

.mrform label {
	display: block;
	margin: 0 0 2px 0;
}

#content .mrform input, #content .mrform select, #content .mrform textarea {
	border: solid 1px #b4af9f;
	padding: 2px;
	margin-bottom: 10px;
	width: 360px;
}

#content .mrform select {
	width: 366px;
}

#content input.checkbox, #content input.submit {
	border: 0;
	width: auto;
	display: block;
	padding: 0;
}

#content .mrtable table {
	border-bottom: solid 1px #bf8203;
}

#content .mrtable tr {
	vertical-align: top;
}
#content .mrtable th {
	background: #e9c057;
}

#content .mrtable td.hilite {
	background: #F4EED8;
}

#content .mrtable td, #content .mrtable th {
		padding: 1px 2px 1px 2px;
}

#content .mrtable td.underline {
	border-bottom: solid 1px #e6bf00;
}


/* Photo Gallery */

#content .gallery ul {
	margin: 5px 0 5px 2px;
	padding: 0 0 0 50px;
	text-align: center;
}

#content a:hover { 
	white-space: normal; 
}
	
#content .gallery li {
	width: 168px; 
	height: 114px;
	line-height: normal;
	background: #f4f2e9;
	border: solid 1px #c5c5c5;
	padding: 4px;
	list-style: none;
	float: left;
	margin: 4px;
	z-index: 1000;
	position: relative;
	clear:none;
}

#content .gallery .photo { 
	background: url(images/no-thumb-image.gif) top left no-repeat;
	display:inline-block;
	width: 168px;
	height: 114px;
	margin:0;
	padding:0;
	overflow: hidden;
	position: relative;
	white-space:normal;
}

#content .gallery .photo a {
	display:block;
	background: url(images/gallery-noimage-thumb.gif) top left no-repeat;
	width: 168px;
	height: 114px;
}

#content .gallery .photo img {
	z-index: 25;
	clear: none;
	float: none;
}

#content .gallery .photo span.caption {
	position: absolute;
	top: 0;
	left: 9999px;
}

#content .gallery .photo a:hover span.caption {
	background: #fff;
	color: #000;
	height: 20px;
	z-index: 50;
	width: 171px;
	left: 0;
	top: 96px;
	padding: 3px 0 0 0;
	filter: alpha(opacity=85);
	-moz-opacity:.85;
	opacity:.85;
	text-transform:uppercase;
	text-decoration: none;
	overflow: hidden;
	font-size:80%;
	display: block;
}

#content p.backnext {
	display: block;
	position: relative;
	margin: 5px 0 5px 0;
	padding: 5px 7px 0px 15px;
}

#content p.backnext a {
	text-decoration: none;
	padding: 2px;
	background: #fff;
	color: #5d5d5d;
}

#content p.backnext a:hover {
	background: #5d5d5d;
	color: #fff;
}

#content p.backnext span {
	position:absolute;
	right:5px;
	top:5px;
	padding-right: 11px;
}

#content .fullsizeimage {
	border: solid 1px #c5c5c5;
	display: block;
	padding: 1px 0px 5px 0px;
	margin: 5px 7px 5px 7px;
	width: 562px;
}

#content .fullsizeimage img {
	margin: 7px 0px 5px 0px;
}

#content .fullsizeimage p {
	margin: 0;
	padding: 0 7px 0 7px;
}

#content .galleryLarge { 
	position:relative;
	width:562px;
	margin:15px 0 0 60px; 
}

#content .galleryLarge div {
	position:relative;
	overflow:hidden;
	width:454px;
	margin-left: 53px;
	padding: 5px 0 0 0;
	top: 5px;
	border: solid 1px #d3cfc0;
}

#content .galleryLarge div p {
	padding: 5px;
	margin: 0;
}

#content .galleryLarge span#galleryimage {
	margin: 0 5px 0 5px;
	width: 444px;
	height: 296px;
	display: block;
	overflow: hidden;
}

#content .galleryLarge span#description {
	position:relative;
	display:block;
	left:4px;
	width: 440px;
	margin:0 auto;
	padding:15px;
	background:#fff;
	border: 0;
	border-top:0; 
}

#content .galleryLarge a {
	position:absolute;
	display:block;
	width:47px;
	height:260px;
	text-decoration:none;
	color:#312303;
	text-transform:uppercase;
	font-size:10px;
	top:10px;
}

#content .galleryLarge span#description a {
	height: auto;
	margin-bottom: 2px;
}

#content .galleryLarge a:hover {
	color:#312303;
}

#content .galleryLarge a.left {
	left: 0px;
	background:url(images/gallery-arrow-previous.jpg) top right no-repeat;
	text-align:right;
	padding:135px 6px 0 0;
}

#content .galleryLarge a.left:hover {
	background:url(images/gallery-arrow-previous-on.jpg) top right no-repeat;
}

#content .galleryLarge a.right {
	right:0px;
	background:url(images/gallery-arrow-next.jpg) top left no-repeat;
	padding:135px 0 0 6px;
}

#content .galleryLarge a.right:hover {
	background:url(images/gallery-arrow-next-on.jpg) top left no-repeat;
}

#content p.backtogallery {
	text-align:center;
	margin:0;
	z-index:2;
}

#content p.backtogallery a {
	text-decoration:none;
}

p.backtogallery {
	clear: both;
	text-align:center;
	margin: 0;
	padding-top: 10px;
	z-index:2;
}


/* Sitemap Styles */

/* sitemap _________________________________*/
/* +++++++++++++++++++++++++++++++++++++++ */
.sitemap ul, .sitemap ul li {
	margin:0!important;
	padding:0;
	list-style:none;
	}

.sitemap ul {
	margin-top: 5px;
	padding: 5px 0px 5px 0px;
	font-size: 11px;

}

.sitemap ul li {
	padding: 0px 0 0px 0;
	border-top: solid 1px #aeaeae;
	list-style: none;
}

.sitemap ul li ul {
	margin: 5px 0 15px 20px!important;
	padding: 0;
}

.sitemap ul li ul li {
	margin-left: 0px;
	border: none;
	padding: 0;
	list-style: disc;
}

.sitemap ul li ul li ul li {
	list-style: circle;
}

.sitemap ul li a {
	font-size:12px;
	font-weight:bold;
	}
.sitemap ul li ul li a {
	font-size:11px;
	font-weight:normal;
	}

.column1_sm, .column2_sm { 
	width:270px;
	float:left;
	margin-top:15px;
	}
.column2_sm {
	margin-left:10px;
	}
.column1_sm div, .column2_sm div {
	margin:0 10px 0 0;
	
	}
.column1_sm div div, .column2_sm div div {
	margin:0;
	border:0;
	}

.sitemap h3.code {
  width:95%;
  padding:0 0 0 10px;
  display:block;
  text-align:left;
  color:#fff;
  font-size:13px;
  text-transform:none;
  padding:2px 3px 2px 10px;
  cursor:pointer;
}
.sitemap .show  {
	color:#fff;
	background-image: url(images/icon-plus.gif);
	background-position: 250px 5px;
	background-repeat:no-repeat;
	}
.sitemap .hide  {
	color:#fff;
	background-image: url(images/icon-minus.gif);
	background-position: 250px 10px;
	background-repeat:no-repeat;
	}
.allCode, .noCode {
	cursor:pointer;
	display:inline;
	color:#660201;
	font-size:14px;
	}
.allCode:hover, .noCode:hover, .over {
	background:#660201;
	color:#fff;
	}
	
.sitemap h3.about, .sitemap h3.community, .sitemap h3.business, .sitemap h3.investment, .sitemap h3.resources  {
	background-color:#e6bf00;
	color:#fff;
	margin-bottom:5px;
	}

/*end sitemap*/

.top, a.top:hover, a.top:visited {
	background:transparent url(images/btn-top.gif) no-repeat scroll center top;
	color:#5D5D5D;
	display:block;
	height:20px;
	margin:10px 0pt 0pt;
	padding-top:17px;
	position:relative;
	text-align:center;
	text-decoration:none;
	width:20px;
}

#content .links {
	background:#fCf7e5 none repeat scroll 0%;
	border-bottom:1px solid #D3CFC0;
	border-top:1px solid #D3CFC0;
	clear:right;
	float:right;
	margin: 0 0 10px 10px;
	padding:10px 0 10px 0;
	position:relative;
	width:210px;
}

#content .links p {
	padding: 0;
	margin: 0 10px 5px 10px;
}
.menuHolder {
	position:relative;
	top:30px;
	left:0px;
	z-index:10000;
	}
.print {
	display:none;
	}
a#home { 
	position:absolute;
	display:block;
/*	width:160px;
	height:150px;*/
	width:232px;
	height:64px;
/*	top:80px;*/
	/*left:800px!important;*/
	top: 136px;
	left: 754px;
/*	background-color: green;
	opacity: .3;*/
}
.splash a#home {
/*	width:230px;
	height:64px;*/
	top:80px;
	left:16px;
	}