/* Main Styles */
*
{
 font-size:100.01%
}
html, body, a, div, form, h1, h2, h3, input, p, span, ul
{
 font-family: Arial, Helvetica, sans-serif;
 display: block;
 border: 0;
 margin: 0;
 padding: 0;
}
span
{
 display:inline;
}
a
{
 text-decoration: none;
}
img
{
 border: 0;
 margin: 0;
}
html, body
{
 text-align: center;
 height: 100%;
 background: #FFF;
}
b
{
 font-weight: bold;
}
h2,
#today .date
{
 color: #f09e00;
 font-size: .75em;
 font-weight: normal;
 text-transform: uppercase;
}
h3
{
 color: #f09e00;
 font-size: 1.1em;
 font-weight: bold;
 padding: 10px 0 5px 0;
}
#copyright h2,
#iconMenu h2,
#menu h2,
#search h2
{
 display: none;
}
/* End Main Styles */


/* Container */
#container
{
 min-height: 100%;
 text-align: left;
 width: 900px;
 margin: 0 auto;
 background: #FFF;
}
* html #container
{
 height: 100%;
}
/* End Container */


/* Header */
#header
{
 height: 90px;
 position: relative;
 overflow: hidden;
}
#header h1
{
 color: #5F5F5F;
 font-size: 0.75em;
 font-variant: small-caps;
 letter-spacing: 0.1em;
 top: 28px;
 left: 23px;
}
* html #header h1
{
 font-size: 0.7em;
}
#header h1,
#header h1 span
{
 width: 314px;
 height: 39px;
 overflow: hidden;
 position: relative;
}
#header h1 span.over
{
 top: 0;
 left: 0;
 position: absolute;
 background: url(../img/title.gif) no-repeat 0% 0%;
}
#osu
{
 clear: both;
 width: 318px;
 height: 43px;
 overflow: hidden;
 position: absolute;
 top: 28px;
 right: 23px;
}
#osu span a
{
 color: #ddd;
 font-size: 0.7em;
 letter-spacing: 1px;
}
#osu span
{
 float: left;
 width: 290px;
 height: 19px;
 margin-top: 24px;
 padding-top: 4px;
 border-top: 1px solid #ddd;
}
#osu span.over
{
 float: none;
 height: 24px;
 margin: 0;
 padding: 0;
 border-top: none;
 border-top: 0;
 z-index: 101;
 top: 24px;
 left: 0;
 position: absolute;
 cursor: pointer;
 background: url(../img/osu.gif) no-repeat 100% 0%;
}
#osu span.logo
{
 float: right;
 height: 43px;
 width: 28px;
 margin: 0;
 padding: 0;
 border: none;
 cursor: pointer;
 background: url(../img/logo_ogu.gif) no-repeat 0% 0%;
}
/* End Header */


/* Search */
#search
{
 text-align: center;
 width: 100%;
 clear: both;
 font-size:140%;
}
#search form
{
 text-align: left;
 margin: 0 auto;
 position: relative;
 width: 845px;
}
#search input
{
 font-size: .5em;
 border: 0;
}
#search div.top,
#search div.bottom
{
 font-size: 0;
 height: 2px;
 width:765px;
}


/* Input */
#search .searchInput
{
 width: 765px;
 text-align: center;
 background: #eee url(../img/search_input_bg.gif) repeat-y;
}
#search .searchInput input
{
 text-align: center;
 width: 761px;
 height: 1.3em;
 margin: 0 auto;
}
#search .searchInput div.bottom
{
 background: url(../img/search_input.gif) no-repeat 0% 100%;
}
#search .searchInput div.top
{
 background: url(../img/search_input.gif) no-repeat 0% 0%;
}


/* Submit */
#search .searchButton
{
 width: 75px;
 position: absolute;
 top: 0;
 right: 0;
 background: #e3e3e3 url(../img/search_button_bg.gif) repeat-y;
}
#search .searchButton input,
#search .searchButton div.bottom,
#search .searchButton div.top
{
 width: 75px;
}

#search .searchButton input
{
 color: #fff;
 font-weight: bold;
 text-align: center;
 text-transform: uppercase;
 letter-spacing: 2px;
 height: 1.3em;
 background: #e3e3e3 url(../img/search_button_bg.gif) repeat-y;
}
* html #search .searchButton input
{
 margin: .1em 0;
}
#search .searchButton div.bottom
{
 background: url(../img/search_button.gif) no-repeat 0% 100%;
}
#search .searchButton div.top
{
 background: url(../img/search_button.gif) no-repeat 0% 0%;
}
/* End Search */


