/** {
	outline:1px dotted green;
	}*/

body {
	margin: 0; padding: 0;
	// background: #FAF5E6 url('../img/page.jpg') top center no-repeat;
	color: #4d71ab;
	font: 14px/2 Georgia, serif;
	}
a {
	color: #900;
	}
h1 {
	margin: 0;
	height: 120px;
	background: url('../img/logo.png') center 5px no-repeat;
	}
h1 span {
	display: none;
	}

.cleaner {
	clear: both;
	height: 1px;
	}


#main {
	position: relative;
	width: 960px;
	margin: 0 auto;
	}

#footer {
	margin: 100px 0 30px 0;
	padding-top: 70px;
	background: url('../img/ornament.png') top center no-repeat;
	font: 10px/1.33 "Lucida grande", tahoma, sans-serif;
	color: #999;
	text-align: center;
	}

/* @group Menu */

#menu {
	width: 960px; height: 70px;
	margin: 0 auto 20px;
	padding: 1px 0;
	list-style: none;
	overflow: hidden;
	}
#menu li {
	float: left;
	width: 315px;
	margin: 0 5px;
	padding: 0;
	}
#menu .m2 { width: 300px }
#menu li a {
	display: block;
	height: 70px;
	background: url('../img/menu.png') 0 0 no-repeat;
	}
#menu li a span { display: none }
#menu .m2 a { background-position: 50% 0 }
#menu .m3 a { background-position: 100% 0 }

#menu .m1 a:hover, #menu .m1 a.sel { background-position: 0 -100px }
#menu .m2 a:hover, #menu .m2 a.sel { background-position: 50% -100px }
#menu .m3 a:hover, #menu .m3 a.sel { background-position: 100% -100px }

/* @end */

/* @group box */

.box {
	margin: 20px 50px;
	padding: 10px 0;
	}
.box h4 {
	margin: 0 0 20px -40px;
	font-size: 36px;
	line-height: 1;
	color: #7c91b7;
	}
.box a:hover {
	background-color: #7c91b7;
	color: white;
	}
.box .pad {
	padding-top: 30px;
	}
.box-cols-left .box-1 {
	float:left;
	width: 50%;
	margin: 0 0 0 -100px;
	}
.box-cols-left .box-2 {
	float:left;
	width: 50%;
	margin: 0 0 0 100px;
	}

.box-cols-left .box-3 {
	float:right;
	width: 50%;
	margin: 0 0 0 -100 px;
	}

.box-cols-right .box-1 {
	float:right;
	width: 50%;
	margin: 0 -100px 0 0;
	}
.box-cols-right .box-2 {
	float:right;
	width: 50%;
	margin: 0 100px 0 0;
	}

/* @end */


/* @group box-kaiser */

.box-kaiser {
	padding: 20px 350px 20px 70px;
	min-height: 240px;
	background: url('../img/kaiser.png') 100% 0 no-repeat;
	}

/* @end */

/* @group box foto */

.box .foto {
	margin: 0 0 2px 0;
	border: 1px solid white;
	}
.box .foto-desc {
	margin: 0 0 0 100px;
	font-size: 12px;
	color: #666;
	}
.box-cols-right .foto-desc {
	margin: 0 100px 0 0;
	}

/* @end */

/* @group box-fill */

.box-fill {
	padding: 30px 30px 80px 100px;
	background: #cbbb8e;
	color: black;
	}
.box-fill h4 {
	margin: 0 0 20px 0;
	font-size: 30px;
	font-weight: normal;
	color: white;
	}
.box-fill ul {
	margin: 0 0 0 20px;
	padding: 0;
	list-style-type: none;
	font: 11px/1.67 "Lucida grande", tahoma, sans-serif;
	}
.box-fill li {
	margin: 10px 0;
	padding: 0;
	list-style-type: none;
	}

/* @end */

/* @group box-years */

.box-years {
	padding: 15px 120px 50px 50px;
	background: #d8c182;
	color: black;
	}
.box-years h4 {
	margin: 10px 0;
	font-size: 32px;
	line-height: 1;
	font-weight: normal;
	}
.box-years h4 a {
	color: white;
	}
.box-years p {
	margin: 0.3em 0;
	font: 12px/1.33 "Lucida grande", tahoma, sans-serif;
	}
.box-years .link {
	margin: 0.3em 0 2em 0;
	}
.box-years .link a {
	color: #4d71ab;
	}
.box-years .link a:hover {
	background-color: #7c91b7;
	color: white;
	}

/* @end */

/* @group strip */

.strip {
	margin: 0 40% 0 -40%;
	padding: 5px 50px 5px 0;
	background: #d8c182;
	color: white;
	text-align: right;
	}
.strip span {
	font-size: 24px;
	line-height: 1;
	}

/* @end */

/* @group year-ttl */

.year-ttl {
	margin: 30px 0 5px 0;
	padding: 0 0 5px 0;
	border-bottom: 1px solid #7c91b7;
	font: 21px/1.2 "Lucida grande", tahoma, sans-serif;
	}
.year-ttl strong {
	margin-right: 0.5em;
	padding: 5px 10px;
	background-color: #4d71ab;
	color: white;
	font-weight: normal;
	}

/* @end */

/* @group box-photos */

.box-photos {
	margin: 0 0 30px 0;
	padding: 30px 30px 50px 100px;
	background: #cbbb8e;
	color: black;
	}
.box-photos h4 {
	margin: 0 0 20px 0;
	font-size: 24px;
	line-height: 1;
	font-weight: normal;
	color: white;
	}
.box-photos a {
	float: left;
	display: block;
	width: 95px; height: 95px;
	margin: -1px 0 0 -1px;
	border: 1px solid #cbbb8e;
	background-repeat: no-repeat;
	background-position: center;
	}
.box-photos a:hover {
	border-color: white;
	}

/* @end */

/* @group box-quotes */

.box-quotes {
	margin: 0 0 30px 0;
	padding: 30px 30px 80px 100px;
	background: #b0b0b0 url('../img/quote.png') 40px 80px no-repeat;
	color: black;
	}
.box-quotes h4 {
	margin: 0 0 20px 0;
	font-size: 24px;
	line-height: 1;
	font-weight: normal;
	color: white;
	}
.box-quotes p {
	margin: 1em 0 1em 20px;
	font: 12px/1.67 "Lucida grande", tahoma, sans-serif;
	}

/* @end */

.box-person-left {
	clear: both;
	margin: 0 0 0 150px;
	}
.box-person-right {
	clear: both;
	margin: 0 150px 0 0;
	text-align: right;
	}
.box-person-left .photo,
.box-person-right .photo {
	float: left;
	width: 95px;
	margin: 10px 40px 0 0;
	}
.box-person-right .photo {
	float: right;
	margin: 10px 0 0 40px;
	}
.box-person-left .photo a,
.box-person-right .photo a {
	display: block;
	width: 95px; height: 95px;
	border: none;
	background-repeat: no-repeat;
	background-position: center;
	}
.box-person-left .text,
.box-person-right .text {
	float: left;
	width: 450px;
	}
.box-person-right .text {
	float: right;
	margin: 5px 0 0 0;
	}

.box-person-left h4,
.box-person-right h4 {
	margin: 0 0 10px 0;
	font: bold 21px/1.2 "Lucida grande", tahoma, sans-serif;
	}