/*

Theme Name: CTMA WordPress
Theme URI: http://www.ctma.ca/
Description: CTMA WordPress Theme - November 2009
Version: 1.0
Author: Ken Chase
CTMA WordPress Theme by Ken Chase || http://www.kenchase.com/

*/

/*** General Styles ***/

/* Remove margin and padding from all elements  */

*{
   margin: 0;
   padding: 0;
}

/* Set font style and colours */

body{
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: small;
   color: #534e45;
   text-align: center;  /* centre page for bad browsers */
   width: 100%;
   background: url(images/bg-body.png) repeat-x top left #e2e1e1;
}
* html body{
   font-size: x-small; /* for IE 5/Win */
   f\ont-size: small;  /* for other IE versions */
}
html, body{
    height: 100%;
}
html{
   overflow-y:scroll; 
}

a img{
   border: none;	
}
img.alignleft{
	float: left;
	margin: 0 20px 10px 0;
}
img.alignright{
	float: right;
	margin: 0 0 10px 20px;
}

div#wrapper{
   width: 867px;
   font-size: 90%;
   overflow: hidden;
   margin: 0 auto;
   padding: 0;
   background: #fff;
   text-align: left; /* Recover from text-align center in body */
   
   position: relative;
   min-height: 100%;
}

/*** Header ***/

div#header{
   width: 867px;
   margin: 0 auto;
   padding: 20px 0 0 0;
   background: #fff;
   overflow: hidden;
}

/* Logo */

div#header div#header-logo{
	float: left;
	width: 216px;
	height: 78px;
	padding: 0 0 0 20px
}
div#header div#header-logo h1{
   text-indent: -5000px;
}
div#header div#header-logo  h1 a{
   display: block;
   height: 78px;
   width: 216px;
   background: url(images/bg-logo.png) no-repeat top left;
}

/* Utilities (header right side) */

div#header div#header-utilities{
   float: left;
   width: 621px;
   padding: 0 10px 0 0;
}

/* Header Nav */

div#header div#header-nav{
	width: 581px;
	height: 37px;
	padding: 0 40px 0 0;
	float: right;
	background: url(images/bg-header-nav.png) no-repeat center right;
	font-size: 90%;
}
div#header div#header-nav ul{
	width: 571px;
	padding: 10px 50px 0 0;
	text-align: right;
	list-style: none;
}
div#header div#header-nav ul li{
	display: inline;
	border-right: 1px solid #4f4b4b;
	padding: 0 4px 0 2px;
}
div#header div#header-nav ul li.last{
	border: none;
}
div#header div#header-nav ul li a{
    text-decoration: none;
    color: #4f4b4b;
}
div#header div#header-nav ul li a:hover{
    color: #4f4b4b;
}

/* Header Forms */

div#header div#header-forms{
	clear: both;
	float: right;
	width: 621px;
	margin: 16px 0 0 0;
}
div#header div#header-forms form{
	display: inline;
}
div#header div#header-forms form label{
	vertical-align: bottom;
	margin: 0 6px 0 0;
	font-family: "Myriad Pro";
}
div#header div#header-forms form input{
	vertical-align: bottom;	
}
div#header div#header-forms form input[type=text]{
	height: 20px;
	padding: 5px 5px 0 5px;
	width: 95px;
	border: none;
	background: url(images/bg-input-box.png) no-repeat center left;
}

/* Member Search */

div#header div#header-forms div#member-search{
	float: right;
}

/* Site Search */

div#header div#header-forms div#site-search{
	margin: 0 0 0 20px;
	float: right;
}

/* Main Nav */

