body { font-family: "Trebuchet MS"; font-size: 16px; background-color: #002d4d; line-height: normal; margin: 0in 0in 10pt; }

input, select, ul, ol { font-family: "Trebuchet MS"; font-size: 13px; }

#mainDIV { width: 900px; height: 100%; margin-left: auto; margin-right: auto; }

#preHeader { height: 55px; }

#preHeader #preHeaderButtons { width: 250px; position: relative; top: 10px; left: 640px; }

#preHeader #preHeaderButtons a { color: #000000; text-decoration: none; }

#preHeader .tables { cursor: pointer; font-weight: bold; }

#header { height: 205px; width: 100%; background-image: url(Images/bg.jpg); }

#header #login { color: #56a3d8; position: relative; top: 10px; right: 10px; float: right; }

#login a { color: #c2c6d4; font-size: 11px; }

#login a:hover { color: #ffd940; }

.loginwatermark { color: #56a3d8; }

.btnLogin { background-color: Transparent; background-image: url(Images/loginbg.gif); width: 69px; height: 21px; }

div#navigation { background-color: #0061a6; border: 1px solid #FFF; float: left; width: 650px; position: relative; top: 0; left: 230px; margin-top: 140px; }

#nav, #nav ul { /* all lists */ padding: 0; margin: 0; list-style: none; line-height: 1; }

#nav a { display: block; font-size: 12px; color: #FFF; font-family: Verdana; text-decoration: none; padding: 10px 5px 10px 5px; }

#nav a:hover { color: #fcd740; }

#nav li { /* all list items */ padding: 0; margin: 0; float: left; margin: 0 10px 0 10px; /* width needed or else Opera goes nuts */ }

#nav li ul li a { width: 190px; border-bottom: 1px solid #CCC; padding: 0; margin: 0; padding: 5px; }

#nav li ul li a:hover { }

#nav li ul { /* second-level lists */ position: absolute; background: #153870; width: 200px; left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */ }

#nav li ul li { margin: 0; width: 200px; }

#nav li:hover ul, #nav li.sfhover ul { /* lists nested under hovered list items */ left: auto; }

#contentStarlight { width: 860px; height: 100%; min-height: 300px; background-color: white; padding: 2px 5px 5px 5px; padding: 20px; }

#contentStarlight h1 { clear: both; color: #006cb7; font-family: 'Times New Roman' , serif; font-size: 3.2em; font-variant: small-caps; font-weight: 400; margin: 0; padding: 0; }

#contentStarlight h4 { clear: both; color: #006cb7; font-family: 'Times New Roman' , serif; font-size: 3.2em; font-variant: small-caps; font-weight: 400; margin: 0; padding: 0; }

#contentStarlight h5 { clear: both; font-size: 1.2em; font-weight: 700; margin: 5px 0 0; padding: 0; }

#contentStarlight img.welcome { border: 1px solid #000; float: left; margin: 0 5px 0 0; padding: 0; }

#contentStarlight p.welcome { margin: 0 0 12px; padding: 0; }

#contentStarlight #pipe-nav a:link, #contentStarlight #pipe-nav a:visited { color: #006eb9; text-decoration: underline; }

#contentStarlight #pipe-nav a:hover, #contentStarlight #pipe-nav a:active { color: #006eb9; text-decoration: none; }

#contentStarlight #pipe-nav a.lit:link, #contentStarlight #pipe-nav a.lit:visited, #contentStarlight #pipe-nav a.lit:hover, #contentStarlight #pipe-nav a.lit:active { color: #006eb9; font-weight: 700; text-decoration: none; }

#content { width: 900px; height: 100%; background-color: #fff7d8; padding: 0px 0px 0px 0px; }

#content #contentLeft { background-color: #ffffff; width: 637px; min-height: 450px; float: left; height: 100%; padding: 0px 5px 0px 5px; }

#content #contentRight { background-color: #fff7d8; width: 243px; float: right; height: 100%; padding: 0px 5px 0px 5px; }

#prefooter { clear: both; width: 100%; height: 10px; background-color: #fcd740; }

#footer { height: 20px; margin: 3px 0px 0px 0px; text-align: center; color: #FFF; }

#footer a { color: #d9bf57; }

.createBG { background-color: #fff7d8; }

.btnRight { width: 179px; height: 23px; padding-top: 8px; text-transform: uppercase; text-decoration: none; font-weight: bold; color: White; font-size: 14px; background-image: url(Images/button.gif); margin-bottom: 10px; }

.btnRight a { color: White; }

.btnRight a:Hover { color: #ffd940; }

.btnRight a:visited { color: White; }

.grdRow { }

.grdRow:hover { background-color: #ffd940; border-color: Black; border-width: 1px; border-style: solid; }

.tlore_head { background-color: #026eb6; padding: 5px; font-weight: bold; color: #FFF; }

.tlore_head table { }

#entries-pps { float: right; font-size: 13px; position: relative; top: -25px; }
#entries-pps a:link, #entries-pps a:visited { color: #006eb9; font-size: 13px; text-decoration: underline; }
#entries-pps a:hover, #entries-pps a:active { color: #006eb9; font-size: 13px; text-decoration: none; }


/* Gallery */
div#gallery { width: 640px; margin: 0 auto; }

div#gallery .gallery { border-bottom: 1px dotted #CCC; margin-bottom: 10px; }
div#gallery .item { }
div#gallery .item div { background-color: #000; background-repeat: no-repeat; border: 1px solid #333; float: left; height: 150px; width: 200px; }
div#gallery .photos { display: block; float: left; height: 150px; width: 100%; }
div#gallery .photos .photo { background-color: #000; border: 1px solid #333; float: left; height: 150px; margin-right: 20px; width: 200px; }
div#gallery .photos a { cursor: pointer; }

#members_filter { text-align: right; width: 100%; padding: 20px 0 20px 0; }

div#video_player { width: 440px; float: left; height: 400px; }

div#video_menu { width: 280px; float: right; height: 400px; overflow: scroll; }

div#video_menu ul { list-style: none; margin: 0; padding: 0; }

div#video_menu a { color: #000; margin: 0; padding: 0; }

div#video_menu ul li { padding: 3px 0 3px 0; font: 12px Arial; }

/* Horse Photos */
#photo-viewer { float: left; margin-right: 8px; }
#photo-viewer img { border: 2px solid #000; }
#photo-list-container { float: left; margin-bottom: 1em; width: 104px; }
#photo-list { float: left; width: 104px; }
#photo-list ul, #photo-list li { list-style: none; margin: 0; padding: 0; }
#photo-list li { line-height: 0; }
#photo-list li img, a.btn { border: 1px solid #000; border-width: 1px 2px; }
#photo-list-container a.btn:link, #photo-list-container a.btn:visited { color: #fff; display: block; float: left; width: 100px; height: 16px; overflow: hidden; text-indent: -999em; }
#btn-next { background: url(images/photo-list-buttons.png) no-repeat -102px 0; border-bottom-width: 2px; }
#btn-prev { background: url(images/photo-list-buttons.png) no-repeat 0 0; border-top-width: 2px; }
#btn-next:hover { background-position: -102px -16px; }
#btn-next:active { background-position: -102px -32px; }
#btn-prev:hover { background-position: 0 -16px; }
#btn-prev:active { background-position: 0 -32px; }