body { background-color: #f8b316; font-family: arial; font-size: 9pt; margin: 0px; }
img { border: none; }
.clearfix { clear: both; }
.nowrap { white-space:nowrap; }

#outerHolder { width: 852px; background-color: White; 
               margin: 20px auto 20px auto; padding: 10px 18px 18px 18px; }
#outerHolder #topLogoholder { position:relative; float:right; width: 583px; height:38px; }
#outerHolder #innerHolder { }

#outerHolder #innerHolder #tripleColumnHolderTable { position:relative; width: 852px; }
#outerHolder #innerHolder #tripleColumnHolderTable td { vertical-align:top; padding-bottom:10px; }
#tripleColumnHolderTable #leftColumn { position:relative; width:153px; background-color: #54a746; 
                                       background-image: url(../images/masters/leftColumnBG.gif);
                                       background-repeat: repeat-x; background-position: bottom;
                                       z-index:1000;
                                     }
#tripleColumnHolderTable #middleColumn { width: 557px; }
#tripleColumnHolderTable #rightColumn { position:relative; width: 142px; background-color: #8dc640;
                                        background-image: url(../images/masters/rightColumnBG.gif);
                                        background-repeat: repeat-x; background-position: bottom;
                                      }

/*left navigation*/
#leftNavOuterHolder { position: relative; height: 287px; width: 153px; background-color:#f8b316; margin: 0px; 
                      padding-top: 8px; font-family:Trebuchet MS;
                    }
#leftNavOuterHolder .menuItem { position:relative; height: 24px; width: 128px;
                                background-image: url(../images/masters/menuItemBG.gif);
                                background-repeat: repeat-y; background-position: right; 
                                padding: 0 0 1px 24px; margin: 4px 0 0; text-transform:uppercase;
                              }

#leftNavOuterHolder .menuItem a { color: #202153; text-decoration: none; font-weight:bold; font-size: 12pt;}
#leftNavOuterHolder #ParentHolder a { letter-spacing:-0.2px}
#leftNavOuterHolder .selected { background-image: none; background-color: White; }
#leftNavOuterHolder .selected a {  color: #50a346 }

#leftNavOuterHolder .selectedPage { background-image: url(../images/masters/menuSelectedBG.gif); 
									background-color: White; background-repeat:no-repeat; background-position:left;
									}
#leftNavOuterHolder .selectedPage a { color: #50a346; }

#leftNavOuterHolder .submenuOuterHolder { position:relative; z-index: 1500; height: -1px; text-align:left; display:none; }
#leftNavOuterHolder .menuItem .submenuHolder { position:absolute; background-color: #72b84c; z-index:1500; padding: 10px 10px 10px 10px; top: -3px; left: 128px; }
#leftNavOuterHolder .menuItem .submenuHolder a { color: #252b53; text-decoration:none; }
#leftNavOuterHolder .menuItem .submenuHolder a:hover { color: white; }
#leftNavOuterHolder .menuItem .submenuDivider { height: 0px; border-top: 2px dashed white; }

/*rotator header*/
#headerRotatorHolder { position:relative; width:557px; height:295px; z-index:100; }
#headerRotatorHolder .rotatingHeader { position: absolute; width:557px; height:295px; z-index:100; display:none; }

/*purple bar*/
#purpleBarHolder { position: relative; height: 18px; }
.purpleBar { position: absolute; top: -15px; left: 0px; z-index:1000; } 

/*featured Gymnast*/
#featuredGymnastHolder { position:relative; padding:8px 20px 8px 8px; font-family: Arial; }
#featuredGymnastHolder H1 { color:#202153; font-size: 10pt; margin-bottom: 0px; margin-top: 10px; line-height:14px; }
#featuredGymnastHolder p { margin-top: 5px; font-size: 8pt; color: White; }
#featuredGymnastHolder p b { color: #006838; }
#featuredGymnastHolder img { border: 6px solid white; }

/*footer*/
#footerHolder { position: relative; height:27px; background-image:url(../images/masters/footerBG.gif); 
                font-family:Arial; color:#202153; font-size: 8pt; padding-top: 13px; padding-left:10px;
                z-index:1000;
              }
