/*	Content management and site development
	Navigata Communications Ltd.
	e: web.solutions@navigata.ca
	w: www.navigata.com
	t: 1.877.477.5266
*/

/*----------- BODY -----------*/
/* These live here rather than presentation.css because otherwise the CMS applies background-image in WYSIWYG editor */
BODY.main { /*LAYOUT STYLES FOR HOME PAGE ONLY*/
	background-image : url(../images/gr_main_bg.gif); background-color : #ffffff;  margin: 0px 0px 0px 0px;
}
BODY.landing { /*LAYOUT STYLES FOR LANDING PAGE ONLY*/
	background-image : url(../images/gr_landing_bg.gif); background-color : #ffffff; margin: 0px 0px 0px 0px;
}
BODY { /*LAYOUT STYLES FOR ALL INNER CONTENT PAGES*/
	background-image : url(../images/gr_site_bg.gif); background-color : #ffffff; margin: 0px 0px 0px 0px;
}

/*----------- HEADER -----------*/
#header_one {  /*TOP NAVIGATION FOR ALL PAGES*/
	position: relative; top: 0px; left: 0px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; background-color: #ffffff;  height: 104px; width: 780px;
    visibility:visible;
    clear: both;
    border: 0px dashed blue;
}

/* TOP MIDDLE NAV */
#header_nav_top {
	position: absolute; top: 0px; left: 157px; height: 104px; width: 421px;  padding:0px 0px 0px 0px;  margin:0px 0px 0px 2px;
}
/*
    The following 18 definitions deal with the top nav bar
    These definitions are children of #HEADER_NAV_TOP
*/
    #header_nav_child_1 {
        position: absolute;
        background-color: #bd5f30;
        left: 0px;
        top: 0px;
        height: 51px;
        width: 139px;
        margin: 0px;
        font-family : Verdana, Arial, Helvetica, sans-serif;
        font-size : 10px;
    }
        #header_nav_child_1 a {
            height: 51px;
            width: 139px;
            text-align:left;
        	display: block;
            margin: 0px;
            padding: 0px 0px 0px 0px;
            text-decoration: none;
            color: #ffffff;
        }
        #header_nav_child_1 a:hover {
            background-color: #ce8562;
        }

    #header_nav_child_2 {
        position: absolute;
        background-color: #bd5f30;
        left: 141px;
        top: 0px;
        height: 51px;
        width: 139px;
        margin: 0px;
        font-family : Verdana, Arial, Helvetica, sans-serif;
        font-size : 10px;
    }
        #header_nav_child_2 a {
            height: 51px;
            width: 139px;
            text-align:left;
        	display: block;
            margin: 0px;
            padding: 0px 0px 0px 0px;
            text-decoration: none;
            color: #ffffff;
        }
        #header_nav_child_2 a:hover {
            background-color: #ce8562;
        }


    #header_nav_child_3 {
        position: absolute;
        background-color: #bd5f30;
        left: 282px;
        top: 0px;
        height: 51px;
        width: 139px;
        margin: 0px;
        font-family : Verdana, Arial, Helvetica, sans-serif;
        font-size : 10px;
    }
        #header_nav_child_3 a {
            position: absolute;
            height: 51px;
            width: 139px;
            text-align:left;
        	display: block;
            margin: 0px;
            padding: 0px 0px 0px 0px;
            text-decoration: none;
            color: #ffffff;
        }
        #header_nav_child_3 a:hover {
            background-color: #ce8562;
        }

    #header_nav_child_4 {
        position: absolute;
        background-color: #bd5f30;
        left: 0px;
        top: 53px;
        height: 51px;
        width: 139px;
        margin: 0px;
        font-family : Verdana, Arial, Helvetica, sans-serif;
        font-size : 10px;
    }
        #header_nav_child_4 a {
            position: absolute;
            height: 51px;
            width: 139px;
            text-align:left;
        	display: block;
            margin: 0px;
            padding: 0px 0px 0px 0px;
            text-decoration: none;
            color: #ffffff;
        }
        #header_nav_child_4 a:hover {
            background-color: #ce8562;
        }

    #header_nav_child_5 {
        position: absolute;
        background-color: #bd5f30;
        left: 141px;
        top: 53px;
        height: 51px;
        width: 139px;
        margin: 0px;
        font-family : Verdana, Arial, Helvetica, sans-serif;
        font-size : 10px;
    }
        #header_nav_child_5 a {
            position: absolute;
            height: 51px;
            width: 139px;
            text-align:left;
        	display: block;
            margin: 0px;
            padding: 0px 0px 0px 0px;
            text-decoration: none;
            color: #ffffff;
        }
        #header_nav_child_5 a:hover {
            background-color: #ce8562;
        }

    #header_nav_child_6 {
        position: absolute;
        background-color: #bd5f30;
        left: 282px;
        top: 53px;
        height: 51px;
        width: 139px;
        margin: 0px;
        font-family : Verdana, Arial, Helvetica, sans-serif;
        font-size : 10px;
    }
        #header_nav_child_6 a {
            position: absolute;
            height: 51px;
            width: 139px;
            text-align:left;
        	display: block;
            margin: 0px;
            padding: 0px 0px 0px 0px;
            text-decoration: none;
            color: #ffffff;
        }
        #header_nav_child_6 a:hover {
            background-color: #ce8562;
        }
    /* End Top Middle Nav */

    /* TOP SIDE NAV */
    #header_nav_side {
    	position: absolute; top: 0px; left: 590px; background-color: #525051;  height: 104px; width: 180px;
    }
        #header_nav_side ul {
        	list-style-type: none; margin: 0px; padding: 0px; border: none; }
        #header_nav_side li {
        	border-bottom: 1px solid #fff; margin: 0px; padding: 0px; font-family : Verdana, Arial, Helvetica, sans-serif; font-size : 10px; line-height : 200%;}
        #header_nav_side li a {
        	display: block; padding: 0px 0px 0px 5px; background-color: #525051; text-decoration: none; color: #fff; }
        #header_nav_side li a:hover {
        	background-color: #726f72; }

