.foo { } /* So it passes W3C */

/*
*****************************************
OHI - Default CSS Stylesheet
Created on: 3/02/2008
Development by: Bitpusher Ltd / G. Davies
*****************************************
*/

/* Common page elements */
* { padding: 0; margin: 0; }
html { height:100%;}
body { background-color:#FFFFFF; color:#000000; background-image: url(../images/bg/background.jpg); background-repeat:repeat-x; background-position:0px 0px; font-family: Arial, Verdana, sans-serif; font-size: 80%; font-weight:normal; height:100%; margin:0 0 6px 0; padding:0}
h1 { font-size: 140%; margin: 0.3em 0 0.5em 0; padding:0; color:#000000; }
h2 { font-size: 115%; margin: 1.1em 0 0.5em 0; padding:0; color:#000000; }
h3 { font-size: 95%; margin: 0.7em 0 0.5em 0; padding:0; color:#000000; }
hr { margin:0 0 0.5em 0; }
fieldset { border: none; margin: 0 0 15px 0; padding: 0 5px 5px 5px;}
p { font-size: 95%; line-height: 130%; margin: 0 0 1em 0; }
a:link, a:visited { color:#000000; text-decoration: none; }
a:hover, a:active { text-decoration: underline; }
img  { border:none; }
ul { margin: 4px 0 10px 5px; padding:0; }
ol { margin: 4px 0 10px 0; padding:0 0 0 0px; list-style-type:decimal; }
li { list-style: none; margin:0; padding: .5em 0 0 0; }
input {  }
table { border-collapse:collapse; font-size:85%; }
thead { font-weight:bold; }
th { font-weight:normal; }
caption { display:none; }
form { position:relative; padding: 0; margin:0 }
label { display: block; text-align: left; padding:4px 1em 0 0;}

/* Common page classes */
.hide { position:absolute; left:-9000px; top:0; z-index:20; }
.display-show { display:inherit; }
.display-hide { display:none; }
.clearfix:after {content: '.'; display: block; height: 0; clear: both; visibility: hidden;}
.clearfix {display: inline-block;}
.bold { font-weight:bold; }
.normal { font-weight:normal; }
.disabled { color:#666666; font-weight:normal; }
.fl { float:left; }
.fr { float:right; }
.tal { text-align:left; }
.tar { text-align:right; }
.tac { text-align:center; }
.pl { padding-left:10px;}
.pr { padding-right:10px;}
.pb { padding-bottom:10px;}
.pt { padding-top:10px;}
img.fr { padding:0 0 5px 10px; }

/* Site Structure */
#parent { position:relative; margin:0 auto; text-align:left; padding:0; width:848px; height:100%; }
#content { margin:0; padding:0; background-color:#ffffff; border:solid 1px #E2E2E2; }
#footer { position:relative; font-size:80%; margin:10px 0 0 0; padding:0; text-align:center }
#left_column { float:left; width:577px; padding:18px 18px 0 18px; margin:0; }
#right_column { float:right; width:200px; padding:18px 16px 0 16px; margin:0; background-color:#F2F2F2; border-left:solid 1px #E2E2E2; border-bottom:solid 1px #E2E2E2; }

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

/* Banner */
#banner { margin:30px 0 0 0; padding:0; height:200px; }
#banner img { margin:0; padding:0; height:200px; border:none; }

/* Header */
#header { position:relative; height:46px; margin:0; padding:0; }
#header ul { position:absolute; right:2px; top:10px; padding:0; margin:0; }
#header li { margin:0; color:#ffffff; font-weight:bold; font-size:95%; padding:0; text-align:right; }
#header a { color:#ffffff; }
#header #logo { position:absolute; left:0px; top:16px; z-index:99; }

/* Navigation */
#navigation { font-size:10pt; font-weight:bold; margin:0; padding:0; background-color:#ffffff; }
#navigation .nav-menu li.last { width:141px;}

/* Left Column  */
#left_column a { text-decoration:underline; }
#left_column ul { margin:0 0 10px 15px; padding:0; font-size:95%; }
#left_column li { list-style-type:disc; padding:2px 0 3px 1px; }
#left_column li ul { margin:8px 0 10px 28px; }
#left_column li li { padding:1px 0 1px 0; font-size:105%; }
#left_column ol { padding:0 0 15px 20px; margin:0 0 0 8px; font-size:95%; list-style-type:decimal; }
#left_column ol li { padding:4px 0 5px 0px; list-style-type:decimal; }
#left_column ol ul li { padding:4px 0 5px 0px; font-size:105%; list-style-type:disc; }
#left_column ol li h2 { padding: 0 0 0.5em 0; margin:0; }
#left_column ol li p { font-size:100% }
#left_column .thumb { padding:5px 0 15px 0px; }

/* Photo Gallery  */
#photo_wrap { text-align:center; padding:15px 0 5px 0; overflow:hidden; }
#thumbnails { margin:0 0 20px 0 !important; padding:0; }
#thumbnails li { float:left; margin:1px; padding:0; list-style-type:none; width:142px; height:105px; overflow:hidden; }
#thumbnails li img { margin:0; padding:0; border:0px; width:140px; filter:alpha(opacity=80); -moz-opacity:0.8; opacity:0.8; }
#thumbnails li a:hover img { filter:alpha(opacity=100); -moz-opacity:1; opacity:1; }


/* Right Column  */
#right_column ul { margin:0; padding:0; }
#right_column li { margin:0; padding:0; }

/* Contact Form */
#contactfrm li { padding:5px 0 5px 0; font-size:100%; margin:0; list-style-type:none; }
#contactfrm input, #contactfrm textarea { width:180px; }
#contactfrm .button { width:66px; height:31px; }
#left_column #contactfrm label { float:left; display:block; width:110px; padding:5px 0 5px 0; font-size:100%; margin:0; list-style-type:none; }

/* curves on div boxes */
.t {background: url(/library/images/curves/blank.gif) 0 0 repeat-x; width: 100%}
.b {background: url(/library/images/curves/blank.gif) 0 100% repeat-x; width: 100%}
.l {background: url(/library/images/curves/blank.gif) 0 0 repeat-y}
.r {background: url(/library/images/curves/blank.gif) 100% 0 repeat-y}
.bl {background: url(/library/images/curves/bl.gif) 0 100% no-repeat}
.br {background: url(/library/images/curves/br.gif) 100% 100% no-repeat; height:18px;}
.tl {background: url(/library/images/curves/tl.gif) 0 0 no-repeat}
.tr {background: url(/library/images/curves/tr.gif) 100% 0 no-repeat; padding-left:18px; padding-top:18px} 


/* TOP Navigation Styling 
   Tier 1  */
.nav-menu ul.AspNet-Menu { width:848px; /*width: 13em;  This is more than (6em x 2) because we want to leave room for borders around the <li> elements that are selected */ }

/* Tier 2 */
.nav-menu ul.AspNet-Menu ul { top: 100%; left: 0px; font-size:100%; margin-top:0px; padding-top:0px; border-bottom: solid 1px #c0c0c0; border-top: solid 1px #c0c0c0;}

/* Tier 3+ */
.nav-menu ul.AspNet-Menu ul ul { top: 0; left: 6em; }

/* all list items */
.nav-menu li { height:29px; width:139px; border-left: solid 1px #c0c0c0; border-right: solid 1px #c0c0c0; background-image: url(../images/bg/menu_tier1.jpg); background-position:left top; background-repeat:repeat-x; padding:0; margin:0 0 0 0px; }

/* list items being hovered over */
.nav-menu li li:hover, .nav-menu li li.AspNet-Menu-Hover { color: #0054A5; }

/* all anchors and spans (nodes with no link) */
.nav-menu a, .nav-menu span { color: #666666; padding: 7px 14px 7px 14px; background: transparent; }

/* leaves */
.nav-menu li.AspNet-Menu-Leaf a, .nav-menu li.AspNet-Menu-Leaf span { padding-left: 20px; }

/* hovered text */
.nav-menu li:hover a, 
.nav-menu li:hover span,
.nav-menu li.AspNet-Menu-Hover a,
.nav-menu li.AspNet-Menu-Hover span,
.nav-menu li:hover li:hover a,
.nav-menu li:hover li:hover span,
.nav-menu li.AspNet-Menu-Hover li.AspNet-Menu-Hover a,
.nav-menu li.AspNet-Menu-Hover li.AspNet-Menu-Hover span,
.nav-menu li:hover li:hover li:hover a,
.nav-menu li:hover li:hover li:hover span,
.nav-menu li.AspNet-Menu-Hover li.AspNet-Menu-Hover li.AspNet-Menu-Hover a,
.nav-menu li.AspNet-Menu-Hover li.AspNet-Menu-Hover li.AspNet-Menu-Hover span
{ color: #0054A5; text-decoration:none; }

/*added*/
.nav-menu li:hover a, /* current hovered text */
.nav-menu li:hover span,
.nav-menu li.AspNet-Menu-Hover a,
.nav-menu li.AspNet-Menu-Hover span
{  color: #ffffff; background-image: url(../images/bg/menu_tier1_sel.jpg); background-position:left top; background-repeat:repeat-x;  }

/* all Tier 2 list items */
.nav-menu li li { width: 16em; clear:both; border-left: solid 1px #c0c0c0; border-right: solid 1px #c0c0c0; background-image: url(../images/bg/menu_tier1.jpg); background-position:left top; background-repeat:repeat-x; padding:0; margin:0; }

 /* the tier above this one is hovered */
.nav-menu li:hover li a,
.nav-menu li:hover li span,
.nav-menu li.AspNet-Menu-Hover li a,
.nav-menu li.AspNet-Menu-Hover li span,
.nav-menu li:hover li:hover li a,
.nav-menu li:hover li:hover li span,
.nav-menu li.AspNet-Menu-Hover li.AspNet-Menu-Hover li a,
.nav-menu li.AspNet-Menu-Hover li.AspNet-Menu-Hover li span
{  color: #666666; background-image: url(../images/bg/menu_tier1.jpg); background-position:left top; background-repeat:repeat-x;}

/* this tier is selected */
.nav-menu .AspNet-Menu-Selected { color: #ffffff !important; background-image: url(../images/bg/menu_tier1_sel.jpg) !important; background-position:left top; background-repeat:repeat-x; }

/* a tier below this one is selected */
.nav-menu .AspNet-Menu-ChildSelected { color: #ffffff !important; background-image: url(../images/bg/menu_tier1_sel.jpg) !important; background-position:left top; background-repeat:repeat-x;  }

/* a tier above this one is selected */
.nav-menu .AspNet-Menu-ParentSelected { /* border: solid 1px #0000ff !important; */ }

/* a child of a parent selected */
.nav-menu .AspNet-Menu-Leaf .AspNet-Menu-Selected { z-index:98; color: #ffffff !important; }
.nav-menu .AspNet-Menu-WithChildren { padding-bottom:0px !important; }

/* This style sheet is intended to contain RARELY CHANGED rules used when the Menu control adapter is enabled. */
ul.AspNet-Menu { position: relative; }
ul.AspNet-Menu, ul.AspNet-Menu ul { margin: 0; padding: 0; display: block; }
ul.AspNet-Menu li { position: relative; list-style: none; float: left; }
ul.AspNet-Menu li a, ul.AspNet-Menu li span { display: block; text-decoration: none; }
ul.AspNet-Menu ul { position: absolute; visibility: hidden; z-index:98; }

/* Add more rules here if your menus have more than three (3) tiers */
ul.AspNet-Menu li:hover ul ul, ul.AspNet-Menu li.AspNet-Menu-Hover ul ul { visibility: hidden; }

/* Add more rules here if your menus have more than three (3) tiers */
ul.AspNet-Menu li:hover ul,
ul.AspNet-Menu li li:hover ul,
ul.AspNet-Menu li li li:hover ul,
ul.AspNet-Menu li.AspNet-Menu-Hover ul,
ul.AspNet-Menu li li.AspNet-Menu-Hover ul,
ul.AspNet-Menu li li li.AspNet-Menu-Hover ul
{ visibility: visible; }

/* This style sheet is intended to contain RARELY CHANGED rules used when the TreeView control adapter */
.AspNet-Menu-Vertical ul.AspNet-Menu li { width: 100%; }
div.AspNet-TreeView { margin: 0; padding: 0; }
div.AspNet-TreeView ul { list-style: none; margin: 0; padding: 0; }
.AspNet-TreeView-Show {}
.AspNet-TreeView-Hide { display:none; }