body { background-color:#000033; background-image:url(primehorizontal.png); color:#003300; font-family:Arial,Helvetica,sans-serif; } dd { font-style:italic; font-size:.90em; line-height:200%; } footer { font-size:.60em; font-style:italic; clear:both; } h2 { color:#003366; } h3 { color:#006600; padding-top:10px; } header { color:#48751A; } header,nav,main,footer { display:block; } img { border-style:none; } input { display:block; margin-bottom:1em; } label { float:left; display:block; text-align:right; font-weight:bold; width:8em; padding-right:5px; } main { margin-left:180px; padding-right:20px; padding-bottom:20px; } nav { font-weight:bold; font-size:1.2em; float:left; width:150px; } nav ul { list-style-type:none; margin:0; padding-left:0; } nav a { text-decoration:none; display:block; text-align:center; color:#FFFFCC; border:3px outset #cccccc; padding:5px; font-weight:bold; } nav a:link { background-color:#003366; } nav a:visited { background-color:#48751A; } nav a:hover { border:3px inset #333333; } table { width:80%; border:1px solid #000033; border-collapse:collapse; } td,th { border:1px solid #000033; } td { text-align:center; } textarea { display:block; margin-bottom:1em; } .contact { font-family:"Times New Roman", serif; font-size:.90em; font-weight:bold; padding-top:1em; } .clear { clear:left; } .floatleft { float:left; padding-right:20px; padding-bottom:20px; } .floatright { float:right; padding-left:2em; padding-right:2em; } #desktop { display:inline; } #mobile { display:none; } #mySubmit { margin-left:10em; } #wrapper { width:80%; margin-left:auto; margin-right:auto; background-color:#FFFFCC; min-width:700px; max-width:1024px; padding:0 0 20px 30px; border:1px ridge #00332B; -webkit-box-shadow:inset -3px -3px 3px 3px #00332B; -moz-box-shadow:inset -3px -3px 3px 3px #00332B; box-shadow:inset -3px -3px 3px 3px #00332B; -webkit-border-radius:15px; -moz-border-radius:15px; border-radius:15px; } @media only screen and (max-width:1024px) { body { margin:0px; padding:0px; background:#FFFFCC; background-image:none; } header { text-shadow:#000033 2px 2px 2px; height:100%; } h1 { texti-indent:0px; font-size:3.7em; padding-left:2em; white-space:normal; } main { padding-top:2.5em; padding-bottom:2.5em; padding-left:1em; padding-right:1em; margin:0px; font-size:90%; clear:both; } nav { padding:0.2em; margin-left:0.3em; float:left; width:20%; } #wrapper { width:100%; min-width:0px; margin:0px; padding:0px; box-shadow:none; border-radius:0px; border-style:none; } } @media only all and (max-width:768px) { dd { line-height:100%; } footer { padding:0.5em; margin:0px; } h1 { font-size:2.4em; padding-top:0.25em; padding-left:1.5em; } h3 { padding-top:0px; margin:0px; } main { padding:0.6em; float:left; } nav { width:98%; } nav a { padding:0.5em; width:40%; float:left; min-width:5em; margin-left:0.5em; } .floatleft { float:none; padding-right:0px; padding-bottom:none; } #desktop { display:none; } #mobile { display:inline; } }