.imagefloatleft{
margin:0 8px 8px 0;
float:left;
background-color:#000000!important;
border:1px solid #FFF;
}
.imagefloatright{
margin:0 0px 8px 8px;
float:right;
background-color:#130000!important;
border:1px solid #FFF;
}


.imagefloatleft2{
margin:0 8px 8px 0;
float:left;
background-color:#000000!important;
border:0px solid #FFF;
}
.imagefloatright2{
margin:0 0px 8px 8px;
float:right;
background-color:#000000!important;
border:0px solid #FFF;
}



.clear{clear:both;}
.boldtype{ font-weight:bold;}
p{margin:15px 0;font-size:13px;}
h1,h2,h3,h4{margin:10px 0}

h1{margin: 0px 0 0 0;font-size:16px;font-weight:bold;font-color:#FFFFFF}
h2{ margin: 10px 0 0 0;font-size:18px;font-weight:bold;font-color:#FFFFFF}
h4{ margin: 10px 0 0 0;font-size:22px;font-weight:bold;font-color:#FFFFFF}
h5{ margin: 0px 0 0 0;font-size:22px;font-weight:bold;font-color:#FFFFFF}


body {
font-family:TREBUCHET MS, Verdana, Arial, Helvetica, sans-serif;
color: #ffffff;
background-color:#000000!important;
margin:0px;
padding:0px;
 
}
#bodywatermark{
z-index:100;
position:absolute;
margin:0;
padding:0;
height: auto ;
width:100%;

#hr{
border: 0;
width: 60%;
color: #FFFFFF;
background-color: #000000;
height: 1px;
}


}
#mcontainer{
background-color: #000000!important;
padding:0px;
height: auto;
width: auto;
margin-right:0px;
margin-left:0px;
border-top:0px solid #FFFFFF;
border-right:0px solid #FFFFFF;
border-bottom:0px solid #FFFFFF;
border-left:0px solid #FFFFFF;
margin-top:0px;
background-repeat:repeat;
background-position: top left;


}
#maincontainershadow{height:60px;background:none;
 width:100%;width:100%;margin-top:-10px;
}

#m2container{
background-color: #000000!important;
font-size:16px;
margin-top:0px;
height: auto;
border-top: 0px solid #FFFFFF;
margin-left: auto;
margin-right: auto;
width: 980px;
position:relative;
}




#navbar{
background-color:transparent!important;
height: auto;
margin-left: auto;
margin-right: auto;
width: auto;
height: auto;
position:relative;
background-color:#0000000!important;
border-bottom: 1px solid #FFFFFF;

}






#shadowleft{margin-left:0px;margin-right:0px;overflow:hidden!important;height:60px;
background-repeat:no-repeat;background-position:top left;
}
#shadowright{width:450px;float:right;position:relative;height:60px;
background-repeat:no-repeat; background-position:top right;
}

#header{
background-color: #000000!important;
background-repeat:repeat-x;
background-position: center center;
margin-top:0px;
height: auto;
width: auto;
border-top:0px solid #FFFFFF;
border-bottom:0px solid #FFFFFF;

}

#header h1{
margin:0px 5px;
padding:0px 5px;
color:#FFFFFF;
}
#header h4{
margin:0px 12px;
padding:0px 5px;
color:#FFFFFF;
font-family:Verdana, Arial, Helvetica, sans-serif;
}
#headerpad{
padding:20px;
height:auto;
width:auto;
margin:0;
clear:both
}




#slideshow{
width: 740px;
}



#topheadercontainer{
height: auto;
margin-left: auto;
margin-right: auto;
margin-top:-10px;
width: 980px;
}

#topheaderlinks{
width: 200px;
font-size:15px;
color:#463123;
margin-left: 400px;
margin-right: 0px;
margin-top: 0px;
margin-bottom: 5px;
text-align: right; 
float: right;
border:0px solid #FFFFF
}

#topheaderlinks a {color:#FFFFFF; text-decoration:none}
#topheaderlinks a:hover {color:#555555; text-decoration:underline;} 


#social{
height: auto;
margin-left: 400px;
margin-right: 0px;
margin-top: 0x;
width: 75px;
text-align: right; 
float: right;
border: 0px solid #FFFFFF
}



#tabcontainer{
background-color:transparent!important;
height: auto;
margin-left: auto;
margin-right: auto;
margin-top:143px;
width: 980px;
position:relative;

}

#tabs{
background-color:transparent!important;
height: auto;
margin-left: auto;
margin-right: auto;
width: 771px;
float:right;
border:0px solid #FFFFFF;
}










#menucontainer{
background-color:transparent!important;
height: auto;
margin-left: auto;
margin-right: auto;
width: 981px;
position:relative;
background-color:#000000!important;
border-left: 1px solid #FFFFFF;
border-right: 0px solid #FFFFFF;
}