/* End top header */

/*SUB HEADER FOR INNER PAGES WITH PICS AND PROMOS*/
#header_two {
	position: relative; top: 0px; left: 0px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; background-color: #ffffff; height: 105px; width: 780px;
    visibility:visible;
    clear: both;
    border: 0px dashed black;
}
#header_two_landing { /*SUB HEADER FOR LANDING PAGES*/
	position: relative; top: 0px; left: 0px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; background-color: #ffffff; height: 45px;  width: 780px;
    visibility:visible;
    clear: both;
    border: 0px dashed black;
}
    #sub_img_one {
        position: absolute;
        padding: 0px 0px 0px 0px;
        margin: 0px 0px 0px 0px;
        left: 0px;
    }
    #sub_img_two {
        position: absolute;
        padding: 0px 0px 0px 0px;
        margin: 0px 0px 0px 0px;
        left: 298px;
    }
    #sub_img_three {
        position: absolute;
        padding: 0px 0px 0px 0px;
        margin: 0px 0px 0px 0px;
        left: 439px;
    }
    #promos {
    	position: absolute; width: 590px; height: 105px;
    }

    #search {
    	position: absolute; top: 0px; left: 590px; height: 95px;  vertical-align:middle;
    }

    #search_landing {
    	position: absolute; top: 0px; left: 590px; height: 45px;  vertical-align:middle;
    }

    #search_landing_bg {
        position: absolute;
        clear: left;
        top: 10px;
        left: 0px;
        height: 25px;
        width: 580px;
        background-color: #efe9e7;
        padding: 0px 0px 0px 0px;
        margin: 0px 0px 0px 0px;
    }
    #search_landing_bg p {
        text-align:right;
        width: 570px;
        height: 15px;
        font-family:'Trebuchet MS',Verdana,Tahoma,Arial,'Arial Black',Helvetica,'Century Gothic','Lucida Sans Unicode',Impact,sans-serif;
        padding: 5px 0px 0px 0px;
        margin: 0px 0px 0px 0px;
        font-size:12px;
        font-weight:600;
        color: #8c888c;
    }
    #search_landing_inputs {
        position: absolute;
        top: 10px;
        width:180px;
        height: 25px;
    }
    #search_inputs {
        position: absolute;
        top: 50px;
        width:180px;
        vertical-align: middle;
        height: 18px;
    }

    #search_input {
        position: absolute;
        top: 2px;
        left: 0px;
        padding: 0px 0px 0px 0px;
        margin: 0px 0px 0px 0px;
    }

    #search_btn {
        position: absolute;
        clip:rect(1px, 30px, 21px, 0px);
        top: 0px;
        right: 0px;
        padding: 0px 0px 0px 0px;
        margin: 0px 0px 0px 0px;
    }
    #search_footer {
        position: absolute;
        top: 72px;
    }




