/* standard elements */
*   { margin: 1px 0 0; padding: 0 }
a   { color: #369; text-decoration: none }
a:hover    { text-decoration: underline }
body                                                                                               { color: #333; font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; font-style: normal; font-variant: normal; font-weight: normal; background: #fff url("../img/starfish.jpg") }
input    { color: #555; font: 11px Verdana, Arial, Helvetica, sans-serif }
p,cite,code,ul     { font-size: 11px; line-height: 14px; padding-bottom: 1.2em }
h1         { color: #369; font-size: 14px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; margin-bottom: 10px }
h1,h2,h3    { color: #369; padding-top: 6px; padding-bottom: 6px }

/* misc */
.clearer {
	clear: both;
}

/* structure */
.container            { background-color: #fff; background-repeat: repeat; margin-right: auto; margin-left: auto; width: 760px; border: solid 1px #5f738d }
/* header */
.header                    { background-image: url("../img/header.jpg"); background-repeat: no-repeat; background-position: 0 0; margin: 0 auto; width: 760px; height: 106px }
/* navigation */
.navigation                        { font: bold 12px/44px Verdana, Arial, Helvetica, sans-serif; font-stretch: semi-expanded; background-image: url("../img/bgnavigation.gif"); background-repeat: repeat-x; background-attachment: scroll; background-position: 0 0; margin: 0 auto; padding: 0 18px; width: 724px; height: 44px }
.navigation a      { color: #fff; text-decoration: none; margin-right: 12px; padding: 3px 4px }
.navigation a:hover     { color: #696969; background-image: none; background-repeat: repeat; background-attachment: scroll; background-position: 0 0 }

/* main */
.main        { font-size: 11px; line-height: 14px; background-color: #fff; padding: 10px 10px 10px 28px; clear: both; border-width: 0 }

/* sub navigation */
.sidenav     { font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; width: 218px; float: right }
.sidenav h1                      { color: #fff; font-size: 12px; font-weight: bold; background-color: #677b94; background-position: 0 0; margin: 0; padding-left: 12px; height: 22px; border: solid 1px #696969 }
.sidenav ul {
	margin: 0;
	padding: 0;
}
.sidenav li            { background-color: #a1aebf; list-style-type: none; border-style: none solid solid; border-width: medium 1px 1px; border-color: #696969 #369 }
.sidenav li a        { color: white; text-decoration: none; background: #a1aebf; display: block; padding: 8px 4px 8px 12px }
.sidenav li a:hover        { color: #666; background-image: none; background-repeat: repeat; background-attachment: scroll; background-position: 0 0 }

/* content */
.content       { font-size: 12px; background-color: #fff; padding-top: 12px; width: 482px; float: left }
/* footer */
.footer              { color: #fff; font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; background-color: #677b94; text-align: center; margin: 0 auto; padding-top: 10px; padding-bottom: 10px; width: 760px; height: 22px; border-top: 1px solid #300 }
.footer a   { color: #ccc; text-decoration: none }
.footer a:hover {
	color: #FFF;
	text-decoration: underline;
}
img             { margin: 12px }

.border         { padding: 4px; border: double 4px #369 }