﻿/* _lcid="1033" _version="12.0.4518"
_LocalBinding */

/*Updated May 03, 2011*/
 
#SearchBox_S1E4A0917_InputKeywords{
	width:120px!important; height:16px; padding:2px 2px 0px 2px
}
.search .ms-bgo{
	width:30px!important
}
#bottomHomeAds{
position:absolute; top:485px; z-index:20!important; left:11px; background-color:#93AE24;background-image:url('../../en/images/bottomEventsGradient.gif');background-repeat:repeat-x; background-color:transparent!important     	
}

#bottomHomeAds{
	padding:3px 4px 3px 9px; width:965px; clear:both
}

#bottomHomeAds a{ 
    font-size:13px; 
    color:#144178; 
    font-weight:bold; 
    text-decoration:none;}
#bottomHomeAds div{
	color:white; 
	font-family:tahoma;font-size:11px!important; 
	margin-right:10px
}
	
#bottomHomeAds table td{
	border-collapse:collapse; padding-left:1px; padding-right:12px; width:190px;
}
#bottomHomeAds table{ clear:both;
}

#bottomHomeAds img{
	float:left; margin-right:5px
}
#bottomHomeAds table td span{
    float:left; margin-right:5px
}
.homeQuickLinks{
	margin-left:14px; 
}
.homeQuickLinks a{ 
    line-height:20px;    
	color:#e0e7b7; 
	font-family:Tahoma; 
	font-weight:600; 
	font-size:12px; 
	text-decoration:none; 
	background-image:url('../../en/images/bulletQuickLinks.gif'); 
	background-repeat:no-repeat; 
	background-position:left center; 
	padding-left:8px;

	}
	
.homeQuickLinks a:hover{color:#a6bc2b}
body{padding: 0; 
     margin: 0;
	 background-color:#1270df; 
	 background-image:url('/_Layouts/brampton/internet/generic/images/internetBg.gif'); 
	 background-position: top; 
	 background-repeat:repeat-x;
	 font-family:Tahoma; font-size:12px
}

.homeWrapper{
     width:999px; 
     margin-right:auto; 
     margin-left:auto; 
     position:relative}
.homeHead {
	 height:85px; 
	 clear:both; position:relative
}
.homeMenu{background-color:#a6bc2b;}

.homeMenuItem a{ 
     display:block; 
     color:#144178; 
     width:100%; 
     text-align:left;
     text-transform:uppercase;
     font-weight:bold;
     margin-left:0px!important; 
     padding-top:18px; padding-left:20px;
     padding-bottom:4px/*margin-top:1px*/; 
     }
.homeMenuItem a:hover{
	background-color:#002f68;/*#144178;*/
	color:white;
}
#zz1_TopNavigationMenun1, #zz1_TopNavigationMenun2, #zz1_TopNavigationMenun4, #zz1_TopNavigationMenun5{
	 width:146px!important;
}
#zz1_TopNavigationMenun3{
	width:205px!important;
}


#zz1_TopNavigationMenun0{
	display:none!important
}
/*.ms-viewheadertr{
	display:none
}*/
.content{
position:relative; height:373px
}
.sectionWrapper{background-color:#8ba110; position:absolute;top:121px; left:0px; opacity: 0.8; -moz-opacity: 0.8; filter: alpha(opacity=80);z-index:5; height:54px; width:800px}
.section {height:62px; color:white; font-weight:bold; font-size:11px; top:121px; position:absolute;
background-image:url('../../en/images/dividerTopNav.jpg'); background-repeat:no-repeat; background-position:right center; z-index:6;
cursor: pointer;
cursor: hand;
}
.section p{margin-top:0px!important;padding:4px 4px 4px 25px; background-image:url('../../en/images/blueArrow.gif'); background-repeat:no-repeat; background-position:8px 8px}

#Residents{width:146px; left:0px;}
#Business{width:146px; left:146px;}
#ArtsCultureTourism{width:205px; left:292px;}
#CityHall{width:146px; left:497px;}
#InfoCentre{width:146px; background-image:none!important;left:643px;}

div.sectionInner{
    position:absolute;
    top:120px; left:360px;
    width:420px; color:black; text-decoration:none; font-size:13px;
}
.sectionContent{
	display:none; position:absolute; width:998px;height:373px;left:0px;top:121px;
}
#SectionContent1{
	background-color:#a9cff6; 
}
#SectionContent2{
	background-color:#d6dcae; 
}
#SectionContent3{
	background-color:#d29d8f; 
}
#SectionContent4{
	background-color:#abdaf8; 
}
#SectionContent5{
	background-color:#867251; 
}
.sectionInner a{font-family:Tahoma; font-weight:bold; text-decoration:none; font-size:14px
	
}
#SectionContent1 .sectionInner a{color: #062d59;}
#SectionContent2 .sectionInner a{color: #4d5a07;}
#SectionContent3 .sectionInner a{color: #750000;}
#SectionContent4 .sectionInner a{color: #80921a;}
#SectionContent5 .sectionInner a{color: #d3d88d;}
.sectionContent .close{
	position:absolute;left:750px!important; top:80px!important;
	cursor: pointer;
cursor: hand; z-index:10;
}
.close span{
	display:block!important
}

