/* browser window background */
html {
    background-color: rgb(230, 243, 255); 
}

/* Body */
body {
    margin-left: auto;
    margin-right: auto;
    margin-top: auto;
    max-width: 960px;
    min-width: 640px;
    width: 95%;
}

/* Body Header  */
body> header> img {
    display: block;
    width: 100%;
}


/* Navigation */
nav {
    font-size: 1.25em;
}
nav > ul {
    line-height : 1.75em;
    padding-left : 30px;
}

nav.horizontalNavigation {
    list-style-type: none;
}

body > header > nav#topLinks {
    background-color: rgb(255, 153, 102);
	line-height: 1.7em;
	text-align: right;
}
nav#topLinks a:link, nav#topLinks a:visited,
nav#mainLinks a:link, nav#mainLinks a:visited {
    color : rgb(0, 53, 102);
    text-decoration: none;
}

nav#Links a:link, nav#Links a:visited{
    color : rgb(0, 53, 102);
    text-decoration: none;
}

nav#topLinks a:hover, nav#topLinks a:active,
nav#mainLinks a:hover, nav#mainLinks a:active{
    color: rgb(115, 115, 115);
    text-decoration:underline;
}

nav#Links a:hover, nav#Links a:active{
    color: rgb(115, 115, 115);
    text-decoration:underline;
}

nav.horizontalNavigation li {
    display: block;
    float: left
}

body> header> nav.horizontalNavigation li {
    width: 20%;
}

nav.horizontalNavigation a {
    display: block;
    text-align: center;
}



/* Article Styles */
article header h1 {
	color: rgb(0, 26, 77);	
	font-family: "Palatino Linotype","Century Schoolbook";
	font-size: 2em;
    text-align: center;
    line-height: 2.5em;
}

/* userID layout */
form#userID {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: row wrap;
    flex-flow: row wrap;
}

form#userID > fieldset {
    border-radius: 20px;
    -webkit-flex: 1 1 300px;
    flex: 1 1 300px;
    font-size: 1.25em;
    padding: 15px;
    margin: 15px;

}

div.formRow {
    display: -wedkit-flex;
    display: flex;
    -webkit-flex-flow: row wrap;
    flex-flow: row wrap;
    margin: 7px 5px;
}


div.formRow > * {
    -webkit-flex: 1 1 150px;
    flex: 1 1 150px;
}
/* status layout */

textarea {
    margin-top: 10px;
    height: 100px;
    width: 95%;
}
form#status {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: row wrap;
    flex-flow: row wrap;
}

form#status > fieldset {
    border-radius: 20px;
    -webkit-flex: 1 1 300px;
    flex: 1 1 300px;
    font-size: 1.25em;
    padding: 15px;
    margin: 15px;
}

section h1 {
    font-size: 2.25em;
}

/* Footer */
footer {
    color: white;    
    background: rgb(0, 38, 77);  
    height: 40px;
    padding-top: 20px;
    text-align: center;
    font-size: 0.9em; 
    width: 100%;
 }