/* Main Menu */
#menu
{
 text-align: center;
 font-size: .6em;
 width: 100%;
 margin: 0 auto;
}
#menu a
{
 color: #d02929;
 text-transform: uppercase;
 padding: 0 17px;
 display: inline;
 border-left: 1px solid #cecece;
}
#menu ul
{
 line-height: 1.6em;
 width: 850px;
 margin: 0 auto;
 padding: 6px 0;
 border-bottom: 1px solid #cecece;
}
* html #menu ul
{
 clear: both;
 margin: 0;
}
#menu li
{
 list-style: none;
 display: inline;
}
#menu .noborder a
{
 border: none;
}
#menu .select a
{
 color: #f09e00;
}
/* End Main Menu */


/* Content */
#content
{
 float: left;
 width: 744px;
 min-height:555px;
}
#content,
#rightColumn
{
 margin-top: 10px;
 margin-bottom: 9px;
}
* html #content,
* html #rightColumnc
{
 margin-bottom: 46px;
}
.annotation
{
  font-style:italic;
}
.back_link
{
  text-align:right;
}
/* Left Column */
#leftColumn
{
 float: left;
 width: 179px;
}
#leftColumn div.bordered
{
 width: 148px;
 background: url(../img/left_column_bg.gif) repeat-y;
}
#leftColumn .top
{
 height: 9px;
 background: url(../img/left_container.gif) no-repeat 0% 0%;
}
#leftColumn .bottom
{
 height: 9px;
 background: url(../img/left_container.gif) no-repeat 0% 100%;
}
/* End Left Column */


/* Icons */
#iconMenu
{
 font-size: .5em;
 margin-left: 23px;
}
#iconMenu  ul
{
 clear: both;
 width: 137px;
 height: 20px;
 margin: 5px auto 0 8px;
}
* html #iconMenu  ul
{
 width: 139px;
 margin-left: 4px;
}
#iconMenu a
{
 color: #fff;
 height: 17px;
 width: 17px;
 overflow: hidden;
 background-color: #d02929;
 position: relative;
}
#iconMenu ul li
{
 height: 17px;
 margin: 0 5px;
 float: left;
 display:block;
}
#iconMenu .over
{
 height: 17px;
 width: 18px;
 cursor: pointer;
 top: 0;
 left: 0;
 position: absolute;
}
#iconMenu .icon1,
#iconMenu .icon1 .over
{
 width: 17px;
}
#iconMenu .icon1 .over
{
 background: url(../img/icon1.gif) no-repeat 0% 0%;
}
#iconMenu .icon2 .over
{
 background: url(../img/icon2.gif) no-repeat 0% 0%;
}
#iconMenu .icon3 .over
{
 background: url(../img/icon3.gif) no-repeat 0% 0%;
}
#iconMenu .icon4 .over
{
 background: url(../img/icon4.gif) no-repeat 0% 0%;
}
#iconMenu .icon5,
#iconMenu .icon5 .over
{
 width: 16px;
}
#iconMenu .icon5 .over
{
 background: url(../img/icon5.gif) no-repeat 0% 0%;
}


/* End Icons */


/* 10 years */
#celebrate
{
 text-align: center;
 margin: 10px 0 0 23px;
}
#celebrate h2
{
 font-size: .7em;
}
#celebrate h2,
#celebrate h2 span
{
 color: #fff;
 text-transform: uppercase;
 text-align: center;
 margin: 10px auto;
 height: 110px;
 width: 116px;
 position: relative;
 overflow: hidden;
 background-color: #ee322c;
}
* html #celebrate h2,
* html #celebrate h2 span
{
 margin: 0 auto;
}
#celebrate  .over
{
 margin: 0;
 top: 0;
 left: 0;
 position: absolute;
 background: url(../img/10_years.gif) no-repeat 0% 0%;
}
/* End 10 Years */


/* Main Text */
#mainText
{
 font-size: .7em;
 color: #333;
 float: left;
 width: 565px;
 overflow: hidden;
 background: url(../img/main_text_bg.gif) repeat-y;
}
#mainText a
{
 color: #d02929;
 display: inline;
}
#mainText h2
{
 font-size: 1.1em;
 padding: 5px 0 10px 0;
 margin: 0 12px 5px;
 border-bottom: 1px solid #ddd;
}
* html #mainText h2
{
 padding-top: 0;
}
#mainText h3
{
 color: #333;
 padding: 10px 12px 0;
}
#mainText p
{
 text-indent: 0;
 padding: 5px 0;
}
#mainText p a
{
 display: inline;
}
#mainText ul p
{
  padding:0.3em 0;
}
#mainText .bottom
{
 font-size: 0;
 height: 9px;
 background: url(../img/main_text_container.gif) no-repeat 0% 100%;
}
#mainText .top
{
 height: 9px;
 background: #fff url(../img/main_text_container.gif) no-repeat 0% 0%;
}


/* UL, LI */
#mainText ul
{
 padding: 5px 12px 10px 27px;
}
#mainText ul li
{
 list-style: url(../img/ar.gif) outside;
 display: list-item;
 padding-bottom: 10px;
 padding-top: 0;
/* list-style: none;*/
}
#mainText ul.levelMonths
{
 padding: 0 12px 0 10px;
 display: block;
}

