body{
margin:0;
padding:0;
line-height: 1.5em;
font-family: Arial, Helvetica, sans-serif; 
font-weight: bolder;
font-size: 1.5 em;   
}

b{font-size: 110%;}


#maincontainer{
width: 840px; /*Width of main container*/
margin: auto; /*Center container on page*/
}

#topsection{
	text-align: center;
	height: 120px; /*Height of top section*/
	padding: 5px;
	margin: 5px;
	font-weight: bolder;
	font-family: Candara, Cambria, "Comic Sans MS", Tahoma;
	color: #5A3A54;
}

#topsection p{
	
	margin: 0;
	
}
#topsection img{
	width: 75px;
	height: 75px;
	float: left;
	border: none;
}
#contentwrapper{
float: left;
width: 100%;
}

#contentcolumn{
margin-left: 200px; /*Set left margin to LeftColumnWidth*/
padding: 0 15px 0 15p;
}

#contentcolumn ul{
	list-style-type: none;
	line-height: 3em;
	 
}

.rozanne{
	border: thick groove #CFA5D8;
	text-align: center;
	width: 400px;
	margin: auto;
}

.regions{
	border: thick groove #CFA5D8;
 	width: 400px;
	margin: auto;
	}
	
.regions span{
	text-align: center;
	font-weight: bolder;
	color: #922B5A;
}

.regions ul{
	list-style-type: none;
}

#leftcolumn{
float: left;
width: 200px; /*Width of left column*/
margin-left: -840px; /*Set left margin to -(MainContainerWidth)*/

}

#footer{
clear: left;
width: 100%;
background-color: #CDB4C8;
text-align: center;
padding: 4px 0;
margin: 10px;
font: bold 13px arial;

}


.innertube{
margin: 10px; /*Margins for inner DIV inside each column (to provide padding)*/

}

.buttonmenu{
list-style-type: none;
margin: 0;
padding: 10px 0 0 0;
width: 180px;
}

.buttonmenu li a{
color: white;
display: block;
width: 100%;
padding: 2px 4px;
text-decoration: none;
font-weight: bold;
border: 1px solid;
border-color:#D5BFD0 #5A3A54 #5A3A54 #D5BFD0; /*light dark dark light*/
background-color: #704968;
text-decoration:none;
}


.buttonmenu li a:visited{
color: white;
}

.buttonmenu li a:hover, .buttonmenu li a:active{
color: black;
background-color: #CDB4C8;
}

.bevelmenu{
font: bold 13px arial;
padding: 6px 0;
margin: 0;
width: 100%;
background-color: #CDB4C8;
text-align: center; /*set value to "right" for example to align menu to the right of page*/
}

.bevelmenu li{
list-style: none;
display: inline;
background-color: #CDB4C8;
}

.bevelmenu li a{
padding: 3px 0.5em;
text-decoration: none;
color: black;
background-color: #CDB4C8;
border: 2px solid #CDB4C8;
}

.bevelmenu li a:hover{
color: white;
background-color: #704968;
border-style: outset;
}

html>body .bevelmenu li a:active{ /* Apply mousedown effect only to NON IE browsers */
border-style: inset;
color: white;
background-color: #704968;
}