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

#sidebar {
	font-size: 1.2em;
	float: left;
	width: 200px;
	padding: 0 20px 10px 0;
	margin: 0 20px 0 0;
	background-color: #78b0d9;
	display: inline; /* beat double margin bug in ie */
}



/* create gap above and below entire list */

#sidebar ul {
    list-style: none;
    list-style-type: none;
	margin: 10px 0px 10px 10px;
	padding: 0;
}

#sidebar li {
     padding: 0 0 5px 0;
	 margin: 0;
}

#sidebar ul ul {
    margin: 5px 0px 0px 16px;
}


#sidebar li a {
	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 {
	font-size: 1.2em;
	margin: 0.7em 0;
	background-color: #5f5f5f;
	color: #ffffff;
	padding: 0.2em;
	font-weight: bold;
}