html, body {
    height: 100%;
}

body {
    background: #ccc url(../img/body-background-repeat.jpg) repeat-x;   
    color: #666;
}

#container {
	min-height: 100%;
    height: auto !important;
    height: 100%;
	margin: 0 auto -42px; auto /* the bottom margin is the negative value of the footer's height */
}

#header {
	height: 240px;
    position: relative;
}

#header #logo {
	background: transparent url(../img/logo.png) no-repeat;
	position: absolute;
	top: 16px;
	left: 32px;
	width: 248px;
	height: 150px;
	text-indent: -3000em;
}

#header #slogan {
    background: transparent url(../img/blackboard.png) no-repeat;
	position: absolute;
	top: 16px;
	left: 464px;
	width: 437px;
	height: 184px;
	text-indent: -3000em;
}

#header #nav {
	padding: 0;
	position: absolute;
	top: 187px;
	left: 0px;
    z-index: 10;
}

#nav ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

#nav ul li {
	display: block;
	float: left;
}

#nav ul li a {
    background: transparent url(../img/menu-button.png) no-repeat;
    display: block;
    width: 80px;
    height: 32px;
    padding-top: 16px;
    text-align: center;
    font-weight: bold;
    text-decoration: none;
    color: #888;
}

#nav ul li.current_page_item a {
    background: transparent url(../img/menu-button-active.png) no-repeat;
    display: block;
    width: 80px;
    height: 38px;
    padding-top: 10px;
    text-align: center;
    font-weight: bold;
    text-decoration: none;
    color: #9a0000;
}

#container {
    padding-left: 10px;
}

#body {
    padding-bottom: 40px;
    text-align: left;
}

#body h1, #body h2, #body h3, #body h4, #body h5, #body h6 {
    color: #c00;
    margin-bottom: 10px;
}

#body h3, #body h4, #body h5, #body h6 {
	margin-top: 20px;
    font-weight: bold;
}

#content p {
    margin-bottom: 10px;
}

#sidebar-start {
    text-align: center;
}

#sidebar-start img {
    background: #fff;
    padding: 4px;
    border: 1px solid #999;
    margin: 10px;
}

#sidebar iframe {
    border: 1px solid #999;
}

img.ngg-singlepic, #sidebar  .ngg-gallery-thumbnail-box img {
    padding: 4px;
    border: 1px solid #999;

}

#footer {
    padding-top: 10px;
    border-top: 2px solid #999;
    height: 30px;
    font-size: 90%;
    line-height: 1.5em;
}

.push {
    height: 42px; /* .push must be the same height as .footer */
}

#footer a {
    color: #666;
}

#modify-time {
    padding-left: 10px;
}

#phone-info {
    font-size: 1.5em;
    font-weight: bold;
}

#cookie-info, #host-info {
    text-align: right;
}

hr {
    display: none;
}