/*----------- BODY -----------*/
#parentcontent { /* CONTAINER FOR ALL INNER PAGE CONTENT BELOW HEADERS INCLUDING FOOTER*/
	position: relative; top: 0px; left: 10px; width:780px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; background-image : url(../images/gr_site_table_bg.gif);  background-repeat:repeat-y;
    visibility: visible;
    clear: both;
    border: 0px dashed red;
}
#parentcontent_landing { /* CONTAINER FOR LANDING PAGE CONTENT BELOW HEADERS INCLUDING FOOTER*/
	position: relative; top: 0px; left: 10px; width:165px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; background-image : url(../images/gr_landing_table_bg.gif);  background-repeat:repeat-y;
    visibility:visible;
    clear: both;
    border: 0px dashed red;
}
    #pagetitle{ /*TITLE COLOUR BAR FOR INNER PAGE ONLY*/
    	height:48px; background-color:#187996; margin: 0px 0px 0px 0px; padding: 8px 8px 0px 8px; 
    	background-image : url(../images/gr_page_title_bg.gif);
    }
	#pagetitle h1 { 
		font-family : Verdana,  Arial, Helvetica, sans-serif; 
		font-size : 20px;  
		font-weight: normal;
		color : #ffffff; 
	}
	
    #breadcrumb_landing { /*TITLE COLOUR BAR FOR LANDING AND INNER PAGES*/
     background:#525051; margin: 0px 10px 0px 0px; padding: 3px 5px 3px 5px; font-family : Verdana, Geneva, Arial, Helvetica, sans-serif; font-size : 11px; color : #e1e1e1; text-align : left;
        border: 0px dashed blue;
    }
	        /*-- BREADCRUMB LINKS --*/
        #breadcrumb_landing A {
        	font-family : Verdana, Helvetica, Arial, sans-serif; color : #ffffff; font-size : 11px; text-decoration : none; }
        #breadcrumb_landing A:active {
        	text-decoration : none; }
        #breadcrumb_landing A:link {
        	text-decoration : none; }
        #breadcrumb_landing A:visited {
        	text-decoration : none; }
        #breadcrumb_landing A:hover {
        	text-decoration : underline; }
			
	#breadcrumb { /*TITLE COLOUR BAR FOR LANDING AND INNER PAGES*/
     background:#525051; margin: 0px 0px 0px 0px; padding: 3px 5px 3px 5px; font-family : Verdana, Geneva, Arial, Helvetica, sans-serif; font-size : 11px; color : #e1e1e1; text-align : left;
        border: 0px dashed blue;
    }
        /*-- BREADCRUMB LINKS --*/
        #breadcrumb A {
        	font-family : Verdana, Helvetica, Arial, sans-serif; color : #ffffff; font-size : 11px; text-decoration : none; }
        #breadcrumb A:active {
        	text-decoration : none; }
        #breadcrumb A:link {
        	text-decoration : none; }
        #breadcrumb A:visited {
        	text-decoration : none; }
        #breadcrumb A:hover {
        	text-decoration : underline; }

        #breadcrumb_webconf A {
        	font-family : Verdana, Helvetica, Arial, sans-serif; color : #ffffff; font-size : 11px; text-decoration : none; }
        #breadcrumb_webconf A:active {
        	text-decoration : none; }
        #breadcrumb_webconf A:link {
        	text-decoration : none; }
        #breadcrumb_webconf A:visited {
        	text-decoration : none; }
        #breadcrumb_webconf A:hover {
        	text-decoration : underline; }

    #leftcontent { /* STYLE FOR LEFT NAV LAYER*/
    	position: relative; left: 0px; width:157px; background:#D09143; font: 11px Verdana, Arial, Helvetica, sans-serif; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; float: left;
        border: 0px dashed aqua;
    }
    #centercontent { /* STYLE FOR INNER PAGE MIDDLE CONTENT LAYER*/
    	position: relative; left: 0px; width:421px; background:#ffffff; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; float: left;
        border: 0px dashed aqua;
    }
        #textcontent { 	/* STYLE FOR INNER PAGE MIDDLE CONTENT LAYER*/
        	width:413px; background:#ffffff; margin: 0px 0px 0px 0px; padding: 10px 0px 0px 8px;
            border: 0px dashed gray;
        }
		#print_header { display: none; }
    #rightcontent { 	/* STYLE FOR INNER PAGE RIGHT CONTENT LAYER*/
    	position: relative; right: 10px; width:180px; background:#F0F0F0; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;  float:right;
    }


    /* Note: (leftcontent: width) + (rightcontent_landing: width) + (rightcontent_landing: margin) = 770px */

    #rightcontent_landing { /* STYLE FOR INNER PAGE MIDDLE CONTENT LAYER*/
    	position: relative; left: 0px; top: 0px; width:611px; background:#ffffff; margin: 0px 0px 0px 2px; padding: 0px 0px 0px 0px; float: left;
        border: 0px dashed blue;
    }
        #textcontent_landing { 	/* STYLE FOR LANDING PAGE CONTENT LAYER*/
        	position: relative; top: 0px; width:613px; background:#ffffff; margin: 1px 0px 0px 3px; padding: 0px 0px 0px 0px;
            border: 0px dashed red;
        }


    #empty { 	/* STYLE FOR LANDING PAGE FOR MAC BUG FIX*/
    	position: relative; left: 0px; width:0px; background:#FfFfFf; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; float: left;
    }


