#content {
	width: 689px;
	background: url(../images/style/world.jpg) top right no-repeat;
	float: right;
}

#sidebar {
	float: left;
	width: 200px;
	margin: 0 0 10px 0;
	display: inline; /* beat double margin bug in ie */
	background-color: #FFCC66;
}


/* --------------- SIDEBAR Typography and Colours ------------------------------

   The sub-navigation items are held within unordered lists (ul).

   When an item is selected that has a sub-menu this is displayed.

   The selected class on the main sub-navigation (ul li) is applied to the <a> tag.

   The selected class on sub-sub-navigation (ul li ul li) is applied to the <li> tag.

*/



#sidebar {

    font-size: 1.2em;

    }



/* create gap above and below entire list */

#sidebar ul {

    list-style: none;

    list-style-type: none;

	margin: 10px 24px;

	padding: 0;
}

    /* spacer below list items */

    #sidebar li {

        padding: 0 0 5px 0;

        }


/* indent sub list */

#sidebar ul ul {

    margin: 5px 0px 0px 16px;

    }

#sidebar ul ul ul {

    margin: 5px 0px 0px 16px;

    }

    /* selected item in sub-list -- class applied to the list item tag: <li class="selected"> */

    #sidebar ul ul li.selected, .currentbranch3 {

        border-left: 5px solid #5f5f5f;

        color: #5f5f5f;                     /* Dark Grey (rgb 95, 95, 95) */

        font-family: Arial, Helvetica, sans-serif;

        font-weight: bold;

        padding-left: 5px;

        }


/* border and padding control left-hand 'tick' marker */

#sidebar li a {

    /* coloured padding found in sidebar colour css file */

	color: #000;

    display: block;

	font-family: Arial, Helvetica, sans-serif;

	font-weight: normal;

	}


    #sidebar li a:link, #sidebar li a:visited {

    	text-decoration: none;

    	}



    #sidebar li a:hover, #sidebar li a:active {

    	text-decoration: underline;

   	}


    /* selected item on list -- class applied to <a> tag: <a href="#" class="selected"> */

    #sidebar a.selected, #sidebar li a.selected {

        color: #5f5f5f;

        font-weight: bold;

        }


#sidebar h3 {
	margin: 8px 24px;
	font-size: 1em;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	background-color: #666666;
	color: #FFFFFF;
	padding: 4px;
}