div#header div#main-nav{
   clear: both;
   width: 861px;
   height: 41px;
   margin: 20px 3px 6px 3px;
   text-transform: uppercase;
   float: left;
   background: url(images/bg-main-nav.png) no-repeat center left;
}
div#header div#main-nav ul{
	float: left;
	text-align: center;
	list-style: none;
}
div#header div#main-nav ul li{
   	float: left;
	height: 41px;
	background: url(images/bg-main-nav-divider.png) no-repeat top right;
}
div#header div#main-nav ul li.last{
	background: none;
}
div#header div#main-nav ul li a{
	float: left;
	display: block;
	height: 29px;
	width: 48px;
	padding: 12px 16px 0 16px;
	text-decoration: none;
	color: #fff;
}
div#header div#main-nav ul li a:hover,
div#header div#main-nav ul li.current_page_item a,
div#header div#main-nav ul li.current_page_parent a,
div#header div#main-nav ul li.current_page_ancestor a{
    color: #fff;
    background: url(images/bg-main-nav-hover.png) repeat-x top left;
}
div#header div#main-nav ul li.page-item-5 a:hover,
div#header div#main-nav ul li.current_page_item a.first,
div#header div#main-nav ul li.current_page_parent a.first{
    color: #fff;
    background: url(images/bg-main-nav-hover-left.png) no-repeat top left;
}
div#header div#main-nav ul li.page-item-33 a:hover,
div#header div#main-nav ul li.current_page_item a.last,
div#header div#main-nav ul li.current_page_parent a.last{
    color: #fff;
    background: url(images/bg-main-nav-hover-right.png) no-repeat top right;
}

/* Home */
div#header div#main-nav ul li.page-item-585 a{
	width: 42px;
}
/* Members */
div#header div#main-nav ul li.page-item-23 a{
	width: 60px;
}
/* Join CTMA */
div#header div#main-nav ul li.page-item-25 a{
	width: 70px;
}
/* Initiatives */
div#header div#main-nav ul li.page-item-27 a{
	width: 78px;
}
/* Resources */
div#header div#main-nav ul li.page-item-29 a{
	width: 78px;
}
/* News & Media */
div#header div#main-nav ul li.page-item-31 a{
	width: 96px;
}
/* Contact */
div#header div#main-nav ul li.page-item-33 a{
	width: 53px;
}

/*** Content  ***/

div#content{
    width: 867px;
    overflow: hidden;
    padding-bottom: 58px;
	margin-bottom: 20px;
	position: relative;
	min-height: 100%;
}

/*** Left Sidebar ***/

div#content div#sidebar-left{
	float: left;
	display: inline;
	width: 210px;
	margin: 2px 0 0 5px;
	padding: 141px 0 0 0;
	background: url(images/bg-left-col.jpg) no-repeat top center;
}
body.section-21 div#content div#sidebar-left,
body#event-gallery div#content div#sidebar-left,
body#event div#content div#sidebar-left{
	background: url(images/bg-left-col-events.jpg) no-repeat top center;
}
body.section-23 div#content div#sidebar-left{
	background: url(images/bg-left-col-members.jpg) no-repeat top center;
}
body.section-25 div#content div#sidebar-left{
	background: url(images/bg-left-col-join.jpg) no-repeat top center;
}
body.section-27 div#content div#sidebar-left{
	background: url(images/bg-left-col-initiatives.jpg) no-repeat top center;
}
body.section-31 div#content div#sidebar-left,
body#media-gallery div#content div#sidebar-left{
	background: url(images/bg-left-col-news.jpg) no-repeat top center;
}
body.section-29 div#content div#sidebar-left,
body.section-33 div#content div#sidebar-left,
body#report div#content div#sidebar-left{
	background: url(images/bg-left-col-contact.jpg) no-repeat top center;
}
div#content div#sidebar-left h2{
	color: #0047dd;
	font-family: "Myriad Pro";
	font-weight: normal;
	border-bottom: 1px dotted #918d83;
	padding: 0 0 2px 6px;
	width: 200px;
}
div#content div#sidebar-left ul{
   list-style-type: none;
}

/* Sub Nav */