/*----------- FOOTER -----------*/
.footer_main { /*FOOTER STYLE FOR HOME PAGE*/
	background-color : #525051; font-family : Verdana, Helvetica, Arial, sans-serif; color : #ffffff; font-size : 10px; padding-top : 10px; padding-bottom : 10px; padding-left : 10px;
}

.footer {
	 font-family : Verdana, Helvetica, Arial, sans-serif; color : #ffffff; font-size : 10px; padding-top : 13px; padding-bottom : 13px; padding-left : 6px;
}

#footer_wrapper
{
    position: relative;
    width: 780px;
    top:0px;
    left: 0px;
    visibility: visible;
    clear: both;
    border: 0px dashed gray;
}
    #footer_top { /*Footer background container tags */
    	background-color : #ffffff;
        position: relative;
        width: 770px;
        height: 10px;
        top: 0px;
    }

    #footer_middle { /*Footer background container tags */
        position: relative;
        background-color : #525051;
        width: 770px;
        vertical-align: middle;
    }
        #footer_middle_child { /*FOOTER STYLE FOR ALL INNER AND LANDING PAGES*/
        	 vertical-align: middle; font-family : Verdana, Helvetica, Arial, sans-serif; color : #ffffff; font-size : 10px; padding-top : 13px; padding-bottom : 13px; padding-left:10px; padding-right: 10px;
        }

    #footer_bottom { /*Footer background container tags */
    	background-color : #ffffff;
        position: relative;
        width: 770px;
        height: 10px;
        top: 0px;
    }