/* CSS Document */

body {
	font: 76% "Lucida Grande", "Lucida Sans Unicode", arial, sans-serif;
	text-align: center;
	margin: 0;
	background-image: url("images/notes_bg.gif")
	}
		
#container {
	width: 760px;
	margin: 10px auto 0;
	text-align: left;
	border: solid 1px #000;
	background-color: #FFFFFF;
	background-image: url(images/main_container_bg.gif);
	background-repeat: repeat-y;
	background-position: left top;
	}
		
#content {
	width: 510px;
	float: left;
	padding: 10px 20px 10px 30px;
	background-color: #FFFFFF;
    }
#content a{color: #CC0000;}
#content a:hover{color:#333333;}
    	
#header {
	text-transform: uppercase;
	padding:0px;
	color: #fff;
	background: #000000;
	font-size: 0.8em;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #000000;
    }
    	
#header h1 {
    margin: 0;
    }
    	
#sidebar {
	width: 161px;
	float: left;
	padding: 0 0px;
	background-color:#000000;
    }
    	
#sidebar ul {
    margin: 0;
    padding: 0;
    }
		
li {
	display: inline;
	}

#sidebar li a {
	height:100%;
	}
		
#sidebar li a {
	display: block;
	padding: 5px 10px;
	text-decoration: none;
	color: #fff;
    border-bottom: solid 1px #fff;
   }
		
#sidebar li a:hover {
	display: block;
	color:#000;
	background: #CCCCCC;
	}


#sidebar ul li a.selected {
	display: block;
	background: #CCCCCC;
	color:#000;!important}
		
#footer {
    clear: both;
    padding: 5px 20px;
    background: #ccc;
    border-top: solid 1px #000;
    }
	
#footer a {color:#000000;}
#footer a:hover{color: #CC0000;}

p {
	margin: 10px 0px;
	}
	


h1 {
	font-size: 14px;
	margin:0px 0px 5px 0px;
}

h2 {
	font-size: 12px;
	margin:10px 0px;
	color: #CC0000;
}