/* Tennis Opportunity Program css */
/* All CSS coded to work on top of the blueprint css framework v0.8 */
/* For more information, visit www.blueprintcss.org */

body {
text-align: center; margin: 0px; background: #cdff43 url( '../images/tile_16x16.gif' ); 
}

.container {
width: 870px; text-align: left; 
}

.overall {
background: clear; border: solid 1px #cccccc; margin-top: 12px; margin-bottom: 12px; 
background: #fff url( '../images/background-image-870.gif' ) no-repeat; 
}

.overallx {
background: clear; border: solid 1px #cccccc; margin-top: 12px; margin-bottom: 12px; 
background: #fff url( '../images/grid.png' ); 
}



/* ****************************** 
header & marquee
****************************** */
.banner { line-height: 1.0em; }
.banner img { margin-left: 40px; }
.primary-nav { margin-left: 40px; height: 36px; line-height: 1.0em; }
.bar { margin-left: 40px; width: 790px; height: 9px; background-color: #516aaf; }



/* ****************************** 
index page content columns
****************************** */
.marquee { display: inline; background-color: #516aaf; }
.marquee-text { display: inline; float: left; width: 310px; height: 274px; }
.marquee-text h1 { font: italic 1.50em/1.50em georgia; margin: 18px 0 6px 12px; color: #fff; }
.marquee-text p { font: 900 .9em/1em arial; margin: 0 0 18px 12px; text-transform: uppercase; color: #cdff43; }
.marquee-text a { text-decoration: none; color: #cdff43; }
.marquee-text a:hover { text-decoration: underline; }

#text_1_body table h3 { font: normal 1.10em/1.35em arial; color: #fff; margin: 3px 0 9px 0; padding: 0 2px; }

.marquee-photo { display: inline; float: left; width: 470px; background: transparent url( '../images/top-tennis-raffle-460x254.jpg' ) no-repeat 0 10px; height: 274px; }
.marquee-caption { margin: 214px 0 0 0; width: 460px; height: 50px; background: transparent url( '../images/caption-background-gray-64x64.png' ); }
.marquee-caption p { color: #fff; padding: 6px 48px 0 12px; }
.marquee-caption a { color: #cdff43; }
.marquee-caption a:hover { text-decoration: none; }



.featured { display: inline; float: left; width: 310px;}
.featured-header { background: transparent url( '../images/box-top-310x18-blue.gif' ) no-repeat; }
.featured-header p { font: 100 .75em/18px arial; margin: 0 0 0 9px; text-transform: uppercase; letter-spacing: .25em; color: #fff; }

#text_2_body table {padding: 0px; margin: 0px;}
.featured-content { text-align: left; border: solid 1px #516aaf; border-top: none; }
.featured-content .paragraph { float: left; width: 190px; }
.featured-content p, #text_2_body table p { font: 100 1em/1.4em arial; margin: 0 0 0 8px; padding: 4px 0 0 0; color: #666; }



.news { display: inline; float: left; width: 310px; }
.news-header { background: transparent url( '../images/box-top-310x18-green.gif' ) no-repeat; }
.news-header p { font: 100 .75em/18px arial; margin: 0 0 0 9px; text-transform: uppercase; letter-spacing: .25em; color: #fff; }
.news-content { text-align: left; border: solid 1.5px #99cc33; border-top: none; }

.news-content .  { display: inline; width: 142px; margin: 0 10px 0 0; padding: 6px 0; }
.news-content table { margin-bottom: 0; }
.news-content table p { color: #777; margin: 0 0 0 9px; }
.news-content table b { color: #516aaf; }


.sponsors { display: inline; float: left; width: 150px; }
.sponsors-header { background: transparent url( '../images/box-top-150x18-orange.gif' ) no-repeat; }
.sponsors-header p { font: 100 .75em/18px arial; margin: 0 0 0 9px; text-transform: uppercase; letter-spacing: .25em; color: #fff; }
.sponsors-content { text-align: center; padding: 14px 0; border: solid 1.5px #fd7900; border-top: none; }



/* ****************************** 
interior page content columns
****************************** */
.left-nav { display: inline; float: left; margin-top: 18px; }
.left-nav ul { list-style-type: none; margin: 0; }
.left-nav li { font: italic 1.35em/1em georgia; margin-bottom: 12px; }
.left-nav a { text-decoration: none; color: #516aaf; }
.left-nav a:hover { text-decoration: underline; }

.wide { display: inline; float: left; margin-top: 12px; }
.wide h1, .wide h2, .wide h3, .wide h4, .wide h5, .wide h6 { margin: 0; color: #516aaf; }

.wide h1 { font: 100 2.25em/1.15em arial; margin: 0 0 6px 0; color: #516aaf; }
.wide p { font: 100 1.2em/1.5em arial; margin: 0 0 12px 0; color: #666; }

.wide ul, 
.wide ol { margin: 0 0 24px 30px; }
.wide li	{ font: normal 1.2em/1.25em arial; color: #516aaf; }

.wide address	{ margin-left: 12px; color: #516aaf; }

.text-inset { float: right; width: 150px; margin: 0 0 0 10px; background: transparent; }
.text-inset ul { list-style-type: none; margin: 0; }
.text-inset li { font: 100 1.2em/1.35em arial; color: #516aaf; margin: 0 0 9px 0; }

.narrow { display: inline; float: left; margin-top: 12px; }

.volunteer { text-align: center; margin-top: 18px; }
.volunteer h2 { font: 100 1.30em/1.35em arial; margin-bottom: 9px; color: #516aaf; }

.donate { text-align: center; margin-top: 18px; }
.donate h2 { font: 100 1.30em/1.35em arial; margin-bottom: 9px; color: #516aaf; }

.twitter { text-align: center; margin-top: 18px; }
.twitter h3 { font: 100 1.25em/1.35em arial; margin-bottom: 4px; color: #516aaf; }
.twitter img { margin: 0px; padding: 0px; border: solid 0px gray; }

.goodsearch { text-align: center; margin-top: 18px; }
.goodsearch h3 { font: 100 1.15em/1.35em arial; margin-bottom: 4px; color: #516aaf; }
.goodsearch img { }



.footer { text-align: center; }
.footer ul { list-style-type: none; margin: 12px 0; }
.footer li { display: inline; font: 100 .9em/1em arial; color: #777; border-right: solid 1px #777; padding-right: 8px; margin: 4px; }
.footer li.ul_link_list_1_link_list_last { border-right: none; padding-right: 0; margin-right: 0; }
.footer li a { color: #777; }
.footer li a:hover { text-decoration: none; }