.border {
        position:           absolute;
        height:             13px;
        width:              13px;
    }

    /*    WRAPPER BORDERS
        | These are the styles for the spans that are used to hold
        | the background images if there are any decorative borders.
    */
    
    #wrapper_top_left {
        top:                0;
        left:               0;
        background:         url(../images/borders/wrapper_top_left.gif) no-repeat;
    }
    
    #wrapper_top {
        top:                0;
        left:               13px;
		width:              63em; 
        background:         url(../images/borders/wrapper_top.gif) repeat-x;
    }
    #wrapper_top_right {
        top:                0;
        right:              0;
        background:         url(../images/borders/wrapper_top_right.gif) no-repeat;
    }
    #wrapper_left {
        top:                13px;
        left:               0;
        height:             2000em;
        background:         url(../images/borders/wrapper_left.gif) repeat-y;
    }
    #wrapper_centre {
        top:                13px;
        left:               13px;
        height:             2000em;
		width:				100%;
    }
    #wrapper_right {
        top:                13px;
        right:              0;
        height:             2000em;
        background:         url(../images/borders/wrapper_right.gif) repeat-y;
    }
    #wrapper_bottom_left {
        bottom:             0;
        left:               0;
        background:         url(../images/borders/wrapper_bottom_left.gif) no-repeat;
    }
    #wrapper_bottom {
        bottom:             0;
        left:               13px;
        width:              63em; 
        background:         url(../images/borders/wrapper_bottom.gif) repeat-x;
    }
    #wrapper_bottom_right {
        bottom:             0;
        right:              0;
        background:         url(../images/borders/wrapper_bottom_right.gif) no-repeat;
    }
    /* END WRAPPER BORDERS */
    
    
    
    /*    HEADER BORDERS
        | These are the styles for the spans that are used to hold
        | the background images if there are any decorative borders.
    */
    
    #header_content {
        position:           absolute;
        width:              100%;
        height:             100%;
        z-index:            99;
    }
    
    #header_top_left {
        top:                0;
        left:               0;
        background:         url(../images/borders/header_top_left.gif) no-repeat;
        z-index:            3;
    }
    
    #header_top {
        top:                0;
        left:               13px;
		width:				100%;
		background:         url(../images/borders/header_top.gif) repeat-x;
        z-index:            2;
    }
    #header_top_right {
        top:                0;
        right:              0;
        background:         url(../images/borders/header_top_right.gif) no-repeat;
        z-index:            3;
    }
    #header_left {
        top:                13px;
        left:               0;
        height:             2000em;
        background:         url(../images/borders/header_left.gif) repeat-y;
        z-index:            2;
    }
    #header_centre {
        top:                0;
        left:               0;
        height:             2000em;
		width:				63em;
		background-color:	#37483C;
		opacity:			0.8;
		filter:				alpha(opacity=80);
        z-index:            1;
    }
    #header_right {
        top:                13px;
        right:              0;
        height:             2000em;
        background:         url(../images/borders/header_right.gif) repeat-y;
        z-index:            2;
    }
    #header_bottom_left {
        bottom:             0;
        left:               0;
        background:         url(../images/borders/header_bottom_left.gif) no-repeat;
        z-index:            3;
    }
    #header_bottom {
        bottom:             0;
        left:               13px;
        width:              100%; 
        background:         url(../images/borders/header_bottom.gif) repeat-x;
        z-index:            2;
    }
    #header_bottom_right {
        bottom:             0;
        right:              0;
        background:         url(../images/borders/header_bottom_right.gif) no-repeat;
        z-index:            3;
    }
    /* END HEADER BORDERS */
    
    
    /*    LEFT PANEL BORDERS
        | These are the styles for the spans that are used to hold
        | the background images if there are any decorative borders.
    */
    
    #left_panel_top_left {
        top:                0;
        left:               0;
        background:         url(../images/borders/header_top_left.gif) no-repeat;
        z-index:            3;
    }
    
    #left_panel_top {
        top:                0;
        left:               13px;
		width:				100%;
		background:         url(../images/borders/header_top.gif) repeat-x;
        z-index:            2;
    }
    #left_panel_top_right {
        top:                0;
        right:              0;
        background:         url(../images/borders/header_top_right.gif) no-repeat;
        z-index:            3;
    }
    #left_panel_left {
        top:                13px;
        left:               0;
        height:             2000em;
        background:         url(../images/borders/left_left.gif) repeat-y;
        z-index:            2;
    }
    #left_panel_centre {
        top:                0;
        left:               0;
        background-color:   #37483C;
        opacity:            0.6;
		filter:				alpha(opacity=60);
        height:             2000em;
        width:              100%;
        z-index:            1;
    }
    #left_panel_right {
        top:                13px;
        right:              0;
        height:             2000em;
        background:         url(../images/borders/left_right.gif) repeat-y;
        z-index:            2;
    }
    #left_panel_bottom_left {
        bottom:             0;
        left:               0;
        background:         url(../images/borders/left_bottom_left.gif) no-repeat;
        z-index:            3;
   }
    #left_panel_bottom {
        bottom:             0;
        left:               13px;
        width:              100%; 
        background:         url(../images/borders/left_bottom.gif) repeat-x;
        z-index:            2;
    }
    #left_panel_bottom_right {
        bottom:             0;
        right:              0;
        background:         url(../images/borders/left_bottom_right.gif) no-repeat;
        z-index:            3;
    }
    /* END LEFT PANEL BORDERS */
    
    
    /*    MAIN BORDERS
        | These are the styles for the spans that are used to hold
        | the background images if there are any decorative borders.
    */
    
    #main_content {
        position:           relative;
        z-index:            99;
    }
    #main_top_left {
        top:                0;
        left:               0;
        background:         url(../images/borders/main_top_left.gif) repeat-y;
        z-index:            3;
    }
    
    #main_top {
        top:                0;
        left:               13px;
		width:              44.5em; 
        background:         url(../images/borders/main_top.gif) repeat-x;
    }
    #main_top_right {
        top:                0;
        right:              0;
        background:         url(../images/borders/main_top_right.gif) repeat-y;
        z-index:            3;
    }
    #main_left {
        top:                13px;
        left:               0;
        height:             2000em;
        background:         url(../images/borders/main_left.gif) repeat-y;
        z-index:            2;
    }
    #main_centre {
        top:                0;
        left:               0;
        height:             2000em;
		width:				45.5em;
		background-color:	#FFFFFF;
		opacity:			0.6;
		filter:				alpha(opacity=60);
        z-index:            1;
    }
    #main_right {
        top:                13px;
        right:              0;
        height:             2000em;
        background:         url(../images/borders/main_right.gif) repeat-y;
        z-index:            2;
    }
    #main_bottom_left {
        bottom:             0;
        left:               0;
        background:         url(../images/borders/main_bottom_left.gif) no-repeat;
        z-index:            3;
    }
    #main_bottom {
        bottom:             0;
        left:               13px;
        width:              44.5em;; 
        background:         url(../images/borders/main_bottom.gif) repeat-x;
        z-index:            2;
    }
    #main_bottom_right {
        bottom:             0;
        right:              0;
        background:         url(../images/borders/main_bottom_right.gif) no-repeat;
        z-index:            3;
    }
    /* END MAIN BORDERS */    ul.vertical_menu {
        position:           relative;
        border-top:         0.19em solid white;
		width:				12.1em;
		margin:             2.5em 0 2.5em 1.5em;
        padding:            0;
		list-style:			none;
        z-index:            2;
	}
    
    .vertical_menu li {
        border-bottom:      0.19em solid white;
        font-size:          90%;
        font-style:         italic;
        text-transform:		uppercase;
        height:             1.6em;
        margin:             0 0 0 0;
        padding:            0.5em 0 0.1em 1em;
        width:              100%em;
    }
    	
	.vertical_menu li a {
		text-decoration:	none;
		color:				#FFFFFF;
	}
	
	.vertical_menu li a:hover {
		text-decoration:	none;
		color:				#4A6473;
	}
	
	ul.horizontal_menu {
    	position:			absolute;
        right:              0;
        top:                4em;
		width:				54em;
		height:				2em;
		margin:				0;
		padding:			0;
		background-image:   url(../images/nav-bg.jpg);
		background-repeat:  repeat-x;
		background-position:top;
		background-color:   #000000;
		list-style:			none;
	}

	.horizontal_menu li {
		float:				left;
		margin:				0;
		padding:			0;
		font-size:			80%;
		letter-spacing:		.16em;
		text-transform:		uppercase;
		background-image:   url(../images/nav-divider.png);
		background-position:right center;
		background-repeat:  no-repeat;
	}
	.horizontal_menu li a {
		float:				left;
		padding:			.7em 1em;
		text-decoration:	none;
		color:				#D8F1FF;
		border:				none;
	}
	.horizontal_menu li a:hover {
		color:				#8FADBF;
	}	
	html {
		font-family:		Arial, Calibri,  Verdana, Geneva, Helvetica, sans-serif;
		height:				100%;
        font-size:          78%;
        overflow-x:         auto;
        overflow-y:         scroll;
	}
	
	body {
		margin:				0;
        padding:            0;
		height:				100%;
		background-color:	#333333;
	}
    
    p {
        position:           relative;
        margin:             0 auto;
    }
    
    #main p{
        margin:             0 0 .5em 0;
    }
    
    p.footer{
        color:              #FFFFFF;
        font-style:         italic;
        text-transform:		uppercase;
    }
    
	img {
		display:			block;
	}
		
    h1 {
        font-size:          200%;
        margin:             0 0 .4em 0;
    }
    
    h2 {
        font-size:          120%;
        color:              #475742;
        margin:             0 0 .3em 0;
    }
    
	#wrapper {
		position:			relative;
		width:				62em;
        left:               50%;
 		margin:				1em 0 0 -32.15em;
		padding:			0 1em 2em 1em;
        overflow:           hidden;
		background-image:	url(../images/wrapper_background.jpg);
	}
	
	#header {
        position:           relative;
        width:              60.6em;
        margin:             1em 0 1em 0;
        padding:            .5em 0 0 1em;
		height:				10em;
        overflow:           hidden;
	}
	
	#left_panel {
        position:           relative;
		width:				15em;
        float:              left;
		overflow:			hidden;
		margin:				0 1em 3em 0;
    }

	#main {
        position:           relative;
		width:				40.9em;
        float:              left;
        margin:             0 0 1em 0;
        padding:            1em 2.4em 2.4em 2.4em;
		overflow:			hidden;
		min-height:         20em;
	}
    
	#footer {
        position:           absolute;
        margin:             0;
        padding:            0 2em 1em 2em;
        width:              60em;
        left:               0;
        bottom:             0;
	}
      
    .left_float {
        float:              left;
    }
    
    .right_float {
        float:              right;
    }
    
    .centre_float {
        float:              center;
    }

#footer {
		float:				left;
        margin-top:         5px;
        margin-left:        50px;
		width:				700px;
	}
    
    #ecdlbook {
        height:             240px;
        width:              170px;
        float:              left;
        margin:             0 12px 12px 0;
    }
    
    #log-book {
        height:             135px;
        width:              160px;
        float:              right;
    }
    
    #ecdladv{
        height:             129px;
        width:              113px;
        float:              right;    
    }
    
    #advecdlbook {
        height:             200px;
        width:              145px;
        float:              left;    
        margin:             0 12px 0 0;
    }