/*
	--------------------------
	Main Styles
	--------------------------
*/
/* Header */
header > nav            { position: relative; z-index: 1; margin-left: 3%; width: 66.5%; }
header > nav ul         { margin-left: 1.5%; width: 100%; }
header > nav ul li      { width: 13.333%; }
header > nav ul li a    { font-size: 0.85em; width: 85%; border-top-left-radius: 0px; border-top-right-radius: 0px; border-bottom-left-radius: 0.3125em; border-bottom-right-radius: 0.3125em; }

header > nav ul li.selected { width: 18%; }
header > nav ul li.selected a   { font-size: 1.1em; }

header > nav.q          { position: relative; background: #e6e6e6; width: 65%; margin-bottom: 0px; padding: 1em 0.5em; z-index: 2; box-shadow: 2px 1px 8px #333; }
header > nav.q ul       { margin-left: 0px; font-size: 0.95em; width: 100%; }
header > nav.q ul li    { padding: 0px 1.25%; }
header > nav.q ul li.selected { width: auto; }
header > nav.q ul li.selected a   { font-size: 0.8em; }

header > div.sm { float: left; margin-left: 3.5%; width:10%; }

/* Header Banner */
div.pageheader          { float: left; width: 100%; background-color: #b0152a; }
div.pageheader div      { width: 48.5%; float: left; text-align: left; padding: 3.25% 5%; color: #fff; }
div.pageheader > img    { max-width: 30.7%; float: left; }
div.pageheader > img[alt*="Banner"]    { max-width: 41.7%; }

div.pageheader div img  { float: left; margin-right: 2em; }
div.pageheader h1       { font-family: Georgia, serif; font-size: 2.75em; font-weight: normal; margin-top: 0.15em; margin-bottom: 0.15em; }
div.pageheader p        { font-family: Georgia, serif; font-size: 1.25em; font-weight: normal; margin-bottom: 0px; }

/* Section Links */
nav.sectionlinks                { float: left; width: 24.6%; margin-top: 1em; }
nav.sectionlinks h1             { color: #fff; font-size: 1em; text-align: left; padding: 0.5em; }
nav.sectionlinks ul             { margin: 0px; padding: 0px; list-style-type: none; float: left; width: 100%; }
nav.sectionlinks ul li          { float: left; width: 44.75%; height: 7em; padding: 0px; padding-left: 5%; margin-bottom: 0.85em; font-size: 0.9em; text-align: center; display: table; }
nav.sectionlinks ul li a        { background-color: #b2b2b2; color: #fff; display: block; padding: 0px 10% 0px 10%; width: 80%; height: 100%; display: table-cell; vertical-align: middle; }
nav.sectionlinks ul li a:hover, nav.sectionlinks ul li.current a  { background-color: #b0152a; }

/* Body content */
div.outer > div.bodyouter > div.body        { padding: 0px; width: 68.4%; margin-left: 3.5%; margin-right: 3.5%; }
div.outer > div.bodyouter > div.body.wide   { width: 100%; margin-left: 0px; margin-right: 0px; }
div.outer > div.bodyouter > div.body > p:first-child  { font-weight: bold; color: #b0152a; border: solid 2px #4d4d4d; padding: 2.5%; }

div.outer > div.bodyouter > div.body ul.box { background-color: #d6d6d6; padding-top: 0.5em; padding-bottom: 0.5em; }

div.outer > article { text-align: left; }

/* Contact text */
aside.contact   { font-family: Georgia, serif; font-size: 1.35em; background-color: #b2b2b2; color: #fff; float: left; padding: 2% 4%; width: 92%; border-radius: 1em; margin-bottom: 0.5em; }
aside.contact p { margin: 0px; }
aside.contact p span  { color: #b0152a; }
aside.contact p a  { color: #b0152a; }
aside.contact p a:hover  { text-decoration: underline; }

div.disclaimer      { float: left; width: 100%; text-align: left; }
div.disclaimer h2    { font-size: 0.75em; }
div.disclaimer p    { font-size: 0.65em; margin-bottom: 2em; }

/* Button Links */
div.buttons     { float: left; width: 100%; margin-bottom: 1em; }
div.buttons a   { background: #b0152a; color: #fff; display: block; float: left; padding: 1% 5%; margin-right: 1em; }
div.buttons a:hover { background-color: #b0b0b0; }

/*  Forms 
--------------------------  */

nav.sectionlinks form                    { background: #e6e6e6; border: solid 1px #d3d3d3; border-radius: 1em; padding: 5%; float: left; width: 90%; margin-bottom: 1em; }
nav.sectionlinks form label              { display: none; }
nav.sectionlinks form div.f p   { margin: 0.5em 0px; }
nav.sectionlinks form div.f label        { display: block; width: 100%; font-size: 0.8em; }
nav.sectionlinks form div.f label input  { width: auto; float: left; }
nav.sectionlinks form input              { padding: 5%; border-radius: 2em; width: 100%; margin-bottom: 0.5em; font-size: 0.8em; }
nav.sectionlinks form select             { padding: 5%; border-radius: 2em; border: 0px; width: 100%; margin-bottom: 0.5em; background-color: #0192d4; color: #fff; font-size: 0.8em; 
                            background-image: -webkit-gradient(linear, 0% 0%, 100% 0%, from(#0192d4), to(#186cb5));
                            background-image: -webkit-linear-gradient(left, #0192d4, #186cb5); 
                            background-image: -moz-linear-gradient(left, #0192d4, #186cb5);
                            background-image: -ms-linear-gradient(left, #0192d4, #186cb5);
                            background-image: -o-linear-gradient(left, #0192d4, #186cb5);
                            background: linear-gradient(to right, #0192d4 0%,#186cb5 100%);
                            box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -webkit-box-sizing: border-box;
                        }
nav.sectionlinks form select option      { background: #fff; color: #575757; }
nav.sectionlinks form input[type=submit] { width: 100%; padding: 0px; border: 0px; text-align: right; background: transparent; color: #666; font-size: 0.7em; font-weight: bold; }

nav.sectionlinks form span.as                { position: relative; display: block; margin-bottom: 1em; float: left; width: 100%; }
nav.sectionlinks form span.as ul             { list-style-type: none; margin: 0px; padding: 0px; position: absolute; top: 1.6em; left: 0px; background: #fff; text-align: left; border: solid 1px #ccc; border-top: 0px; box-shadow: 2px 2px 2px #999; width: 100%; border-bottom-right-radius: 1em; border-bottom-left-radius: 1em; box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -webkit-box-sizing: border-box; }
nav.sectionlinks form span.as ul li          { font-size: 0.7em; padding: 4%; border-bottom: solid 1px #f1f1f1; cursor: pointer; width: 92%; height: auto; text-align: left; }
nav.sectionlinks form span.as ul li:hover    { background: #f1f1f1; }

form.loginforms > div                   { margin-bottom: 1em; }
form.loginforms legend                  { text-align: left; }
form.loginforms input                   { float: left; }
form.loginforms label                   { clear: both; }
form.loginforms label.c                 { width: auto; }
form.loginforms input[type=checkbox]    { float: left; width: auto; }
form.loginforms input[type=submit]      { clear: both; float: left; width: 20%; text-align: center; margin: 1em 0px 2em 0px; }
form.loginforms p                       { clear: both; }