/*	Content management and site development
	Navigata Communications Ltd.
	e: web.solutions@navigata.ca
	w: www.navigata.com
	t: 1.877.477.5266
*/
/*----------- BODY CONTENT -----------*/
BODY.main { /*LAYOUT STYLES FOR HOME PAGE ONLY*/
	background-image : url(../images/gr_main_hp_bg.gif); background-color : #ffffff;  margin: 0px 0px 0px 0px; padding: 0px;
}
/*----------- FORM ELEMENTS -----------*/
/*HOME PAGE FORMS*/
.input_main{
	background-color : #ffffff; border : 1px solid #525051; font : 10px Verdana, Arial, Helvetica, sans-serif; padding : 0px 5px 0px 5px; width : 190px;
}
.select_main{
	font : 10px Verdana, Arial, Helvetica, sans-serif; padding : 0px 5px 0px 5px; width : 190px;
}

/*-- Page Container --*/

#page_container {
    position: absolute;
    top: 0px;
    left: 0px;
    height: 555px;
    width: 770px;
    margin: 0px;
    padding: 10px 0px 0px 10px;
    border-right: 1px solid #8C8E8C;
    border-bottom: 1px solid #8C8E8C;
}
/*-- A line separator between languages and search form --*/
#line_sep {
    position: absolute;
    left: 460px;
    top: 0px;
    height: 70px;
    width:1px;
    border-left: 1px solid #8C8E8C;
}
/*-- The image on the Navigata.ca Homepage --*/
#HPImage {
	position:absolute;
	width:200px;
	height:115px;
	z-index:1;
	left: 448px;
	top: 0px;
}
/*-- Top Page Nav --*/
#top_nav {
    position: relative;
    width: 750px;
    height: 70px;
    background: none;
    border: 0px dashed black;
}
#main_logo {
    position: absolute;
    left:0px;
    top: 0px;
}
/* -- French Button --*/
#fr_cont {
    position: absolute;
    top: 0px;
    width: 70px;
    left: 370px;
    padding: 0px;
    border: 0px dashed black;
    text-align: right;
    line-height: 100%;
}
    #fr_cont a {
        font-family:Verdana,Tahoma,Arial,'Arial Black',Helvetica,'Century Gothic','Lucida Sans Unicode',Impact,sans-serif;
        font-size: 10px; font-weight: 500; text-decoration: none; color: #b55c30; text-transform:uppercase;
        line-height: 100%;
    }
    #fr_cont a:hover {
        color: #c6865a;
        text-decoration:underline;
    }
/*-- English Button --*/
#smap_cont {
    position: absolute;
    top: 25px;
    width: 70px;
    left: 372px;
    padding: 0px;
    border: 0px dashed black;
    text-align: right;
    line-height: 100%;
}
    #smap_cont a {
        font-family:Verdana,Tahoma,Arial,'Arial Black',Helvetica,'Century Gothic','Lucida Sans Unicode',Impact,sans-serif;
        font-size: 10px; font-weight: 500; text-decoration: none; color: #b55c30; text-transform:uppercase;
    }
    #smap_cont a:hover {
        color: #c6865a;
        text-decoration:underline;
    }


/* -- Top Right Forms --*/
#form {
    position: absolute;
    left: 450px;
    top: 0px;
    height: 50px;
    width: 300px;
    font-family:Verdana,Tahoma,Arial,'Arial Black',Helvetica,'Century Gothic','Lucida Sans Unicode',Impact,sans-serif;
    font-size: 10px; font-weight: 500; text-decoration: none; color: #514f51; text-transform:uppercase;
    text-align: right;
    border: 0px dashed black;
}
    /* Links form */
    #links_form_elem {
        position: absolute;
        top: 0px;
        right: 40px;
        padding: 0px 0px 0px 0px;
        margin: 0px 0px 0px 0px;
    }
    #links_label {
        position: absolute;
        right: 240px;
        padding: 3px 0px 0px 0px;
        margin: 0px 0px 0px 0px;
    }
    #links_btn {
        position: absolute;
        clip:rect(1px, 30px, 21px, 0px);
        top: 0px;
        right: 0px;
        padding: 0px 0px 0px 0px;
        margin: 0px 0px 0px 0px;
    }
    /* Search Form */
    #search_form_elem {
        position: absolute;
        top: 30px;
        right: 40px;
        padding: 0px 0px 0px 0px;
        margin: 0px 0px 0px 0px;
    }
    #search_label {
        position: absolute;
        top: 30px;
        right: 232px;
        padding: 3px 0px 0px 0px;
        margin: 0px 0px 0px 0px;
    }
    #search_btn {
        position: absolute;
        clip:rect(1px, 30px, 21px, 0px);
        top: 28px;
        right: 0px;
        padding: 0px 0px 0px 0px;
        margin: 0px 0px 0px 0px;
    }


