/*layout CSS */

@charset "utf-8";
/* CSS Document */
html{
	margin:0;
	padding:0;
}

body#tinymce, body.mceContentBody {
	background:#FFF !important;
} 

body{
	margin:0;
	padding:0;
	background:url(../images/bg_body.gif) center repeat-y;
}



p{
	margin:0 0 15px;
}

h1 {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size: 2em;
	margin-bottom: 10px;
}

a {
	color: #329B49;
}

#voken{
	margin:0 auto;
	width:470px;
	z-index:1000;
	text-align: center;
}
#container{
	background:#FFF;
	margin:0 auto;
	height:100%;
	width:756px;
	overflow:hidden;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	line-height: 16px;
}

div#headerSocial{
	float: right;
	margin-right: 125px;
	padding-top: 5px;
}
#container #header{
	height:420px;
}
#container #header img{
	border:none;
	float:left;
}

#container  #blog-button{
	background-image: url(../images/blog-BTN.png);
	position: relative;
	background-color: transparent;
	position: relative;
	width: 204px;
	height: 54px;
	clear:both;
	margin-bottom: 20px;
	
}

#container  #blog-button-alt{
	background-image: url(../images/blog-BTN.png);
	position: relative;
	background-color: transparent;
	position: relative;
	width: 204px;
	height: 54px;
	clear:both;
	margin-top: 30px;
	margin-left: 70px;
}

#container  #blog-button-back{
	background-image: url(../images/back-to-listing-page-BTN.png);
	position: relative;
	background-color: transparent;
	width: 200px;
	height: 36px;
	clear:both;
	margin-bottom: 20px;
	
}

#container #blog-button a, #container #blog-button-back a,#container  #blog-button-alt a{
	text-indent: -9999px;
	height: 54px;
	display: block;
}

#container #body{
	background:#FFFFFF;
	clear:both;
	min-height:529px;
	height:auto !important;
	height:529px;
	overflow:hidden;
	padding:0;
	margin:0;
}
#home #container #body{
	background:url(../images/bg_home.jpg) no-repeat #FFF;
}
#contact #container #body{
	background:url(../images/bg_contact.jpg) no-repeat #FFF;
}
#board #container #body{
	background:url(../images/bg_board.jpg) no-repeat #FFF;
}
#calendar #container #body{
	background:url(../images/bg_calendar.jpg) no-repeat #FFF;
}
#multimedia #container #body{
	background:url(../images/bg_multimedia.jpg) no-repeat #FFF;
}
#container #body #content, #contentwide, #container #body #logobar, #logobar-narrow, #logobar-narrow-home{
	float:left;
}
#container #body #contentwide{
	padding: 30px 20px 0 70px;
	width: 370px;
}

#content {
	padding: 30px 0px 0 70px;
	width: 308px;
}

#content #divider{
	height: 1px;
	width: 100%;
	background-color: #CCC;  
}

#container #body #logobar{
	padding:30px 45px 0;
	text-align:center;
	width:288px;
}

#logobar-narrow-home {
	width: 240px;
 	padding:126px 10px 0;
	text-align:center;
}

#logobar-narrow {
 	width: 240px;
 	padding:20px 10px 0;
	text-align:center;
	position: relative;
	top: 0;
	left: 65px;;
}

/* logo styles */
#logobar-narrow a, #logobar-narrow-home a{
	border:none;
	margin:0 10px 5px 0;
	
}

#logobar-narrow .fortinos-logo, #logobar-narrow-home .fortinos-logo{
	background-image: url(../images/logo_fortinos.png);
	width: 128px;
	height: 28px;
	display: block;
	text-indent: -9999px;
	float: left;
	margin-left: 10px;
	margin-top: 9px;
}

#logobar-narrow .hamilton-logo, #logobar-narrow-home .hamilton-logo{
	background-image: url(../images/logo_cityofhamilton.png);
	width: 62px;
	height: 49px;
	display: block;
	text-indent: -9999px;
	float: left;
}

