/* CSS Document 
Copyright 2004 Town of Georgina
*/
/*===================================
|	       Header Elements			|
====================================*/
div#header {background: url(../images/georginaShore2.jpg) no-repeat; height: 150px; width:100%; background-color:#FFFFFF}
div#header p {display:none;}
div#header img {display:none;}
div#header .date {text-align:right; color:#000000; font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px; padding-right:10px; padding-top:5px; margin:0px;}
/*===================================
|	       Menu Elements	        |
===================================*/
div#nav {float:left; left:0px; height:500px; width:134px; margin:0px; background: #F7F7F7 url(../images/logo.gif) 50% 95% no-repeat; z-index: 10;
	 padding:0px;}
div#nav ul {margin: 0px; padding: 0px; width: 133px; background: #FFFFFF; border: 1px solid #AAA; z-index: 10;}
div#nav ul.level1, ul.level2, ul.level3 {background: #FFFFFF; z-index: 10;}
div#nav li {position: relative; list-style: none; margin: 0; border-bottom: 1px solid #CCC; z-index: 10;}
div#nav li:hover {background-color: #F1F1F1; z-index: 10; cursor:pointer; border-left-color: #000099;}
div#nav li a:hover { border-left-color: #000099; z-index: 10;}
div#nav li.submenu {background: url(../images/sub.gif) 98% 50% no-repeat; z-index: 10;}
div#nav li a.submenu:hover {background: #F1F1F1 url(../images/sub.gif) 98% 50% no-repeat; z-index: 10;}
/* Hack to display the correct hover options in mozilla */
html>body div#nav li.submenu:hover {background: #F1F1F1 url(../images/sub.gif) 98% 50% no-repeat; z-index: 10;}
/* End hack */
div#nav li a, li vlink {color: #000099; display: block; padding: 3px 0px 3px 5px;
	text-decoration: none; width: 123px; border-left: 5px solid #BBB; z-index: 10;}
div#nav>ul a {width: auto; z-index: 10;}
div#nav ul ul {position: absolute; top: 0; left: 132px; display: none; z-index: 10;}
div#nav ul.level1 li.submenu:hover ul.level2, div#nav ul.level2 li.submenu:hover ul.level3 {display:block; z-index: 10;}
div#links {padding:10px; margin: 0; font: 10px Verdana, Arial, Helvetica, sans-serif; line-height: 0.5em; z-index:10;}
div#links a {color:#666666; text-decoration:none; z-index: 10;}
div#links a:hover {color:#000; font:Verdana, Arial, Helvetica, sans-serif; text-decoration:underline; z-index: 10;}
/*===================================
|	       MainBody Elements		|
====================================*/
div#maincontent {margin: 0; padding: 0px; width: 100%; background-color:#f7f7f7;}
body {margin: 0px; padding:0px; font-size:12px; font-family:Verdana, Arial, Helvetica, sans-serif;
	background-color:#f2f2f2; behavior: url(csshover.htc); /* WinIE behavior call */} 
div#main {font-size:12px; margin: 0 150px 0 135px; height:400px; padding-bottom:50px;
	font-family:Verdana, Arial, Helvetica, sans-serif; background: #FFFFFF;}
html>body div#main{ height:auto; min-height:400px;}
div#townnews h4 {color: #000099; text-align:left; padding:0px; margin:0px; font-size:16px; margin-bottom:10px;}
div#townnews h5 {color: #000099; text-align:left; padding:0px; margin:0px; font-size:16px; margin-bottom:10px; border-bottom: 1px solid #BBB}
div#main a, link, vlink {text-decoration:none; color: #000099; font-weight:bold;}
div#main a:hover {text-decoration:underline; color:#009900;  font-weight:bold;}
div#main h6 {border-bottom: 1px solid #BBB; color: #000000; text-align:left; font-size:14px; padding-bottom:0px; margin-bottom:5px;}
div#main h7 {color: #000000; text-align:left; font-size:14px; padding-bottom:0px; margin-bottom:5px;}			 
div#featured a, link, vlink {text-decoration:none; color:#000099; font-weight:bold;}
div#featured a:hover {text-decoration:underline; color:#009900; font-weight:bold;}
div#featured h6 {border-bottom: 1px solid #BBB; border-left: 1px solid #BBB; color: #000000; text-align:left; font-size:14px; padding-left:10px; padding-bottom:0px; margin-bottom:10px;
	 margin-top:0px;}
