@charset "utf-8";
/* CSS Document */
/* http://meyerweb.com/eric/tools/css/reset/v2.0 | 20110126 License: none (public domain)*/
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;}
/* HTML5 display-role reset for older browsers */
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;}
body{line-height:1;}
ol,ul{list-style:none;}
blockquote,q{quotes:none;}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none;}
table{border-collapse:collapse;border-spacing:0;}
/*
blue #4B80FF
light grey #
dark grey #
lightyellow #F5F6BE
*/
html{overflow:scroll;background-color:#ccc;}
body{font-family:Verdana,Arial;margin:0 auto;padding:0 1em;max-width:85em;background-color:#fff;}
noscript{position:absolute;top:0;left:0;width:100%;background-color:#900;color:#fff;text-align:center;font-weight:bold;padding:.75em 0;font-size:.9em;}
form{font-size:1em;margin:0 auto;}
form fieldset{border:.1em solid #4B80FF;margin:0.5em 2em;border-radius:1em;padding:.75em 3em;}
form legend{border:.1em solid #4B80FF;border-radius:.5em;padding:.75em 2em;font-size:1.1;font-weight:600;color:#4B80FF;}
form input{display:block;border-radius:.5em;margin:.5em 0;outline:none;}
form textarea{display:block;border-radius:.5em;margin:.5em 0;}
form select{display:block;border-radius:.5em;margin:.5em 0;cursor:pointer;}
form input[type="submit"]{cursor:pointer;background-color:#4B80FF;color:#fff;margin:1em 0;box-shadow:.15em .15em #888888;padding:.25em;}
form input[type="submit"]:hover{transform:scale(1.1);}
h1,h2,h3{color:#4B80FF;font-weight:600;margin:.5em 0;}
h1{font-size:2.5em;}
p{font-size:1em;}
@keyframes fadeout{0%{opacity:1;}30%{opacity:1;}100%{opacity:0;}}
@-o-keyframes fadeout{0%{opacity:1;}30%{opacity:1;}100%{opacity:0;}}
@-moz-keyframes fadeout{0%{opacity:1;}30%{opacity:1;}100%{opacity:0;}}
@-webkit-keyframes fadeout{0%{opacity:1;}30%{opacity:1;}100%{opacity:0;}}
.negmsg{width:60%;margin:auto;margin-top:1em;text-align:center;padding:.5em .7em .5em 2em;font-size:.9em;color:#000;background:url('/images/cross.png') .5em no-repeat #FCC;border:.1em solid #F00;border-radius:1em;pointer-events:none;position:absolute;left:20%;opacity:0;-webkit-animation:fadeout 8s;-moz-animation:fadeout 8s;-o-animation:fadeout 8s;animation:fadeout 8s;z-index:300;}
.posmsg{width:60%;margin:auto;margin-top:1em;text-align:center;padding:.5em .7em .5em 2em;font-size:.9em;color:#000;background:url('/images/tick.png') .5em no-repeat #C1FFC1;border:.1em solid #008000;border-radius:1em;pointer-events:none;position:absolute;left:20%;opacity:0;-webkit-animation:fadeout 8s;-moz-animation:fadeout 8s;-o-animation:fadeout 8s;animation:fadeout 8s;z-index:300;}

.notfound{text-align:center;}
h1.notfound{font-size:4em;}
h2.notfound{font-size:2.5em;}



banner{display:block;display:flex;padding:1em 0;border-bottom:#4B80FF solid medium;}
wrapper{display:block;margin:1em;}
footer{padding:.75em 0;border-top:#4B80FF solid medium;margin-top:2em;text-align:center;}
.greetings{text-align:center;}
#signinout{padding:1.25em;margin:auto 2.5em auto auto;border-left:#000 dotted .1em;color:#4B80FF;font-weight:600;text-decoration:none;}
#signinout:hover{background-color:#ddd;border-radius:.5em;}







#signinform{max-width:40em;}
#signinform input{width:100%;}

nav{display:block;background:#fff;position:relative;padding:0;margin:0;min-height:1.63em;border-bottom:#4B80FF solid medium}
nav a:hover{text-decoration:none;}
nav ul{list-style:none;position:absolute;float:left;margin:0;padding:0;z-index:100;}
nav ul a{display:block;color:#4B80FF;text-decoration:none;font-size:1.05em;font-weight:600;line-height:1.5em;padding:0 15px;white-space:nowrap;}
nav ul li{position:relative;float:left;margin:0;padding:0;}
nav ul li:nth-child(1n+2){border-left:#333 dotted .1em;}
nav ul li:hover{background:#bbb;}
nav ul li:hover > ul{display:block;}
nav ul ul{display:none;position:absolute;top:100%;left:0;background:#fff;padding:0;border:#000 solid .1em;}
nav ul ul li{float:none;}
nav ul ul a{line-height:1.5em;}
nav ul ul ul{top:0;left:100%;}
nav > input,nav > label{display:none;}
nav > label{width:100%;float:left;font-size:1.5em;padding:.4em 0 0 1em;cursor:pointer;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}
nav:after{content:"";clear:both;display:table;}






/*
h1,h2,h3,h4,h5{color:#4B80FF;margin:.25em 0 .75em 0;}
h1{font-size:1.4em;}
h2{font-size:1.2em;}
h3{}
p{margin:.75em 0 .75em 1em;}
a{color:#4B80FF;text-decoration:underline;}
a:hover{text-decoration:underline overline;}

#viewport{margin:.25em;font-size:.75em;}
#viewport span{margin:0 .25em;font-weight:bold;}
#content{position:relative;padding:0 1em;}
.negmsg{width:60%;margin:1.5em auto;text-align:center;padding:5px 10px 5px 30px;font-size:.9em;color:#000;background:url('/images/cross.png') 4px no-repeat #FCC;border:#F00 solid thin;border-radius:15px;}
.posmsg{width:60%;margin:1.5em auto;text-align:center;padding:5px 10px 5px 30px;font-size:.9em;color:#000;background:url('/images/tick.png') 4px no-repeat #C1FFC1;border:#008000 solid thin;border-radius:15px;}
.formErrMsg{display:none;font-size:.75em;margin:4px 0;padding:3px 10px 3px 30px;font-size:.8em;color:#000;background:url('/images/cross.png') 4px no-repeat #FCC;border:#F00 solid thin;border-radius:15px;}
form{text-align:center;}
fieldset{display:inline-block;border:#4B80FF solid thin;border-radius:10px;padding:1em 2em;text-align:left;width:50%;}
input{display:block;margin:.25em 0 .5em 0;border:#4B80FF dotted thin;border-radius:5px;padding:1px 3px;background-color:#eef;}
textarea{display:block;margin:.25em 0 .5em 0;border:#4B80FF dotted thin;border-radius:5px;padding:1px 3px;background-color:#eef;width:90%}
input:hover,input:focus,textarea:hover,textarea:focus{border:#4B80FF solid thin;}
input[type="submit"]{cursor:pointer;margin:1em .75em .25em 0;border:#4B80FF solid thin;padding:.25em .5em;background-color:#FFF;color:#4B80FF;font-weight:bold;border-radius:6px;}
input[type="submit"]:hover{background-color:#4B80FF;color:#FFF;font-weight:bold;}

#knowMe span{color:#000;font-size:.8em;margin-left:2em;}



*/
@media screen and (min-width:461px){
	body{font-size:15px;}
	header #logo{float:left;width:200px;height:53px;margin:.75em;background:url('/images/raylittler_med.jpg') no-repeat center;}
	header #menu{position:absolute;bottom:0;right:0;margin:.75em;padding:.3em .5em;border:#4B80FF solid thin;border-radius:6px;color:#4B80FF;background-color:#FFF;font-weight:bold;text-decoration:none;}
	header #menu a{padding:.2em .5em;border-left:#4B80FF solid thin;border-right:#4B80FF solid thin;text-decoration:none;}
	header #menu a:hover{color:#FFF;background-color:#4B80FF;}
}
@media screen and (max-width:460px){
	body{font-size:20px;}
}