/* BACKGROUND COLOR */

body {
	/* background-color: #D1D1BD; */
	background-image: url('images/bg.jpg');
	font-family: sans-serif;
}

/* LINK COLOR */

a {
	color: #3E606F;
}

#navbar a {
	color: #442211;	
	border: 2px solid #442211;
}

#navbar a:hover {
	/* background-color: #3E606F; */
	background-image: url('images/linkbg.jpg');
}

/* ELEMENT COLOR */

#navbar {
	/* background-color: #77AAAA; */
	background-image: url('images/elementbg.jpg');
}

#toprow {
	background-image: url('images/elementbg.jpg');
}

#middlerow {
	background-image: url('images/middlebg.jpg');
	background-repeat: repeat-x;
}

#bottomrow {
	background-image: url('images/bottombg.jpg');
	background-position: bottom;
}

/* TEXT BACKGROUND */

#navbar a, #middlerow {
	background-color: #FCFFF5;	
}

#copyright {
	font-size: 10px;
	font-weight: normal;
	color: #FCFFF5;
}

/* BORDER COLOR */

#toprow h1, #bottomrow p {
	color: #442211;
}

.bordered {
	border: 4px solid #442211;	
}

em {
	color: #332211;
}

.logo {
	padding: 10px 0px 10px 0px;
}

.teaser {
	font-weight: bold;
	text-align: center;
}



/* ELEMENTS */

#body div {
	position: relative;
	float: left;
}

#body {
	width: 800px;
	margin: 0 auto;
}

#toprow {
	width: 760px;
	height: 125px;
	padding: 20px 20px 0px 20px;
	text-align: center;
	border-bottom: 0px;
}	

#desctext {
	font-weight: normal;
	font-size: 26px;
}

#middlerow {
	top: -20px;
	width: 800px;
	border-top: 0px;
	border-bottom: 0px;
	padding: 25px 0 0 0;
}

#bottomrow {
	top: -20px;
	width: 800px;
	padding: 20px 0 5px 0;
	text-align: center;
	border-top: 0px;
}	

#bottomrow p {
	font-weight: bold;
}

#leftcolumn {
	width: 180px;
}

#navbar {
	width: 160px;
	margin: 10px;
	padding: 5px;
}

#logos {
	width: 160px;
	margin: 10px;
	padding:  5px 5px 5px 5px;
	background-color: #FFFFFF;
}

#photopane {
	width: 154px;
	margin: 10px;
	padding: 8px;
}

#photopane img {
	width: 154px;
	border: 0px;
}

#navbar a {
	width: 140px;
	margin: 5px;
	padding: 8px 5px 8px 5px;
	text-align: center;
	font-weight: bold;
    font-family: sans-serif;
    text-decoration: none;
    position: relative;
    float: left;
}

#navbar a:hover {	
	color: #FCFFF5;
}

#contentpane {
	width: 480px;
	margin: 10px;
	left: 10px;
	padding: 0px 20px 0px 20px;
}

.rightbox {
	position: relative;
	padding: 0px 10px 0px 10px;
	margin: 5px 15px 30px 15px;
	float: left;
	color: #FFFFFF;
	border: 2px solid #442211;
	font-weight: bold;
	text-align: center;
	background-image: url('images/elementbg.jpg');
}

.rightbox em, .rightbox a {
	color: #FCFFF5;
}

p, li {
	line-height: 130%;
}

li {
	font-style: italic;
	color: #332211;
	padding: 5px;
}

h3 {
	color: #332211;
}