#logobar-narrow .cable14-logo, #logobar-narrow-home .cable14-logo{
	background-image: url(../images/logo_cable14.png);
	width: 94px;
	height: 40px;
	display: block;
	text-indent: -9999px;
	float: left;
	margin-left: 55px;
}
#logobar-narrow .loreal-logo, #logobar-narrow-home .loreal-logo{
	background-image: url(../images/logo_loreal.png);
	width: 104px;
	height: 28px;
	display: block;
	text-indent: -9999px;
	float: left;
}

#logobar-narrow .thespec-logo, #logobar-narrow-home .thespec-logo{
	background-image: url(../images/logo_thehamiltonspectator.png);
	width: 68px;
	height: 27px;
	display: block;
	text-indent: -9999px;
	float: left;
}

#logobar-narrow .allegranetwork-logo, #logobar-narrow-home .allegranetwork-logo{
	background-image: url(../images/logo_allegra.png);
	width: 65px;
	height: 55px;
	display: block;
	text-indent: -9999px;
	float: left;
}

#logobar-narrow .chml-logo, #logobar-narrow-home .chml-logo{
	background-image: url(../images/logo_chml900.png);
	width: 75px;
	height: 43px;
	display: block;
	text-indent: -9999px;
	float: left;
}

#logobar-narrow .salernodairy-logo, #logobar-narrow-home .salernodairy-logo{
	background-image: url(../images/logo_salerno.png);
	width: 83px;
	height: 44px;
	display: block;
	text-indent: -9999px;
	float: left;
	margin-left: 25px;
}

#logobar-narrow .tripemco-logo, #logobar-narrow-home .tripemco-logo{
	background-image: url(../images/logo_Tripemco.gif);
	width: 72px;
	height: 43px;
	display: block;
	text-indent: -9999px;
	float: left;
}

#logobar-narrow .carmens-logo, #logobar-narrow-home .carmens-logo{
	background-image: url(../images/logo_carmens.png);
	width: 70px;
	height: 35px;
	display: block;
	text-indent: -9999px;
	float: left;
	margin-left: 20px;
}

#logobar-narrow .macgillivray-logo, #logobar-narrow-home .macgillivray-logo{
	background-image: url(../images/logo_macgillivray.png);
	width: 110px;
	height: 28px;
	display: block;
	text-indent: -9999px;
	float: left;
}

#logobar-narrow .campari-logo, #logobar-narrow-home .campari-logo{
	background-image: url(../images/logo_campari.png);
	width: 100px;
	height: 30px;
	display: block;
	text-indent: -9999px;
	float: left;
	margin-left: 15px;
}

#logobar-narrow .wideeyedcommunications-logo, #logobar-narrow-home .wideeyedcommunications-logo{
	background-image: url(../images/logo_wideeyedcommunications.png);
	width: 95px;
	height: 23px;
	display: block;
	text-indent: -9999px;
	float: left;
	margin-left: 5px;
}


#logobar-narrow .linxsmart-logo, #logobar-narrow-home .linxsmart-logo{
	background-image:url(../images/logo_linxsmart.png);
	width: 105px;
	height: 39px;
	display: block;
	text-indent: -9999px;
	float: left;
	margin-left: 5px;
}

#logobar-narrow .molsoncanadian-logo, #logobar-narrow-home .molsoncanadian-logo{
	background-image:url(../images/logo_molsoncanadian.jpg);
	width: 60px;
	height: 60px;
	display: block;
	text-indent: -9999px;
	float: left;
	margin-left: 80px;
}

#logobar-narrow .grant-thornton-logo, #logobar-narrow-home .grant-thornton-logo{
	background-image:url(../images/grant-thornton-logo.jpg);
	width: 130px;
	height: 29px;
	display: block;
	text-indent: -9999px;
	float: left;
	margin-left: 5px;
}




#logobar-narrow .gen-logo, #logobar-narrow-home .gen-logo{
	background-image: url(../images/logo_2gen.png);
	width: 101px;
	height: 29px;
	display: block;
	text-indent: -9999px;
	float: left;
}

/* calendar */

#content .events-container{
	line-height: 20px;
	background-color: #e2e0c8;
	margin-bottom: 5px;
}

#content .events-container-odd{
	line-height: 20px;
	margin-bottom: 5px;
}

#content .event-container .empty-space{
	height: 10px;
	
}

