html {
	background-color:#c1c1c1;
}
html.jscript {
	background-color:#c1c1c1;
	*overflow-y: auto;
}

body {
	color:#666;
	font-size: 12px;
	font-family: Geneva, Arial, Helvetica;
	A*font-family: Georgia, Tahoma;
	letter-spacing: 0.03em;
	line-height:1.6em;
	background-color:#ffffff;
}

h1,h2,h3 {
	font-family: Geneva, Arial, Helvetica;
}

img {
	border:0;
}

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

ul li {
	list-style: none;
}




.accessibility {
	text-indent: -999em;
	position: absolute;
	top:0;
	left:0;
	font-size:1px;
}

.col_left,#quick_contact_info {
	width:217px;
}

.blocks li .image_list_wrapper .rowLast {
	margin-right:0;
}





#doc {
	Abackground-image: url(../images/obsite2.jpg);
	background-color:#fff;
}

#doc, .yui_template {
	margin-left:auto;
	margin-right:auto;
	Awidth:80%;
	width:900px;
}

#bd, #hd {
	width:900px;
	Apadding-left:20px;
}

#hd {
	margin-bottom:10px;
	vertical-align: baseline;
	padding-top:2em;
}

#bd {
	margin-bottom:1em;
}
#main_body p {
width:100%;

}
#ft {
	padding-left: 20px;
	padding-top:3em;
	margin-bottom:1em;
	background-color: #c1c1c1;
	color:#000000;
	font-size: 0.8em;
	background-image:url(../images/c1c1c1_rip.jpg);
	background-repeat: repeat-x;
	background-position: top left;
	min-height:4em;
	line-height:1.2em;
	
}
#ft_content {
	width:900px;
	margin-left:auto;
	margin-right:auto;
	padding-left:15px;
}

#yui-main .col_right, .col_right {
	margin-left:0px;
	width:870px;
}

#quick_contact_info {
	margin-top:2em;
	margin-bottom:-7px;
	display: inline-block;
	float:left;
}
#top_menu_wrapper {
	margin-top:0em;
	margin-bottom:10px;
	Afloat:right;
	padding-left:0px;
	padding-right:15px;
	width:885px;
	display: inline-block;
	text-align:right;
}

#top_menu li {
	display:inline-block;
	*display:inline;
	list-style-type: none;
}

h2, .phone_number {
	font-size: 108%;
}

.selected, .selected a, strong, h2 {
	color:#000;
}

.selected img {
	A*filter: alpha(opacity=20);
	Aopacity:.2;
}

#logo {
	float:right;
}

.scroll-pane p {
	margin: 5px 0 0 0;
	font-size: 80%;
	font-size: 87%;
}

ul {
	margin-left: 0;
	margin-right: 0;
}

#top_menu li a {
	border-bottom:4px solid white;
}

#top_menu li a:hover, #top_menu li.selected a, #image_list_1 li a:hover, #image_list_1 li.selected a {
	border-bottom:4px solid #ddd;
}

#quick_contact_info li, li, .menu_block li, #main_body li {
	list-style: none;
}

#main_body ul {
	margin:0;
}

ul ~ .sortitem:hover a {color;red;}

.menu_block li li a {
	display:block;
	Aborder-bottom: 1px solid #efefef;
	padding: 0.3em 6px 0.4em 0;
	Abackground-image: url(../images/menu_edge_1.jpg);
	Abackground-repeat: no-repeat;
	Abackground-position: left bottom;
}
.menu_block #sidemenu_clients li a {
	padding-right: 0px;
}
.menu_edge_1 {
	background-image: url(../images/menu_edge_1.jpg);
	background-repeat: repeat-x;
	background-position: left bottom;
}
.menu_edge_2 {
	background-image: url(../images/menu_edge_2.jpg);
	background-repeat: repeat-x;
	background-position: left bottom;
}
.menu_edge_3 {
	background-image: url(../images/menu_edge_3.jpg);
	background-repeat: repeat-x;
	background-position: left bottom;
}
.menu_edge_4 {
	background-image: url(../images/menu_edge_4.jpg);
	background-repeat: repeat-x;
	background-position: left bottom;
}
.menu_edge_5 {
	background-image: url(../images/menu_edge_5.jpg);
	background-repeat: repeat-x;
	background-position: left bottom;
}

