/*

    Author:		Peter Santos <psantos@esolutionsgroup.ca>
	Date:		December 15th, 2008
	
*/

/*
*********************************************************************************************/
body { 
    font-family: Arial, Verdana, Sans-Serif;
    font-size: 13px;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    color: #333333;
}
#Uber {
    width: 951px;
    position: relative;
    top: 0px;
    left: 50%;
    margin-left: -475px;
    z-index: 7;
}
#puColumnOne, #puColumnTwo, #puColumnThree, #puColumnThreeInterior {
    position: absolute;
    left: 0px;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    width: 100%;
}
#puColumnOne {
    top: 0px;
    height: 101px;
    z-index: 0;
    background: url('/images/greyGradientBG.gif') repeat-x 0px 0px;
}
#puColumnTwo {
    top: 101px;
    height: 35px;
    z-index: 1;
    border-top: solid 1px #dedede;
    border-bottom: solid 1px #d6d6d6;
    background: url('/images/mainNavBG.gif') repeat-x 0px 0px;
}
#puColumnThree {
    height: 245px;
    top: 138px;
    z-index: 3;
    border-bottom: solid 7px #002748;
    background-color: #afb60f;
    z-index: 7;
}
#puColumnThreeInterior {
    height: 62px;
    top: 138px;
    z-index: 3;
    border-bottom: solid 7px #002748;
    background-color: #afb60f;
    z-index: 7;
}
#puColThreeSecondary {
    width: 951px;
    float: left;
    z-index: 8;
}
#puColThreeSecondaryLeft {
    width: 477px;
    height: 245px;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    float: left;
    overflow: hidden;
}
/* INTERIOR Three column PAGE Styles
***********************************************************/
#puColThreeSecondaryInterior {
    width: 951px;
    float: left;
    z-index: 8;
}
#puColThreeSecondaryLeftInterior {
    width: 456px;
    height: 62px;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    float: left;
    line-height: 60px;
    display: inline;
}
#puColThreeSecondaryRightInterior {
    width: 495px;
    height: 62px;
    text-align: right;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    float: left;
    line-height: 60px;
}
/* INTERIOR PAGE Styles DONE
***********************************************************/
#LeftNav {
    width: 209px;
    float: left;
    margin:0px;
    padding:0px;
}
#MapLeft{
    width: 185px;
    float: left;
    margin: 0px 0px 0px 0px;
    padding: 18px 0px 18px 24px;
}
#puColThreeSecondaryMiddle {
    width: 253px;
    height: 245px;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    border-left: solid 1px #d5d890;
    border-right: solid 1px #d5d890;
    float: left;
    z-index: 9;
    overflow: hidden;
}
#PUCTSMiddleOne {
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    border-bottom: solid 1px #d5d890;
    float: left;
}
#PUCTSMiddleTwo {
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    border-right: solid 1px #d5d890;
    float: left;
}
#PUCTSMiddleThree {
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    float: left;
}
#puColThreeSecondaryMiddle img {
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    float: left;
}
#puColThreeSecondaryRight {
    width: 219px;
    height: 245px;
    background-color: #a3aa0e;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    float: left;
    overflow: hidden;
}
#Header {
    width: 949px;
    height: 101px;
    float: left;
    margin: 0px;
    padding: 0px;
    border-left: solid 1px #d2d2d2;
    border-right: solid 1px #d2d2d2;
}
#headerPrimary {
    width: 405px;
    height: 41px;
    text-align: right;
    position: relative;
    margin: 0px;
    padding: 60px 38px 0px 0px;
    float: left;
}
.Logo {
    position: absolute;
    top: 0px;
    left: 0px;
    float: left;
    margin: 0px 0px 0px 0px;
    z-index: 5;
}
#headerSecondary {
    width: 480px;
    height: 101px;
    text-align: left;
    position: relative;
    margin: 0px;
    float: left;
    padding: 0px 16px 0px 0px;
    
}
#headerSecondaryInside {
    width: 493px;
    position: absolute;
    padding: 0px 0px 0px 0px;
    bottom: 23px;
    z-index: 6; 
}
#topNav {
    float: left;
    margin: 0px 0px 0px 0px;
    padding: 4px 0px 0px 0px;
}
#textSize {
    float: left;
}
#Search {
    float: left;
    margin: 0px 0px 0px 9px;
    padding: 0px 0px 0px 0px;
}
#FormSearch {
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}
.txtSearch {
    width: 126px;
    height: 18px;
    color: #002748;
    font-size: 11px;
    font-weight: bold;
    text-transform: uppercase;
    float: left;
    margin: 0px 3px 0px 0px;
    padding: 5px 0px 0px 5px;
    background: url('/images/searchField.gif') no-repeat 0px 0px;
}
#MainWrapper {                                                      
    width: 949px;
    height: 37px;
    margin: 0px;
    padding: 0px;
    float: left;
    display: inline;
    border-left: solid 1px #d2d2d2;
    border-right: solid 1px #d2d2d2;
}
#MainNav {
    width: 740px;
    height: 37px;
    float: right;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}
