@import url(Buttons.css);
body {
	background-color: #071522;
	background-image: url(bg.jpg);
	background-repeat: repeat-y;
	background-position: center;
	text-align: center;
	font-family: arial;

}
p 
{
	font-size: 9pt;
	color: #525252;
	line-height: 1.4em;
}
li 
{
	font-size: 11px;
	color: #525252;
}
ul.bigPoints li 
{
	font-size: 12px;
	font-weight: bolder;
}
h2 
{
	color: #0c5a9e;
	font-size: 16pt;
}
h3 
{
	color: #00235b;
	font-size: 12pt;
}
img
{
	border: 0px;
}
.frame 
{
	border:1px solid #89bedd; padding: 1px; background-color: #c8dde9;
}
#maincontainer {text-align: left; margin: auto; width: 980px;}
#footer 
{
	border-top: 1px solid #b2bec7; font-size: 10px; text-align: right; padding: 3px; color: #727e87;
}
#footer  a {
 color: #67b0da;
}
#footer a:hover {
	color: #ffffff;
}
.divider-line 
{
	background-color: #d4e0ee;
	height: 1px;
}
.left-sidebar {
    background-image: url(leftBoxBg.png);
    background-repeat: repeat-y;
    width: 306px;
}
.fixed-content-box {
	background-image: url(fixedContentBg.png);
	background-repeat: no-repeat;
    width: 670px;
	height: 442px;
}
.main-content-box {
	background-image: url(mainContentBg.png);
	background-repeat: no-repeat;
    width: 670px;
}
.main-content-box-tile {
	
}
.main-content-box-footer {
	background-image: url(mainContentFooter.png);
	background-repeat: no-repeat;
    width: 670px;
	height: 26px;
}
.full-content-box {
	background-image: url(full-content-box-bg.png);
	background-repeat: no-repeat;
    width: 980px;
}
.full-content-box-footer {
	background-image: url(full-content-box-footer.png);
	background-repeat: no-repeat;
    width: 980px;
	height: 26px;
}


.left-sidebar-footer {
	background-image: url(leftBoxFooter.png);
    background-repeat: no-repeat;
    width: 306px;
	height: 26px;
}
.left-column {
	width: 306px;
	float: left;
}
.right-column {
	width: 670px;
	margin-left: 309px;
}
.pad {
	padding-left: 15px;
	padding-right: 15px;
	padding-top: 5px;
}

#mapCanvas 
    {
    	background-image: url(EdmontonMap.png);
    	width: 670px;
    	height: 470px;
    	position: relative;
    	
    }
    .mapIcon 
    {
    	width: 25px;
    	height: 25px;
    	display: block;
    	position: absolute;
    	z-index: 2;
    	background-image: url(mapIcon.png);
    }
    #mapLabel 
    {
    	display: none;
    	position: absolute;
    	height: 41px;
    	width: 153px;
    	background-image: url(blueLabel.png);
    	text-align: center;
    	color: #ffffff;
    	font-family: Arial;
    	padding: 0px;
    	font-size: 10px;
    	font-weight: bold;
    	z-index: 3;
    }
        .popup 
{
	background-repeat: no-repeat;
	background-image: url(popupbg.png);
	position: absolute; 
	padding: 20px; 
	text-align: center; 
	width: 320px; 
	height: 250px; 
	display: none; 
	border: none;
}
    #tip 
    {
    	display: none;
    	position: absolute;
    	height: 41px;
    	width: 153px;
    	background-image: url(blueLabel.png);
    	text-align: center;
    	color: #ffffff;
    	font-family: Arial;
    	padding: 0px;
    	font-size: 10px;
    	font-weight: bold;
    	z-index: 3;
    }
	ul.vertical-list 
{
	margin: 0px;
	padding-top: 0px;
	padding-left: 10px;
	padding-right: 10px;
	list-style-type: none;
}
ul.vertical-list li 
{
	margin: 0px;	
}

ul.buttonlist 
{
	margin: 20px;
	padding: 0px;
}

ul.buttonlist li
{
	display: block;
	width: 125px;
	height: 140px;
	float: left;
	text-align: center;
}
ul.buttonlist li a 
{
	color: #333333; font-weight: bold;
	font-size: 7pt; text-decoration: none;
}

l.buttonlist li a:hover 
{
	text-decoration: underline; color: #666666;
}

ul.buttonlist li a img 
{
	border: 1px solid #dddddd;
}

ul.buttonlist li a:hover img 
{
	border: 1px solid #00235b;
}
span.showhomeIcon 
{
	width: 23px;
	height: 23px;
	background-image: url(showhome-icon.png);
	float: left;
	display: block;
	background-repeat: no-repeat;
	margin-top: 0px;
	top: -3px;
	margin-right: 5px;
	position: relative;
}

ul.vertical-list li a 
{
	padding-left: 15px;
	text-decoration: none;
	padding-top: 5px;
	font-size: 12px;
	font-weight: bold;
	color: #555555;
	display: inline-block;
	height: 25px;
	width: 266px;
}

ul.vertical-list li a:hover
{
	background-image: url(vertical-list-highlight.png);
	background-repeat: repeat-x;
}
ul.vertical-list li a.hover
{
	background-image: url(vertical-list-highlight.png);
	background-repeat: repeat-x;
}
.strongblue 
    {
    	color: #fff0c2;
    	font-weight: bold;
    	font-size: 11px;
    }
    .sectionPanel {display: none}
    
    table.FormFields 
{
	margin-left: 15px;
}
table.FormFields tr td 
{
	padding: 4px; font-size: 11px;
	color: #525252;
}
table.CleanDataTable 
{
	
}
table.CleanDataTable tr td 
{
	padding: 5px; border-bottom: 1px solid #cccccc; font-size: 11px;
	color: #525252;
}
table.CleanDataTable thead tr td 
{
	padding: 6px; border-bottom: 2px solid #aaaaaa; font-size: 10px; font-weight: bold; color: #00235b;
}
table.regForm tr td 
{
	font-size: 12px;
	
}
 .workbook
        {
            margin: 5px;
            background-color: #fff8d3;
        }
        .workbook-box
        {
            background-color: #ffe769;
            border: dashed 1px #c8b864;
            padding: 10px;
        }
        .workbook-header
        {
            padding: 10px;
            background-color: #de8318;
            background-image: url(/skin/orange_grad.jpg);
            background-repeat: repeat-y;
            font-weight: bold;
            font-size: 14pt;
        }
        .workbook-table tr td
        {
            font-size: 10pt;
        }