/*-- End top page text --*/

/*-- Middle Nav --*/

#middle_nav_wrapper {
    position: relative;
    width: 750px;
    height: 270px;
    border: 0px dashed red;
}

.btn_header_link {
    font-family: Arial Narrow, Helvetica Narrow, sans-serif;
    font-size: 15px; font-weight: 600; text-decoration: none; color: #FFFFFF; text-transform:uppercase;
    line-height: 130%;
}
.btn_header_link:hover {
    text-decoration: underline;
}

.btn_link {
        font-family:Verdana,Tahoma,Arial,'Arial Black',Helvetica,'Century Gothic','Lucida Sans Unicode',Impact,sans-serif;
        line-height: 130%;font-size: 10px; font-weight: 400; text-decoration: none; color: #FFFFFF;
        margin:0px 0px 0px 0px; padding: 0px 0px 0px 0px;
        display: inline;
}
.btn_img {
    position: absolute; left: 110px; top: 95px; width: 40px; height: 40px;
    padding: 0px;
    margin: 0px;
    display: block;
}

/*
-----------------------
    Button 1
    Color off: #167894;
    Color on: #4196AD;
-----------------------
*/
#btn_1_wrapper{
    position: absolute; left:0px; top: 0px; width: 150px; height: 135px; padding: 0px 0px 0px 0px;
    background-color: #167894;
    background-image:url("../images/nav_main_btn_1_off.gif"); background-repeat: no-repeat; background-position: right bottom;
}
    #btn_1_over {
        position: absolute; left:0px; top: 0px; width: 150px; height: 135px; padding: 0px 0px 0px 0px;
        background-color: #4196AD;
        visibility: hidden;
        background-image:url("../images/nav_main_btn_1_over.gif"); background-repeat: no-repeat; background-position: right bottom;
    }
    #btn_1_img {
        position: absolute; left: 110px; top: 95px; width: 40px; height: 40px;
        padding: 0px;
        margin: 0px;
    }

    #btn_1_body {
        position: absolute; left: 0px; width: 140px; height: 95px;
        line-height: 100%;
        padding: 3px 3px 5px 3px;
        background-color:transparent;
    }
    #btn_1_body a:hover {
        text-decoration: underline;
    }

/*
-----------------------
    Button 2
    Color off: #b55f30;
    Color on: #c6865a;
-----------------------
*/
#btn_2_wrapper{
    position: absolute; left:150px; top: 0px; width: 150px; height: 135px; padding: 0px 0px 0px 0px;
    background-color: #b55f30;
    background-image:url("../images/nav_main_btn_2_off.gif"); background-repeat: no-repeat; background-position: right bottom;
}
    #btn_2_over {
        position: absolute; left:0px; top: 0px; width: 150px; height: 135px; padding: 0px 0px 0px 0px;
        background-color: #c6865a;
        visibility: hidden;
        background-image:url("../images/nav_main_btn_2_over.gif"); background-repeat: no-repeat; background-position: right bottom;
    }
    #btn_2_img {
        position: absolute; right: 0px; top: 95px; width: 40px; height: 40px;
        padding: 0px;
        margin: 0px;
    }
    #btn_2_body {
        position: absolute; left: 0px; width: 140px; height: 95px;
        line-height: 100%;
        padding: 3px 3px 5px 3px;
    }
    #btn_2_body a:hover {
        text-decoration: underline;
    }

/*
-----------------------
    Button 3
    Color off: #d69041;
    Color on: #deae6b;
-----------------------
*/
#btn_3_wrapper{
    position: absolute; left:300px; top: 0px; width: 150px; height: 135px; padding: 0px 0px 0px 0px;
    background-color: #d69041;
    background-image:url("../images/nav_main_btn_3_off.gif"); background-repeat: no-repeat; background-position: right bottom;
}
    #btn_3_over {
        position: absolute; left:0px; top: 0px; width: 150px; height: 135px; padding: 0px 0px 0px 0px;
        background-color: #deae6b;
        visibility: hidden;
        background-image:url("../images/nav_main_btn_3_over.gif"); background-repeat: no-repeat; background-position: right bottom;
    }
    #btn_3_img {
        position: absolute; right: 0px; top: 95px; width: 40px; height: 40px;
        padding: 0px;
        margin: 0px;
    }
    #btn_3_body {
        position: absolute; left: 0px; width: 140px; height: 95px;
        line-height: 100%;
        padding: 3px 3px 5px 3px;
    }
    #btn_3_body a:hover {
        text-decoration: underline;
    }