#mainContent {
    width: 949px;
    float: left;
    border-left: solid 1px #d2d2d2;
    border-right: solid 1px #d2d2d2;
    border-bottom: solid 1px #d2d2d2;
    padding: 0px 0px 0px 0px;
    margin: 7px 0px 0px 0px;
}
#mainContentInterior {
    width: 949px;
    float: left;
    border-left: solid 1px #d2d2d2;
    border-right: solid 1px #d2d2d2;
    border-bottom: solid 1px #d2d2d2;
    padding: 0px 0px 0px 0px;
    margin: 7px 0px 0px 0px;
    background: url('/images/mainContentBG_Two.gif') repeat-y 0px 0px;
}
#mainContent p {
    line-height: 22px;
}
#mainContentInside {
    width: 949px;
    float: left;
    margin: 20px 0px 20px 0px;
    padding: 0px 0px 0px 0px;
    background: url('/images/mainContentBG_One.gif') repeat-y 0px 0px;
}
#mainContentInterior_wide {
    width: 923px;
    float: left;
    border-left: solid 1px #d2d2d2;
    border-right: solid 1px #d2d2d2;
    border-bottom: solid 1px #d2d2d2;
    padding: 10px 0px 0px 26px;
    margin: 7px 0px 0px 0px;
}
#mainContentInteriorLeft {
    width: 209px;
    float: left;
    margin:0px;
    padding:0px;
}
#mainContentInteriorRight {
    width: 692px;
    float: left;
    display: inline;
    margin: 0px 24px 0px 24px;
    padding: 0px 0px 0px 0px;
    }
#mainContentInteriorRightPrimary {
    font-family: Georgia, Arial, Sans-Serif;
    font-size: 1.4em;
    color: #393939;
    text-decoration: none;
    font-weight: normal;
    width: 692px;
    height: 47px;
    float: left;
    line-height: 51px;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    border-bottom: solid 1px #d2d2d2;
}
#mainContentInteriorRightSecondary {
    width: 692px;
    float: left;
    text-align: left;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}
#BreadCrumbs {
    width: 692px;
    /*height: 40px;*/
    float: left;
    text-align: left;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}
/*#mainContentInteriorRightSecondary img {
    vertical-align: text-top;
    border: solid 1px #d6d6d6;
    margin: 0px 0px 0px 0px;
    padding: 1px 1px 1px 1px;
}*/

#mainContentInteriorRightSecondary p {
    line-height: 24px;
    
}
#mainContentLeft {
    width: 424px;
    float: left;
    margin: 0px 0px 0px 0px;
    padding: 0px 26px 0px 26px;
}
#mainContentMiddle {
    width: 201px;
    float: left;
    margin: 0px 0px 0px 0px;
    padding: 0px 26px 0px 26px;
}
#mainContentRight {
    width: 166px;
    float: left;
    padding: 0px 26px 0px 26px;
}
#Footer {
    width: 951px;
    height: 46px;
    float: left;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}
