/* RESET */
html, body {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}

/* force vertical scroll bar */
html { overflow-y: scroll;}


/* LAYOUT ELEMENTS*/
#page{
	font-size : 80%;
	margin : 0 auto;
	width : 960px;
}

#header {
}

#header *{
	text-align : center;
	text-decoration : none;
	color : #305060;
}

#body {
	overflow:hidden;
}

#sidebar {
	float:left; 
	width:170px;
	font-size : 90%;
	width:160px;
	padding : 5px;
	padding-top : 20px;
}
#sidebar ul {
	list-style: none;
}

#sidebar ul.menu{
	padding : 0;
	margin : 0;
}

#sidebar ul.submenu{
	margin : 0;
	padding-left : 10px;
}


#sidebar li a{
	display : block;
	width : 160px;
	padding : 2px;
	margin : 2px;
}

#content {
	margin-left : 200px;
	width : 750px;
	padding : 5px;
}

#footer{
	clear : both; 
	position : absolute ;
	width : 960px;
	font-size : 80%;
	padding : 5px;
	text-align: center;
}

/* STANDARD ELEMENT*/
body {
	color :#000;
	font-family : arial, sans-serif;
	text-align : justify;
}

a{
	text-decoration : none;
	color : #ae0a03;
	font-weight : bold;
}

a:hover {
	text-decoration : underline;
}

a img{
	border : 0;
}

dl {
	text-align : justify;
}

dt {
	font-weight : bold;
}

code {
	font-size : 120%;
}

h1 {
	font-weight : bold; 
	font-size : 300%;
	font-family : serif;
	font-variant:small-caps;
}

h2 {
	font-style : italic ;
}

/* CLASSES */

.red{
	color : #F00;
}

.center {
	text-align : center;
}

.submenu a{
	color : #803050;;
}