html,body {
	height:100%;
}
body {
	margin:0px;
	font-family:verdana;
}

th {
	font-weight:normal;
}

a {
	text-decoration:none;
	color:#000;
}

h1 {
	font-size:12px;
	font-weight:bold;
}

h2 {
	font-size:10px;
	color:#6F441A;
	font-weight:normal;
	margin-bottom:2px;
	margin-top:0px;
}

.clickable {
	cursor:pointer;
}

.preenter {
	color:#aaa;
}

.preenter.focus {
	color:#000;
}

div.blocks {
	background-color:#CECCB7;
	width:100%;
}

div.blocks div.small h2 {
	margin-top:9px;
}

div.blocks div.small, div.blocks div.medium, div.blocks div.half, div.blocks div.full, div.blocks div.double {
	background-color:#CECCB7;
	border-right:1px solid white;
	border-bottom:1px solid white;
	height:161px;
	vertical-align:top;
	padding:16px;
	float:left;
}

div.blocks div.overflow {
	overflow:auto;
}

div.blocks div.small.clickable.hover {
	border-bottom:1px solid #009EDF !important;
}

div.blocks div.small.clickable.hover.nohover {
	background-color:#CECCB7;
}

div.blocks div.noborder {
	border:none;
}

div.blocks div.small div.enclosure {
	width:162px;
	overflow:hidden;
	height:161px;
	position:relative;
}

div.blocks div.small {
	width:163px;
}

div.blocks div.medium {
	width:359px;
}

div.blocks div.double {
	width:555px;
	height:355px;
}

div.blocks div.half {
	width:458px;
}

div.blocks div.full {
	width:948px;
	border-right:none;
}

div.blocks div.fullheight {
	height:374px;
}

.picture_block {
	height:100px;
	width:163px;
	text-align:center;
}

#picture_zoomer {
	width:100%;
	height:330px;
	overflow:hidden;
	cursor:move;
}

#picture_zoomer_control {
	width:100%;
	text-align:center;
	margin:8px;
}

div#navigation {
	text-align:center;
	position:absolute;
	bottom:3px;
	width:980px;
	line-height:10px;
}

.highlight {
	color: #009EDF;
}

a:hover {
	text-decoration:underline;
}

div.error {
	color:red;
	border:1px solid red;
	background-color:#FDD;
	padding:8px;
	margin:8px;
}

div.validation-advice {
	color:red;
}

div.succes {
	color:green;
	border:1px solid green;
	background-color:#DFD;
	padding:8px;
}

div.right {
	text-align:right;
}

div.center {
	text-align:center;
}

div#padding {
	padding:16px;
}

a.button {
	background-color:#009EDF;
	padding:2px 16px;
	border:1px solid #009EDF;
	color:#fff;
	cursor:pointer;
}

a.button.disabled {
	color: #ccc;
	border:1px solid #aaa;
	background-color:#666;
	cursor:default;
}

a.button.small {
	font-size:10px;
	padding:2px 6px;
}

a.button:hover {
	text-decoration:none;
	border:1px inset #009EDF;
}

a.button.disabled:hover {
	border:1px solid #aaa;
}

#container {
	width:980px;
	margin: 0px auto;
	background-color:#fff;
}

#above_header {
	height:18px;
}

#header {
	position:relative;
	background: transparent url(../img/ocollection_background.jpg) repeat;
	height:118px;
}

#header.large {
	height:272px;
}

#header.admin {
	background-image:none;
}

#logo {
	background: transparent url(../img/ocollection_logo_small.jpg);
	width:129px;
	height:118px;
	position:relative;
	float:right;
	cursor:pointer;
}

#logo.large {
	background: transparent url(../img/ocollection_logo_large.jpg);
	width:290px;
	height:272px;
}

#logo.admin {
	background: transparent url(../img/ocollection_logo_small_white.jpg);
}

#menubar {
	position:relative;
	top:30px;
	left:23px;
	width:610px;
}

#menubar input {
	float:left;
}

#menu {
	float:right;
	width:420px;
	position:relative;
	top:-5px;
	left:-15px;
}

#menu .tab {
	float:left;
	text-align:center;
	padding:5px 5px;
	font-size:10px;
	border-bottom:1px solid #000;
}

#menu .tab a {
	color:#6F441A;
}

#menu .tab a:hover {
	text-decoration:none;
}

#menu .seperator {
	float:left;
	padding:5px 5px;
	border-bottom:1px solid #000;
	font-size:10px;
}

#menu .tab:hover {
	border-bottom:4px solid #009EDF;
}

#menu .tab.active {
	border-bottom:4px solid #009EDF;
}

#title {
	position:absolute;
	top:200px;
	left:30px;
}

#title span {
	color:#009EDF;
	font-weight: bolder;
}

input, textarea, select {
	border:#009EDF solid 1px;
}

input.medium {
	width:150px;
}

input.large {
	width:220px;
}

#content {
	background-color:#CECCB7;
	height:406px;
	overflow:hidden;
	font-size:10px;
	position:relative;
}

#content.large {
	height:252px;
}

#content.admin {
	background-color:#009EDF;
	color:#fff;
}

#content.admin input[type='submit'], input[type='button'] {
	background-color:#000;
	color:#fff;
}

#content.admin a.button {
	background-color:#000;
	color:#fff;
}

#content.admin h2 {
	color:#000;
}

#content.admin dt {
	margin-top:10px;
}

#content.admin dd {
	color:#000;
	margin-left:0px;
}

.admin_table {
	width:100%;
}

.admin_table th {
	border-bottom:1px solid #fff;
	text-align:left;
}

.admin_table a {
	color:#fff;
}

.search_table {
	width:420px;
}

.search_table input, .search_table select, .search_table textarea {
	width:100%;
	margin:0px;
	padding:0px;
	border:0px;
	outline:#009EDF 1px solid;
}

.search_table input.small {
	width:40px;;
}

.search_table input.submit {
	width:100px;
}

#footer {
	text-align:center;
	margin:0px;
	padding:3px;
	font-size:9px;
	color:#6F441A;
}

#footer a {
	color:#6F441A;
}

#footer #sitemap {
	float:left;
}

#footer #contact {
	float:right;
}

/* tooltips */

.tip {
	background-color:#fff;
	border:#ADD33C 1px solid;
	padding:4px;
}

#sidebar {
	float:left;
	width:163px;
	padding:16px;
	height:355px;
	border-right:1px solid #fff;
	border-bottom:1px solid #fff;
}
#main {
	float:left;
	width:752px;
	padding:16px;
	height:355px;
	border-bottom:1px solid #fff;
	overflow:auto;
}