/*   main body style */
body {
	background: #CADAEF;
	color:#555555;
	-webkit-font-smoothing: antialiased;
	font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; 
	font-weight: 300;
	font-weight: 400;
	height: auto !important;
	height: 100%;
	min-height: 100%;
	width: 100%;
        text-rendering: optimizeLegibility;
}

h1 {
	font-size:28px;
	font-weight:bold;
	font-family:"Trebuchet MS",Arial, Helvetica, sans-serif;
	letter-spacing:1px;	
        text-rendering: optimizeLegibility;
}

h2 {
	font-family:"Arial Narrow",Arial,Helvetica,sans-serif;
	font-size:18px;
	font-weight:normal;
	padding-left:2px;
	margin-top:4px;
	color:#888888;
        text-rendering: optimizeLegibility;
}

/* holds RM banner and limited access containers */
#banner {
    width:70%;
    margin:auto;
    background: rgba(100,100,255,0.0);
}

#banner p {
	padding-bottom:8px;
}

#banner h1 {
	font-size:3vw;
	font-weight:bold;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	color:green;
        text-rendering: optimizeLegibility;
}

#banner h2 {
	font-family:"Arial Narrow",Arial,Helvetica,sans-serif;
	font-size:2vw;
	font-weight:bold;
     	font-style:italic;
	padding-left:2px;
	margin-top:4px;
	color:blue;
}



/* lower part of main page activated with login */
#gallery {
        width:100%; height:700px;
	margin: auto;
	background: rgb(250,255,255);
}

/* main panel containers of RM banner and limited access portal */
#banner .container{
	border:1px solid #E0E0E0;
	background:rgb(200,250,250);
	color:rgb(255,0,0);
	padding-right:10px;
	padding-left:10px;
	padding-top:10px;
	padding-bottom:10px;
	clearfix: both;
	width:auto;
	height:auto;
	
	/* Rounded corners */
	-moz-border-radius:20px;
	-khtml-border-radius: 20px;
	-webkit-border-radius: 20px;
	border-radius:20px;
}

.err{
    color:red;
    font-size: clamp(10px,2vw,30px);
}

.success{
    color:#00CC00;
    font-size: clamp(10px,2vw,30px);
}

a, a:visited {
	color:#00BBFF;
	text-decoration:none;
	outline:none;
}

a:hover{
	text-decoration:underline;
}

nav ul {
    color: white;
    list-style-type: none;
    margin: 0;
    padding: 0.5em;
}

nav ul li {
    color: rgb(80,80,80);
    padding: 1em;
    display: inline;
}