body, html
{
	font-family: "Arial", "Tahoma", sans-serif;
	height:100%;
}
img
{
	border: 0px;
}
#container 
{ 	
	width: 820px; 
	padding-right: 0px; 
	padding-left: 10px; 
	height:150%;
	padding-bottom: 20px; 
	margin-left: auto; 
	margin-right: auto; 
	padding-top: 20px; 
	background-color: white; 
	voice-family: inherit;
	border: 1px solid black;	
}
#banner
{
    height:100px;
    text-align:left;
    display:block;
}
h1
{
	font-size: 1.2em;
	margin-top: 15px;
	text-align:left;

}
h2
{
	font-size: 1.2em;
	text-decoration:underline;
	color:crimson;
	margin-bottom:0px;
	text-align:left;
}
h3
{
	font-size: 1.2em;
	margin-bottom: 4px;
}
h4
{
    margin-bottom:0px;
}
hr
{
    height:1px;
    color:crimson;
}

/* ----------------------------------- Left panel ----------------------------------- */

#eventslinks, #gallerylinks
{
    width:20%;
    float:left;
    background-color:#E2E1E1;
    margin-right:10px;
    padding:10px;
    color:Black;
	    border:1px solid gray;

}
#eventslinks ul
{
    margin-left:0px;
}
#eventslinks li, #gallerylinks li
{
        font-size:0.7em;
    list-style-type:none;
margin-top:10px;
    display:inline-block;
}
#eventslinks a, #gallerylinks a
{
        color:Black;
} 

#login
{
    	text-align:left;
}
#login li
{
    list-style-type:none;
}
#login br 
{
	clear: left;
}
#login label,input 
{
	display: block;
	float: left;
	margin-bottom: 10px;
}

#login label 
{
	text-align: left;
	width: 75px;
	padding-right: 20px;
	margin-left:120px;
}

#validation
{
	font-size: 0.7em;
	color: crimson;
	font-weight: bold;
}
.submit
{
	margin-top: 0px;
	margin-left:320px;

}
#leftpanel
{
    padding:10px;
    width:30%;
    float:left;
    background-color:#BCD4DE;
    margin-right:10px;
	border:1px solid gray;
	
}
#rightpanel
{
    width:30%;
    padding:10px;
    height:80%;
    border:1px solid gray;
    background-color:#BDDEBC;
	margin-left:60%;
}
