* { margin: 0; padding: 0 }

p { margin: 1em 0 }
body, input, select { font: 90% / 150% "Lucida Grande", "Lucida Sans Unicode", 
	"Myriad Pro", sans-serif }
body { color: black; background: white }
a:link { color: maroon }
a:visited { color: maroon }
a:hover { color: red }

#header { background: #d46; color: white; padding: 6px 25% 0 25%; 
	border-bottom: 2px white solid }
#heading { font-size: 200%; position: relative; left: 12px; top: -12px }
#login { position: absolute; right: 25%; top: 0.2em; padding-right: 0.2em }
#header a, #login, #login a { color: white }
#header a { text-decoration: none }

#nav { margin-bottom: 2em; text-align: center;
	background: #d46; height: 6px; }
#nav2 { min-width: 50%; text-align: left; position: relative; left: -0.5em }
#nav a, #nav span { display: inline-block; 
	text-decoration: none; padding: 0 0.5em }
#nav a { color: white }
#nav .active { color: maroon; background: white }
#nav a:hover { background: #f68 }

#footer { margin: 3em 25% 0.5em 25%; color: darkgrey }
#footer span { color: #ccc; position: absolute; 
	right: 25%; padding-right: 0.3em }
#footer_margin { margin: 0 -10px 0 -10px; border-top: #f68 1px solid }

#page { margin: 1em 25% }
h1 { margin-bottom: 1em; font-size: 170%; font-weight: normal }
h2 { margin: 2em 0 0.5em 0; font-size: 130% }

li { margin-left: 2em }

.note { font-size: 90%; color: #555 }
input.full, textarea.full { width: 100% }

table { table-layout: fixed; width: 100%; border: 1px solid #E88299; 
	border-width: 1px 0; margin: 0.5em 0; background: #F9E0E6 }
address { margin-top: 1em; font-style: normal }


#errors {
    font-family: Monaco, Verdana, Sans-serif;
    font-size: 12px;
    color: red;
}

.done {
    color: dimgrey;
    text-decoration: line-through;
}

.done a {
    color: dimgrey;
}

td.showDragHandle {
	background-image: url(../images/updown2.gif);
	background-repeat: no-repeat;
	background-position: center center;
	cursor: move;
}

@media screen and (max-device-width: 480px) {
	#header { padding: 6px; }
	#login { right: 0 }
	#page, #footer { margin-left: 0.3em; margin-right: 0.3em }
	#footer span { position: inherit; right: 0 }
	#nav2 { min-width: inherit; position: inherit; left: 0 }
}