body {
	padding: 0px;
	margin: 0px;
	background-color: #ccc;
	background-image: url(../images/background_small_header.gif);
	background-repeat: repeat-x;
	background-position: top left;
}

body#homepage {
	background-image: url(../images/background.gif);
}

#wrapper {
	margin: 0px auto;
	padding-right: 70px;
	width: 900px;
}

	#header {
		background-image: url(../images/header.png);
		background-repeat: no-repeat;
		background-position: top center;
		padding-left: 40px;
		padding-top: 140px;
		height: 60px;
	}
	
	#homepage #header {
		background-image: url(../images/header_with_mug.png);
		background-repeat: no-repeat;
		background-position: top center;
		padding-left: 40px;
		padding-top: 175px;
		height: 170px;
	}
	
		#homepage #header p {
			color: #666;
		}

		#logo {
			position: absolute;
			margin: 0px auto;
			width: 900px;
			top: 0px;
		}

		#top_nav {
			position: absolute;
			top: 10px;
			margin: 0px auto;
			width: 800px;
			margin-right: 100px;
			text-align: right;
		}

		#top_nav ul {
			margin: 0px;
		}

		#top_nav a { 
			color: white;
			font-size: 90%;
		}

  #banner {
		margin-left: 30px;
	}
	
#banner ul, #banner li {
		margin: 0px;
		padding: 0px;
	}

	#content_wrapper {
		width: 855px;
		margin-left: 20px;
		background-image: url(../images/content_sides.png);
		background-position: top left;
		background-repeat: repeat-y;
	}
		#content_header {
			background-image: url(../images/content_header.png);
			background-repeat: no-repeat;
			background-position: top left;
			height: 25px;			
		}
		
		#content {
			width: 770px;
			margin-left: 35px;
			padding: 10px;
			padding-bottom: 0px;
			background-color: #dcdcdc;
		}
		
		#content h1 {
			display: none;
		}

		#content_footer {
			background-image: url(../images/content_footer.png);
			background-repeat: no-repeat;
			background-position: top left;
			height: 27px;			
		}

	#footer {
		margin-left: 30px;
	}
	
	#accessability {
		width: 800px;
		margin-right: 100px;
		margin: 0px auto;
		text-align: right;
	}
	
	#accessability p {
		font-size: 80%;
	}

* {
	font-family: 'Trebuchet MS', Helvetica, sans-serif;
	color: #333;
}

h1, h2, h3, h4 {
	margin-top: 0px;
	color: #562113;
}

h1 {
	font-size: 150%;
	font-weight: bold;
}

h2 {
	font-size: 120%;
	font-weight: bold;
}

h3 {
	font-size: 105%;
	font-weight: bold;	
}

p, li, label {
	font-size: 105%;
	line-height: 130%;
}

table {
	border: 2px solid #85B2D4;
}

table tr td {
	border-bottom: 1px dashed #85B2D4;
}

table th {
	border-bottom: 2px solid #85B2D4;
	background-color: #DDDDFF;
}

table th, table td {
	padding: 5px;
	vertical-align: top;
}

img {
	border: 0px;
}

a {
	background-color: inherit;
	color: #ff9900;
}

input {
	font-size: 90%;
}

acronym {
	cursor: help;
}

label { display: block; }
.required { color: red;}
.field { margin-bottom: 10px;}

ul.horz_list, #cms_nav_wrapper ul {
	list-style: none;
}

ul.horz_list li, #cms_nav_wrapper li {
	display: inline;
}

/* Rails CSS */
.fieldWithErrors {
  padding: 2px;
  background-color: red;
  color: white;
  display: table;
}

#errorExplanation {
  width: 400px;
  border: 2px solid red;
  padding: 7px;
  padding-bottom: 12px;
  margin-bottom: 20px;
  background-color: #f0f0f0;
}

#errorExplanation h2 {
  text-align: left;
  font-weight: bold;
  padding: 5px 5px 5px 15px;
  font-size: 100%;
  margin: -7px;
  background-color: #c00;
  color: #fff;
}

#errorExplanation p {
  color: #333;
  margin-bottom: 0;
  padding: 5px;
}

#errorExplanation ul li {
  list-style: square;
}

div#flash {
	padding: 5px;
	margin-top: 10px;
	margin-bottom: 10px;
	border-radius: 4px;
	border-radius: 4px;
}
 
div#flash .error {
	background: #FBE3E4;
	color: black;
	border: 2px solid #FBC2C4;
}
 
 
div#flash .notice {
	background: #FFF6BF;
	color: black;
	border: 2px solid #FFD324;
}
 
div#flash .success {
	background: #E6EFC2;
	color: black;
	border: 2px solid #C6D880;
}