/* GENERAL STYLES */
/*
----------------------------------------
file: main.css
app: fred wells tennis & education center
date: march 2008
desc: main style document
----------------------------------------
*/


/* elements
................................................................................ */
body {
   margin: 0;
   padding: 0;
   font: 1em Arial, helvetica, sans-serif;
   line-height: 1em;
   color: #333;
   background: #ddd;
   }

div, span, h1, h2, h3, h4, h5, h6, ul, ol, li, dl, dt, dd, p, form, img, blockquote, tr, td {
   margin: 0;
   padding: 0;
   border: 0;
   }

table {
   border-collapse: collapse;
   }

ul, ol, li {
   list-style: none;
   }

img {
   display: block; /* remove inline whitespace (strict doctype) */
   }

body a {
   text-decoration: none;
   }


/* layout
................................................................................ */
#pagecon {
   position: relative;
   width: 980px;
   margin: 0 auto;   
   background: #fff;
   }

#headcon {
   position: relative;
   }

#leftcol {
   float: left;
   width: 270px;
   }

#rightcol {
   float: right;
   width: 250px;
   margin: 0 0 20px 20px;
   }

#centercol {
   margin: 0 0 0 270px;
   padding: 0 20px 20px;
   }

#contentcol {
   margin: 0 0 0 270px;
   padding: 0 20px 20px;
   }

#subcurves {
   position: relative;
   height: 82px;
   overflow: hidden; /* for correct height in ie6 */
   background: url(/img/left_curve.gif) no-repeat 0 0;
   }

#rightcurve {
   position: absolute;
   top: 0;
   right: 0;
   width: 36px;
   height: 17px;
   background: url(/img/right_curve.gif) no-repeat 0 0;
   }


/* head
................................................................................ */
#headcon .address {
   position: absolute;
   right: 0;
   bottom: 0;
   width: 510px;
   font-size: 65%;
   letter-spacing: 0.3em;
   text-transform: uppercase;
   text-align: center;
   color: #FFEB01;
   }

#headcon .address span {
   margin: 0 5px;
   }

#headcon .address em {
   display: none;
   }


/* subhead
................................................................................ */
#subhead1 {
   height: 65px;
   overflow: hidden; /* for correct height in ie6 */
   background: url(/img/subheader1.jpg) no-repeat 0 0;
   }

#subhead2 {
   height: 65px;
   overflow: hidden; /* for correct height in ie6 */
   background: url(/img/subheader2.jpg) no-repeat 0 0;
   }


/* left column
................................................................................ */
#leftcol .topcor1 {
   height: 28px;
   overflow: hidden; /* for correct height in ie6 */
   background: url(/img/leftcol_topcor1.gif) no-repeat 0 0;
   }

#leftcol .topcor2 {
   height: 28px;
   overflow: hidden; /* for correct height in ie6 */
   background: url(/img/leftcol_topcor2.gif) no-repeat 0 0;
   }

#leftcol .botcor {
   height: 32px;
   overflow: hidden; /* for correct height in ie6 */
   background: url(/img/leftcol_botcor.gif) no-repeat 0 0;
   }

#leftcol .content {
   padding: 20px 0;
   background: url(/img/leftcol_content_back.gif) repeat-y 0 0;
   }

.nav {
   width: 247px;
   }

.nav li a {
   margin: 0 0 0 30px;
   padding: 0;
   border-bottom: 1px solid #999;
   font-size: 75%;
   color: #222;
   }

.nav li a:hover {
   border: 0;
   color: #000;
   }

.nav li h2 {
   padding: 0 0 5px;
   }

.nav li h2 a {
   margin: 0 0 0 40px;
   border: 0;
   color: #ad161b;
   }

.nav li h3 a {
   display: block;
   height: 31px;
   margin: 0 0 5px;
   padding: 10px 5px 0 30px;
   border: 0;
   font-size: 75%;
   text-transform: uppercase;
   color: #222;
   background: url(/img/menu_cat_back.gif) no-repeat 0 0;
   }

