/* Setup */

*{margin:0;padding:0}

html,body{margin:0;padding:0}

body {
	font: 62.5% arial;
	text-align:center;
	background-color:#003333;
	background-image: url("images/bg-main.jpg"); 
	background-repeat:repeat-y; 
	background-position: top center;
}

/* Basics */

p { margin:0 0 10px 0 }
li { margin:0 0 10px 15px }
a { color: #003300;text-decoration:none; }
a:hover { color: #54C42F;text-decoration:none; }
em {}
h2 { font-size:2.1em; color:#003300;margin:0 0 0px 0;font-weight:bold;  }
h3 { font-size:1.4em; margin:5px 10px 20px 0; padding: 0 0 10px 0; color: #999; text-transform:none; font-weight:bold; display: block; border-bottom: 1px solid #ccc; }
h4 { font-size:1.4em; margin:5px 0px 10px 0; padding: 0 0 0px 0; color: #003300; text-transform:none; font-weight:bold; display: block;}
h5 { font-size:1.2em; margin:-10px 0px 0px 0; padding: 0 0 0px 0; color: #003300; text-transform:none; font-weight:bold; display: block;}
h6 { font-size:1.1em; line-height:1.6em; margin:0px 0px 20px 0; padding: 0 0 0px 0; color: #003300; text-transform:none; font-weight:normal; display: block;}

/* Header + Nav */

#header {
	float:left;
	width:600px;
	background:transparent;
	font-size:0.93em;
	line-height:normal;
	background:url("images/bg-header-bottom.gif") no-repeat left bottom;

}

#header h1 {
	float:left;
	text-indent:-999em;
	width:400px;
	height:60px;
	margin: 0 170px 0 0;
	background:url("images/bg-header.jpeg") no-repeat left top;
}


#header ul {
	  margin:10px 0 0 0;
	  padding:10px 0 0 0;
	  list-style:none;
}

#header li {
	  float:left;
	  background:url("images/left.gif") no-repeat left top;
	  margin:20px 0 0 0;
	  padding:0 0 0 9px;
	  border-bottom: 1px solid #ccc;
}

#header a {
	  float:left;
	  display:block;
	  background:url("images/right.gif") no-repeat right top;
	  padding:5px 9px 4px 0px;
	  text-decoration:none;
	  font-weight:bold;
	  color:#888;
}

/* Commented Backslash Hack
   hides rule from IE5-Mac \*/
#header a {float:none;}
/* End IE5-Mac hack */

#header a:hover {
	  color:#54C42F;
}

#header #current {
	  background-image:url("images/left_on.gif");
	  border:0px;
}

#header #current a {
	  background-image:url("images/right_on.gif");
	  color:#003333;
	  padding-bottom:5px;
}

#login {
	background:#0c0;
	font-size:1.4em;
	line-height:normal;
	vertical-align:bottom;
}

#login h3{
	color:#fff;
	display:block;
	padding:0;
	margin:5px 10px;
	border-bottom: 0px;
}

#login h3 a{
	color:#fff;
	padding:0;
	margin:0 0px 0px 0px ;
	border-bottom: 0px;
}

#header #login a {
	  background:transparent;
	  color:#fff;

}
  
#header #login a:hover {
	  color:#f33;
}

#header #login #submit {
float: right;
	  padding: 0px;
	  margin: 5px 10px;
}

/* Cosmetics */

/* container */
div#container{text-align:left}
/* main content */
div#content{background:#fff}
div#content p{font-size:1.2em;line-height:1.6em; text-align:left; color: #333333}
div#content li{font-size:1.2em;line-height:1.6em; text-align:left; color: #333333;}
img.thumb {float:left; margin:0 10px 0 0; width:36px;height:36px;}
img.portrait {float:left; margin:0 10px 0 0; width:72px;height:72px;}
/* staff login */
div#login{background: #ccc url("images/bg-login-bottom.gif") no-repeat left bottom;}
/* footer */
div#footer{background: #fff url("images/bg-footer-top.gif") no-repeat left top;color: #ccc; border-top: 1px solid #fff;}
div#footer p{text-align:center; margin:10px 0;padding:0px }
div#footer a{display:inline;padding:0;color: #003333}

/* Layout */

div#container{width:600px;margin:0 auto}
div#wrapper{float:left;width:100%}
div#content{margin: 20px 1px 20px 0}
div#login{float:right;width:170px;padding:0 0 5px 0; margin: 0px 0px 0px -170px}
div#footer{clear:left;width:100%}

/* Staff login form */

#login p {text-align:center; margin:4px 10px; }
#username, #password {margin:0px; width:140px; }
label {text-transform: uppercase; font-weight:bold;color:#333333; margin:0 10px;}
#submit {width: 3em; text-align: center}.form {  font-size: 10px}