body
{
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	background: #c1d1ea;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	font: 80% Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
}

#container
{
	margin: 0 auto;
	width:911px;
}

#content
{
	margin: 0 auto;
	width: 911px;
	text-align: left;
	float:left;
	background-image:url('images/bg.jpg');
	background-repeat:repeat-y;
	padding:10px 0px 0px 0px;
}

#header
{
	float:left;
	margin: 0 auto;
	width: 911px;
	height: 261px;
	background-image:url('images/headerwithtitle.jpg');
}

#leftside
{
	float:left;
	width:200px;
  margin:0px 5px 5px 10px;
}

#body
{
  float:left;
  margin:0px 5px 5px 10px;
  width:671px;
}

#album img
{
	padding:10px;
	border:0px;
}

#footer
{
	float:left;
	margin: 0 auto;
	font-size: 80%;
	width: 911px;
	height: 99px;
	background-image:url(images/footer.jpg);
}

/*****************MENUS******************/

#headerTabs {
	position:relative;
	top:221px;
	left:15px;
  width:911px;
  line-height:normal;
  height: 40px;
  }
#headerTabs ul {
  margin:0;
  padding:0;
  list-style:none;
  }

.normal, .current
{
	padding-top:10px;
  float:left;
  width:90px;
  height:40px;
  margin:0;
}

.normal
{
  background:url('images/tabline.jpg') no-repeat;
}

.current
{
  background:url('images/tab-selectedline.jpg') no-repeat;
}
#headerTabs a {
  text-decoration:none;
  font-weight:bold;
  color:#781012;
  }

#headerTabs a:hover {
  color:#000;
  }

div.submenu
{
	background-color:#ede1c0;
	padding:10px;
}

div.submenu a:link,
div.submenu a:visited,
div.submenu a:hover
{
	padding: 4px 0px 4px 0px;
	display:block;
	text-decoration:none;
	font-weight:bold;
	color:#000000;
	font-size:small;
}

div.submenu a:hover
{
	background-color:#CC9900;
}

div.submenu h1
{
	font-weight:bold;
	font-size:medium;
	display:block;
	width:100%;
	border-bottom: 2px solid #CC9900;
	color:#3b35b8;
}

/**********FORMS **************/

.userform
{
	width:75%;
}

.userform span
{
	color:red;
	font-size:xx-small;
}

.userform input
{
	width:305px;
}

.userform .checkbox
{
	width:15px;
}

.userform fieldset
{
	border: 1px solid #781012;
	padding:5px;
}

.userform legend
{
	border: 1px solid #781012;
	color:#3b35b8;
	padding: 7px 6px 7px 6px;
	font-weight:bold;
}

.userform label
{
  width:110px;
  margin-right:3px;
  float:left;
}

.error
{
	border: 1px solid #cb1108;
	padding:5px;
}

.error legend
{
	padding:5px;
	color:#cb1108;
	font-weight:bold;
	border: 1px solid #cb1108;
}

.results
{
  border: 1px solid #61963a;
	padding:5px;
}

.results legend
{
	padding:5px;
	color:#cb1108;
	font-weight:bold;
	background-color:#c0dbac;
	border: 1px solid #61963a;
}

/*********************FORMAT***************/
#body h1
{
	font-weight:bold;
	font-size:large;
	border-bottom: 2px solid #CC9900;
	color:#781012;
	padding:0px;
	margin:0px 0px 10px 0px
}

#body h2
{
	font-weight:bold;
	font-size:medium;
	color:#3b35b8;
	padding:0px;
	margin:0px;
}

.paragraphlines div
{
	border-bottom: 2px solid #CC9900;
	padding-bottom:15px;
	margin-bottom:15px;
}