body{
margin:0em;
font-family:verdana,tahoma,arial,sans-serif;
font-size: 100%;
background-color: #000;
color: #888;
width: 100%;
}

#container {
position: absolute;
width: 800px;
left: 50%;
margin-left: -400px;
}

#logo_bar {
background:#000 url(decor/header.jpg) center right no-repeat ;
height: 279px;
width: 100%;
}

#logo_bar2 {
background:#000 url(decor/header2.jpg) center right no-repeat ;
height: 279px;
width: 100%;
}

#menu_bar {
background:#000;
height: 40px;
width: 100%;
text-align: center;
}

#menu_bar a {
color: #888;
text-decoration: none;
}

#menu_bar a:hover {
color: #CCC;
}

#menu_bar p {
font-weight: bold;
font-size: 0.8em;
margin: 0px;
padding-top: 10px;
}

#content {
background:#383838;
width: 800;
}

#content p {
font-size: 0.9em;
color: #fff;
padding: 8px;
margin: 0px;
text-align: justify;
}

#content h1 {
font-size: 1.1em;
color: #fff;
margin: 0px;
padding: 5px;
}

#content p.pic_desc, #popup p.pic_desc {
font-size: 0.6em;
color: #fff;
margin: 0px;
margin-bottom: 2px;
text-align: center;
}

#content a {
color: #fff;
text-decoration: none;
}

.right_pic, .left_pic {
margin-left:10px;
margin-right:5px;
}

.right_pic {
float:right;
}

.left_pic {
float:left;
}

#popup {
	position: absolute;
	visibility: hidden;
	width: 620px;
	height: 480px;
  left: 50%;
	margin-left: -310px;
	background-color: #ccc;
	border: 1px solid #000;
	padding: 10px;
	z-index:10;
	text-align:center;
}

#popup p.pic_desc {
font-size: 0.6em;
color: #222;
margin: 0px;
margin-bottom: 2px;
text-align: center;
}

#footer {
background:#383838;
height: 40px;
width: 100%;
text-align: center;
}

#footer a {
color: #888;
text-decoration: none;
}

#footer a:hover {
color: #CCC;
}

#footer p {
font-weight: normal;
font-size: 0.6em;
margin: 0px;
padding-top: 10px;
}