/*
CSS for http://www.inSaskatoon.com
By WhyManDev (http://www.whymandev.com)
*/
#page-container { width: 800px; margin: auto; padding: 0; width: 800px; background: #FFF url(bg.jpg) repeat-y center; }
body { margin:5px 0; padding:0; font: 79% Verdana, Arial, Sans-Serif; color:#222; line-height: 1.5em; background : #66cc66; }
p { 	margin: 0 0 5px 0; padding: 0; color: #222; background: inherit; }
hr { border: 0; height: 1px; color: #eee; background-color: #eee; }
a { 	color: #006666; background: inherit;  text-decoration:none; }
a:hover { 	background: inherit;	text-decoration: underline; }
h1 { padding:0; margin:0; color: #FFF; background: inherit;font: bold 1.8em Arial, Sans-Serif; letter-spacing: -1px; }
h1 a {color: #FFF; background: inherit;}
h2 { background-color: inherit; color:#006666; font-size:100%; font-weight:bold; margin: 5px 0 0px 0; padding:0; }
h2 a { color: #F29955; }
h2 a:hover { 	color: #F29955; text-decoration: none;}
ul { list-style: none; margin: 0; padding: 0; }
img { border: none; } 
img.floatLeft { float: left; margin: 4px; } 
img.floatRight { float: right; margin: 4px; } 
img.right { padding: 4px; margin: 0 0 2px 7px; display: inline; } 
img.left { padding: 4px; margin: 0 7px 2px 0; display: inline; }
#nav1 { background: #66cc66 url(nav_1.jpg); height: 28px; text-align: right; margin-bottom: 0em; overflow: hidden; width: 800px;}
#navlist1 { list-style-type: none; margin: 0; padding: 5px; font-size: 15px; font-weight: bold; }
#navlist1 li { border-left: 1px solid #000; float: right; line-height: 1.1em; margin: 0 .5em 0 -.5em; padding: 0 .5em 0 .5em; }
#navlist1 li a, a:visited { color: #006666; text-decoration: none; }
#navlist1 li a:hover { color: #FFF; text-decoration: none; }
#hdr { height: 75px; background: #66cc66 url(hdr.jpg); }
#nav2 { background: #66cc66 url(nav_2.jpg); height: 33px; margin-bottom: 0em; overflow: hidden; width: 800px; }
.navlist2 { list-style-type: none; margin: 0; padding: 5px; font-size: 16px; font-weight: bold; }
.navlist2 li { float: left; line-height: 1.1em; margin: 0px 10px 0 8px; padding: 0px 5px 0px 5px; }
.navlist2 li a, a:visited { color: #006666; text-decoration: none; }
.navlist2 li a:hover { color: #FFF; text-decoration: none; }
#container { color: #FFF; margin: 0 auto; padding: 0; width: 800px; background: #FFF }
#rside { clear: both;  float: right; width: 180px; background: ccc;  font-size:89%; margin: 18px auto; line-height: 17px; }
#rside .padding { padding: 0px; }
#rsnav ul { margin: 10px 0 20px 30px; padding : 0; list-style : none; }
#rsnav li { list-style-type: square;	color: #006666; margin: 2px 0 0px 0; padding: 0 0 0 0px; }
#rsnav li a { color: #006666; }
#rsnav li a:hover { color: #006666;  }
#rsnav h2 { background-color: inherit; color:#006666; font-size:120%; font-weight:bold; margin: 4px 0 0px 10px; padding:0; }
#content { float: left; width: 600px; background: fff; margin: 0 auto; padding: 0;  color: #222; line-height: 18px; border-right: 1px solid #006666; }
#content h2 { font-size:115%; font-weight:bold; margin: 0; padding: 0; padding-bottom: 16px; }
#content h1 { font-size:88%; font-weight:bold; margin: 0; padding: 0; padding-bottom: 6px; }
#content p { margin: 0px; padding: 0; padding-bottom: 15px; }
#content .padding { padding: 20px; }
#fupage { position: positive; width: 600px; margin: 0 auto; background: #fff; margin-left: 15px; border-right: 1px solid #006666; }
.gt { padding: 0px; margin:10px 17px; }
.clear { clear: left; height:6px; }
.tile { margin: 5px ; width: 259px; background: #f9f9f9; padding: 6px; font-size: 74% Tahoma,sans-serif; color: #444; border: 1px solid #aaa; text-align: left; position: relative; float:left; display:inline; }
.tile p { margin: 0 5px 5px 0px; }
.tile h2 { margin: 3px 0px;  font-size: 74% Tahoma, sans-serif;}
.tile ul { margin: 5px 0 10px 20px; padding : 0; list-style : square; }
.tile li li { list-style-type: square; }
.tile .image {  position:relative;float:right;top:-12px;left:8px; right:5px; text-align:right;color:#bbb;margin: -4px; width:100px; height:75px; background:#eee; border:1px solid #bbb; }
table.plans { font-family:tahoma; border-collapse:collapse; font-size:10pt; background-color:#ffffff; width:560px; border-style:solid; border-color:#006600; border-width:1px; }
th.plans { background-color:#f9f9f9; font-size:10pt; color:#222; text-align:center; }
tr.plans { height:22; }
td.plans { font-size:10pt; background-color:#EEE; color:#006600; font-size:98%; font-weight:bold; border-style:solid; border-width:1px; text-align:left; }
td.shared { font-size:10pt; background-color:#FFF; color:#006600; border-style:solid; border-width:1px; text-align:center; }
td.resell { font-size:10pt; background-color:#FFF; color:#006600; border-style:solid; border-width:1px; text-align:center; }
div.block { text-align:justify; }
#footer { clear:both; width: 800px; background: #66cc66 url(footer.jpg); margin: 0 auto; height: 54px; }
.footer_text { float: right;  margin: 4px 0px 0px 4px; width: 190px; font-size:78%; line-height: 16px; padding: 0; color: #777; }
.mapsection {font-family: Tahoma;font-size: 14px;}
.mapitem {font-family: Tahoma;font-size: 13px;}