#content .events-container .event-container .event a, #content .events-container-odd .event-container .event a{
	text-decoration: none;

}

#content .events-container .event-container .event .seperator, #content .events-container-odd .event-container .event .seperator{
	height: 1px;
	background-color: #CCC;
	width: 90%;
}

#content .events-container .event-container, #content .events-container-odd .event-container{
	/* display:none; */
}

#content .events-container .event, #content .events-container-odd .event{
	padding-left: 20px;	
	line-height: 16px;
}

#content .events-container .event .event-info, #content .events-container-odd .event .event-info{
	padding-left: 20px;	
	display:none;
}



#fullcalendar{
	height:520px;
}

/* blog */

div#blogArchiveNav{
    background: url("../images/blog-archive-middle-BG.png") repeat-y scroll left top transparent;
    display: block;
    height: auto !important;
    margin-bottom: 48px;
    margin-top: 74px;
    min-height: 279px;
    position: relative;
    width: 278px;
	float: right;
	padding-right: 40px;
}

div#blogArchiveNav div#navContent{
	display:block;
	padding:10px;
	padding-left:20px;
	padding-right:50px;
	
}

div#blogArchiveNav div#top {
	background: url("../images/blog-archive-top-BG.png") no-repeat scroll 0 0 transparent;
    display: block;
    height: 74px;
    left: -10px;
    position: absolute;
    top: -74px;
    width: 278px;
	padding:10px;

}

#blog-nav-title {
	margin-left: 50px;
}

div#blogArchiveNav div#bottom {
    background: url("../images/blog-archive-bottom-BG.png") no-repeat scroll 0 0 transparent;
    bottom: -48px;
	left:-3px !important;
    display: block;
    height: 48px;
    left: 0;
    position: absolute;
    width: 278px;
}

.blogItems{
	padding-top: 20px;	
}

.blogItems .blogItem-odd, .blogItems .blogItem{ 
	padding-top: 3px;
}

.blogItems .seperator, .blogItems .seperator{
	height: 1px;
	background-color: #CCC;
	width: 100%;
}

.blogItems .blogItem{
	background:url(../images/listing-transparent-BG.png);
	padding-left:8px;
}

.blogItems .blogItem.alt{
	background:none;

}

#blogView h1{
	line-height: 25px;
}

#blogView .date{
	font-family: Verdana, Geneva, sans-serif;
	font-size: 11px;
	color: #6f7170;
	
}


.blogItems .blogItem a{
	font-family: Verdana, Geneva, sans-serif;
	font-size: 16px;
	color: #0f9c3a;
	line-height: 25px;
}

.blogItems .blogItem p{
	font-family: Verdana, Geneva, sans-serif;
	font-size: 11px;
	color: #6f7170;
}

#navContent{
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 20px;
	
}

h1 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 25px;	
	font-weight: normal;
}


.archiveList{
	padding-top: 10px;	
}
.archiveList .archive{
	padding-top: 5px;
	padding-left: 5px;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 16px;
	color: #0f9c3a;
}
/* */
div#footer{
	border-top:1px dotted #cdcdcd;
	margin:20px;	
}
div#footer div#copyright{
	text-align:left;
	color: #AAA;
	font-size: 9px;
	float: left;
}
div#footer div#socialLinks{
	padding-top: 5px;
	float: right;	
}

#playerbar{
	position:absolute;
	padding:10px 0 0;
	text-align:center;
	width:756px;
	z-index:4000;
}
#mp3player {
	margin:0 auto;
	width:400px;
}
#blocker{
	background:#FFF;
	width:756px;
	height:30px;
	position:absolute;
	z-index:14001px;
}
#ui-datepicker-div{
	display:none;
}

div#container div#pagecontent ul, body#tinymce ul {
	list-style-image:none;
	
	margin:10px 0px;
	padding:0px 0px 0px 45px;
}

div#container div#pagecontent ol, body#tinymce ol {
	list-style:decimal;
	margin:10px 0px;
	padding:0px 0px 0px 30px;
}

div#container div#pagecontent ul li, body#tinymce ul li {
	margin:5px 0px;
}

#blogCommenting iframe{
	width:300px !important;	
}