/* Main site wide css */
html, body {
width: 100%;
height: 100%;
}
a {
	color:#00FFFF;
}

body {
	margin: 0;
	padding: 0;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	background-color:#000000;	/*background-image: url('../images/squaredcircles.jpg');	*/
}
.container { /*global website container that will be centered */
width: 100%;
height: 100%;
position: absolute;
background-color: #99CC99;
}

.header {
height: 100px;
background-color: #99CCCC;
}
.menu {
position: absolute;
left:0;
width: 150px;
height: 300px;
background-color:#CCCCFF;
}
.frame {
margin-left: 150px;
width: auto;
height: 300px;
background-color:#9999CC;
overflow: auto;
}
p {margin: 0 0 10px 0;}

.menugauche {
list-style-type: none;
margin: 0;
padding:0;
}
.menugauche li {
margin-bottom: 5px;
}
.menugauche a {
margin: 0 2px;
color: #000000;
text-decoration: underline;
}
.menugauche a:hover {
text-decoration: none;
}
.font1 {
color: #FF0000;
}

.style1 { /*Main Heading*/
	color: #FF0000;
	font-size: xx-large;
	letter-spacing: 0.12em;
}
.style2 { /*Sub Heading*/
	color: #FF0000;
	font-size: medium;
	letter-spacing: 0.12em;
}
.style3 { /*Standard Text*/
	color: #FFFFFF;
	font-size: small;
	letter-spacing: 0.02em;
}
.style4 { /*Internal Links*/
	font-size: small;
	color: #FF0000;
	letter-spacing: 0.06em;
}
.style5 { /*External Links*/
	font-size: small;
	color: #9999FF;
	letter-spacing: 0.06em;
}
.quotes { /*Standard Text*/
	color: #FFFFFF;
	font-size: small;
	font-style: italic;
}
}