/* This set the global CSS styles for the page. */

/* define the characteristics of the main page */
body {
       background-color:lavender;
       width:910px;
       margin: 10px auto;
     }


#banner {
          background-color:white; 
          height:100px;
          text-align:center;
        }

#hdrsep {
	  background-color: rgb(147,88,232);
	  text-align: right;
	  line-height:25px;
	  color: lavender;
	  font-size: 14px;
	  height: 25px;
	}


#ContentSep {font-size: 2em; text-align:center;}

#rCol { width:250px;
	height: 100%;
	color:black;
	float: right;

	}
           
#RndImg img { width:100%;} 

.footer {
	clear:both;
	width:100%;
	text-align:center;
	color:black;
	background-image:url('../images/synchro1.jpg'); 
	background-repeat:no-repeat;
	}
	
.footer a {text-decoration: none;}
.footer a:hover {text-decoration:underline;}
.footer #section {float:left; width: auto;margin:0px;padding: 10px 20px 0px 10px;}
.footer #section li,.footer #section ul {padding: 0px; margin:0px;list-style-type:none;}
.footer #section ul ul li {padding-left: 20px; margin:0px;}	
  
/* Set the css for the menu bar */    
#dropmenu {border-top: 3px solid rgb(42,171,186);background: lavender; border-bottom: 6px solid rgb(42,171,186); }
/*
#navbar  {
	    border-top: 5px solid transparent; 
            border-bottom: 6px solid rgb(42,171,186); 
            display: block; 
            height: 35px; 
            background: lavender; 
            padding: 0px;
            list-style-type: none; 
            margin:0px; 
		font-size:.85em;
		position:relative;
         }
*/
#navbar  {
	    border-top: 10px solid transparent; 
//            border-bottom: 6px solid rgb(42,171,186); 
            display: block; 
            height: 35px; 
            background: transparent; 
            padding: 0px;
            list-style-type: none; 
            margin:0px; 
		font-size:.85em;
		position:relative;
		width:700px;
		z-index:5;
         }

#navbar a:hover {
		color: rgb(147,88,232);
		 background-color:rgb(42,171,186);
		 -moz-border-radius-topleft: 10px 10px;
		border-top-left-radius: 10px 10px;
		 -moz-border-radius-topright: 10px 10px;
		border-top-right-radius: 10px 10px;
		}

    .home #navbar #home,
    .about #navbar #about,
    .staff #navbar #nstaff,
    .competitions #navbar #competitions,
    .news #navbar #news,
    .gallery #navbar #ngallery,
    .tryouts #navbar #tryouts,
    .skater #navbar #skater,
    .links #navbar #links,
    .sponsors #navbar #sponsors,
    .contact #navbar #contact a {
    					color:rgb(147,88,232);
    					background-color:rgb(42,171,186);
		 			-moz-border-radius-topleft: 10px 10px;
					border-top-left-radius: 10px 10px;
					-moz-border-radius-topright: 10px 10px;
					border-top-right-radius: 10px 10px;
				}
    
#navbar li { display: block; 
             float: left; 
             height:50px;
             }
/*
#navbar #home {width:45px;}
#navbar #competitions {width:100px;}
#navbar #news {width:50px;}
#navbar #ngallery {width:70px;}
#navbar #tryouts {width:60px;}
#navbar #skater {width:110px;}
#navbar #links {width:60px;}
#navbar #sponsors {width:70px;}
#navbar #contact {width:85px;}
*/

#navbar li a {	overflow: hidden; 
              line-height: 35px; 
              color: rgb(42,171,186); 
              font-weight: bold; 
              font-family:"ms sans serif";
              display: block; 
              text-decoration: none; 
              !important; 
              text-align: center;
		margin: 0px 1px;
		padding: 0px 5px;
		}
              
#navbar li ul {display: none;}

#navbar li:hover ul {display:inline; position:absolute; left: -35px;}
#navbar li:hover li a {color: lavender;}
#navbar li:hover li a:hover {color:rgb(42,171,186);background:none; }

