/*============================================================================
Equine CMS Style Guide 2.0
Created on May 18, 2010 at 4:30pm EST
==============================================================================*/
@charset "utf-8";

/*=============================================================================
=============================== RESET =========================================
==============================================================================*/

* { margin: 0; }
html { margin: 0; padding: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; border-top: 0; border-right: 0; border-bottom: 0; border-left: 0; } 
body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, abbr, acronym, address, big, cite, code, del, dfn, font, img, ins, kbd, q, s, samp, small, strike, tt, var, fieldset, dl, dt, dd, ol, ul, li, form, label, legend, caption, tbody, tfoot, thead { margin: 0; padding: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; border-top: 0; border-right: 0; border-bottom: 0; border-left: 0; }
pre, sub, sup, em { margin: 0; padding: 0; outline: 0; border-top: 0; border-right: 0; border-bottom: 0; border-left: 0; }
:focus { outline: 0; }
body { line-height: 1; color: black; background: white; }
ul, ol { list-style: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }
a { outline:none; }

/*=============================================================================
============================== GLOBAL STYLES ==================================
=============================================================================*/

html, body { height: 100%; }
body { font: 12px/16px Georgia, "Times New Roman", Times, serif; margin: 0px; background: #333 url(../images/pageBg.jpg) no-repeat; }
div#wrapper { width: 950px; margin: 0px auto; padding: 0px; position: relative; }
div#header { background: url(../images/headerBg.jpg) no-repeat; margin: 0px; padding: 20px 0px 0px; height: 180px; width: 950px; position: relative; }
div#content-holder { background: url(../images/contentBg.gif) repeat; width: 950px; margin-top: 48px; position: relative; }
div#content-inner-holder { background: url(../images/contentBg.gif) repeat; width: 950px; margin-top: 48px; position: relative; padding-top: 15px; }
a:link, a:visited, a:active { color: #996633; text-decoration: underline; }
a:hover { text-decoration: none; }


/*=============================================================================
================================= HEADERS ====================================
==============================================================================*/
div#main-header { height: 66px; width: 950px; position: relative; margin: 15px 0px 25px; padding: 0px; }
div#page-header { background: url(../images/mainPageHeader.png) no-repeat; margin: 0px; padding: 0px; height: 66px; width: 974px; position: absolute; left: -12px; top: -1px; }
div#page-header h1 { font: normal 24px Georgia, "Times New Roman", Times, serif; color: #333; text-align: center; width: 100%; height: 46px; padding-top: 20px; }
div#header h1 { background: url(../images/Otslogo.png) no-repeat; text-indent: -9999px; margin: 0px 0px 0px 33px; padding: 20px 0px 0px; height: 153px; width: 324px; }

/*=============================================================================
============================= DROP DOWN MENU ==================================
==============================================================================*/
div#menu { background: url(../images/menuBg.png) no-repeat; margin: 0px; padding: 0px 24px 0px 27px; height: 70px; width: 948px; position: absolute; top: 178px; left: -25px; }
div#menu ul { margin: 0px; padding: 18px 0px 0px; height: 52px; width: 948px; }
div#menu ul li { float: left; }
div#menu ul li #menu-home { background: url(../images/menuLinks2.jpg) no-repeat 0px 0px; display: block; margin: 0px; padding: 0px; height: 52px; width: 63px; }
div#menu ul li #menu-about { background: url(../images/menuLinks2.jpg) no-repeat -63px 0px; display: block; margin: 0px; padding: 0px; height: 52px; width: 84px; }
div#menu ul li #menu-services { background: url(../images/menuLinks2.jpg) -147px 0px; display: block; margin: 0px; padding: 0px; height: 52px; width: 77px; }
div#menu ul li #menu-boarding { background: url(../images/menuLinks2.jpg) no-repeat -224px 0px; display: block; margin: 0px; padding: 0px; height: 52px; width: 93px; }
div#menu ul li #menu-breeding { background: url(../images/menuLinks2.jpg) no-repeat -317px 0px; display: block; margin: 0px; padding: 0px; height: 52px; width: 184px; }
div#menu ul li #menu-events { background: url(../images/menuLinks2.jpg) no-repeat -501px 0px; display: block; margin: 0px; padding: 0px; height: 52px; width: 70px; }
div#menu ul li #menu-teamosf { background: url(../images/menuLinks2.jpg) no-repeat -571px 0px; display: block; margin: 0px; padding: 0px; height: 52px; width: 90px; }
div#menu ul li #menu-news { background: url(../images/menuLinks2.jpg) no-repeat -661px 0px; display: block; margin: 0px; padding: 0px; height: 52px; width: 58px; }
div#menu ul li #menu-gallery { background: url(../images/menuLinks2.jpg) no-repeat -719px 0px; display: block; margin: 0px; padding: 0px; height: 52px; width: 124px; }
div#menu ul li #menu-contact { background: url(../images/menuLinks2.jpg) no-repeat -843px 0px; display: block; margin: 0px; padding: 0px; height: 52px; width: 105px; }
#menu-home span, #menu-about span, #menu-services span, #menu-boarding span, #menu-teamosf span, #menu-breeding span, #menu-events span, #menu-gallery span, #menu-news span, #menu-contact span { display: none; }

/*=============================================================================
=============================== SLIDESHOW =====================================
==============================================================================*/
div#slideshow {width:948px; height:350px; margin:0px; padding: 0px 1px 0px 1px;}

/*=============================================================================
=============================== HOME BOXES ====================================
==============================================================================*/
div#main-boxes { margin: 0px; padding: 0px; height: 249px; width: 950px; position: relative; }
div#friesian-box { margin: 0px; padding: 34px 20px 0px; height: 261px; width: 284px; position: absolute; background: url(../images/friesianBox.png) no-repeat; overflow: hidden; left: -25px; top: -14px; }
div#services-box { margin: 0px; padding: 34px 20px 0px; height: 261px; width: 284px; position: absolute; background: url(../images/servicesBox.png) no-repeat; overflow: hidden; left: -25px; top: -14px; }
div#warmblood-box { background: url(../images/bloodBox.png) no-repeat; margin: 0px; padding: 34px 20px 0px; height: 261px; width: 290px; overflow:hidden; position: absolute; left: 291px; top: -14px; }
div#boarding-box { background: url(../images/boardingBox.png) no-repeat; margin: 0px; padding: 34px 20px 0px; height: 261px; width: 290px; overflow:hidden; position: absolute; left: 291px; top: -14px; }
div#teke-box { background: url(../images/tekeBox.png) no-repeat; margin: 0px; padding: 34px 20px 0px; height: 261px; width: 314px; overflow: hidden; position: absolute; left: 619px; top: -14px; }
div#breeding-box { background: url(../images/salehorseBox.png) no-repeat; margin: 0px; padding: 34px 20px 0px; height: 261px; width: 314px; overflow: hidden; position: absolute; left: 619px; top: -14px; }
h1.box-header { text-indent: -9999px; height: 48px; }
div#breeding-box p, div#boarding-box p, div#services-box p, div#teke-box p, div#friesian-box p, div#warmblood-box p { font: 12px/16px Tahoma, Geneva, sans-serif; color: #fae9d2; }
div#main-box-tabs { margin: 0px; padding: 0px; width: 950px; position: relative; }
div#friesian-link-box { margin: 0px; left: 47px; top: -45px; padding: 10px 0px 0px; height: 32px; width: 155px; overflow: hidden; position: absolute; background: url(../images/linkTab.jpg) no-repeat; text-align: center; }
div#warmblood-link-box { margin: 0px; left: 383px; top: -45px; padding: 10px 0px 0px; height: 32px; width: 155px; overflow: hidden; position: absolute; background: url(../images/linkTab.jpg) no-repeat; text-align: center; }
div#teke-link-box { margin: 0px; left: 719px; top: -45px; padding: 10px 0px 0px; height: 32px; width: 155px; overflow: hidden; position: absolute; background: url(../images/linkTab.jpg) no-repeat; text-align: center; }
div#breeding-box h2, div#boarding-box h2, div#services-box h2, div#friesian-link-box h2, div#warmblood-link-box h2, div#teke-link-box h2 { font: normal 16px "Palatino Linotype", "Book Antiqua", Palatino, serif; margin: 0px; }
#home-news { width: 300px; height: 300px; background-color:#eda84a; -moz-opacity:.90; filter:alpha(opacity=90); opacity:.90; position:absolute; left: 603px; top: 16px; border: 1px solid #666; padding: 10px; }
#home-news h2 { font-size: 16px; text-align: center; margin-bottom: 3px; padding-bottom: 3px; border-bottom: 3px double #666; font-weight: bold; }
#home-news p { color: #000; padding-top: 3px; padding-bottom: 8px; margin: 5px 0; border-bottom: 1px dashed #000; }
#home-news p#news-paragraph {height:105px;}
div#home-news a, #home-news a:visited, #home-news a:active { color: #000; text-decoration: underline; }
div#home-news a:hover { text-decoration: none; }
img#news-thumb { border: 1px solid #444; float: left; margin: 5px 5px 0 0; }
div#more-news { background: url(../images/brownButton.png) no-repeat; text-align: center; height: 25px; width: 186px; float: right; padding-top: 10px; }
div#more-news a.more, div#more-news a.more:visited, div#more-news a.more:active { font-size: 12px; color: #eda849; text-decoration:none; }
div#more-news a.more:hover {text-decoration:underline;}


/*=============================================================================
================================= LINKS =======================================
==============================================================================*/
a.dark-links, a.dark-links:visited, a.dark-links:active { color: #333; text-decoration: none; }
a.dark-links:hover { text-decoration: underline; }

/*=============================================================================
================================= FOOTER ======================================
==============================================================================*/

div#footer { position: relative; padding-top: 15px; }
div#footer-box { background: url(../images/footerBg.jpg) no-repeat; margin: 0px; padding: 10px 0px 0px; height: 35px; width: 972px; position: absolute; left: -10px; }
div#footer-box p { text-align: center; }
div#footer-box ul { padding: 0px; width: 915px; margin-left: 25px; }
div#footer-box ul li { display: inline; margin-right: 5px; }
div#footer-box ul li.last { float: right; }
div#footer-box ul li a, div#footer-box ul li a:visited, div#footer-box ul li a:active { color: #666; }
div#meta-info { padding: 25px 0 0 0; }


/*=============================================================================
=============================== CONTACT FORM ==================================
===============================================================================*/

.contact_form { font-family: Verdana, Arial, "Times New Roman"; font-size: 12px; color: #666; }
.contact_form .input img#captcha { margin-left: 100px; }
.contact_form input, select, textarea { font-size: 11px; color:#999999; width: 300px; height: 24px; border: 1px solid #666; /** BORDER RADIUS HACKS **/ border-radius: 5px; -moz-border-radius: 5px; -khtml-border-radius: 5px; -webkit-border-radius: 5px; } 

.contact_form input:hover, select:hover, textarea:hover { border: 1px solid #999; } 
.contact_form input:focus, select:focus, textarea:focus { border: 1px solid #999; } 
.contact_form select { padding: 5px 5px 3px 5px; } 
.contact_form select option { cursor: pointer; padding: 5px; } 
.contact_form textarea { height: 80px; padding: 8px; font-family: Verdana, Arial, "Times New Roman"; } 
.contact_form input { padding: 8px 5px 0px 30px; background-position: 7px 6px; background-repeat: no-repeat; } 
.contact_form input#captcha_code { font-size: 11px; color:#999999; width: 150px; height: 24px; border: 1px solid #666; /** BORDER RADIUS HACKS **/ border-radius: 5px; -moz-border-radius: 5px; -khtml-border-radius: 5px; -webkit-border-radius: 5px; margin-left: 100px; } 
.contact_form input#send { padding:0; cursor:pointer; width:195px; height: 43px; background: url(../images/sendbutton.jpg) no-repeat; color: #FFC; margin: 0px; border-style: none; font-size: 14px; } 
.contact_form input#send:hover { color: #FFF; } 
.contact_form label { display:inline-block; width: 100px; vertical-align:top; margin-top: 6px; } 
.contact_form span { border:0; padding:0; margin:0; display: block; margin-bottom: 10px; } 
.contact_form small { font-size: 11px; color: #999; }
.contact_form #name, .contact_form #fname, .contact_form #tname { background-image: url(../images/user_suit.png); } 
.contact_form #email, .contact_form #femail, .contact_form #temail { background-image: url(../images/email.png); } 
.contact_form #phone { background-image: url(../images/phone.png); } 
.contact_form #ajax_loader { display:none; } 
.success { border: 1px solid #666; color:#666; background: #FFC; margin-top: 3px; font-size: 14px; padding: 5px; text-align: center; margin-bottom: 5px; /** BORDER RADIUS HACKS **/ border-radius: 5px; -moz-border-radius: 5px; -khtml-border-radius: 5px; -webkit-border-radius: 5px; width: 600px; margin-left: 160px; position: relative; } 
.error { margin-top: 3px; font-size: 14px; border: 1px solid #903; color:#903; background: #FFF2F2; padding: 5px; text-align: center; margin-bottom: 5px; /** BORDER RADIUS HACKS **/ border-radius: 5px; -moz-border-radius: 5px; -khtml-border-radius: 5px; -webkit-border-radius: 5px; width: 600px; margin-left: 160px; position: relative; } 
.warning { display:none; margin-top: 3px; font-size: 11px; color: #9F6000; background: #FFF9D5; border: 1px solid #FFD324; padding: 5px; text-align: center; /** BORDER RADIUS HACKS **/ border-radius: 5px; -moz-border-radius: 5px; -khtml-border-radius: 5px; -webkit-border-radius: 5px; } 
.close { margin: 0px; padding: 0px; height: 20px; width: 22px; position: absolute; left: 593px; top: -1px; }
.contact_form .noicon { padding: 7px 7px 0 7px; }

/*===============================================================================
==================================== COMMENTS ===================================
================================================================================*/

div.comment { padding: 15px; width: 809px; margin-bottom: 15px; margin-left: 28px; position: relative; }
div.comment h3 { font: italic 12px "Lucida Grande", Arial, sans-serif; margin-top: 0px; margin-bottom: 30px; color: #333; }
div.comment-curve { margin: 0px; padding: 0px; height: 26px; width: 32px; position: absolute; left: 30px; top: 35px; }
div.comments { padding: 15px; width: 665px; border: 1px solid #963; background: url(../images/commentsBg.gif) repeat; float: left; position: relative; }
div.commentArrow { margin: 0px; padding: 0px; height: 18px; width: 22px; position: absolute; left: -22px; top: 10px; }
div.commentor { float: left; width: 85px; font: 11px "Lucida Grande", Arial, sans-serif; text-align: center; margin-right: 25px; }
div.commentor img { padding: 1px; border: 1px solid #666; }
div.commentor p { margin-top: 5px; }
div#commentLeft { float: left; width: 400px; margin-right: 15px; padding-right: 15px; background: url(../images/panelDivide.gif) repeat-y right top; height: 310px; padding-top: 25px; }
div#commentLeft h3 { font-size: 16px; font-weight: bold; margin-bottom: 5px; }
.smallText { font-size: 10px; }
div#commentRight { margin: 0px; padding: 0px; float: left; width: 375px; text-align: center; }
div#commentRight img { border: 1px solid #333; }
div#commentCenter { text-align: center; width: 875px; margin-top: 15px; }
#comment_form, #tabsInner { font-family: Verdana, Arial, "Times New Roman"; font-size: 12px; color: #666; background: #FFC url(../images/commentsBg.gif) repeat; padding: 20px; width: 805px; margin-left: 0px; border: 1px solid #963; position: relative; }
#comment_form p { margin-bottom: 5px; }
#comment_form img#captcha { border: 1px solid #666; margin-bottom: 5px; }
#comment_form input, select, textarea { font-size: 11px; color:#999999; width: 300px; height: 24px; border: 1px solid #666; /** BORDER RADIUS HACKS **/ border-radius: 5px; -moz-border-radius: 5px; -khtml-border-radius: 5px; -webkit-border-radius: 5px; } 
#comment_form input:hover, select:hover, textarea:hover { border: 1px solid #999; } 
#comment_form input:focus, select:focus, textarea:focus { border: 1px solid #999; } 
#comment_form select { padding: 5px 5px 3px 5px; } 
#comment_form select option { cursor: pointer; padding: 5px; } 
#comment_form textarea { height: 80px; padding: 8px; font-family: Verdana, Arial, "Times New Roman"; } 
#comment_form input { padding: 8px 5px 0px 30px; background-position: 7px 6px; background-repeat: no-repeat; } 
#comment_form input#captcha_code { font-size: 11px; color:#999999; width: 150px; height: 24px; border: 1px solid #666; /** BORDER RADIUS HACKS **/ border-radius: 5px; -moz-border-radius: 5px; -khtml-border-radius: 5px; -webkit-border-radius: 5px; } 
#comment_form input#commentsend { padding:0; cursor:pointer; width:195px; height: 43px; background: url(../images/sendbutton.jpg) no-repeat; color: #FFC; border-style: none; margin: 0px; font-size: 14px; } 
#comment_form input#commentsend:hover { color: #FFF; text-decoration: underline; } 
#comment_form label { display: block; width: 100px; vertical-align:top; margin-top: 6px; } 
#comment_form span { border:0; padding:0; margin:0; display: block; margin-bottom: 10px; } 
#comment_form small { font-size: 11px; color: #999; }
#comment_form #name, #comment_form #fname, #comment_form #tname { background-image: url(../images/user_suit.png); } 
#comment_form #email, #comment_form #femail, #comment_form #temail { background-image: url(../images/email.png); } 
#comment_form #phone { background-image: url(../images/phone.png); } 
#comment_form .noicon { padding: 7px 7px 0 7px; }


/*==============================================================================
=========================== HORSE PAGES  =======================================
==============================================================================*/
div.horse-box { background: url(../images/horseBoxBg.jpg) no-repeat; margin: 0px 0px 0px 20px; padding: 8px 13px 40px 10px; height: 142px; width: 885px; }
div.thumbnail { margin: 20px 24px 0px 0px; padding: 0px; float: left; width: 150px; border: 1px solid #333; }
div.horse-info { margin: 0px; padding: 0px; float: right; height: 140px; width: 707px; position: relative; }
div.more-button { margin: 0px; padding: 0px; height: 36px; width: 139px; position: absolute; left: 575px; top: 3px; }
div.horse-info h2 { font: normal 22px/26px Georgia, "Times New Roman", Times, serif; color: #333; margin-top: 0px; margin-bottom: 8px; }
p.horse-meta { font: normal 14px Verdana, Geneva, sans-serif; margin-top: 0px; margin-bottom: 10px; }
p.horse-description { font: normal 11px/14px Verdana, Geneva, sans-serif; color: #333; padding-top: 5px; padding-bottom: 5px; border-top: 1px solid #960; border-bottom: 1px solid #960; }


/*==============================================================================
============================== PAGES  ==========================================
==============================================================================*/

div#page-box, div#photo-gallery { margin: 0px 0px 0px 20px; padding: 8px 13px 40px 10px; width: 885px; }
div#page-box p, div#photo-gallery p { margin-top: 2px; margin-bottom: 2px; padding-bottom: 5px; font-family: Georgia, "Times New Roman", Times, serif; }
.img-right { float:right; margin:0px 0px 10px 10px; }
.img-right-border { float: right; margin: 0px 0px 10px 10px; border: 1px solid #333; }
.img-left {	float:left; margin:0px 10px 10px 0px; }
.img-left-border { float: left; margin: 0px 10px 10px 0px; border: 1px solid #333; }
.img-border { border: 1px solid #333; }
div#pages ol { margin-left: 45px; list-style: upper-roman; margin-top: 10px; margin-bottom: 10px; }
div#pages ul { margin-left: 45px; list-style: square; margin-top: 10px; margin-bottom: 10px; }
div#page-box ol { margin-left: 45px; list-style: upper-roman; margin-top: 10px; margin-bottom: 10px; }
div#page-box ul { margin-left: 45px; list-style: square; margin-top: 10px; margin-bottom: 10px; }
div#page-box table tr td.underline { border-bottom: 1px solid #666; }
div#page-box table tr td.underline-dashed { border-bottom: 1px dashed #666; }
div#page-box h1 { font-size: 22px; margin-bottom: 10px; line-height: 28px; }
div#page-box h2 { font-size: 20px; margin-bottom: 5px; line-height: 24px; }
div#page-box h3 { font-size: 16px; margin-bottom: 3px; line-height: 20px; }
div#page-box h4 { font-size: 14px; margin-bottom: 2px; line-height: 18px; }
div#page-box h5 { font-size: 12px; margin-bottom: 2px; line-height: 16px; }
div#page-box h6 { font-size: 10px; line-height: 14px; }

/*==============================================================================
=========================== NEWS PAGES  ========================================
==============================================================================*/

div.newsBox { width: 889px; margin-bottom: 20px; padding-bottom: 15px; border-bottom: 1px dashed #996633; position: relative; }
div.newsBox h2 { font-size: 18px; line-height: 26px; font-weight: bold; margin-bottom: 5px; color: #900; }
div.newsmeta { font-size: 11px; width: 889px; margin-bottom: 10px; padding-top: 3px; padding-bottom: 3px; border-top: 1px dashed #930; border-bottom: 1px dashed #930; position: relative; }
span.category { font-style: italic; font-weight: bold; }
div.readmore { position: absolute; left: 807px; top: 36px; font-size: 11px; }
div#addthis { height: 16px; width: 125px; position: absolute; left: 755px; top: 35px; }

/*==============================================================================
=========================== TEAM OSF ===========================================
==============================================================================*/
div#page-box h2.team-header {width:100%; font-size:24px; margin:0 0 10px 0; padding:0 0 5px 0; border-bottom:2px dashed #444;}
div.team-box {width:865px; padding:10px; margin:0 0 15px 0; border:1px solid #444;}
div.team-box img {float:left; margin:0 20px 0 0; padding:1px; border:1px solid #444;}
div#page-box h3.member-name {font-size:20px; margin:0 0 10px 0;}
div#page-box p.member-title {font-style:italic;}
/*==============================================================================
============================== SIFR  ===========================================
==============================================================================*/

.sIFR-flash { visibility: visible !important; margin: 0; padding: 0; }


.sIFR-replaced, .sIFR-ignore { visibility: visible !important; }
.sIFR-alternate { position: absolute; left: 0; top: 0; width: 0; height: 0; display: block; overflow: hidden; }
.sIFR-replaced div.sIFR-fixfocus { margin: 0pt;  padding: 0pt;  overflow: auto; letter-spacing: 0px;  float: none; }
.sIFR-dummy { width: 0px; height: 0px; margin-left: 42px; z-index: 0;}
.sIFR-active h1.title { visibility: hidden; font-family: Verdana; line-height: 1em; font-size: 36px; color: #996633; }
.sIFR-active h1.subtitle { visibility: hidden; font-family: Verdana; line-height: 1em; font-size: 28px; color: #996633; }
.sIFR-active h1.horsename { visibility: hidden; font-family: Verdana; line-height: 1em; font-size: 28px; color: #996633; }

/*==============================================================================
=============================== TABS  ==========================================
==============================================================================*/

@media projection, screen {
	.ui-tabs-hide { display: none; }
}

@media print {
    .ui-tabs-nav { display: none; }
}

.ui-tabs-nav, .ui-tabs-panel { font-family: "Lucida Grande", Arial, sans-serif; font-size: 12px; } 
.ui-tabs-nav { list-style: none; margin: 0; padding: 0 0 0 4px; } 
.ui-tabs-nav:after { /* clearing without presentational markup, IE gets extra treatment */ display: block; clear: both; content: " "; } 
.ui-tabs-nav li { float: left; margin: 0 0 0 5px; min-width: 84px; /* be nice to Opera */ } 
.ui-tabs-nav a, .ui-tabs-nav a span { display: block; padding: 0 10px; background: url(../images/tab_brown.png) no-repeat; font-size: 14px; } 
.ui-tabs-nav a { margin: 1px 0 0; /* position: relative makes opacity fail for disabled tab in IE */ padding-left: 0; color: #FFC; font-weight: bold; line-height: 1.2; text-align: center; text-decoration: none; white-space: nowrap; /* required in IE 6 */ outline: 0; /* prevent dotted border in Firefox */ } 
.ui-tabs-nav .ui-tabs-selected a { position: relative; top: 1px; z-index: 2; margin-top: 11px; color: #FFFFCC; } 
.ui-tabs-nav a span { width: 64px; /* IE 6 treats width as min-width */ min-width: 64px; height: 18px; /* IE 6 treats height as min-height */ min-height: 18px; padding: 10px; padding-right: 0; } 
*>.ui-tabs-nav a span { /* hide from IE 6 */ width: auto; height: auto; } 
.ui-tabs-nav .ui-tabs-selected a span { padding-bottom: 1px; } 
.ui-tabs-nav .ui-tabs-selected a, .ui-tabs-nav a:hover, .ui-tabs-nav a:focus, .ui-tabs-nav a:active { background-position: 100% -210px; } 
.ui-tabs-nav a, .ui-tabs-nav .ui-tabs-disabled a:hover, .ui-tabs-nav .ui-tabs-disabled a:focus, .ui-tabs-nav .ui-tabs-disabled a:active { background-position: 100% -140px; } 
.ui-tabs-nav .ui-tabs-selected a span, .ui-tabs-nav a:hover span, .ui-tabs-nav a:focus span, .ui-tabs-nav a:active span { background-position: 0 -70px; } 
.ui-tabs-nav a span, .ui-tabs-nav .ui-tabs-disabled a:hover span, .ui-tabs-nav .ui-tabs-disabled a:focus span, .ui-tabs-nav .ui-tabs-disabled a:active span { background-position: 0 0; } 
.ui-tabs-nav .ui-tabs-selected a:link, .ui-tabs-nav .ui-tabs-selected a:visited, .ui-tabs-nav .ui-tabs-disabled a:link, .ui-tabs-nav .ui-tabs-disabled a:visited { /* @ Opera, use pseudo classes otherwise it confuses cursor... */ cursor: text; } 
.ui-tabs-nav a:hover, .ui-tabs-nav a:focus, .ui-tabs-nav a:active,
.ui-tabs-nav .ui-tabs-deselectable a:hover, .ui-tabs-nav .ui-tabs-deselectable a:focus, .ui-tabs-nav .ui-tabs-deselectable a:active { /* @ Opera, we need to be explicit again here now... */ cursor: pointer; } 
.ui-tabs-disabled { opacity: .4; filter: alpha(opacity=40); } 
.ui-tabs-panel { padding: 1em 8px; background: #fff url(../images/tabpanelBg.gif) repeat; border: 1px solid #663333; } 
.ui-tabs-loading em { padding: 0 0 0 20px; background: url(loading.gif) no-repeat 0 50%; } 
* html .ui-tabs-nav { /* auto clear, @ IE 6 & IE 7 Quirks Mode */ display: inline-block; } 
*:first-child+html .ui-tabs-nav  { /* @ IE 7 Standards Mode - do not group selectors, otherwise IE 6 will ignore complete rule (because of the unknown + combinator)... */ display: inline-block; } 

div.leftPanel { margin: 10px 10px 10px 0px; padding: 10px 20px 10px 10px; float: left; width: 475px; background: url(../images/panelDivide.gif) repeat-y right top; }
div.tabArrow { margin: 0px; padding: 0px; height: 17px; width: 28px; position: absolute; left: 27px; top: 0px; }
div.rightPanel { margin: 10px 0px; padding: 0px; float: left; width: 285px; }
div.rightPanelContact { margin: 10px 0px; padding: 0px; float: left; width: 360px; }
div.rightPanel h3, div.rightPanelContact h3 { font: 20px/36px "Lucida Grande", Arial, sans-serif; color: #630; text-align: center; }
div.rightPanel p, div.rightPanelContact p { text-align: center; margin-bottom: 20px; }

/*================================================================================
================================= PHOTO GALLERY ==================================
==================================================================================*/

div.photo-gallery-box { width: 130px; height: 120px; padding: 10px; margin-right: 10px; border: 1px solid #963; margin-bottom: 10px; }
table#photoAlbum { margin-bottom: 10px; }
#photoAlbum img { border: 1px solid #333; padding: 1px; }
a.gray { margin-bottom: 25px; }
h2.phototitle { font-size: 18px; font-weight: bold; }

/*================================================================================
================================= DRIVING DIRECTIONS ============================
=================================================================================*/

div#gmap { width: 887px; height: 400px; border: 1px solid #666; position: static; }
div#printdirections { margin: 0px; padding: 0px; height: 101px; width: 144px; position: absolute; left: 150px; top: 595px; }

/*===============================================================================
================================= PAGINATION ====================================
=================================================================================*/

div.pagination { padding: 3px; margin: 3px 55px 3px 3px; float: right; }
div.pagination a { padding: 2px 5px 2px 5px; margin: 2px; border: 1px solid #996633; text-decoration: none; /* no underline */ color: #996633; }
div.pagination a:hover, div.pagination a:active { border: 1px solid #333; color: #000; }
div.pagination span.current { padding: 7px; margin: 2px; border: 1px solid #333; font-weight: bold; background-color: #996633; color: #FFF; }
div.pagination span.disabled { padding: 2px 5px 2px 5px; margin: 2px; border: 1px solid #EEE; color: #DDD; }

/*===============================================================================
=================================== LINKS =======================================
================================================================================*/

div.linksBox { width: 700px; margin-left: 75px; margin-bottom: 25px; padding-bottom: 15px; border-bottom: 1px solid #996633; }
div.linksBox h1 { font-size: 18px; margin-bottom: 5px; font-weight: bold; color: #333; }
p.url { margin-bottom: 10px; font-size: 11px; }

	
/*================================================================================
================================= MISCELLANEOUS ==================================
==================================================================================*/

.clear { clear: both; }
.clearLeft { clear: left; }
.clearRight { clear: right; }
.floatLeft { float: left; }
.floatRight { float: right; }
.imgborder { border: 1px solid #333; }
small { font-size: 11px; }