.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;
        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/left_top_left.gif) no-repeat;
        z-index:            3;
    }
    
    #left_panel_top {
        top:                0;
        left:               13px;
		width:				100%;
		background:         url(../images/borders/left_top.gif) repeat-x;
        z-index:            2;
    }
    #left_panel_top_right {
        top:                0;
        right:              0;
        background:         url(../images/borders/left_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:   #e2e3cf;
		background:			url(../images/borders/left_centre.gif) repeat-x;
        
        height:             2000em;
        width:              100%;
        z-index:            0;
    }
    #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/left_top.gif) repeat-x;
		z-index:			10;
    }
    #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/left_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/left_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/left_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 */
	
	/*    RIGHT PANEL BORDERS
        | These are the styles for the spans that are used to hold
        | the background images if there are any decorative borders.
    */
    
    #right_panel_top_left {
        top:                0;
        left:               0;
        background:         url(../images/borders/right_top_left.gif) no-repeat;
        z-index:            3;
    }
    
    #right_panel_top {
        top:                0;
        left:               13px;
		width:				100%;
		background:         url(../images/borders/right_top.gif) repeat-x;
        z-index:            2;
    }
    #right_panel_top_right {
        top:                0;
        right:              0;
        background:         url(../images/borders/right_top_right.gif) no-repeat;
        z-index:            3;
    }
    #right_panel_left {
        top:                13px;
        left:               0;
        height:             2000em;
        background:         url(../images/borders/right_left.gif) repeat-y;
        z-index:            2;
    }
    #right_panel_centre {
        top:                0;
        left:               0;
        background-color:   #e2e3cf;
		background:			url(../images/borders/right_centre.gif) repeat-x;
        
        height:             2000em;
        /* width:              100%; */
        z-index:            0;
    }
    #right_panel_right {
        top:                13px;
        right:              0;
        height:             2000em;
        background:         url(../images/borders/right_right.gif) repeat-y;
        z-index:            2;
    }
    #right_panel_bottom_left {
        bottom:             0;
        left:               0;
        background:         url(../images/borders/right_bottom_left.gif) no-repeat;
        z-index:            3;
   }
    #right_panel_bottom {
        bottom:             0;
        left:               13px;
        width:              100%; 
        background:         url(../images/borders/right_bottom.gif) repeat-x;
        z-index:            2;
    }
    #right_panel_bottom_right {
        bottom:             0;
        right:              0;
        background:         url(../images/borders/right_bottom_right.gif) no-repeat;
        z-index:            3;
    }
    /* END RIGHT PANEL BORDERS */    ul.vertical_menu {
        position:           relative;
		width:				15em;
		margin:             0em 0em;
        padding:            0;
		list-style:			none;
		background-color:	white;
	}
    	
	.vertical_menu li {
		font-size:			100%;
		font-weight:		bold;
		padding:			0.2em 0 00 0.2em;
		margin:				0 0 1em 0;
		width:				15.00em;
		/* background:			url(../images/menu_background.jpg) no-repeat; */
		
	}
	
	.vertical_menu li a {
		text-decoration:	none;
		color:				#076703;
		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, Calibri,  Verdana, Geneva, Helvetica, sans-serif;
		height:				100%;
        font-size:          100%;
        overflow-x:         auto;
        overflow-y:         scroll;
	}
	
	body {
		margin:				0;
        padding:            0;
		height:				100%;
		/* background-color:	#AEDBF5; */
		background:			url(../images/body_background.jpg) repeat-x;
	}
    
    p {
        position:           relative;
        margin:             0 auto;
		color:				#146f10;
    }
    
    #main p{
        margin:             0 0 .5em 0;
		color:				#146f10;
    }
    
	img {
		display:			block;
		border:				0;
	}
		
    h1 {
        font-size:          150%;
		color:				#124710;
        margin:             0 0 .4em 0;
    }
    
    h2 {
        font-size:          120%;
        color:              #124710;
        margin:             0 0 .1em 0;
    }
 
	#wrapper {
		position:			relative;
		width:				60em;
        left:               50%;
 		margin:				0 0 0 -30em;
		padding:			0 0em 0em 0em;
        overflow:           hidden;
		background-color:	#ffffff
		
	}
	
	#header {
        position:           relative;
        width:              60em;
        margin:             0 0 1em 0;
        padding:            0 0 0 0;
		height:				150px;
        overflow:           hidden;
		background:			url(../images/header.png) no-repeat;
		background-color:	#e3e7dd;
	}
	
	#imageContainer {
		z-index:			1000;
	}
	
	#imageContainer img {
		position:				absolute;
		top:					0;
		right:					0;
		opacity:				0;
		filter:					alpha(opacity=0);
	}
	
	#imageContainer #image1 {
		filter:					alpha(opacity=100);
	}
	
	#left_panel {
        position:           relative;
		width:				15em;
        float:              left;
		overflow:			hidden;
		margin:				0 1em 0.3em 0;
		//background-color:	red;
    }

	#left_contact {
		width:				15em;
		height:				2.75em;
		margin:				0 0 0 0;
		padding:			0.2em 0 0 0.3em;
		background:			url(../images/contact_background.jpg) no-repeat;
	}
	
	#left_contact p{
		color:				#ffffff;
		font-size:			95%;
	}
	
	#left_contact a{
		color:				#ffffff;
		font-size:			95%;
	}

	#main {
        position:           relative;
		width:				43em;
        float:              left;
        margin:             0 0 1em 0;
        padding:            0em 0em 1em 0em;
		overflow:			hidden;
		min-height:         20em;
	}
	
	#main a {
		color:				#124710;
	}
	
	#right_panel {
        position:           relative;
		width:				12.5em;
        float:              right;
		overflow:			hidden;
		margin:				0 0em 3em 0;
		padding:			0em 0em 2.4em 0em;
		background-color:	#ffffff;
		z-index:			100;
    }
	
	#right_panel p {
		color:				#ffffff;
		text-align:			left;
		padding:			0.3em 0 0.3em 0.5em;
	}
	
	#right_panel_1 {
		margin:				0 0em 0.5em 0;
		padding:			0em 0em 0em 0em;
		background:			url(../images/bg_right_panel_1.jpg) no-repeat;
	}
	
	#right_panel_2 {
		margin:				0 0em 0.5em 0;
		padding:			0em 0em 0em 0em;
		background:			url(../images/bg_right_panel_2.jpg) no-repeat;
	}
	
	#right_panel_3 {
		margin:				0 0em 0.5em 0;
		padding:			0em 0em 0em 0em;
		background:			url(../images/bg_right_panel_3.jpg) no-repeat;
	}
	
	#right_panel_4 {
		margin:				0 0em 0.5em 0;
		padding:			0em 0em 0em 0em;
		background:			url(../images/bg_right_panel_4.jpg) no-repeat;
	}
	
	#right_panel_5 {
		margin:				0 0em 0.5em 0;
		padding:			0em 0em 0em 0em;
		background:			url(../images/bg_right_panel_5.jpg) no-repeat;
	}
	
	#footer {
		position:			relative;
		float:				left;
		margin:             0;
        padding:            0 0em 0em 0em;
        width:              60em;
        height:				3.44em;
		/* background:			url(../images/footer_background.jpg) repeat-x; */
	}
	
	#footer p {
		font-size:			80%;
	}
	
	#footer a {
		color:				#124710;
		text-decoration:	none;
	}
	
	#footer_left {
		position:			relative;
		float:				left;
		margin:				0.7em 0 0 0.7em;
		padding:			0 0 0 0;
		width:				30em;
		text-align:			left;
	}
	
	#footer_middle {
		position:			relative;
		float:				right;
		margin:				0.4em 2.5em 0 0;
		padding:			0.3em 0.3em 0.3em 0.3em;
		width:				15em;
		background:			url(../images/footer_contact_background.jpg) repeat-x;;
		text-align:			center;
	}
	
	#footer_right {
		position:			relative;
		float:				right;
		margin:				0.7em 0.7em 0 0;
		padding:			0 0 0 0;
		width:				20em;
		text-align:			right;
	}
	
	#main_wide { /* not used in help4free site */
        position:           relative;
		width:				39.9em;
        float:              left;
        margin:             0 0 1em 0;
        padding:            1em 2.4em 2.4em 2.4em;
		overflow:			hidden;
		min-height:         20em;
	}
      
    .left_float {
        float:              left;
    }
    
    .right_float {
        float:              right;
    }
    
    .center_float {
        float:              center;
    }