a.menu:link {text-decoration:none; color:#ffffff;}
a.menu:visited {text-decoration:none; color:#ffffff;}
a.menu:hover {text-decoration:none; color:#463123;}

.dropmenu1 ul{ list-style-type:none;
padding: 0px;
margin:0;
}
.dropmenu1 li{ z-index:200;
float:left;
position:relative;
border-left:1px solid #000000;
border-right:1px solid #000000;
}
.dropmenu1 a, .dropmenu1 :visited { display:block;
font-size:13px;
width:128px;
padding: 3px 5px 3px 5px;
line-height:31px;
color:#FFE;
background-color:#7F5A42!important;
font-family:verdana, sans-serif;
font-style:normal;
font-weight:bold;
text-decoration:none;
text-align:center;
}
.dropmenu1 :hover{ color:#AFFF10;
background-color:#CFBAA9!important;
}
.dropmenu1 ul ul { position:absolute;
visibility:hidden;
width:170px;
height:0px;
border-top: 0px solid #001133;
}
.dropmenu1 ul li:hover ul, .dropmenu1 ul a:hover ul{ visibility:visible;
background-color:#000000!important;
color:#000000;
}
.clear{clear:both}










.mmenu{
width: auto;
height:auto;
background-color:#2E2E2E!important;
border-top:0px solid #6C4C37;
border-bottom:0px solid #6C4C37;
margin-right:0px;
margin-left:0px
}
.mmenu ul{ 
padding: 0;
margin:0;
position: relative;
list-style-type: none;
border-left: 2px solid #979797;
float:left;
left:50%;
}
.mmenu ul li{
display: inline;
position:relative;
float:left;
right:50%;
}
.mmenu ul li a{
background-color:#2E2E2E!important;
float:left;
margin:0px;
font-size:13px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-style:normal;
font-weight:bold;
display: block;
color:#FFFFFF;
text-decoration: none;
border-right: 2px solid #979797;
padding-left:41px;
padding-right:41px;
line-height:45px;
}
.mmenu ul li a:hover{ 
color:#AFFF10;
background-color:#6C4C37!important;
background-position: 0px -60px;

}
.mwrapper{padding:0px}
.mmenu ul li i{
height:45px;
border-left: 2px solid #979797;
float:left;
}


















#leftcolumn{
background-color: #130000! important;
margin-top:0px;
min-height:850px;
height: auto;
width: 209px;
border-top:0px solid #802022;
border-right:0px solid #802022;
border-left:0px solid #802022;
border-bottom:0px solid #802022;
float:left; 
}
.leftcolumnpad{
clear:both;
padding:20px 20px 20px 20px;
height:auto;
width:auto;
margin:0;
}
.leftcolumnpad p{color:#FFFFFF;}
.leftcolumnpad h1{color:#960101;}
.leftcolumnpad h2{color:#960101;}
.leftcolumnpad h4{color:#960101;}
.leftcolumnpad ul{font-weight:normal;font-size:13px;color:#FFFFFF; list-style-type: square outside; padding-left:20px;}
.leftcolumnpad li{font-weight:normal;font-size:13px;color:#FFFFFF; list-style-type: square; list-style-position: outside; padding-left:0px; padding-bottom:5px;}
.leftcolumnpad a{font-weight:normal;font-size:13px;color:#FFFFFF;text-decoration:underline;}
.leftcolumnpad a:hover{color: RED;text-decoration:underline;}
.leftdivider{
clear:both;
margin-right: auto;
margin-left: auto;
width:100%;
border-bottom: 1px outset #FFFFFF;
border-top: 1px outset #FFFFFF;
}








#centandrightcontainer{
position:relative;
width:auto;
height:auto;
display:block;
overflow:hidden
}

.centcolumn{
background-color: #130000!important;
min-height:850px;  
width: auto;margin-left:0px;
margin-top:0px;height: auto;
border-top:0px solid #802022;
border-right:0px solid #802022;
border-bottom:0px solid #802022;
border-left:0px solid #710000;
overflow:hidden!important;
}
.centcolumnpad {
background-color: #130000!important;
border-left:1px solid #510000;
margin-top:20px; 
min-height:800px;
clear:both;
padding:0px 20px 20px 20px;

}


.centcolumnpad p{font-size:13px; color:#FFFFFF;}
.centcolumnpad h1{font-size:22px; color: #960101;}
.centcolumnpad h2{color: #8D2C00;}
.centcolumnpad h4{color: #8D2C00;}
.centcolumnpad h5{color: #8D2C00;}
.centcolumnpad a{font-size:13px;font-weight:normal;color:#FFFFFF;}
.centcolumnpad a:hover{color: RED; text-decoration:underline;
}
.centerdivider{
clear:both;
margin-right: auto;
margin-left: auto;
width:100%;
border-bottom: 1px outset #FFFFFF;
border-top: 1px outset #FFFFFF;
}





#centandrightcontainer-home{
background-color: #000000;
position:relative;
width:auto;
height:auto;
display:block;
overflow:hidden
}
.centcolumn-home{
min-height:700px;  
width: auto;margin-left:0px;
margin-top:0px;height: auto;
border-top:0px solid #FFFFFF;
border-right:1px solid #FFFFFF;
border-bottom:0px solid #FFFFFF;
border-left:1px solid #FFFFFF;
overflow:hidden!important;
}
.centcolumnpad-home {
clear:both;
padding:15px 40px 0px 40px;
background-repeat:repeat-x;

}
.centcolumnpad-home p{color:#FFFFFF;}
.centcolumnpad-home h2{color:#bb6644;;}
.centcolumnpad-home a{font-weight:bold;color:#FFFFFF;}
.centcolumnpad-home a:hover{color:#979797;
text-decoration:none;
}
.centerdivider-home{
clear:both;
margin-right: auto;
margin-left: auto;
width:100%;
border-bottom: 1px outset #FFFFFF;
border-top: 1px outset #FFFFFF
}





#centeronecolumn{
margin-top:0px;
float:left; 
border-left: 1px #FFFFFF;
border-right: 0px #FFFFFF;


}
.centeronecolumnpad{
clear:both;
padding-top:0px;
padding-left:0px;
padding-bottom:20px;
padding-right:20px;
height:auto;
width:auto;
margin:0;


}
.centeronecolumnpad p{color:#FFFFFF;}
.centeronecolumnpad h2{color:#FFFFFF;}
.centeronecolumnpad h4{color:#FFFFFF;}
.centeronecolumnpad a{font-weight:normal;color:#FFFFFF;}
.centeronecolumnpad a:hover{color:#979797;text-decoration:none;}
.centeronedivider{
clear:both;
margin-right: auto;
margin-left: auto;
width:100%;
border-bottom: 0px outset #FFFFFF;
border-top: 0px outset #FFFFFF;
}










#centerleftcolumn{
margin-top:0px;
width: 375px;
border-top:0px solid #FFFFFF;
border-right:0px solid #FFFFFF;
border-left:0px solid #FFFFFF;
border-bottom:0px solid #FFFFFF;
float:left; 
}
.centerleftcolumnpad{
clear:both;
padding-top:0px;
padding-left:0px;
padding-bottom:20px;
padding-right:20px;
background: ;
background-repeat:repeat-x;
height:auto;
width:auto;
margin:0;
}
.centerleftcolumnpad p{color:#FFFFFF;}
.centerleftcolumnpad h2{color:#FFFFFF;}
.centerleftcolumnpad h4{color:#FFFFFF;}
.centerleftcolumnpad a{font-weight:normal;color:#FFFFFF;}
.centerleftcolumnpad a:hover{color:#979797;text-decoration:none;}
.centerleftdivider{
clear:both;
margin-right: auto;
margin-left: auto;
width:100%;
border-bottom: 0px outset #FFFFFF;
border-top: 0px outset #FFFFFF;
}


#centerrightcolumn{
margin-top:0px;
width: 375px;
border-top:0px solid #FFFFFF;
border-right:0px solid #FFFFFF;
border-left:0px solid #FFFFFF;
border-bottom:0px solid #FFFFFF;
float:right; 
}
.centerrightcolumnpad{
clear:both;
padding-top:0px;
padding-left:0px;
padding-bottom:20px;
padding-right:0px;
background-repeat:repeat-x;
height:auto;
width:auto;
margin:0;
}
.centerrightcolumnpad p{color:#FFFFFF;}
.centerrightcolumnpad h2{color:#FFFFFF;}
.centerrightcolumnpad h4{color:#FFFFFF;}
.centerrightcolumnpad a{font-weight:normal;color:#FFFFFF;}
.centerrightcolumnpad a:hover{color:#FFFFFF;text-decoration:none;}
.centerrightdivider{
clear:both;
margin-right: auto;
margin-left: auto;
width:100%;
border-bottom: 0px outset #FFFFFF;
border-top: 0px outset #FFFFFF;
}












#rightcolumn{
background-color: #000000!important;
margin-top:15px;
margin-right:0px;
height: 650px;
width: 230px;
border-top:2px solid #FFFFFF;
border-right:2px solid #FFFFFF;
border-bottom:0px solid #FFFFFF;
float:right;
}
.rightcolumnpad{
clear:both;
padding:20px;
height:auto;
width:auto;
margin:0;
}
.rightcolumnpad p{color:#FFFFFF;}
.rightcolumnpad h2{color:#FFFFFF;}
.rightcolumnpad a{font-weight:bold;color:#FFFFFF;}
.rightcolumnpad a:hover{color:#979797; text-decoration:none;
}
.rightdivider{
clear:both;
margin-right: auto;
margin-left: auto;
width:80%;
border-top: 1px outset #FFFFFF;
border-bottom: 1px outset #FFFFFF;
}













#twitter
{ width: 100%; float: left; padding: 0px 0px 40px 0px; min-width: 200px; }


#twitter img
{ width: 100px; margin: 0px 0px 20px 20px; }

.tweet
{ padding: 10px; margin: 0px 0 20px 0px; background:#000000; width:880px; border-top:1px solid #FFFFFF;

-webkit-box-shadow: 0px 0px 5px #69c;
-moz-box-shadow: 0px 0px 5px #69c;
}













#footer{
background-color: #000000!important;
background: url(http://WatrousHeritage.ca//images/footer.jpg);
background-repeat:repeat-x;
background-position: top left;
color:#463123;
margin-top:0px;
height: auto;
width: auto;
margin-left:0px;
margin-right:0px;
border-top:1px solid #FFFFFF;
border-bottom:1px solid #FFFFFF;

}
#footerpad{
text-align:center;
padding:10px;
height:auto;
width:auto;
clear:both
}
#footerpad p{color:#FFFFFF;}
#footerpad a{font-weight:bold;color:#FFFFFF!important;}
#footerpad a:hover{color:#555555!important; text-decoration:none;}

#bodyfoot{
position:absolute;
z-index:-500;
width:100%;background-color: #1C1C1C!important;margin-top:-150px;border-top:8px solid #B0B0B0;
height:auto;
}
#bodyfootcontent{
padding-left:15px;
color:#ffffff;
height:auto;padding-top:270px;width:100%;padding-left:10px;
padding-bottom:25px;
}
#bodyfootcontent a{color:#3F782A;}
.bodyfootcontainer{
position:relative;
width:220px;
height:auto;
float:left;
margin:0 20px 0 20px;
}
.bodyfootcontainerpad{
height:auto;
width:810px;
padding-top:20px;
padding-left:20px;
margin-left:auto;
margin-right:auto;
}










/***************************************************************************
Contact form styling
***************************************************************************/

#contact p, label, legend { font: 1.3em "PT Sans",Helvetica,Arial,sans-serif; }

#contact ul {
	list-style-type: none;
}

#contact h1 { margin: 10px 0 10px; font-size: 14px; color: #333333; }
#contact hr { color: inherit; height: 0; margin: 6px 0 6px 0; padding: 0; border: 1px solid #d9d9d9; border-style: none none solid; }

#contact { display: block; width: 95%; margin: 0 auto; padding: 0 10px 10px 10px; background-color: #FFF; -webkit-border-radius:5px; -moz-border-radius:5px;  }

#contact label { display: inline-block; float: left; height: 26px; line-height: 26px; width: 155px; font-size: 14px; -webkit-border-radius:5px; -moz-border-radius:5px; }
#contact input, textarea, select { width: 95%; margin: 5px 0; padding: 5px; color: #666; background: #f5f5f5; border: 1px solid #ccc;  font: 14px "PT Sans",Helvetica,Arial,sans-serif; -webkit-border-radius:5px; -moz-border-radius:5px; }   
#contact input:focus, textarea:focus, select:focus { border: 1px solid #999; background-color: #fff; color:#333; }
#contact input.submit { width: 95%; cursor: pointer; border: 1px solid #222; background:#333; color:#fff; padding: 7px; }
#contact input.submit:hover { background:#444; }
#contact input[type="submit"][disabled] { background:#888; }
#contact fieldset { padding:20px; border:1px solid #eee; -webkit-border-radius:5px; -moz-border-radius:5px; }
#contact legend { padding:7px 10px; font-weight:bold; color:#000; border:1px solid #eee; -webkit-border-radius:5px; -moz-border-radius:5px; margin-bottom:0 !important; margin-bottom:20px; }
#contact legend a { color: #2A9AD4; }
#contact span.required{ font-size: 14px; color: #ff0000; } /* Select the color of the * if the field is required. */

#contact select { margin: 5px 0 30px 0; }  

#message { margin: 10px 0; padding: 0; }

.error_message { display: block; height: 22px; line-height: 22px; background: #FBE3E4 url('http://WatrousHeritage.ca//images/error.gif') no-repeat 10px center; padding: 3px 10px 3px 35px; color:#8a1f11;border: 1px solid #FBC2C4; -webkit-border-radius:5px; }

.loader { padding: 0 10px; }

#contact #success_page h1 { background: url('http://WatrousHeritage.ca//images/success.gif') left no-repeat; padding-left:22px; }