div#featured h7 {border-left: 1px solid #BBB; color: #000000; text-align:left; font-size:14px; padding-left:10px; padding-bottom:0px; margin-bottom:10px; margin-top:0px;}	 
div#featured {margin: 0px; text-align:left; float:right; padding-left:10px; height:380px; width:150px; background:#f7f7f7;	position:relative;}
div#townnews {margin: 0px; padding:15px; font: 12px/20px Verdana, Arial, Helvetica, sans-serif; 
				position: relative; background-color:#FFFFFF;}
div#townnews p {margin:0px 0px 16px 0px;}
div#townnews h6 {border-bottom: 1px solid #BBB; color: #0f823d; text-align:left; padding:0px; margin:0px; font-size:16px; margin-bottom:10px; font-variant:small-caps}
div#townnews h1 {color: #0f823d; text-align:left; padding:0px; margin:0px; font-size:16px; margin-bottom:10px; font-variant:small-caps}			 
/* Main category images */
div#imageCommunity a {background: url(../images/banner/community.jpg) no-repeat 0 bottom; width: 180px; height: 80px; display:block; border:1px #000000 solid;}
div#imageCommunity a:hover {background: url(../images/banner/community-mouseover.jpg) no-repeat 0; border:2px #005A4A solid;}
div#imageBusiness a {background: url(../images/banner/business.jpg) no-repeat 0 bottom; width: 180px; height: 80px; display:block; border:1px #000000 solid;}
div#imageBusiness a:hover {background: url(../images/banner/business-mouseover.jpg) no-repeat 0; border:2px #005A4A solid;}
div#imageTourism a {background: url(../images/banner/tourism.jpg) no-repeat 0 bottom; width: 180px; height: 80px; display:block; border:1px #000000 solid;}
div#imageTourism a:hover {background: url(../images/banner/tourism-mouseover.jpg) no-repeat 0; border:2px #005A4A solid;}
div#imageAccessible a {background: url(../images/banner/accessibility.jpg) no-repeat 0 bottom; width: 180px; height: 80px; display:block; border:1px #000000 solid;}
div#imageAccessible a:hover {background: url(../images/banner/accessibility-mouseover.jpg) no-repeat 0; border:2px #005A4A solid;}
div#imageBudget2010 a {background: url(../images/banner/budget2010.jpg) no-repeat 0 bottom; width: 180px; height: 80px; display:block; border:1px #000000 solid;}
div#imageBudget2010 a:hover {background: url(../images/banner/budget2010-mouseover.jpg) no-repeat 0; border:2px #005A4A solid;}
div#imageTheRoc a {background: url(../images/banner/theroc2010.jpg) no-repeat 0 bottom; width: 180px; height: 80px; display:block; border:1px #000000 solid;}
div#imageTheRoc a:hover {background: url(../images/banner/theroc2010-mouseover.jpg) no-repeat 0; border:2px #005A4A solid;}
div#imageVote2010 a {background: url(../images/banner/Vote2010-Logo.JPG) no-repeat 0 bottom; width: 180px; height: 100px; display:block; border:1px #000000 solid;}
div#imageVote2010 a:hover {background: url(../images/banner/Vote2010-Logo-mouseover.JPG) no-repeat 0 bottom; width: 180px; height: 100px; display:block; border:2px #005A4A solid;}
/* End images */
table.tourism {background-image:url(../images/georginaShore2.jpg); background-repeat:no-repeat; border-collapse:collapse; border: 1px #000000 solid}
table.tender {font-size:12px; line-height:1.5em;}
td.noBorder {padding: 0px; border: 0px}
img {padding: 0px 5px 0px 0px}
div.tourismText {color:#FFFFFF; font-size:16px; font-weight:bold; text-align: right; padding: 5px}
td.garagesale {color: #000000; font-size:12px; font-family:Courier New, Courier, monospace;}
ul {margin-left: 20px; padding: 0px; line-height:2 em; margin-top:3px;}
ul.tab {margin-left:20px; margin-bottom:0px; padding-top:0px; line-height:1.5em;}
li {list-style-position:outside; list-style-type:square;}
li.num {list-style-type:decimal;}
li.pdf {list-style-image:url(../images/adobe_small.gif);}
li.htm {list-style-image:url(../images/html_small.gif);}
li.wmv {list-style-image:url(../images/wmv_small.gif);}
li.email {list-style-image:url(../images/email_small2.gif);}
li.none {list-style-image:url(../images/icon_none.gif);}
fieldset.form { border: 1px solid #BBB; padding-left:10px; padding-right: 10px;}
legend.form {font-weight:bold; font-size:12px; border: 1px solid #BBB; padding:5px;}
.border {border: 1px solid #BBB;}
.inline_pic {padding-right: 7px; padding-bottom: 7px; padding-top: 5px; padding-bottom:2px; border:0px;}
.sm_link {font-size:11px; text-align:right;}
.sm_link a, link, vlink {text-decoration:none; color:#FFFFFF; font-weight:bold;}
.sm_link a:hover {text-decoration:underline; font-weight:bold; color:#FFFFFF;}
.gallery { border-top:4px solid #DDD; border-left:4px solid #DDD; border-right:4px solid #AAA;
			border-bottom:4px solid #AAA;}
.highlight { background: #FFFF40; }			
p.photo_gallery img {padding: 5px;}
li li {list-style-type:disc;}
b.index {font-size:16px;}
hr.dotted {
 border-bottom-width : 0px;
 border-left-width : 0px;
 border-right-width : 0px;
 border-top : 1px dotted #000000;
 color : #000000;
 height : 1px;
}
td {vertical-align:top}
/*===================================
|	       Footer Elements			|
====================================*/
div#footer {height: 21px; width:100%; background: url(../images/navbar2.gif) repeat-x;
	padding: 8px 0px 0px 0px; font-size:9px; position:relative;
	font-family:Verdana, Arial, Helvetica, sans-serif; color:#FFFFFF;
	width:100%; text-align:center; clear: both; }
div#footer a:hover {text-decoration:underline; color:#FFFFFF;}
div#footer a, link, vlink {text-decoration:none; color:#FFFFFF;}
div#footer .copyright {float:center; text-align:centre; position:relative;}
div#footer .policy {float:right; text-align:right; margin-right:5px; position:relative;}
div#footer .date {float:left; text-align:left; margin-left:2px; position:relative;}

/*===================================
|	       navbar Elements			|
====================================*/
div#navbar { height:22px; width:100%; background: url(../images/navbar2.gif) repeat-x;
	padding-top: 6px; font-size:12px; font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#FFFFFF; margin:0px; padding-bottom:0px;}
div#navbar form.search {margin:0px; padding:0px; width:780px;}
div#navbar input.text {font-size: 12px; font-family:Verdana, Arial, Helvetica, sans-serif;
 	background-color: #FFFFFF; border: 1px solid #666666; color:#000000; vertical-align:bottom;}
div#navbar input.button {border: 1px solid #666666; font: 11px Verdana, Geneva, Arial, Helvetica, sans-serif; 
	background-color: #D7E5F2; color: #102132; margin-left: 0px;  vertical-align:middle;}
div#navbar input {margin:0px; padding-bottom:0px; vertical-align:baseline;}
div#navbar .nav_item {font-size:12px; font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#FFFFFF; font-weight:bold;}
div#navbar a.nav_item {text-decoration:none;}
div#navbar a.nav_item:hover {color:#66FF33; text-decoration:underline;}