/* ------------------------------------ *\
   stylesheet created by Jeff Meagher of
   http://www.theCircumlocution.com
\* ------------------------------------ */

body { font-family: tahoma, arial, sans-serif; font-size: 14px; color: #74653d; background: #dfd3b5 url('/media/style/body-bkg.jpg') repeat-x; }
body, table, ul { margin: 0; padding: 0; }
img, table { border: none; }
a, a:active a:visited { color: #74653d; text-decoration: underline; }
a:hover { text-decoration: none; }

.cleared { clear: both; }

address { font-style: normal; }

.alert { margin: 10px 0 10px 0; padding: 10px; background: #9f6565; border-top: 2px solid #9f2626; border-bottom: 2px solid #9f2626; width: 92%; color: #fff; letter-spacing: 1px; }
.success { margin: 10px 0 10px 0; padding: 10px; background: #719f65; border-top: 2px solid #309f13; border-bottom: 2px solid #309f13; width: 92%; color: #000; letter-spacing: 1px; }

#container { width: 779px !important; width: 780px; text-align: left; margin: 0 auto; background: #ffffff; margin-bottom: 10px; background: url('/media/style/content-bkg.gif') repeat-y #fff top left; }

#rightside { position: relative; float: right; width: 510px; }
#mainImage { background: url('/media/style/tioga-top.jpg') no-repeat; display: block; width: 510px; height: 310px; }
#content { z-index: 10; }
#content h1 { font-size: 120%; border-bottom: 1px dotted #74653d; width: 95%; margin-top: 20px; }
#content h2 { font-size: 110%; border-bottom: 1px dotted #74653d; width: 95%; margin-top: 20px; }
#content .largeThumb { position: relative; background: url('/media/style/largeThumb-bkg.gif') no-repeat; width: 171px; height: 137px; }
#content .largeThumb img { position: absolute; top: 12px; left: 13px; width: 147px; height: 110px; }
#content .smallThumb { position: relative; background: url('/media/style/smallThumb-bkg.gif') no-repeat; width: 112px; height: 113px; }
#content .smallThumb img { position: absolute; top: 11px; left: 10px; }
#content .smallThumb p { font-size: 75%; position: absolute; top: 80px; left: 5px; text-align: center; overflow: hidden; width: 100px; display: block; }
#content .thumbInfo { width: 125px; font-size: 80%; }

.tiogalogo { margin-bottom: -4px; }

#navigation { position: relative; float: right; width: 269px; z-index: 1; }
#navigation ul.nav { background: url('/media/style/navigation-bkg.jpg') no-repeat; list-style: none; padding: 15px 0 0 50px; margin-bottom: -10px; height: 196px; }
#navigation ul.nav li { margin-bottom: 10px; }
#navigation ul.nav li.last { margin-bottom: 0px; }
#navigation ul.nav li a { color: #fff; text-decoration: none; font-size: 16px; font-weight: bold; display: block; width: 185px; }
#navigation ul.nav li a:hover { color: #e9c379; text-decoration: none; }
#navigation .latestNews { background: url('/media/style/latestNews-bkg.jpg') repeat-y; padding-left: 20px; }
#navigation .latestNews h1, #navigation .latestNews h1 a { color: #74663d; text-decoration: none; font-size: 110%; font-weight: bold; padding-top: 10px; border-bottom: 1px dotted #74663D; width: 210px;}
#navigation .latestNews h2, #navigation .latestNews h2 a { text-decoration: none; font-size: 100%; font-weight: bold; }
#navigation .latestNews .eventBlock { width: 210px; border-bottom: 1px dotted gray; font-size: 90%; margin-bottom: 0px !important; margin-bottom: 15px;}
#navigation .latestNews .last { border: none; }
#navigation .latestNews .viewMore a { font-size: 80%; color: #74663d; float: right; padding-right: 35px; margin-bottom: 5px; }

.contacts { margin-bottom: -3px; }
#footer { background: url('/media/style/tioga-footer-bkg.jpg') no-repeat; width: 779px; height: 28px; text-align: right; padding: 40px 0 0 0; font-size: 80%; }
#footer p { margin: 0 20px 0 0; padding: 0; }

.left { position: relative; float: left; margin-right: 5px;}
.right { position: relative; float: right; margin-left: 5px;}

/* --- --- *\
  page specific
\* --- --- */
.homeText p { width: 300px; margin: 0 20px 0 0; text-align: justify; font-size: 90%; }
p.more a { text-align: right; margin: 0 20px 0 0; font-size: 85%; display: block; }

/* --- --- *\
  AED styles
\* --- --- */
.globalControls { margin-bottom: 15px; margin-top: 7px; }
.globalControls a { font-size: 120%; }
.row { margin-bottom: 5px; width: 95%; padding: 3px; }
.row .controls { margin-right: 10px; width: 125px; display: block; float: left; }
.bg0 { background: #cccccc; }
.bg1 {  }