div#content div#sidebar-left div#sbl-sub-nav,
div#content div#sidebar-left div#sbl-archives{
	margin: 0 0 20px 0;
}
div#content div#sidebar-left div#sbl-sub-nav ul,
div#content div#sidebar-left div#sbl-archives ul{
	margin: 6px 0 0 0;
}
div#content div#sidebar-left div#sbl-sub-nav ul li a,
div#content div#sidebar-left div#sbl-archives ul li a{
	color: #403c35;
	text-decoration: none;
	border-bottom: 1px dotted #918d83;
	padding: 6px 6px 6px 10px;
	display: inline-block;
	width: 194px;
}
div#content div#sidebar-left div#sbl-sub-nav ul li a:hover,
div#content div#sidebar-left div#sbl-sub-nav ul li.current_page_item a{
	background: #ebe8e6;
}
div#content div#sidebar-left div#sbl-sub-nav ul li.last a{
	border: none;
}
div#content div#sidebar-left div#sbl-sub-nav ul li li.last a{
	border-bottom: 1px dotted #918d83;
}

/* 3rd Level Nav */

div#content div#sidebar-left div#sbl-sub-nav ul li ul li a,
div#content div#sidebar-left div#sbl-sub-nav ul li.current_page_item ul li a{
	width: 178px;
	padding: 6px 6px 6px 26px;
	background: none;
	border-bottom: 1px dotted #918d83;
}
div#content div#sidebar-left div#sbl-sub-nav ul li ul li a:hover,
div#content div#sidebar-left div#sbl-sub-nav ul li ul li.current_page_parent a{
	background: #ebe8e6;
}
div#content div#sidebar-left div#sbl-sub-nav ul li.last ul li a{
	border-bottom: 1px dotted #918d83;
}

/*** Main Content ***/

div#content div#main-content{
    float: left;
    display: inline;
    width: 590px;
    margin: 2px 21px 20px 41px;
    padding: 0;
}
div#content div#main-content h2{
    color: #0047dd;
    font-family: "Myriad Pro";
    font-size: 190%;
    font-weight: normal;
    margin: 20px 0 20px 0;
    padding: 0 0 2px 0;
    border-bottom: 1px dotted #918d83;
}
div#content div#main-content h3{
    color: #0446db;
    font-size: 100%;
}
body#objectives-of-ctma div#content div#main-content h3{
	margin-bottom: 10px;
}
body#objectives-of-ctma div#content div#main-content ul{
	margin-top: 0px;
}
div#content div#main-content h4{
    color: #534e45;
    font-size: 100%;
}

div#content div#main-content a{
    color: #0446db;
    text-decoration: none;
}
div#content div#main-content a:hover{
    text-decoration: underline;
}
div#content div#main-content p{
    margin: 0 0 12px 0;
}
div#content div#main-content ul{
    margin: 10px 0 10px 16px;
    list-style-image: url(images/bg-list-item.png);
}
body.section-29 div#content div#main-content ul{
	list-style: none;
	margin-left: 0;
}
div#content div#main-content ul.indent{
	margin-left: 40px;
}
div#content div#main-content ol{
    margin: 10px 0 10px 20px;
}
div#content div#main-content ol.alpha{
	list-style-type: upper-alpha;
}
div#content div#main-content ul li,
div#content div#main-content ol li{
    margin: 0 0 6px 0;
}
div#content div#main-content dl{
    margin: 10px 0;
}
div#content div#main-content dl dd{
    margin: 0 0 10px 0;
}
body#how-to-become-a-member div#content div#main-content h3{
    color: #534e45;
}

div#content div#main-content table.event{
    width: 584px;
    margin: 10px 0;
	border-collapse: collapse;
    border-bottom: 1px solid #ccdaf8;
}
div#content div#main-content table.event tr.first{
  	background: url(images/bg-table-header.png) no-repeat top left #ccdaf8;
	width: 584px;
	border: none;
}
div#content div#main-content table.event tr{
	border-left: 1px solid #ccdaf8;
	border-right: 1px solid #ccdaf8;
}
div#content div#main-content table.event th{
    padding: 6px 4px 6px 14px;
	text-align: left;
	text-transform: uppercase;
	vertical-align: top;
}
div#content div#main-content table.event th.col-a{
	width: 100px;
}
div#content div#main-content table.event td{
	border: 1px solid #ccdaf8;
    background: #fff;
    padding: 8px 4px 8px 14px;
	vertical-align: top;
}


/*** Footer ***/