#footerHolder a { color:#202153; }              
/*bottom logo*/
#bottomLogo { position: absolute; width:317px; height:165px; top: -130px; right: 0px; z-index:1000; }

/*main content styles*/
#mainContentHolder { position:relative; padding:25px; }
#mainContentHolder h1 { color:#f6b319; text-transform:uppercase; letter-spacing: 10px; font-size: 22pt; margin-bottom: 0px; font-family: Trebuchet MS; }
#mainContentHolder h2 { color:#f6b319; text-transform:uppercase; font-size: 16pt; margin-bottom: 0px; font-family: Trebuchet MS; }
#mainContentHolder h3 { color:#50a346; text-transform:uppercase; font-size: 10pt; margin-bottom: 0px; font-family: Trebuchet MS; }
#mainContentHolder p { color:#825e5e; margin-top: 3px; line-height: 22px; }

/*left callout styles*/
.leftCalloutHolder { position: relative; width: 120px; border: 1px solid #c6e39f; font-family: Arial; min-height: 90px;
                     margin: 10px auto 0px auto; padding: 5px; text-align: center; color: White; font-size:8pt;
                   }
.leftCalloutHolder h1 { font-size: 12pt; background-color:#bdd73c; color: #202153; 
                        text-transform: uppercase; padding: 5px 0px 5px 0px;
                        margin: 0px; line-height: 17px;
                      }