#top_menu li {
	padding:0 0.5em;
}

/*#top_menu li.veryfirst { //if using static home link as 'veryfirst' item */
#top_menu li.first {
	padding-left:0;
}

#top_menu li a{
	display:block;
	*display:run-in;
}

#top_menu_wrapper h2 a:link, #top_menu_wrapper h2 a:visited, #top_menu_wrapper h2 a:active {
	color:#000;/*#FF6666*/
}
#top_menu_wrapper h2 a:hover {
	color:#FF6666;
}

#main_body h2 {
	color:#666;
}

.phone_number, #main_body h3 {
	color: #f66;
}

#main_body h3 {
	Afont-weight: normal; 
	font-size: 150%;
}

#ft div {
	Adisplay: inline-block;
}

#hd {
	border-bottom:20px solid #c1c1c1;
	Abackground-image: url(../images/OB_website_top_menu_back.jpg);
	Abackground-repeat: no-repeat;
	Abackground-position: left bottom;
	height:84px;
}

#top_menu_wrapper h2, #top_menu_wrapper ul {
	margin:0;
}
#top_menu_wrapper ul {
	A*margin-bottom:1em;
	float:right;
}

.blocks {
	padding: 0;
	width: 2380px;
	display: block;
	height: 390px;/*290px;*/
	Aheight: 290px;/* this is now set with jscript so that only if scrollbars show the extra space is given */
	margin:0px;
}

img {
	background-color: #efefef;
}

.blocks li {
	width: 880px;
	margin: 0 20px 0 0px;
	float: left;
	display: block;
	Aheight: 420px;/*290px;*/
	Aheight: 290px;/* this is now set with jscript so that only if scrollbars show the extra space is given */
}

/* this class 'jscript' is added by javascript */
html.jscript .jScrollPaneContainer .blocks, html.jscript .jScrollPaneContainer .blocks li.scroll-interval {
	height: 330px;
}


.blocks li.last {
	margin: 0 0px 0 0px;
}

.overlay {
	background: transparent url(../images/bottom_fade_260.png) repeat-x bottom; 
	height: 260px; 
	width: 880px; 
	top: -260px; 
	position: relative;
}

/* augmented to work only in project view using work.css and work_only.css stylesheets*/

#main_body h4 {
	margin-top:-0.6em;
	margin-bottom:0.6em;
	font-weight:normal;
}

#main_body .notes_block h4 {
	margin:0;
}

h4.date {
	font-weight: normal;
	color:#666;
}

.content {
	display: block;
}

.blocks li .content, .blocks li .content img, .blocks li .content object, .file_browser_container object, .blocks li .content embed, .blocks li .image_list_wrapper {
	width:900px;
	height: 390px;/*290px;*/
	display: block;
}
.image_list_wrapper li .h4 {
float:right;
}
.blocks li .image_list_wrapper ul {
	margin:0;
	display:block;
}

.blocks li .image_list_wrapper li {
	width:270px;
	height:216px;
	margin-right:30px;
	display: inline;
	Aborder-bottom:1px solid #ebebeb;
}

.blocks li .image_list_wrapper li img {
	width:270px;
	height:150px;
}

.image_list_wrapper li a {
	display:block;
}

.image_list_wrapper li .h3, .image_list_wrapper li .p {
	display: block;
	/* counteract base-nicer.css */
	margin:0;
	font-weight: normal;
	font-size: 100%;
}

