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;
}
}
Comments
0 B
|👍
/👎