#mainText ul.simpleUL
{
 padding: 10px 12px 5px 27px;
}
#mainText ul.simpleUL li
{
 list-style: url(../img/ar.gif) outside;
 display: list-item;
 padding-bottom: 10px;
 padding-top: 0;
}


#mainText .levelOne
{
 display: block;
 padding-bottom: 15px;
}
* html #mainText .levelOne li
{
 list-style-type: none;
 list-style-image: none;
 padding-top: 15px;
}
#mainText .levelOne>li
{
 list-style-type: none;
 list-style-image: none;
 padding-top: 15px;
}
#mainText .levelOne li li
{
 list-style: url(../img/ar.gif) outside;
 display: list-item;
 padding-bottom: 10px;
 padding-top: 0;
}

#mainText .levelTwo
{
 padding: 15px 12px 0 20px;
}
#mainText .levelTwo li
{
 padding-top: 30px;
}


#mainText .levelThree
{
 padding: 15px 12px 0 30px;
}
#mainText .levelThree li
{
 padding-top: 0;
}

/*D.S. */
#mainText ul.levelMonths li
{
  display:inline;
}
#mainText ul.levelMonths li.months
{
 list-style: none;
 display:inline;
}

#textContainer
{
  padding:0 12px;
  font-size:1.2em;
}

/* PHOTOS */
#mainText .inText
{
 float: left;
}
#mainText .inText img
{
 margin: 5px 10px 10px 12px;
}
#mainText .twoPhotos
{
 font-size: 0;
 padding: 10px 12px;
}
#mainText .twoPhotos img.second
{
 margin-left: 38px;
}
#mainText .photo
{
 padding: 12px 12px 5px 12px;
}
#mainText .photo b,
#mainText .photo span
{
 padding: 5px 0;
}
#mainText .photo b
{
 color: #f09e00;
 font-size: 1.1em;
 display: block;
}
#mainText .withText
{
 clear: both;
 padding: 5px 12px;
}
* html #mainText .withText
{
 height: 1%;
}
#mainText .withText img
{
 float: left;
 margin: 0 10px 10px 0;
}
#mainText .withText p
{
 padding: 0;
 margin: 0;
}
/* End Main Text */


/* Right Column */
#rightColumn
{
 font-size: .6em;
 color: #333;
 float: left;
 width: 152px;
}
#rightColumn div
{
 width: 122px;
 overflow: hidden;
 background: url(../img/right_column_bg.gif) repeat-y;
}
#rightColumn h2,
#rightColumn .date
{
 font-size: 1.1em;
}
#rightColumn h2
{
 margin: 3px 0 5px 0;
 padding: 0 12px;
}
#rightColumn div.top
{
 height: 9px;
 overflow: visible;
 background: url(../img/right_container.gif) no-repeat 0% 0%;
}
#rightColumn div.bottom
{
 height: 9px;
 overflow: visible;
 background: url(../img/right_container.gif) no-repeat 0% 100%;
}
/* End Right Column */


/* Today */
#today
{
 margin-left: 9px;
}
#today .date
{
 text-align: right;
 margin: 0 0 5px 0;
 padding: 0 12px;
}
#today .lyric
{
 width: 98px;
 margin: 0 0 3px 0;
 padding: 0 12px;
}
#rightColumn #today .lyric
{
 background: none;
}
/* End Today */


/* Address */
#address
{
 margin: 10px 0 0 9px;
}
#address h2
{
 color: #d02929;
}
#address .contact
{
 margin: 0 0 3px 0;
}
#address .contact p
{
 padding: 0 12px;
}
#rightColumn #address .contact
{
 background: none;
}
#address .contact .phone
{
 padding-top: 12px;
}
/* End Address */


.clearFloat
{
 clear: both;
 height: 1px;
 font-size: 0;
 border: 0;
 margin-bottom: 37px;
}
* html .clearFloat
{
 margin-bottom: 0px;
}
/* End Content */


/* Copyright */
#copyright
{
 font-size: .6em;
 color: #a0a0a0;
 text-align: left;
 clear: both;
 height: 37px;
 width: 900px;
 margin: 0 auto;
 margin-top: -37px;
 border-top: 1px solid #CECECE;
 position: relative;
}
#copyright p
{
 clear: both;
 padding: 10px 0;
}
/* End Copyright */

/* Banners */
#banners
{
/* position: absolute;*/
/* bottom: 48px;*/
 font-size:0.7em;
 margin: 0 0 0 23px;
 width: 148px;
 overflow: hidden;
}
#banners h3
{
 display:none;
}
#banners img
{
 margin-top: 1px;
}
#banners .pic
{
 width: 148px;
 height: 72px;
 text-align: center;
 margin: 10px 0 0 0;
 background: url(../img/left_container.gif) no-repeat 0% 0%;
}
/* End Banners */