.leftCalloutHolder strong { color:#006838; font-size:11px; }
.leftCalloutHolder p { margin: 5px 0px 5px 0px; font-size: 10px; }
.dashedDivider { width:100px; height: 0px; border-top: 1px dashed white; margin: 0px auto 0px auto; }
.leftCalloutHolder .highLineSpacing { line-height: 16px; }
.leftCalloutHolder a { font-weight:bold; color: #137539; font-size: 9px; }

/*until the left callouts are done*/
#spacer { position:relative; height: 120px; }

/*about page*/
#aboutLeft { float:left; width: 314px; margin-right: 25px; }
#aboutRight { float:left; width:168px; padding-top: 35px; }
#aboutRight img { margin-top: 15px; }

/*gymnastics pages*/
.gymnNav { position:relative; padding-top: 20px; font-weight:bold; font-size: 12pt; padding-left:20px; font-family:Arial; }
.gymnNav a { text-decoration:none; }
.gymnNav img { position:absolute; top: 3px; left: -23px; }
#girlsTeam a { color: #50a346; }
#boysTeam a { color:#202153; }
#classes a { color:#202153; }
ul { color: #825e5e; font-weight:normal; font-size:8pt; margin-top:0px; margin-bottom:5px;  }
ul li { margin-left:-23px; }
.green { color:#50a346; }

#mainContentHolder .orangeBox { background-color:#fde8b9; padding: 15px; }
#mainContentHolder .orangeBox h3 { color:#202153; margin: 0px; font-size: 11pt; }
#mainContentHolder .orangeBox p { margin-top: 0px; }
#mainContentHolder .orangeBox ul { color: #a38376; }
 
#mainContentHolder .horizontalDashedDivider { margin: 10px 0px 10px 0px; height: 0px; border-top: 1px dashed black; }

/*contact us page*/

#contactLeft { float:left; width: 180px; padding: 0px 25px 0px 0px; }

#contactLeft p { color: #825e5e; }
#contactLeft span { color: #50a346; text-transform:uppercase; font-weight:bold; }
#contactLeft a { color: #202153; }

#contactRight { float:left; width: 300px; padding: 20px 0px 0px 0px; }
.mapHolder { border: 5px solid #202153; float:right; }

#formOuterHolder { position: relative; margin: 10px 0px 10px 0px; background-color: #fde8b9; height: 370px; }

#formHolder { padding: 13px 13px 13px 13px; }
#formHolder h2 { font-weight:normal; font-size: 9pt; color:#72b84c; margin: 0px 0px 5px 0px; }
#formHolder p { text-transform:uppercase; margin: 0px 0px 0px 0px; color: #202153;  }
#formHolder .fieldHolder { margin: 0px 0px 5px 0px; }
#formHolder .field { width: 95%; }
#formHolder .multiline { height: 100px; }
#formHolder .submitHolder { font-size: 10pt; background-color: #202153; width:105px; height: 20px; 
                            margin: 15px auto 0px auto; text-align: center; padding: 5px 0px 0px 0px;
                          }
#formHolder .submitHolder a { color: White; text-decoration: none; text-transform:uppercase; }
#formOuterHolder #throbber { position: absolute; width: 32px; height: 32px; top: 125px; left: 240px; }
#formOuterHolder #thankyouHolder { text-align: center; padding: 100px 0px 0px 0px; display:none; }
#formOuterHolder #thankyouHolder h1 { margin: 0px 0px 0px 0px; color: #72b84c; }
#formOuterHolder #thankyouHolder h2 { margin: 0px 0px 0px 0px; color: #72b84c; }

/*logon page*/
.logonForm{ width: auto !important;}
#mainContentHolder .logonForm h2{font-size:34px; font-weight:bold; letter-spacing:12px; margin-top:10px;}
#mainContentHolder .logonForm h3{font: bold 14px Arial, Helvetica, sans-serif; margin:0px; text-transform:none; color:#44933a;}
#mainContentHolder .logonForm p{font-size: 11px; margin:5px 0 0 0; color:#6e4b4c;}
.logonForm #formOuterHolder{height:140px; margin:3px 0 10px; width:306px;}
.logonForm #formHolder{padding:8px 0px 8px 11px; }
.logonForm #formHolder p{margin:0px; font-size:11px; color:#181940; letter-spacing:normal;}
.logonForm #formHolder .submitHolder{margin:9px 0 0 0; font-size: 11px; background-color: #181940; width:105px; height: 20px; text-align: center; padding: 4px 0px 0px 0px; letter-spacing:1px}
.logonForm #spacer{height:55px;}

/*coaching staff page*/
#mainContentHolder .coachBio { padding: 15px 0px 10px 0px; }
#mainContentHolder .coachBio img { float:left; margin: 0px 15px 0px 0px; }
#mainContentHolder .coachBio h3 { color: #202153; margin: 20px 0px 0px 0px; font-family: Arial; font-size: 13pt; text-transform:none; }
#mainContentHolder .coachBio h4 { color: #50a346; margin: 0px 0px 0px 0px; font-family: Arial; text-transform: uppercase; font-size:9pt; font-weight:bold; }
#mainContentHolder .coachBio a { color: #202153;  font-family: Arial; font-weight:bold; }

.divider { height: 0px; border-top: 1px solid #f9c245; }

/*news page*/

#mainContentHolder #news { font-size: 11px; }
#mainContentHolder #news p { line-height: 16px;}
#mainContentHolder #news h4 { color: #202153; font-size: 11px; margin-bottom:5px; }
#mainContentHolder #news #newsTable { margin-top: 10px; }
#mainContentHolder #news #newsTable th { padding-bottom: 3px; color: #50a346; text-align:left; font-size:10px; }
#mainContentHolder #news #newsTable td { padding: 0px 5px 3px 0px; color: #825E5E; font-size: 10px; }
#mainContentHolder #news .name { color:#50a346; }
#mainContentHolder #news span { color:#202153; }

a.parentsPortalButtons          { float:left;padding:10px 0;width:49%;border:1px solid #181940;text-align:center;color:WHITE !important;font-size:20px;text-decoration:none;background:#181940; }
a.parentsPortalButtonsIndex     { float:left;padding:5px 0; width: 134px; border:0px solid; text-align:center;color:WHITE !important;font-size:12px;text-decoration:none;background:#181940; font-weight: bold; margin-right: 13px;}
a.parentsPortalButtonsLeftPanel { float:left;padding:5px 0;width:135px;border:0px solid;text-align:center;color:WHITE !important;font-size:12px;text-decoration:none;background:#181940; font-weight: bold; margin-bottom:5px;}

a.parentsPortalButtons:hover          { border:1px solid #50A346;color:#50A346 !important;background:WHITE; }  
a.parentsPortalButtonsIndex:hover     { border:0px solid;color:#386515 !important;background:#c5e29f; }
a.parentsPortalButtonsLeftPanel:hover { border:0px solid;color:#50A346 !important; }