.image_list_wrapper li a:link .p, 
.image_list_wrapper li a:visited .p, 
.image_list_wrapper li a:link .byline, 
.image_list_wrapper li a:visited .byline, 
.notes_block li, 
.notes_block li a:link,
.notes_block li.external a:link,
.notes_block li.external a:visited,
.sidemenu li a:link .byline,
.sidemenu li a:visited .byline {
	color:#bbb;
}

.notes_block ul#latest_news li a:link, .notes_block ul#latest_news li a:visited {
	color:#bbb;
}
.notes_block ul#latest_news li a:hover {
	color:#666;
}

.image_list_wrapper li a:hover .p, 
.notes_block li a:hover,
.notes_block li.external a:hover,
.sidemenu li a:hover .byline,
.sidemenu li.selected a .byline {
	color:#666;
}

.notes_block li a:active {
	color:#bbb;
}
.caption {
	padding-bottom:3px;
	display:block;
}
.byline {
	display: none;
}

.holder {
	margin: 0;
	display: block;
	/* TEMP */
	/*applying to jscrollcontainer instead (below) for consistency when javascript disabled
	margin-bottom: 10px;
	*/
}
html.jscript .col_right .jScrollPaneContainer {
	margin-bottom: 10px;
	height:400px!important;
	*AAheight:350px!important;
}
.scroll-pane {
	*height:300px!important;
	width: 880px;
	float: left;
	padding: 0;
	overflow-x:hidden;
	overflow-y:hidden;
	_overflow:hidden;
	display:block;
}

#menupane {
	height: 300px;
	width: 209px;
	padding: 0;
	display: block;
	_overflow: hidden;
}
ul.menublocks {
	padding: 0;
	width: 418px;
	display: block;
	height: 400px;
	margin:0px;
}

ul.menublocks li.menublock {
	width: 209px;
	margin: 0;
	float: left;
	display: block;
	height: 400px;
}

li.menublock {
	overflow-y: auto;
}
html.jscript li.menublock {
	overflow-y: hidden;
	overflow-x: hidden;
}

.enlarge_link {
display:none;
}

#pane5 {
	height: 300px;
	width: 40%;
	padding: 0;
	display: block;
	_overflow: hidden;
}

.jumpers {
	float:right;
	aheight:1em;
	font-style: italic;
	font-size:smaller;
}
.jumpers a {
	width:3.5em;
	text-align: right;
	padding:5px 0 5px 0px;
	display:inline-block;
}

#logo a:link,#logo a:visited {
	width:68px;
	height:68px;
	display:block;
	background: transparent url(../images/ob_logo.jpg) no-repeat bottom right;
	color:transparent;
}

#logo a:hover {
	background-image: url(../images/ob_logo_hover.png);
}

.notes_block {
float:right;
margin-left:10px;
width:85px;
margin-bottom:1em;
min-height:7em;
}

.notes_block li {
	clear: both;
}

#enticer_caption .icon, .notes_block .icon {
	float:left;
	margin-left: 0;
	background-position-x: -1px;
	display: none;
}
.notes_block .file.ext .icon {
	display: block;
	Aheight:0.9em;
	margin-top:1px;
	width: 18px;
}

.notes_block.related_downloads {
	width:100px;
}
.notes_block #related_downloads .file.ext .icon {
	margin-left:-18px;
}
.notes_block #related_downloads li {
	padding-left: 17px;
}
#related_downloads .file.ext.doc .icon {
background-image:url('../images/page_white_word.png');
margin-top: 0px;
height:16px;
width:16px;
}
#related_downloads .file.ext.xls .icon {
background-image:url('../images/page_white_excel.png');
margin-top: 0px;
height:16px;
width:16px;
}
#related_downloads .file.ext.pdf .icon {
background-image:url('../images/page_white_acrobat.png');
margin-top: 0px;
height:16px;
width:16px;
}
#related_downloads .file.ext.swf .icon {
background-image:url('../images/page_white_flash.png');
margin-top: 0px;
height:16px;
width:16px;
}
#related_downloads .file.ext.rtf .icon, #related_downloads .file.ext.txt .icon {
background-image:url('../images/page_white_text.png');
margin-top: 0px;
height:16px;
width:16px;
}
#related_downloads .file.ext.jpg .icon, #related_downloads .file.ext.png .icon, #related_downloads .file.ext.gif .icon, {
background-image:url('../images/page_white_picture.png');
margin-top: 0px;
height:16px;
width:16px;
}