/* About specific css stuff */
.about h3 { color: black;}
.about #usa {background-image:url('../images/flag_bkgd.jpg');background-position:right top;background-repeat:no-repeat;padding-right:25px;color:blue;}
.about #gold {background-image:url('../images/gold_small.jpg'); background-position:left top; background-repeat:no-repeat;padding-left:15px;}
.about #silver {background-image:url('../images/silver_small.jpg'); background-position:left top; background-repeat:no-repeat;padding-left:15px;}
.about #bronze {background-image:url('../images/bronze_small.jpg'); background-position:left top; background-repeat:no-repeat;padding-left:15px;}
.about #pewter {background-image:url('../images/pewter_small.jpg'); background-position:left top; background-repeat:no-repeat;padding-left:15px;}
.about #none {padding-left: 15px;}

/* Staff specific css stuff */
.staff h2{ color:black; }

/*Sponsors page*/
.sponsors #blurb {width: 70%; padding-left: 5%;}
.sponsors #phone {color: black; font-size: .75em; }

.sponsors #goldSponsor h2 {color: gold; }
.sponsors #goldSponsor p {color: #2badbc; font-size: 1.5em; }


.sponsors #silverSponsor h2 {color: silver; }
.sponsors #silverSponsor p {color: #2badbc; font-size: 1.5em; }

.sponsors #bronzeSponsor h2 {color: darkgoldenrod; }
.sponsors #bronzeSponsor p {color: #2badbc; font-size: 1.5em; }


/*link page*/
.links  #link {float: left; text-align:center; margin:20px; height: 150px; width: 200px;}
.links  #link img {display:inline; height:auto; width:auto;}

/* Tryout Page */
.tryouts h2 {color: black;}

/* Skaters corner */
        .skater #step img {float: right; margin-bottom: 15px;}
        .skater #step {clear: both;}
        
/* Competitions */
.competitions #date {float:left; width: 150px; color:black;}
.competitions #event {text-indent: -150px; padding-left:150px;}
.competitions #gold {background-image:url('../images/gold_small.jpg'); background-position:left top; background-repeat:no-repeat;padding-left:15px; color:#ffcc00; font-weight:bold;}
.competitions #silver {background-image:url('../images/silver_small.jpg'); background-position:left top; background-repeat:no-repeat;padding-left:15px; color:#999999;font-weight:bold;}
.competitions #bronze {background-image:url('../images/bronze_small.jpg'); background-position:left top; background-repeat:no-repeat;padding-left:15px; color:#ff9900; font-weight: bold;}
.competitions #pewter {background-image:url('../images/pewter_small.jpg'); background-position:left top; background-repeat:no-repeat;padding-left:15px; color:#666666; font-weight: bold;}
.competitions #none {padding-left: 15px;}
.competitions td {padding: 10px 5px; vertical-align:top; font-size:10pt;}
.competitions td h6 {font-size: 10pt;}
.competitions #alt {background-color:#E0E0E0;}
/* General Stuff */
/*Set the generic bulleted list to a skater plus some padding*/
.skaterBullet {
		background-image:url('../images/bullet.gif'); 
		background-position:left top; 
		background-repeat:no-repeat;
		padding-left:40px;
	}

.clear-both{
	clear:both;
}

#Content hr {margin-left: 0px; width: 80%}

#Content {
		width:635px;
		float: left;
		color: blueviolet;
		font-size:1em;
		background-color:white;
		height:100%;
		padding-left:10px;
	  }
	  
#Content h1 {
		margin-top: 0; 
		margin-bottom: 0;
		color:#2badbc;
	}




/*
#aboutthejazz        { background-color: #fff; visibility: hidden; padding-left: 3px; position: absolute; top: 138px; left: 110px; width: 98px; height: 39px }
#staff  { background-color: #fff; visibility: hidden; padding-left: 3px; position: absolute; top: 138px; left: 228px; width: 168px; height: 77px }
#gallery  { background-color: #fff; visibility: hidden; padding-left: 3px; position: absolute; top: 138px; left: 449px; width: 104px; height: 171px }
h1 { color: #2badbc ; font-family: serif; }
h2 { color: #2badbc }
h3 { color: #2badbc }
h4 { color: #2badbc }
h5    { color: #2badbc; font-size: 12pt }
h6  { color: #9358e8; font-size: 8pt; font-style: normal; font-weight: normal; font-stretch: normal }
p   { color: #9358e8 }
a { color: #2badbc; text-decoration: none }
*/