div#footer{
	clear: both;
	width: 821px;
	margin: 0 3px;
	font-size: 90%;
	color: #fff;
	background: url(images/bg-footer.png) no-repeat top center #47433B;
	height: 32px;
	padding: 10px 20px;
	
	position: absolute;
    bottom: 0;
}
div#footer a{
	text-decoration: none;
	color: #fff;
}
div#footer a:hover{
	text-decoration: underline;
}
div#footer ul{
    list-style: none;
    text-align: center;
    margin: 0 0 6px 0;
}
div#footer ul li{
	display: inline;
	border-right: 1px solid #fff;
	padding: 0 3px 0 0;
}
div#footer ul li.last{
	border: none;
}
div#footer p#ft-copy{
	display: inline;
	float: left;
}
div#footer p#ft-credit{
	display: inline;
	float: right;
}

/*** Individual Post ***/

div#content div#main-content ul.post-nav{
	list-style: none;
	list-style-image: none;
	margin: 0;
	clear: both;
	float: right;
}
div#content div#main-content ul.post-nav li{
	display: inline;
	margin:  0 10px 0 0;
}

/*** Contact Page ***/

div#main-content div#contact-content{
	float: left;
	width: 225px;
	margin: 0 20px 0 0;
}
div#main-content div#contact-map{
	float: right;
	width: 260px;
	margin: 0 20px 20px 0;
}

div#main-content div#contact-staff{
	clear: both;
	width: 590px;
}

/*** Board of Directors ***/

body#board-of-directors-officers h3,
body#board-of-directors-officers h4{
	text-transform: uppercase;
}

/*** List of Committees ***/

body#list-of-committees h3{
	text-transform: uppercase;
}

/*** Event Listings ***/

body#event-listing div#content div#main-content h3.event-listing-hd a{
	text-decoration: underline;
}
body#event-listing div#content div#main-content h3.event-listing-hd span{
	font-weight: normal;
    color: #534e45;
}

body#event-listing div#content div#main-content p{
	margin: 0;
}
body#event-listing div#content div#main-content div.event{
	margin: 0 0 14px 0;
}
div#content div#main-content ul#event-info{
	list-style-image: none;
	list-style: none;
	margin: 0 0 20px 0;
}
div#content div#main-content ul#event-info li span{
	font-weight: bold;
}

/*** News Posts ***/

body#news div#header div#main-nav ul li.page-item-31 a{
    color: #fff;
    background: url(images/bg-main-nav-hover.png) repeat-x top left;
}
body#news div#content div#sidebar-left div#sbl-sub-nav ul li.page-item-134 a{
    background: #ebe8e6;
}
body#news div#content div#sidebar-left div#sbl-sub-nav ul li.page-item-134 li a{
    background: #fff;
}
body#news div#content div#sidebar-left div#sbl-sub-nav ul li.page-item-134 li a:hover{
    background: #ebe8e6;
}

/*** Event Photo Gallery***/

body#event-gallery div#header div#main-nav ul li.page-item-21 a{
    color: #fff;
    background: url(images/bg-main-nav-hover.png) repeat-x top left;
}
body#event-gallery div#content div#sidebar-left div#sbl-sub-nav ul li.page-item-159 a{
    background: #ebe8e6;
}

/*** Reports ***/

body#report div#header div#main-nav ul li.page-item-29 a{
    color: #fff;
    background: url(images/bg-main-nav-hover.png) repeat-x top left;
}
body#report div#content div#sidebar-left div#sbl-sub-nav ul li.page-item-170 a{
    background: #ebe8e6;
}

/*** Event Post ***/

div#content div#main-content div.btn-reg p{
	padding: 6px;
	margin: 20px 0;
	background: #3F7BFF;
	color: #fff;
	width: 110px;
	text-align: center;
    display: inline-block;
}
div#content div#main-content div.btn-reg p a{
	color: #fff;
}

/*** Media Photo Gallery ***/

body#media-gallery div#header div#main-nav ul li.page-item-31 a{
    color: #fff;
    background: url(images/bg-main-nav-hover.png) repeat-x top left;
}
body#media-gallery div#content div#sidebar-left div#sbl-sub-nav ul li.page-item-141 a{
    background: #ebe8e6;
}