.headlineTitle {display:block!important; position:absolute; z-index:10; left:360px; top:85px}
.strategicPriority {width:18px; height:18px; float:left; margin:3px; 
cursor: pointer;
cursor: hand;
}
#strategicPriority1{}
#strategicPriority2{}
#strategicPriority3{}	
#strategicPriority4{}
#strategicPriority5{}

#strategicPriorityButtons {
	position:absolute; width:200px; height:30px; top:455px; left:663px; z-index:1
}
.strategicPriorityContent{position:absolute;left:0px;top:421px; z-index:0; height:74px; width:793px; background:#494925; color:white; opacity: 0.8; -moz-opacity: 0.8; filter: alpha(opacity=80)    } 
     
.strategicPriorityContent .text{position:absolute; margin-left:12px; margin-top:4px; color:white; font-size:11px!important; font-family:Tahoma; width:590px; height:58px; overflow:hidden}
.strategicPriorityContent .text a{
font-weight:bold; color:#B1D32C; text-decoration:none; font-size:14px;
}
.strategicPriorityContent .text p{
	margin:0px!important
}  
.contentResidents{
position:absolute; top:188px; left:0px; height:370px; background-color:#6699FF;display:none	
}
.bottomBackground{
	height:108px; background-color: #a6bc2b; position:relative
}
div.footer{
     background-color:#062d59; 
     color:white; clear:both; padding:4px; font-size:11px!important}
     
.footer span.divider{ color:#B1D32C; padding:0 6px;   
}

.footer span.divider a { color:#B1D32C!important; 
text-decoration:none!important;
padding:0 6px;   
}

.footer span.divider a:hover { 
color:#B1D32C!important; 
text-decoration:underline!important;
padding:0 6px;   
}



.footer .contactUs{
   margin-right:540px; margin-left:10px}

.overlay {         /* must be initially hidden */    
display:none;          /* place overlay on top of other elements */     
z-index:10000;          /* styling */     
background-color:#333;          
width:675px;         
min-height:200px;     
border:1px solid #666;          /* CSS3 styling for latest browsers */     
-moz-box-shadow:0 0 90px 5px #000;     
-webkit-box-shadow: 0 0 90px #000;     }  /* close button positioned on upper right corner */  
.overlay .close {     background-image:url(/images/close.png);     
position:absolute;     
right:-15px!important;     
top:-15px!important;     
cursor:pointer;    
height:45px;     
width:45px; }


/**********************Site Tour video overlay*************************/

.simple_overlay {z-index:1000; padding : 7px!important;	BACKGROUND-IMAGE: url(/_layouts/images/blank.gif);	BORDER: #80921a 1px solid;	DISPLAY: none; MIN-HEIGHT: 200px;	WIDTH: 760px; HEIGHT: 550px; BACKGROUND-COLOR: #002b5f; TEXT-ALIGN: center;	-moz-box-shadow: 0 0 90px 5px #000;	-webkit-box-shadow: 0 0 90px #000;}
.simple_overlay .close {RIGHT: -25px!important;	TOP: -23px!important; BACKGROUND-IMAGE: url('/images/Overlays/close.png');	
WIDTH: 45px;	CURSOR: pointer; 	HEIGHT: 45px; position:absolute
}

