/* header */
/* HEADER ===============================================================================================================*/
div {
	aaborder: solid 1px red; 
}
#header {  
	position: relative;
	width: 760px;
	min-height: 138px;
	background: url(../images/global/qtc_homebanner.jpg) no-repeat top;
} * html #header { height: 138px; }

#logo {
	position: relative;
	float: right ;
	top: 5px; 
}

img {border: none;}
#leftMenu {
	position: relative;
	width: 140px;
	padding: 10px 10px;
	float:left ;
	margin-top: -500px ;

} * html #leftMenu { left: 0px; }
/* I've left this in because we may want to use it afterall
#leftMenu h2 { 
	margin: 0 0 1em 0;
	font-size: 0.8em; 
	color: #5D341C; 
	width: 109px;
	height: 17px;
	background: url(../images/content/section-nav-girlswear.gif) no-repeat
} */
#leftMenu h2 { margin: 0 0 1em 0; }
#leftMenu ul {
	margin: 0;
	margin-top: 20px;
	padding: 0;
	list-style-type: none;
}


* html #leftMenu li { margin-top: -5px; } /* IE has this bizarre habit of putting immovable spacing between li tags */
#leftMenu a {	text-decoration: none; }

#leftMenu #sitemapLink { margin-top: 2.5em; }
#leftMenu #az { display: block; margin-top: 1em; }

#leftMenu img { border: 1px dashed #CAD7EC; margin-bottom: 3px; }


#pageContent {	
	position: relative;
	padding-top: 480px ;
	background: url('/images/global/bkg.jpg') repeat-y ;
}

#homepageContent {	
	position: relative;
	padding-top: 500px ;
}

#rightContent {
	position: relative;
	float:right ;
	width: 600px ;
	padding-top: 20px ;
	font-family: Verdana, Geneva, sans-serif; 
	margin-top: -500px ;
}

#homeContent {
	position: relative;
	z-index: 300;
	font-family: Verdana, Geneva, sans-serif; 
	font-size: 0.8em;
	color: black ;
	margin-top: -500px ;
}

#content {
	font-size: 0.8em;
	color: black ;
}

#content ul {
	margin-top: 0px ;
	font-size: 1em;
}

#content li {
	color: black ;
	
}

A.selected {
	color: red;
}

#newsInfo table{ 
	color: #111111 ;
}

#newsInfo td{ font-size: 0.8em; color: #333333 ;}

#newsInfo td a{ font-size: 1.2em ;}

#councillorInfo {
	padding-bottom: 30px ;
}


#councillorInfo table{ 
	color: #111111 ;
	font-size: 1.3em ;
}
#councillorInfo td { color: #333333 ;}

#councillorInfo td.title{ font-weight: bold; vertical-align: top; padding-right: 5px; font-size: 0.9em ;
}

a.back{
	font-size: 0.8em;
}

td.expired{ color: red ;}

.imageFloatleft { margin-right: 10px; margin-top: 15px;}

.imageFloatright { margin-left: 10px; }

#footer{
	position: relative;
	color: #37378E ;
	font-size: 0.7em ;	
	padding:5px ;
	margin-top: 10px;

}

#homeContent table{ 
	font-size: 1.1em ;
}
#homeContent td { color: black ;}

#nextMeeting{
	width: 230px ;
	height: 120px;
	background-image: url('/images/global/nextmeeting.gif') ;
	background-repeat: no-repeat ;
	border: solid 1px #16537E ;
	margin-right: 27px ;
	margin-left: 2px ;
	float:left ;
}

#nextEvent{
	width: 230px ;
	height: 120px;
	background-image: url('/images/global/nextevent.gif') ;
	border: solid 1px #16537E ;
	background-repeat: no-repeat ;
	margin-right: 23px ;
	float:left ;
}

#latestNews{
	width: 230px ;
	height: 120px;
	background-image: url('/images/global/latestnews.gif') ;
	border: solid 1px #16537E ;
	background-repeat: no-repeat ;
	float:left ;
}

#newsTitle{
	font-size: 1.2em;
	font-weight:bold ;
	float:left ;
	padding-bottom: 20px ;
}
#meetingTitle{
	font-size: 1.2em;
	font-weight:bold ;
	padding-bottom: 20px ;
}

#homeNotices {
}

#homeLinks {
	padding-bottom: 20px ;
	font-size: 0.8em
}
#homeLinks a {	color:#ffffff; }

#homeLinks a:hover {	color:#000000; }

#homeText h2 {
	font-size: 1.3em;	
}

#allMeetings{
	width: 230px ;
	height: 15px;
	border: solid 1px #16537E ;
	margin-right: 27px ;
	margin-left: 2px ;
	float:left ;
	margin-bottom: 20px ;
	border-top: 0px;
	background-color: #16537E;
}

#allEvents{
	width: 230px ;
	height: 15px;
	border: solid 1px #16537E ;
	margin-right: 23px ;
	float:left ;
	border-top: 0px;
	background-color: #16537E;
}

#allNews{
	width: 230px ;
	height: 15px;
	border: solid 1px #16537E ;
	float:left ;
	border-top: 0px;
	background-color: #16537E;
}



a.footerLink{
	font-size: 0.9em;
}

/* START CLEARING */
      /* http://www.positioniseverything.net/easyclearing.html */
      .clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
            .clearfix { display: inline-table; }
            /* Hides from IE-mac \*/
            * html .clearfix { height: 1%; }
            .clearfix { display: block; }
            /* End hide from IE-mac */
      .clearingDiv {  }
      .clearingDiv img { width: 99%; height: 1px; border: none; } /* width: 758px; */
/* END CLEARING */