.nav li h3 a:hover, .nav li.active h3 a {
   background: url(/img/menu_cat_hover.gif) no-repeat 0 0;
   }

.nav li ul {
   margin: -5px 0 10px;
   }

.nav li li {
   margin: 0 0 2px;
   }


/* center column
................................................................................ */
#centercol h2 {
   margin: 0 270px 10px 0;
   font: 250% "Comic Sans MS", times, serif;
   color: #5888B0;
   }

#centercol p {
   margin: 0 270px 15px 0;
   font-size: 85%;
   line-height: 1.35;
   color: #222;
   }

#centercol div.memberfunctionContainer
{
   padding-bottom: 3px;
}
#centercol div.memberemailContainer
{
   padding-bottom: 3px;
}
#centercol div.memberfunctionContainer
{
   padding-bottom: 3px;
}
#centercol div.memberInfo
{
   padding-bottom: 3px;
}
#centercol div.memberContent
{
   padding-bottom: 3px;
}

/* content column
................................................................................ */
#contentcol h2 {
   margin: 0 0px 10px 0;
   font: 250% "Comic Sans MS", times, serif;
   color: #5888B0;
   }

#contentcol p {
   margin: 0 0px 15px 0;
   font-size: 85%;
   line-height: 1.35;
   color: #222;
   }

/* right column
................................................................................ */
#rightcol h2 {
   margin-bottom: 2px;
   font: 250% "comic sans ms", times, serif;
   color: #5888B0;
   }

#rightcol .newsdate {
   font-family: Comic Sans MS, Verdana, Helvetica, sans-serif;
   font-size: 110%;
   color: #000;
   margin-bottom: 5px;
   }

#rightcol .newstitle {
   font-family: Comic Sans MS, Verdana, Helvetica, sans-serif;
   font-size: 110%;
   color: #B3160D;
   }

#rightcol .newstitlecontainer {
   margin-bottom: 5px;
}

#rightcol p {
   font-size: 85%;
   line-height: 1.35;
   color: #222;
   text-align: left;
   }

#rightcol .newsmorecontainer{
   margin-bottom: 10px;
}

#rightcol a.newsmore:link {
   font-family: Comic Sans MS, Verdana, Helvetica, sans-serif;
   font-size: 85%;
   color: #B3160D;
   text-decoration: underline;
}

#rightcol a.newsmore:visit{
   font-family: Arial, Verdana, Helvetica, sans-serif;
   font-size: 85%;
   color: #B3160D;
   text-decoration: underline;
}

#rightcol a.newsmore:hover{
   font-family: Arial, Verdana, Helvetica, sans-serif;
   font-size: 85%;
   color: #B3160D;
   text-decoration: underline;
}

#rightcol a.newsmore:active{
   font-family: Arial, Verdana, Helvetica, sans-serif;
   font-size: 85%;
   color: #B3160D;
   text-decoration: underline;
}

/* foot
................................................................................ */
#foot {
   clear: both;
   width: 100%; /* for proper height in ie6 */
   padding: 38px 0 0;
   border-bottom: 4px solid #ad161b;
   background: url(/img/yellow_block.gif) no-repeat 100% 0;
   }

.footlinks {
   padding: 15px 50px;
   background-color: #5b85af;
   }

.footlinks p {
   padding: 4px 10px;
   font-size: 65%;
   text-transform: uppercase;
   text-align: center;
   color: #222;
   background: #e6ecf3 url(/img/foot_links_back.jpg) repeat-x 0 0;
   }

.footlinks a {
   margin: 0 3px;
   white-space: nowrap;
   color: #222;
   }

.footlinks a:hover {
   color: #000;
   }

/* Classes Page - Center Column
................................................................................ */
.classContainerTable
{

}

#centercol .sessionHeading
{
   background: #ddd;
}

#centercol .sessionHeading td
{   
   border: solid 1px #cccccc;
}

#centercol .classTitle
{
   font-size: 100%;
   color: #222;
   margin-bottom: 10px;
}

#centercol .classTitle a
{
   color: #222;
}