#footerPrimary {
    width: 831px;
    height: 30px;
    float: left;
    margin: 0px 0px 0px 0px;
    padding: 16px 0px 0px 0px;
}
#footerSecondary {
    width: 120px;
    height: 30px;
    float: left;
    margin: 0px 0px 0px 0px;
    padding: 16px 0px 0px 0px;
}
#footerSecondary {
    
}
/*Images
*********************************************************************************************/

.clearLeft {
    clear: left;
}
.clearBoth {
    clear: both;
}
/*

=========================

STYLES FOR CALENDAR

=========================

*/
#calendarContainer {
      background: url(/images/calendar_background.jpg) no-repeat;
      width: 195px;
      height: 204px;
      overflow: hidden;
      margin: 30px 0px 0px 15px;
}
.calendarTitle {
    font-family: Georgia, Arial,  Sans-Serif;
    font-size:20px;
}
#calendarContainer p {
      
      padding: 13px 0px 13px 13px;
      margin: 0px;
      
      color: #ffffff;
}
#calendar {
      font-family: Arial, Helvetica, sans-serif;
      padding: 0px 0px 0px 13px;
      width: 157px;
      height: 204px;
      text-transform: uppercase;
      font-weight: bold;
      font-size:11px;
}
#calendar table {
      color: #000000;
      width: 100%;
}
#calendar table tr, #calendar table td, #calendar table th {
      color: #ffffff;
}
#calendar caption tr, #calendar caption td, #calendar caption th {
      color: #a5ac14 !important;
      font-size: 11px;
}
#calendar td.daywithevent
{
      padding: 3px 0px 3px 0px;
      background-color: #bcc150;
}
#calendar caption {
      
      background-color: #f0f1d8;
      text-transform: uppercase;
      padding: 2px 0px 0px 0px !important;
      margin: 0px !important;
      width: 100%;
      height: 21px;
      font-weight: bold;
}
#calendar table tr {
      margin: 0;
      padding: 0;
}
#calendar table td {
      color: #ffffff;
      height: 1.2em;
      margin: 0;
      padding: 0;
      text-align: center;
}
#calendarContainer p {
      border-bottom: 2px solid #C2CA14;
      padding: 13px 0 6px 4px;
}
#calendarEvent {
      font-family: Arial, Helvetica, sans-serif;
      padding: 0px;
      text-transform: uppercase;
      font-size:12px;
      font-weight:bold;
}
#calendarEvent p {
      padding: 9px 0 9px 8px;
      border-bottom: 1px solid #C2CA14;
}
#calendarEvent a {
      color: #002748;
}
#calendarEvent p.nounder {
      border-bottom: 0px;
}
#calendarEvent p.nounder a {
      color: #ffffff;
}
/*

	Site Map Styles

*/
.siteMapSection
{
	width: 280px;
	float: left;
	margin: 20px 12px 0px 10px;
    padding: 0px 0px 0px 0px;
}
.siteMapSection a {
	color: #335583;
	text-decoration: none;
}
.siteMapSection a:hover {
	color: #335583;
}
.siteMapSection strong {
    font-size: 1.2em;
    font-weight: bold;
    display: block;
    background: url('/images/sitemapTitle_Underline.gif') no-repeat 0px bottom;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}
	.siteMapSection ul
	{
		list-style-type: none;
		padding:0px;	
		margin: 5px 0px 5px 0px;
	}
	
	.siteMapSection ul li
	{
	    
	    margin-left: 10px;
		padding-bottom: 0px;
	}
	.siteMapSection ul li ul li
	{
	    
		margin: 0px 0px 0px 20px !important;
		padding:0px;
	}
	#printArea {
	}

/* Weather Include */
#wxButtonFrame {
    margin: 3px 0px 0px 30px;
}