/*
-----------------------
    Button 4
    Color off: #6b9ead;
    Color on: #84aebd;
-----------------------
*/
#btn_4_wrapper{
    position: absolute; left:0px; top: 135px; width: 150px; height: 135px; padding: 0px 0px 0px 0px;
    background-color: #6b9ead;
    background-image:url("../images/nav_main_btn_4_off.gif"); background-repeat: no-repeat; background-position: right bottom;
}
    #btn_4_over {
        position: absolute; left:0px; top: 0px; width: 150px; height: 135px; padding: 0px 0px 0px 0px;
        background-color: #84aebd;
        visibility: hidden;
        background-image:url("../images/nav_main_btn_4_over.gif"); background-repeat: no-repeat; background-position: right bottom;
    }
    #btn_4_img {
        position: absolute; right: 0px; top: 95px; width: 40px; height: 40px;
        padding: 0px;
        margin: 0px;
    }
    #btn_4_body {
        position: absolute; left: 0px; width: 140px; height: 95px;
        line-height: 100%;
        padding: 3px 3px 5px 3px;
    }
    #btn_4_body a:hover {
        text-decoration: underline;
    }
/*
-----------------------
    Button 5
    Color off: #b5ae9c;
    Color on: #c6beb5;
-----------------------
*/
#btn_5_wrapper{
    position: absolute; left: 150px; top: 135px; width: 150px; height: 135px; padding: 0px 0px 0px 0px;
    background-color: #b5ae9c;
    background-image:url("../images/nav_main_btn_5_off.gif"); background-repeat: no-repeat; background-position: right bottom;
}
    #btn_5_over {
        position: absolute; left:0px; top: 0px; width: 150px; height: 135px; padding: 0px 0px 0px 0px;
        background-color: #c6beb5;
        visibility: hidden;
        background-image:url("../images/nav_main_btn_5_over.gif"); background-repeat: no-repeat; background-position: right bottom;
    }
    #btn_5_img {
        position: absolute; right: 0px; top: 95px; width: 40px; height: 40px;
        padding: 0px;
        margin: 0px;
    }
    #btn_5_body {
        position: absolute; left: 0px; width: 140px; height: 95px;
        line-height: 100%;
        padding: 3px 3px 5px 3px;
    }
    #btn_5_body a:hover {
        text-decoration: underline;
    }
/*-- End Main Buttons --*/

/*-- Side Navigation home page --*/
/*  off: #514f51; over: #7b777b; */

#side_btn_array {
    position: absolute; left: 300px; top: 135px;
}
    .btn_side_wrapper{
        position: relative;
        width: 150px;
        height: 26px;
        clear: both;
        padding: 0px 0px 0px 0px;
        border:0px dashed black;
    }
        .btn_side {
            position: absolute;
            left: 0px;
            top: 0px;
            width: 140px;
            height: 21px;
            background-color: #514f51;
            background-image:url("../images/nav_main_arrow-off.gif");
            background-repeat: no-repeat;
            background-position: right top;

        }
        .btn_side a {
            position: absolute;
            padding: 3px 0px 0px 0px;
            width: 140px;
            height: 18px;
            display: block;
            margin: 0px;
            font-family:Verdana,Tahoma,Arial,'Arial Black',Helvetica,'Century Gothic','Lucida Sans Unicode',Impact,sans-serif;
            font-size: 11px;
            font-weight: 500;
            text-decoration: none;
            color: #FFFFFF;
        }
        .btn_side a:hover {
            background-color: #7b777b;
            background-image:url("../images/nav_main_arrow-over.gif");
            background-repeat: no-repeat;
            background-position: right top;
        }
/*-- End Side navigation home page --*/

/*-- Splash image container --*/
#splash_img {
    position: absolute; left: 450px; top:0px;
}
/*-- End splash --*/


/*-- Footer --*/
.footer {
	 font-family : Verdana, Helvetica, Arial, sans-serif; color : #ffffff; font-size : 10px; padding-top : 12px; padding-bottom : 12px; padding-left : 6px;
}
#footer_middle_child {
	 vertical-align: middle; font-family : Verdana, Helvetica, Arial, sans-serif; color : #ffffff; font-size : 10px; padding-top : 12px; padding-bottom : 12px; padding-left:10px; padding-right: 10px;
}

#footer_wrapper
{
    position: absolute;
    clear: both;
    top: 340px;
    left: 0px;
    width: 750px;
}

#small_ad
{
    position: absolute;
    clear: both;
    top: 280px;
    left: 0px;
    width: 750px;
}

    #footer_middle { /*Footer background container tags */
        position: relative;
        background-color : #525051;
        width: 750px;

    }

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