html {
font-family: verdana,news gothic,arial,heltevica,serif;

}

body {
background-color: #ddd;
margin: auto;
margin-top: 5px;
width: 960px;
font-family: verdana,news gothic,arial,heltevica,serif;
text-align:center; /* for IE */
}

#container{
margin: 0 auto;
text-align:left;
border: 1px solid #aaa;
}

#top {
width:960px;
height: 160px;
background-image: url(/images/header.png);
background-repeat: no-repeat;
margin-bottom: 0px;
}

#main_menu{
border:none;
background-image: url(/images/menu.jpg);
background-repeat: x-repeat;
padding:5px 0px 4px 10px;;
margin:0px 0px 10px 0px;
}

#side_menu{
float:left;
}
#menu{
width:150px;
margin-right:5px;
margin-left:5px;
margin-bottom: 5px;
background-color: #ccc;
padding:5px;
}

.page{
margin-left:170px;
border: 1px solid #ccc;
background-color: #fff;
margin-right:20px;
padding:10px;
font-size: 0.9em;
}

.page_alone{
margin-left:20px;
border: 1px solid #ccc;
background-color: #fff;
margin-right:20px;
padding:10px;
}

#menu a{
text-decoration:none;
color:black;
font-size: smaller;
}

#menu a:hover{
color:grey;
}

#main_menu a{
text-decoration:none;
padding-right:10px;
color:#fff;
}

#main_menu a:hover{
color:grey;
}

#content {
background-color: #fff;
border-top: none;
padding: 0px 0px 10px 0px;
overflow: hidden;
background-image: url(/images/bgcontainer.gif);
background-repeat: no-repeat;
background-position:5px 20px;
}

#page_content{
width:98%;
height:400px;
}

#notice {
border: 5px solid #9c9;
background-color: #cfc;
padding: 5px;
width:98%;
margin: auto;
margin-bottom:10px;
margin-right:20px;
}
#warning {
border: 5px solid #f66;
background-color: pink;
padding: 5px;
width:98%;
margin: auto;
margin-bottom:10px;
margin-right:20px;
}

#errorExplanation {
border: 5px solid #f66;
background-color: pink;
padding: 5px;
margin: auto;
width:98%;
}

.fieldWithErrors {
border: 5px solid #f66;
width:30%;
}

.bl {background: url(/images/user_bl.png) 0 100% no-repeat #a2d1ff;}
.br {background: url(/images/user_br.png) 100% 100% no-repeat}
.tl {background: url(/images/user_tl.png) 0 0 no-repeat}
.tr {background: url(/images/user_tr.png) 100% 0 no-repeat; padding:10px}


#logged {
float : right;
margin-top:120px;
margin-right: 10px;
font-size: smaller;
color: navy;
text-align: right;
}

.brochure_form{
	margin-bottom: 20px;
	padding:20px;
	border: 1px solid #ccc;
}

#logged a{
	text-decoration:none;
}

.user {
color: white;
width : 600px;
margin-left: 15%;
margin-bottom: 10px;
padding: 5px;
}

.user .userlogin {
text-align: left;
width: 30%;
}
.user .useremail {
margin-top: 30px;
margin-left: 20px;
width: 30%;
}
.user .useroles {
margin-left: 20px;
text-align:right;
}

#login_filter{
margin:auto;
width:90%;
border : 1px solid #ccc;
padding: 10px;
}

#mess{
border:none;
background-color:alpha;
margin-top:10px;
padding:0;
}

#news_item{
margin: 8px 0px 8px 0px;
font-size: smaller;
}

#msg{
display:none;
}

#uinfos table{
width : 100%;
}

.user {
	cursor: -moz-grab;
}

#trash {
float: left;
background-color:none;
margin-top : 5px;
margin-left: 5px;
}

.handle {
cursor: -moz-grab;
}

.edit_page {
float: right;
}

#sortable_main {
display: inline;
}

#add_main{
display: inline;
}

#members_list{
	list-style-type:none;
	padding:0;
}

.member{
	float:left;
	width: 47%;
	margin: 10px;
	
}

.avatar{
	float:left;
	margin: 5px;
}

#member_form{
clear: left;
}