/*general*/
body {background-color:#fff; color:#000; margin:0; padding:0; width:100%; height:100%; font-family:arial,helvetica,sans-serif;}
img {border:0; outline:0;}
.left {float:left;}
.right {float:right;}
.txtleftalign {text-align:left;}
.txtrightalign {text-align:right;}
.bold {font-weight:bold;}
.italic {font-style:italic;}
.clear {clear:both;}
form {margin:0;}
a:link, a:visited {color:#036; outline:0;}
a:hover, a:active {color:#36c; text-decoration:none;}

/*page structure*/
#outer {min-width:995px; height:99%; min-height:99%;}
#hdr {background:#036 url(images/bg_hdr.jpg) no-repeat top right; width:100%; height:160px;}
#snav {float:right; color:#36c; font-size:12px; margin:10px 11px 0 0; display:block;}
#admnav {float:left; width:175px; color:#039; font-size:12px; font-weight:bold; line-height:20px; margin:0; clear:both;}
#main {margin:0 2% 0 177px; font-size:12px; border-left:1px solid #036;}
#ftr {height:69px; background:#036 url(images/bg_ftr.gif) no-repeat top right; color:#fff; font-size:10px; clear:both;}

/*section highlighting*/
body#home a.nvhome, body#about a.nvabout, body#board a.nvboard, body#contact a.nvcontact, body#honour a.nvhonour, body#charity a.nvcharity, body#media a.nvmedia, body#chorus a.nvchorus {color:#fc3;}

/*header*/
#hdrright {float:right; width:460px; height:110px; font-size:11px; font-weight:bold; color:#fff; margin-top:2px; margin-right:11px;}
#hdrright a:link, #hdrright a:visited {color:#fff;}
#hdrright a:hover, #hdrright a:active {color:#fff; text-decoration:none;}
.lgo {margin-left:15px;}
#memberlogin {text-align:right; font-size:11px; font-weight:bold; color:#fff;}
#hdrtxt {float:left; color:#fff; font-size:20px; position:relative; top:-84px; left:130px; margin-top:-14px;}
#notag {background-color:#fff; font-size:0.75em; height:36px;}

/*top nav*/
#menu {clear:right; float:right; margin:0 10px 0 0; position:relative; top:7px; width:472px;}
#menu a, #menu h2 {display:block; font:bold 12px/15px arial,helvetica,sans-serif; margin:0; padding:0 0 0 7px; white-space:nowrap;}
#menu h2 {color:#fff;}
#menu a {text-decoration:none;}
#menu a, #menu a:visited {color:#fff;}
#menu a:hover {color:#fc3;}
#menu a:active {color:#fc3;}
#menu ul {float:left; list-style:none; margin:0; padding:0;}
#menu li {position:relative;}
#menu ul ul {background-color:#036; position:absolute; z-index:500; top:auto; display:none; padding:2px 0 4px 0;}
#menu ul ul li {border-top:1px solid #369; margin:2px 0 3px 0;}
#menu ul ul li.first {border-top:0;}
#menu ul ul li a {font-size:11px; padding-right:6px;}
#menu ul ul ul {top:0; left:100%;}

/* Begin non-anchor hover selectors */
/* Enter the more specific element (div) selector
on non-anchor hovers for IE5.x to comply with the
older version of csshover.htc - V1.21.041022. It
improves IE's performance speed to use the older
file and this method */
div#menu h2:hover {}
div#menu li:hover {cursor:pointer; z-index:100;}
div#menu li:hover ul ul, div#menu li li:hover ul ul, div#menu li li li:hover ul ul, div#menu li li li li:hover ul ul {display:none;}
div#menu li:hover ul, div#menu li li:hover ul, div#menu li li li:hover ul, div#menu li li li li:hover ul {display:block;}
/* End of non-anchor hover selectors */

/* Styling for Expand */
#menu a.x, #menu a.x:visited {font-weight:bold; color:#fff;}
#menu a.x:hover {color:#fc3; background:#036;}
#menu a.x:active {color:#fc3; background:#036;}
body {behavior: url(csshover.htc);}

/*left nav*/
a.sub {color:#36c; text-decoration:none; margin-left:0.5em;}
a.sub:hover {color:#c00;}
.prvsubnav {font-size:12px; padding:5px 5px 0 10px;}

#tnav a.selected {color:#fc3;}
#snav a.selected {color:#c00;}
#admnav a.selected:link, #admnav a.selected:activ, #admnav a.selected:visited, #admnav a.selected:hover {color:#c00;}

/*main*/
#callout {color:#36c; font-family:'Times New Roman',times,serif; font-size:21px; font-style:italic; font-weight:bold;}
div.presskit {margin:0 0 0 180px; font-size:12px; border-left:1px solid #036; background:transparent url(images/bg_presskit.jpg) no-repeat top right;}
div.links {margin:0 0 0 180px; font-size:12px; border-left:1px solid #036; background:transparent url(images/bg_links.jpg) no-repeat top right;}
body.pop {background:transparent url(images/ttl_torontopoliceassociation.gif) no-repeat 5px 40px;}
body.pop p {margin-right:20px; margin-left:48px; font-size:13px;}
body.pop div.bar {background-color:#036; height:18px;}
#main a:link, #main a:visited, #main a:active, #mainadm a:link, div.links a:link, div.links a:visited, div.links a:active {color:#039;}
#main a:hover, div.links a:hover {color:#36c; text-decoration:none;}
#main a.selected, #mainadm a.selected {text-decoration:none;}
#main table, .pop td {font-size:13px;}
#main p, div.links p, div.presskit p {font-size:13px; margin-left:48px;}
div.links p {width:89%;}
/*div.presskit p {width:70%;}*/
#main p.initial, #main table.initial, div.links p.initial, div.presskit p.initial {margin-top:40px;}
ul.indented {font-size:13px; margin:15px 0 0 62px; padding:0;}
ol.indented {font-size:13px; margin:15px 0 0 72px; padding:0;}
ol.indentedbold {font-size:13px; margin:15px 0 0 72px; padding:0; font-weight:bold;}
ol.indentedbold span.unbold {font-weight:normal;}
#main blockquote {font-size:12px; font-style:italic; position:relative; left:40px; width:77%;}
#snav a, #snavadm a {color:#039; text-decoration:none; text-align:right; font-weight:bold;}
#snav a:hover, #snavadm a:hover {color:#039; text-decoration:underline;}
#admnav a:link, #admnav a:visited {color:#039; text-decoration:none; padding:3px 0px 0 10px;}
#admnav a:hover, #admnav a:active {color:#c00;}
#admnav table a {font-weight:normal;}
h1.bluehd {font-size:17px; margin-left:48px; color:#36c;}
table h1.bluehd {margin-left:0;}
h2.white {font-size:14px; margin-left:48px; color:#fff; background-color:#999; padding:3px;}
h2 {font-size:14px; margin-left:48px;}
h3 {font-size:13px; margin-left:48px;}
h1.bluehd a, h2 a {text-decoration:none;}
table h2 {margin-left:0;}
p.announce {font-weight:bold; color:#36c; text-align:center; margin-top:1em;}
p.announce a {color:#36c; text-decoration:underline;}
.pglist {text-align:center; margin-top:1.5em;}
.nxtprev {text-align:right; font-weight:bold; color:#36c; margin-bottom:1em;}
.map {float:left; margin-right:20px; border:1px solid #000;}
.row1 {background-color:#eee; padding:3px;}
.row2 {padding:3px;}
table.calendar {border:1px solid #000; background:transparent url(images/ttl_calendar.gif) no-repeat top left; width:378px; margin-top:40px;}
table.calendar td p {margin:10px 0;}
ul.noindent {position:relative; left:-10px;}
/*ol.withline {margin:0 0 0 52px; padding:0;}*/
#main ol.withline li {border-top:1px solid #36c; margin:0 0 0 42px; padding:15px 0 0 0; font-weight:bold; color:#36c; font-size:17px;}
ol.withline li p, ol.withline li blockquote {font-weight:normal; position:relative; left:-48px; color:#000;}
ol.withline li span.blue {font-weight:bold; font-size:17px;}
ol.withline li span.black {font-weight:bold; font-size:17px; color:#000;}
ol.noline {border-top:0; margin:0 0 0 82px; padding:0;}
.CalText{font-size:10px; font-weight:bold;}
.CalDateText {font-size:10px; font-style:italic;}
.CalNumbers {font-size:10px;}
.quicklinks {background:transparent url(images/ttl_quicklinks.gif) no-repeat top left; border:1px solid #000; padding:0 6px 4px 0; width:370px;}
.quicklinks ul {list-style:none; margin-top:10px;}
.quicklinks ul li {margin-bottom:5px; margin-left:-10px;}
.quicklinks a {font-weight:bold;}
.currentissues {background:transparent url(images/ttl_current.gif) no-repeat top left; border:1px solid #000; padding:0 6px 4px 0; width:370px;}
.currentissues ul {list-style:none; margin-top:10px;}
.currentissues ul li {margin-bottom:15px; margin-left:-10px;}
.currentissues a {font-weight:bold;}
.blue {color:#36c;}
.red {color:#c00;}
.globalindent {margin-left:48px;}
.bordered {border:1px solid #000;}
.txtmediumblack {font-size:12px; color:#000;}
.txtsm {font-size:10px;}
.txt11px {color:#000; font-size:11px;}
.onleft {float:left; margin:0 15px 15px 0; border:1px solid #000;}
.onleftnoborder {float:left; margin:0 15px 15px 0;}
.onleftindented {float:left; margin:0 15px 15px 48px; border:1px solid #000;}
.onright {float:right; margin:0 0 15px 15px; border:1px solid #000;}
.onrightnoborder {float:right; margin:0 0 15px 15px;}
hr {margin-left:48px; color:#36c; height:1px;}
.quicklinks hr {margin:0 20px 0 30px;}
table.dir th {border-top:1px solid #000; border-left:1px solid #000; text-align:left;}
table.dir th.end {border-top:1px solid #000; border-right:1px solid #000; border-left:1px solid #000;}
table.dir td {border-top:1px solid #000; border-left:1px solid #000;}
table.dir td.end {border-top:1px solid #000; border-right:1px solid #000; border-left:1px solid #000;}
table.dir td.bottom {border-top:1px solid #000; border-bottom:1px solid #000; border-left:1px solid #000;}
table.dir td.bottomend {border-top:1px solid #000; border-right:1px solid #000; border-bottom:1px solid #000; border-left:1px solid #000;}
.eventsimg {float:right; width:380px; margin-top:25px;}
.eventsimgcentred {float:right; width:380px; margin-top:25px; text-align:center;}
.input {margin:2px 5px;}
ul.pdf {list-style:none;}
ul.pdf li {background:transparent url(images/ic_acrobat.gif) no-repeat center left; margin-left:8px; display:inline; padding:3px 20px 3px 0;}
ul.pdf a {font-weight:bold; margin-left:22px;}
.expandable {margin-left:48px; cursor:hand; background:transparent url(images/ic_arrow.gif) no-repeat center left; height:22px; padding-top:3px;}
.expandable a {margin-left:26px; font-weight:bold;}
table.rates {margin-left:48px;}
table.rates th {border-top:1px solid #000; border-left:1px solid #000;}
table.rates th.end {border-top:1px solid #000; border-right:1px solid #000; border-left:1px solid #000;}
table.rates td {border-top:1px solid #000; border-left:1px solid #000;}
table.rates td.end {border-top:1px solid #000; border-right:1px solid #000; border-left:1px solid #000;}
table.rates td.bottom {border-top:1px solid #000; border-bottom:1px solid #000; border-left:1px solid #000;}
table.rates td.bottomend {border-top:1px solid #000; border-right:1px solid #000; border-bottom:1px solid #000; border-left:1px solid #000;}
td.txtwhite {font-weight:bold; color:#fff; background-color:#999; padding-left:3px;}
img.boardofdirectors {border:1px solid #000; float:left; margin-right:15px;}
.NormalTextBox {width:120px;}
#main table.globalindent p {margin-left:0;}

/*footer*/
#ftr a {color:#fff; text-decoration:underline;}
#ftr a:hover {color:#fff; text-decoration:none;}
#copyr {padding-left:15px; position:relative; top:5px;}



.ModalBackground 
{
	background-color: #58585A; 
	opacity: 0.7; 
	filter: alpha(opacity=70);
}

.ModalPopupStyle
{
	background-color: #ffffff;
	border: solid 1px #000000;
}

#ModalTitleBar
{
	padding: 5px;
	color: #000000;
	font-weight: bold;
	background-color: #75b1ee;
	height: 22px;
	width: 450px;
	border-bottom: solid 1px #000000;
}

.smallertext {font-size:11px;}

/*photo gallery*/
.bgGallery {background-color:#eee; border-top:1px solid #ddd; margin-left:48px; overflow:auto; padding:5px; text-align:center; width:680px;}
.NavBar {background:#eee url(images/btn_bg.gif) repeat-x bottom; border:0; color:#666; font-size:11px; font-weight:bold; height:22px;  margin-left:48px; padding:4px 5px 2px 5px; text-align:center;}
.NavBarBtn {margin:0 50px;}
.bgGallery a {font-weight:bold;}

.blogFeedBack {background:transparent url(images/ttl_blogFeedback.gif) no-repeat top left; border:1px solid #000; padding:0 6px 4px 0px; width:370px;font-size:12px;}
.blogEmail {background:transparent url(images/ttl_blogSignup.gif) no-repeat top left; border:1px solid #000; padding:0 6px 4px 0px; width:370px; font-size:12px;}

ul.honour_roll
{
    width:704px;
    padding-left:80px;
}

ul.honour_roll li
{
    padding: 0;
    margin:0 0 16px 0;
    list-style:none;
    width:234px;
    float:left;
    
}