body { background-image: url(../images/soiop_background.jpg); background-repeat: repeat; margin: 0px; padding: 0px; font-family: Arial, sans-serif; color: #000; font-size: 14px; }

#container {
	width: 920px;
	margin: 10px auto;
}

#header {
	width: 920px;
	height: 129px;
}

h1 { text-indent: -10000px; width: 377px; height: 129px; padding: 0px; margin: 0px; background-image: url(../images/soiop_logo.gif); float: left; }

h1 a { text-indent: -10000px; width: 377px; height: 129px; padding: 0px; margin: 0px; background-image: url(../images/soiop_logo.gif); float: left; }

h2 { color: #360d19; font-weight: bold; font-size: 16px; }

#header img { float: right; }

#navigation {
	width: 920px;
	height: 30px;
	padding: 0px;
	background-color: #360d19;
	font-weight: bold;
#font-size: 13px;
}

#navigation ul { list-style-type: none; padding: 0px; margin: 0px; }

#navigation li { display: block; padding: 0px; #height: 16px; _height: 14px; margin: 0px; float: left; font-weight: bold; line-height: 1.2em; }

#navigation a:link { display: block; padding: 6px 12px; #padding: 7px 15px; _padding: 8px 16px; text-decoration: none; background-color: #360d19; border-left: #360d19 1px solid; color: #e0d2ba; }

#navigation a:visited { display: block; padding: 6px 12px; #padding: 7px 15px; _padding: 8px 16px; text-decoration: none; background-color: #360d19; border-left: #360d19 1px solid; color: #e0d2ba; }

#navigation a:hover { display: block; padding: 6px 12px; #padding: 7px 15px; _padding: 8px 16px; text-decoration: none; background-color: #642a37; border-left: #360d19 1px solid; color: #e0d2ba; }

#content { width: 870px; padding: 15px; }

#content a:link { color: #000; font-weight: bold; font-size: 16px; text-decoration: underline; }

#content a:visited { color: #000; font-weight: bold; font-size: 16px; text-decoration: underline; }

#content a:hover { color: #642a37; font-weight: bold; font-size: 16px; text-decoration: underline; }

#contentphotoblock { width: 900px; margin-bottom: 10px; padding: 0px 10px 0px 10px;  }

#contentphotoblocktypes { width: 550px; margin: 0px; padding: 0px 10px 0px 10px;  }

#photoright { padding: 0px 10px 10px 10px; float: right; text-align: center; }

#photoleft { padding: 0px 10px 10px 10px; float: left; }

#eventblock { width: 870px; height: 460px; padding: 15px; background-color: #360d19; margin: 15px 0px 0px 0px; color: #e0d2ba;}

#eventblock img { padding: 0px; margin: 5px 15px 0px 0px; float: left; }

.headline {font-size: 18px; font-weight: bold; }

.subheadline { font-size: 16px; font-weight: bold; }

#eventblock p { margin: 0px; }

#eventblock a:link { color: #FFF; font-weight: bold; text-decoration: underline; }

#eventblock a:visited { color: #FFF; font-weight: bold; text-decoration: underline; }

#eventblock a:hover { color: #FFF; font-weight: bold; text-decoration: underline; }

#footer { width: 900px; margin: 10px auto; text-align: center; font-size: 12px; }

#footer a:link { color: #000; text-decoration: none; }

#footer a:visited { color: #000; text-decoration: none; }

#footer a:hover { color: #360d19; text-decoration: none; }

#clear { clear: both; }