#content table{ 
	/*font-size: 1.1em ;*/
	color: #111111 ;
}

#content #councillorInfo table{ 
	font-size: 1.1em ;
	color: red ;
}

#adminrightContent {
	position: relative;
	float:right ;
	width: 590px ;
	padding-top: 40px ;
	font-family: Verdana, Geneva, sans-serif; 
	margin-top: -500px ;
}

#adminleftContent {
	padding-top: 20px ;
}

hr {
	clear:both ;	
	color:#37378E;
	border:1px dashed ; 
	height : 1px;
	margin: 0px;
	margin-top: 2px;
	
}

table.parkingCharges {
	border: solid 1px black;
}
table.parkingCharges th{background-color: #ccddff; color:#111111;}
table.parkingCharges tr{background-color: #ccddff; color:#333333;}
table.parkingCharges td{text-align: center;}

.greyRow {background-color: #dddddd;}
.centreText{text-align:center;}




#findConcert{
	width: 230px ;
	height: 180px;
	background-tttimage: url('/images/global/nextmeeting.gif') ;
	background-repeat: no-repeat ;
	border: solid 1px #16537E ;
	margin-right: 10px ;
	margin-left:10px ;
	float:left ;
	padding-top: 4px;
}

#findConcert table#months {
clear:both;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:0pt;
padding:0pt;
width:216px;
}
#findConcert table#months td {
border:1px solid #BCBCBC;
display:inline;
float:left;
font-size:0.8em;
margin-right:2px;
padding:2px 4px;
text-align:center;
}
html > body #findConcert table#months td {
width:23px;
}
#findConcert table#months td.selectedMonth {
background:#484C4F none repeat scroll 0%;
}
#findConcert table#months td.selectedMonth a {
color:White;
}
#findConcert table#calendarYears {
clear:both;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:0pt;
padding:0pt;
text-align:center;
width:216px;
}
html > body #findConcert table#calendarYears {
}
#findConcert table#calendarYears td {
display:inline;
float:left;
font-size:0.8em;
padding:2px 4px;
text-align:center;
color:White;
}
html > body #findConcert table#calendarYears td {
margin-right:2px;
width:61px;
}
#findConcert table#calendarYears td.selectedYear {
background:#16537E none repeat scroll 0%;
width:60px;}
#findConcert table#calendarYears td.selectedYear a {
color:White;
}

#findConcert table#calendarHeader {
clear:both;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:0pt;
padding:0pt;
text-align:center;
width:216px;
}
html > body #findConcert table#calendarHeader {
}
#findConcert table#calendarHeader td {
border:1px solid #BCBCBC;
display:inline;
float:left;
font-size:0.8em;
padding:2px 4px;
text-align:center;
color:White;
}
html > body #findConcert table#calendarHeader td {
margin-right:2px;
width:23px;
background:#16537E none repeat scroll 0%;
color:White;
}
#findConcert table#calendarHeader td a{
color:White;}
html > body #findConcert table#calendarHeader a {
color:White;}

#findConcert table#calendarHeader td.selectedMonth {
background:#16537E none repeat scroll 0%;
width:60px;}
#findConcert table#calendarHeader td.selectedMonth a {
color:White;
}

#findConcert table#calendar td.dayCellEmpty{
abackground-color: #838383;
}


#findConcert table#calendar {
border-collapse:collapse;
clear:both;
margin-left:2px;
padding-right:1px;
text-align:center;
}
html > body #findConcert table#calendar {
width:209px;
}
#findConcert table#calendar caption {
margin-bottom:0pt;
padding-bottom:0pt;
}
#findConcert table#calendar th {
background:#838383 none repeat scroll 0%;
border:1px solid white;
color:White;
margin:0pt;
padding:4px;
text-align:center;
}
#findConcert table#calendar td {
background:#E8E8E8 none repeat scroll 0%;
border:1px solid white;
margin:0pt;
padding:4px;
text-align:center;
font-size: 1.0em;
}
#findConcert table#calendar td.concert {
background:#554667 none repeat scroll 0%;
border:1px solid white;
color:White;
margin:0pt;
padding:4px;
}
#findConcert table#calendar td.fireworkConcert {
background:#16537E none repeat scroll 0%;
border:1px solid white;
color:White;
margin:0pt;
padding:4px;
}
#findConcert table#calendar td.multipleConcerts {
background:#16537E none repeat scroll 0%;
border:1px solid white;
color:White;
margin:0pt;
padding:0px;
}
#findConcert table#calendar td.multipleConcerts a {
color:#FFFFFF;
}
#findConcert ul#key {
clear:both;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:0pt;
padding:0pt;
}
#findConcert ul#key li {
font-size:0.8em;
margin:1px;
padding:2px 4px;
}
#findConcert ul#key li.concert {
background:transparent url(/template-images/concertBullet.jpg) no-repeat scroll 0pt 4px;
list-style-type:none;
margin:0pt;
padding:0pt 0pt 5px 15px;
}
#findConcert a {
color:Black;
text-decoration:none;
}
#findConcert a:hover {
text-decoration:underline;
}
#findConcert ul#calendarYears li.selectedYear a, #findConcert ul#months li.selectedMonth a, #findConcert table#calendar td.concert a, #findConcert table#calendar td.fireworkConcert a {
color:White;
}

#homeNotice{
	background-color: #16537E;
	text-align: center;
	margin-left:100px;
	margin-right:100px;
	margin-bottom:20px;
	padding: 10px;
	color: white;
	font-weight: bold;
}

#cotOurAim{	min-height: 130px;}
#cotWhatWeDo{ min-height: 325px;}
#cotWhoWeAre{ min-height: 175px;}