#main_body .notes_block .h4, #main_body .notes_block .h3 {
	font-weight: normal;
	font-size: inherit;
}

#main_body .notes_block .h4 {
	color:#ababab;
}

#main_body .notes_block a:hover .h4 {
	color:#000;
}


.notes_block .h3 {
	color:#aaa;
}

.notes_block h4, .notes_block a:hover .h3 {
	color:#666;
	font-weight: normal;
}

.sidemenu,.sidemenu ul,.col_right ul {
	margin:0;
}

.sidemenu ul {
	margin-left:10px!important;
}
.sidemenu ul a:link, .sidemenu ul a:active, .sidemenu ul a:visited {
	acolor:#000;
}
.sidemenu ul li.selected a:link, .sidemenu ul li.selected a:visited, .sidemenu ul li.selected a:active, .sidemenu ul a:hover {
	color:#FF6666;
}
.sidemenu li.selected a {
	*color:#000;
}

.sidemenu ul {
	*margin-top:-1.2em;
}

.sidemenu li.selected a {
	font-weight: bold;
}
.sidemenu li.selected ul a, .sidemenu li.selected ul ul a {
	font-weight: normal;
}




/* FIXES FOR SMALL SCREEN */

#doc #bd #yui-main .col_right, .col_right {
	Amargin-left:180px;
}

#bd .col_left,#quick_contact_info {
	width:177px;
}
#ft .col_left {
	width:180px;
}


#bd, #hd {
	margin-left:15px;
	margin-right:15px;
	width:870px;
}

#ft {
	padding-left: 15px;
	*height:3.3em;
	*margin-bottom: 0;
}

.menu_block {
	width:168px!important;
	overflow-x: hidden;
}

#menupane {
	width: 179px;
}
ul.menublocks {
	width: 403px;
}

ul.menublocks li.menublock {
	width: 168px;
	margin-right: 20px;
}
.col_left .jScrollPaneContainer {
	width:169px!important;
}

#bd .form_wrapper {
	background-color: #efefef;
	padding:10px;
	width:400px;
}
#bd .form_wrapper .label {
	width:159px;
	text-align: right;
	padding-right: 10px;
}
#bd .form_wrapper input[type=submit] {
	margin:10px 10px 3px 169px;
	padding:0.2em 1em;
	color:#fff;
	background-color: #777;
	border-color: #666;
}

.parent_header h1 {
	height:20px;
	background-color:#c1c1c1;
	color:#FFFFFF;
	font-size:100%;
	text-align:center;
	margin-top:20px;
	font-weight:normal;
}

/*
* IE fix attempts


#quick_contact_info {
	*Aheight:1em;
	*Azoom:1;
}

#top_menu_wrapper, #quick_contact_info {
	*Azoom:1;
	*Apadding-bottom:1em;
}

#top_menu_wrapper, #quick_contact_info, #hd, #top_menu_wrapper li, #quick_contact_info li {
	*Azoom:1;
	*position:relative;
}

.blocks li .image_list_wrapper li img {
	*clear:both;
	*float:left;
	*display:block;
}

#top_menu li, #top_menu li a {
	*margin-left:0;
	*padding:0;
	*margin-right:0.5em;
}

.menu_block li ul {
	*margin-top:0em;
}

#main_body p {
	width:auto;
}

.notes_block {
	*height:7em;
}

* html .notes_block #related_downloads .file.ext .icon{
	*margin-left:0px!important;
}

* html .notes_block #related_downloads li {
	*padding-left:18px!important;
}

.holder {
	*margin-bottom:1em;
}
*/