/* general styles */
BODY{margin:0px; font-size:8pt; font-family:Verdana, Tahoma, Arial, Helvetica, Sans-Serif; color:#000; }
H1, A H1, H1 A { color:#3383C8; font-size:12pt; font-weight:bold; text-decoration:none; }
H2, A H2, H2 A{ color:#3383C8; font-size:10pt; font-weight:bold; text-decoration:none; }
H3, A H3, H3 A{ color:#333333; font-size:8pt; font-weight:bold; text-decoration:none; }
DIV{ margin:0; padding:0;}
#body{ background-color:#EEE;}

/*header
#header { width:100%; background-image:url(images/header_spacer.gif); background-repeat:repeat-y;}ob_sb_header_bg.gif*/
/*#header { width:100%; height:30px; background-image:url(images/ob_sb_header_bg.gif); background-repeat:repeat-x;}*/
#header SPAN{line-height:30px; padding-right:10px; float:right;}
#header IMG {padding:0 10px;}
#header SPAN A, #footer SPAN A { text-decoration:none; font-weight:bold; color:#666;}
#header SPAN A:hover, #header SPAN A:focus, #header SPAN A.sffocus, #footer SPAN A:hover, #footer SPAN A:focus, #footer SPAN A.sffocus{ color:#000;}/*E47700 | C96400 | */
/**/
/*drop down menu styles **** bg-color#3383C8 |||| topDD A:hover {bg:#D5720E}*/
#topDD {margin-left:0px; margin:0; padding:0; display:block; position:relative; background-color:#3383C8; line-height:16px; min-height:19px; z-index:100;}
#topDD UL{ margin:0; padding:0; list-style:none;}
#topDD UL LI{ display:block; float:left; padding-left:0px;}
#topDD A { color:#FFF; display:block; margin:0; padding: 1px 5px; text-decoration:none; border-left:1px solid #FFF; background-color:#3383C8; -moz-opacity:0.9; filter:Alpha(opacity=90); }
#topDD A:focus,#topDD A.sffocus,#topDD A:hover{color:#FFF; background:#00407F; border-left:1px solid #000; border-bottom:1px solid #3383C8; }

  /*so that there is no movement when hovering over 1st level sub nav*/
#topDD UL UL LI A,#topDD UL LI A { border-bottom:1px solid #3383C8;}
#topDD UL UL LI A,#topDD UL LI A { font-weight:bold;}
  /**/
#topDD LI{position:relative; display:block;}
#topDD UL LI UL LI{display:block; float:none;}
#topDD ul ul{position:absolute; width:120px; height:100%;}
#topDD ul ul ul {position:absolute; top:0; left:100%; width:140px; height:100%;}
#topDD ul ul ul,#topDD ul ul, #topDD ul li:hover ul ul{display:none;}
#topDD ul li:hover ul,#topDD ul ul li:hover ul{display:block;}

  /* make first navigation item not have the left border */
#topDD .firstnav{ border-left:1px solid #3383C8;}
/*#topDD ul li A:focus, #topDD ul li A.sffocus{ background-color:#000000;}*/

/* miscellaneous header styles */
#imageheader{ position:relative; display:none; color:#FFF; height:55px; top:-120px; left:0px; width:400px; text-align:left; font-weight:normal; font-size:3.5em; padding:0; margin:0 0 0 100px; z-index:1000;}
/*.diffsubbutt{ color:#FFF; font-size:0; background-color:#FFF; border:0; background-image:url('images/ob_sb_blue_arrow.gif'); background-repeat:no-repeat; background-position:center; width:20px; height:20px;}*/
#linedoobywackies{ position:absolute; margin:170px 0 0 0; color:#FFF; font-weight:normal; font-size:3.5em; text-indent:100px; }
#topimage{ z-index:0; display:block;}

#underDD{ position:relative; padding:10px 0 20px 0; margin:0px; text-align:left;}
#searchbox{position:absolute; padding:10px 0 0 0; margin:0px; text-align:right; right:0px; top:0px; color:#3182CE; font-weight:bold;}
#searchbox FORM, #searchbox INPUT { padding:0; margin:0;}
#searchtext{ border:1px solid #3383C8; margin:0;}


/* MAIN CONTENT STYLES */
#body{height:100%;}
#whitemid{width:760px; background-color:#FFF; height:100%; padding-bottom:40px; margin-bottom:0;}
/* different variations for hiding the top image */
#whitemidcontent{width:740px; padding-top:10px; height:100%;}
/*.whitemidcontent{width:740px; padding-top:10px; height:100%;}
.whitemidcontent2{width:740px; padding-top:0px; height:100%;}*/

/* encompass whole middle content*/
#contentbody{ display:block; clear:both; width:740px; margin:0px 0 0 0; padding:0px 0 0px 0;}

/* middle box of text */
#middlecontent DIV{ position:relative; top:-27px; padding:0px 0px 0px 5px; }
#middlecontent H1, #middlecontent H2, #middlecontent H3{color:#3482C4; font-family:Geneva, Arial, Helvetica, sans-serif; margin:0px; clear:right;}
#middlecontent H1{ font-size:2.5em; padding:0px 0px 10px 0px; font-weight:normal; position:relative; top:-27px; }
#middlecontent H2{ font-size:1.2em; padding:0px 0px 0px 0px; font-weight:bold; color:#0057A1;}/*003366*/
#middlecontent H3{ font-size:1.2em; padding:0px 0px 0px 0px; font-weight:bold; color:#000;}

#middlecontent,#rightcontent{ margin:0 0 10px 0; padding:0; display:block; position:relative; height:100%; }
#leftcontent{ margin:0 13px 10px 0px; padding:0; display:block; position:relative; height:100%; }
#topcontent{ margin:0 0 10px 0; padding:0; display:block; position:relative; height:100%;  }
#topcontent{width:470px; text-align:left; }
#middlecontent{width:250px; border:1px solid #357BC1; margin:0px 0 0px 0px; text-align:left; padding:0px 5px 10px 5px; float:left;}
#leftcontent{width:225px;float:left;}
#rightcontent{width:225px;float:right;}

#rightcontent, #leftcontent, #rightcontent A, #leftcontent A{ color:#FFF; font-weight:bold; text-decoration:none; }
#rightcontent A:hover, #leftcontent A:hover, #rightcontent A:focus, #leftcontent A:focus{ text-decoration:underline;}
/*#rightcontent UL, #leftcontent UL{ margin-top:10px; margin-left:15px; padding-left:15px; list-style-image:url("images/ob_sb_list_bullet.gif");}*/
#rightcontent LI, #leftcontent LI { margin-top:5px;}
/*IE hack for focus*/
#rightcontent A.sffocus, #leftcontent A.sffocus{ border-bottom:2px solid #FFF;}

.featurebox{ height:160px; width:225px; position:relative; text-align:left;}
.featurebox1{background-color:#A44F9A; margin-bottom:15px; top:0px; left:0px;}
.featurebox2{background-color:#E9861C; margin-bottom:0px; top:0px; left:0px;}
.featurebox3{background-color:#D42045; margin-bottom:15px; top:0px; right:0px;}
.featurebox4{background-color:#ADC231; margin-bottom:0px; top:0px; right:0px;}
/*.featurebox4{ background-image:url("images/ob_sb_feature_cnrR.gif"); background-repeat:no-repeat; background-position:bottom right;}
.featurebox2{ background-image:url("images/ob_sb_feature_cnrL.gif"); background-repeat:no-repeat; background-position:bottom left;}*/

.featurebox A{ color:#FFF; font-weight:bold; text-decoration:none;}
.featurebox A:hover, .featurebox A:focus, .featurebox A:focus{ text-decoration:underline;}
/*.featurebox UL{ margin-top:10px; margin-left:15px; padding-left:15px; list-style-image:url("images/ob_sb_list_bullet.gif");}*/
.featurebox LI{ margin-top:5px; }
/*IE hack for focus*/
.featurebox A.sffocus{ border-bottom:2px solid #FFF;}




/* FOOTER STYLES */
#footerlinks{clear:both; padding:0px 0 0 0; margin:15px 0 5px 0; display:block; position:relative;text-align:center;}
#footerlinks .linktext, #footerlinks .linktext A{ line-height:1.5em;}
#footerlinks .newsletter{ color:#3482C4; position:relative; text-decoration:none; top:0px;}
#footerlinks .newsletter A,#footerlinks .linktext, #footerlinks .linktext A{color:#3482C4; text-decoration:none;}
#footerlinks .newsletter A:hover, #footerlinks .newsletter A:focus{color:#EA611D;}
/*#footerlinks .linktext A{border-bottom:1px dotted #FFF;}*/
#footerlinks .linktext A:hover, #footerlinks .linktext A:focus{color:#EA611D;}
/*IE hack for focus*/
#footerlinks .newsletter A.sffocus{color:#EA611D;}
#footerlinks .linktext A.sffocus{color:#EA611D;}
/*footer most bottom*/
/*#footer{ position:relative; width:100%; height:30px; background-image:url(images/ob_sb_footer_bg.gif); background-repeat:repeat-x; clear:both; }*/
#footer SPAN{line-height:30px;}


/* TEMP STYLES */
.borderme {border:1px solid #000;}
.testingme{border:1px solid #000; width:10px; height:10px; clear:none; float:left; }
.testingfoot{border:1px solid #000; width:10px; height:10px; clear:both; }
.peekaboo{ display:block;}
.hidingme{ display:none;}


///* #######################
//   OB NEW Event styles 
//   ####################### */


///* tabbed titles
//#ev_heading_level_2, #ev_heading_level_1 { margin:0; padding:0; }

//#ev_banner_title, #ev_heading_level_2 h2, #ev_heading_level_1 h2 {
//    float:left; margin:0; padding:0; /* padding-left = group.css * /
//    background-repeat:no-repeat; background-position:0% 0%; background-attachment:scroll;
//    border-bottom-width:0.1em; border-bottom-style:solid;
//}

//#ev_banner_title h1,
//#ev_heading_level_2 h2 a, #ev_heading_level_2 h2 span,
//#ev_heading_level_1 h2 a, #ev_heading_level_1 h2 span {
//    float:left; display:block; margin:0; padding:0.1em 0 0.1em 2px; /* padding-right = group.css * /
//    background-repeat:no-repeat; background-position:100% 0%; background-attachment:scroll;
//    text-decoration:none; cursor:inherit;
//}
// */

///* events search output */
.small { font-size:80%; }

img { border:0; }

div.event-teaser {
  margin:1em 0 0 0;
  border-width:1px;
  border-style:solid;
  border-color:#3383C8;
  background-color:#fff;
  background-repeat:repeat-x;
  background-position:left top;
  width:100%;
  float:left;
}

div.event-teaser h3 {
  margin:0.7em;
  border-width:0; border-style:none;
  font-weight:700;
  font-size:130%;
}


div.event-teaser p {
  margin:0.7em;
  font-size:100%;
}

div.event-teaser p a {
  font-size:90%;
}

///* events search output - thumbnail images */
div.event-teaser .ob-thumbnails { 
  float:left;
  width:74px;
  line-height:normal; 
  margin:0px 10px 5px 0.7em;
}
///*div.event-teaser .ob-thumbnails img { border-width:0; margin:0; }*/

div.event-teaser .ob-thumbnails img {
	display:block; 
	margin:0px;
	padding:0px; 
}
div.event-teaser .ob-thumbnails a {  
	display:block; 
	border:1px solid #333; 
	margin:0px;
	padding:3px; 
}
div.event-teaser .ob-thumbnails a:link { border-color:#333; }
div.event-teaser .ob-thumbnails a:visited { border-color:#777; }
div.event-teaser .ob-thumbnails a:focus,
div.event-teaser .ob-thumbnails a:hover,
div.event-teaser .ob-thumbnails a:active { border-color:#3a3; padding:2px; border-width:2px; }



/* events search output - thumbnail images */
///* this should be genericised and moved!!
//div.event-teaser .ob-thumbnails {
//  float:left;
//  line-height:normal;
//  margin-right:10px;
//}

//div.event-teaser .ob-thumbnails img { 
//  border-width:0;
//  margin:0;
//}

//div.event-teaser .ob-thumbnails a {
//  display:block;
//  border:1px solid #333;
//  margin:auto;
//  padding:3px;
//  }
//div.event-teaser .ob-thumbnails a:link {
// border-color:#333;
//}

//div.event-teaser .ob-thumbnails a:visited {
//  border-color:#777;
//}

//div.event-teaser .ob-thumbnails a:focus,
//div.event-teaser .ob-thumbnails a:hover,
//div.event-teaser .ob-thumbnails a:active {
//  border-color:#3a3;
//  padding:2px;
//  border-width:2px;
//}
//*/ 

/* when and where */
table.output-grid { 
  border-collapse:collapse;
  border:none !important;
  margin:0px 0px 0.5em 1em !important;
  clear:none !important;
  font-size:90% !important;
  width:95%;
}

table.output-grid tbody {
  border-width:0;
  border-style:none;
}

table.output-grid tr { 
  vertical-align:top;
}

table.output-grid th,
table.output-grid td {
  padding:2px 0.3em !important;
  font-size:90% !important;
  font-weight:normal !important;
  border:1px solid #999 !important;
  background-color:#fff !important;
}    

table.output-grid th {
  border-width:0px 1px 1px 0px !important;
  text-align:right !important;
}

table.output-grid td {
  border-width:0px 0px 1px 0px !important;
  text-align:left;
}

table.output-grid tr.end td,
table.output-grid tr.end th {
  border-bottom-width:0 !important;
}

table.output-grid td.end,
table.output-grid th.end {
  border-right-width:0 !important;
  text-align:left;
}

table.output-grid tr:focus td,
table.output-grid tr:hover td,
table.output-grid tr:active td {
  background:none !important;
}

table.event-detail {
  margin:1em !important;
}

table.event-detail th,
table.event-detail td {
  padding:1em;
}

.error { border:2px solid red; background-color:#fdd; padding:10px; }
.success { border:2px solid #9cf; background-color:#d7ebff; padding:10px; }

/* hide js dependent elements */
#ev_timeframe_select { display:none; margin:0 0 2em 0; }
#ev_advanced_search_link { display:none; }

#ev_event_select select, #ev_venue_select select, #ev_location_select select { width:50ex; margin:0 0 1em; }

/* hide js dependent elements */
#ev_addevent { display: none; }
#ev_noscript { margin:1.75em; border:1px solid #ddd; padding:1.5em; text-align:center; }
#ev_noscript p { color:red; }


/* this is just here while we're using a temporary image for dev purposes */
.tempthumb {
  float:left;
  width:66px;
  height:66px;
  padding:3px;
  border:1px solid #cdcdcd !important;
  margin:0em 0em 0.4em 0.4em !important;
}

/* pagers - override using default theme markup */

div.pager {
  width:100%;
  float:left;
  margin:1.5em auto;
  padding:0.8em 0em;
  font-size:82%;
  border-style:dotted;
  border-width:1px 0px 1px 0px;
  text-align:right;
}

div.pager span.pager-ellipsis {
  display:none;
}

div.pager strong.pager-current,
div.pager a.pager-first,
div.pager a.pager-previous,
div.pager a.pager-next,
div.pager a.pager-last {
  padding:0px 6px !important;
  margin:6px 0px !important;
}

div.pager strong.pager-current,
div.pager a.pager-first,
div.pager a.pager-previous,
div.pager a.pager-next {
  border-right:1px solid #cdcdcd;
  }