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

    /*    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/left.jpg) repeat-y;
    }
    
    #wrapper_top {
        top:                0;
        left:               30px;
    }
    #wrapper_top_right {
        top:                0;
        right:              0;
        background:         url(../images/borders/right.jpg) repeat-y;
    }
    #wrapper_left {
        top:                30px;
        left:               0;
        height:             1000em;
        background:         url(../images/borders/left.jpg) repeat-y;
    }
    #wrapper_centre {
        top:                30px;
        left:               30px;
        height:             100%;
    }
    #wrapper_right {
        top:                0;
        right:              0;
        height:             1000em;
        background:         url(../images/borders/right.jpg) repeat-y;
    }
    #wrapper_bottom_left {
        bottom:             1em;
        left:               0;
        background:         url(../images/borders/bottom_left.jpg) no-repeat;
    }
    #wrapper_bottom {
        bottom:             1em;
        left:               30px;
        width:              62em; 
        background:         url(../images/borders/bottom.jpg) repeat-x;
    }
    #wrapper_bottom_right {
        bottom:             1em;
        right:              0;
        background:         url(../images/borders/bottom_right.jpg) 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_top_left {
        top:                0;
        left:               0;
        background:         url(../images/borders/left.jpg) repeat-y;
    }
    
    #header_top {
        top:                0;
        left:               30px;
    }
    #header_top_right {
        top:                0;
        right:              0;
        background:         url(../images/borders/right.jpg) repeat-y;
    }
    #header_left {
        top:                30px;
        left:               0;
        height:             1000em;
        background:         url(../images/borders/left.jpg) repeat-y;
    }
    #header_centre {
        top:                30px;
        left:               30px;
        height:             100%;
    }
    #header_right {
        top:                30px;
        right:              0;
        height:             1000em;
        background:         url(../images/borders/right.jpg) repeat-y;
    }
    #header_bottom_left {
        bottom:             0;
        left:               0;
        background:         url(../images/borders/bottom_left.jpg) no-repeat;
    }
    #header_bottom {
        bottom:             0;
        left:               30px;
        width:              59em; 
        background:         url(../images/borders/bottom.jpg) repeat-x
    }
    #header_bottom_right {
        bottom:             0;
        right:              0;
        background:         url(../images/borders/bottom_right.jpg) no-repeat;
    }
    /* 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/left.jpg) repeat-y;
    }
    
    #left_panel_top {
        top:                0;
        left:               30px;
    }
    #left_panel_top_right {
        top:                0;
        right:              0;
        background:         url(../images/borders/right.jpg) repeat-y;
    }
    #left_panel_left {
        top:                30px;
        left:               0;
        height:             1000em;
        background:         url(../images/borders/left.jpg) repeat-y;
    }
    #left_panel_centre {
        top:                30px;
        left:               30px;
        height:             100%;
    }
    #left_panel_right {
        top:                30px;
        right:              0;
        height:             1000em;
        background:         url(../images/borders/right.jpg) repeat-y;
    }
    #left_panel_bottom_left {
        bottom:             0;
        left:               0;
        background:         url(../images/borders/bottom_left.jpg) no-repeat;
    }
    #left_panel_bottom {
        bottom:             0;
        left:               30px;
        width:              6.2em; 
        background:         url(../images/borders/bottom.jpg) repeat-x
    }
    #left_panel_bottom_right {
        bottom:             0;
        right:              0;
        background:         url(../images/borders/bottom_right.jpg) no-repeat;
    }
    /* 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_top_left {
        top:                0;
        left:               0;
        background:         url(../images/borders/main_top_left.png) repeat-y;
    }
    
    #main_top {
        top:                0;
        left:               30px;
    }
    #main_top_right {
        top:                0;
        right:              0;
        background:         url(../images/borders/main_top_right.png) repeat-y;
    }
    #main_left {
        top:                30px;
        left:               0;
        height:             1000em;
        background:         url(../images/borders/main_left.png) repeat-y;
    }
    #main_centre {
        top:                30px;
        left:               30px;
        height:             100%;
    }
    #main_right {
        top:                30px;
        right:              0;
        height:             1000em;
        background:         url(../images/borders/main_right.png) repeat-y;
    }
    #main_bottom_left {
        bottom:             0;
        left:               0;
        background:         url(../images/borders/main_bottom_left.png) no-repeat;
    }
    #main_bottom {
        bottom:             0;
        left:               30px;
        width:              100%; 
        background:         url(../images/borders/main_bottom.png) repeat-x;
    }
    #main_bottom_right {
        bottom:             0;
        right:              0;
        background:         url(../images/borders/main_bottom_right.png) no-repeat;
    }
    /* END MAIN BORDERS */    ul.vertical_menu {
        position:           relative;
		width:				6em;
		margin:             1.2em .8em;
        padding:            0;
		list-style:			none;
	}
    	
	.vertical_menu li {
		font-size:			100%;
		font-weight:		bold;
		padding-left:		1em;
		height:				1.6em;
	}
	
	.vertical_menu li a {
		text-decoration:	none;
		color:				#4A6473;
		border:				none;
	}
	
	.vertical_menu li a:hover {
		text-decoration:	none;
		color:				#D8F1FF;
	}
	
	ul.horizontal_menu {
    	position:			absolute;
        right:              2em;
        top:                1.5em;
		width:				50em;
		height:				2.1em;
		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, helvetica, sans-serif;
		height:				100%;
        overflow-y:         scroll;
	}
	
	body {
		margin:				0;
        padding:            0;
		height:				100%;
		background-color:	#E0E391;
	}
    
    p {
        margin:             0 0 0 0;
    }
    
    #main p {
        color:              #405F83;
    }
    
	img {
		display:			block;
	}
		
	#wrapper {
		position:			relative;
		width:				60em;
 		margin:		        0 auto 0 auto;
		padding:			0 1em 0 1em;
		border-left:		0em solid #D8F1FF;
		border-right:		0em solid #D8F1FF;
        overflow:           hidden;
        min-height:         100%;
		background-color:	#FFFFFF;
		background-image:   url(../images/wrapper_background.jpg);
		background-repeat:  repeat-x;
		background-position:top;
	}
	
	#header {
        position:           relative;
        width:              57em;
        margin:             1em 0 0 0;
        padding:            1em 0 0 2em;
		height:				8em;
        overflow:           hidden;
		background-color:	transparent;
	}
	
	#left_panel {
        position:           relative;
		width:				8em;
        float:              left;
        overflow:           hidden;
		background-color:	transparent;
    }

	#main {
        position:           relative;
		width:				21.6em;
        margin:             0 0 3em 0;
        padding:            1.88em 2.4em 2.4em 2.4em;
		overflow:			hidden;
		background-image:   url(../images/main_background.png);
	}
	
    #right_panel {
        position:           absolute;
		right:				4.3em;
		top:				10.1em;
		width:				20em;
        float:              right;
        overflow:           hidden;
    }
	
	#footer {
        position:           absolute;
        margin:             0 3.5em 0.5em 3.5em;
        padding:            0 4em;
        width:              60em;
        left:               0;
        bottom:             0;
	}

    .left_float {
        float:              left;
    }
    
    .right_float {
        float:              right;
    }