#centercol .classContainerTable th
{
   text-align: center;
}

#centercol p.classInfo
{
   margin-right: 0px;
   font-size: 70%;
}

#centercol .smallText
{   
   margin-right: 0px;
   font-size: 60%;
}

#centercol .sessionData td
{
   font-size: 70%;
}

#centercol .sessionDataColumnSession
{
   width: 20%;

}
#centercol .sessionDataColumnStartDate
{
   width: 20%;
}
#centercol .sessionDataColumnTimes
{
   width: 25%;
}
#centercol .sessionDataColumnSessions
{
   width: 12%;
}
#centercol .sessionDataColumnHours
{
   width: 12%;
}
#centercol .sessionDataColumnCost
{
   width: 11%;
}

/* Classes Page - ContentColumn
................................................................................ */
#contentcol .sessionHeading
{
   background: #ddd;
}

#contentcol .sessionHeading td
{   
   border: solid 1px #cccccc;
}

#contentcol .classTitle
{
   font-size: 100%;
   color: #222;
   margin-bottom: 10px;
}

#contentcol .classTitle a
{
   color: #222;
}

#contentcol .classContainerTable th
{
   text-align: center;
}

#contentcol p.classInfo
{
   margin-right: 0px;
   font-size: 70%;
}

#contentcol .smallText
{   
   margin-right: 0px;
   font-size: 60%;
}

#contentcol .sessionData td
{
   font-size: 70%;
}

#contentcol .sessionDataColumnSession
{
   width: 16%;

}
#contentcol .sessionDataColumnStartDate
{
   width: 14%;
}
#contentcol .sessionDataColumnDays
{
   width: 14%;
}
#contentcol .sessionDataColumnTimes
{
   width: 14%;
}
#contentcol .sessionDataColumnSessions
{
   width: 14%;   
   text-align: center;
}
#contentcol .sessionDataColumnHours
{
   width: 14%;   
   text-align: center;
}
#contentcol .sessionDataColumnCost
{
   width: 14%;   
   text-align: right;
}


#staffmemberslist li
{
   margin-bottom: 5px;
}

#staffmemberslist table
{
   margin-bottom: 10px;
}

#staffmemberslist table td
{
   padding-top: 3px;
   padding-bottom: 3px;
   vertical-align: top;
}



#staffmemberslist table td.teamMemberName
{
   width: 25%;
   padding-right: 5px;
}


#staffmemberslist table td.teamMemberFunction
{
   width: 25%;
   padding-right: 5px;
}



#staffmemberslist table td.teamMemberPhone
{
   width: 20%;
   padding-right: 5px;
}




#staffmemberslist table td.teamMemberEmail
{
   width: 15%;
   padding-right: 5px;
}



/* Secret Tennis Ball
................................................................................ */
#secrettennisballtidbit
{
   position: absolute;
   width: 300px;
   height: 200px;
   background: url(/img/TennisTidbit.gif) no-repeat 0 0;
   display: none;
   left: 50%;
   top: 50%;
}

#secrettennisballtidbit table
{
   width: 300px;
   height: 200px;
   border: none;
   margin: 0px;
   padding: 0px;
}

#secrettennisballtidbit table td.tidbitContent
{
   width: 300px;
   height: 170px;
   vertical-align: top;
   text-align: left;
   border: none;
}

#secrettennisballtidbit table td.tidbitContent div
{
   margin-top: 60px;
   margin-left: 15px;
   margin-right: 15px;
}

#secrettennisballtidbit table td.tidbitCloseContent
{
   width: 300px;
   height: 30px;
   vertical-align: top;
   text-align: left;
   border: none;
}

#secrettennisballtidbit table td.tidbitCloseContent div
{
   margin-left: 15px;
   margin-right: 15px;
}

table.data-entry
{
   width: 100%;
}

table.data-entry td
{
   vertical-align: top;
}

table.data-entry td label
{
   font-size: 85%;
   font-weight: bold;
}

/*


/* EDITOR PROPERTIES */