/* CSS Document */
body, input, td, th, textarea{ font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif; font-size: 87%; line-height: 17px; color: white; letter-spacing: 1px;}
input, textarea{ color: #333;}
body { background-color:white; text-align:center; background-position:center; background-repeat:repeat-y; margin: 0px; padding: 0px; }

#locations { margin: 25px 115px 0px 100px; color:#CCC; font-size:80%; text-align:right; }
#locations a  {text-decoration:underline; color:#AD0000; font-weight:bold;  }
#locations a.hover, #locations a:hover { text-decoration:none; color:#FF3300; font-weight:bold;}
#locations span.on {color:#FF3300; font-weight:bold;}

#container2 table.main { margin: 0px 100px 0px 100px; background-image:url(/images/content_bg.jpg); border: 0px none black; }
#container2 table.contentnav { margin: 0px 100px 20px 100px; background-image:url(/images/top_bg.gif); border:0px none black; }
#container2 table.main td, #container2 table.contentnav td { margin: 0px; padding: 0px; border:0px none black; } 

.footer { color:#666666; font-size:75%; line-height: 17px; width:880px; margin:10px auto; letter-spacing:.2em; }
.footer .right { width:90%; display:inline; vertical-align:top; }
.footer .address { margin-top:15px; }
.footer .links { margin-bottom:15px; }
.footer .links a { margin-bottom:15px; }
.footer .links a:hover { text-decoration:underline; }
.footer .contact {font-size:125%; color:#333;margin-bottom:5px;display:block;}

/* L a y o u t S t y l e s*/
div#copy {background-color:#FFFFE5;width:770px;height:60px;margin:0;padding:0;text-align:right;background-image:url(../images/bg_gradient_bottom.jpg);background-repeat:no-repeat;background-position:left bottom;}
div#copy div#links {font-size:80%;padding:0px 0px;margin:0px 0px;padding-right:20px;padding-top:12px;}
div#copy p {font-size:70%;padding:0px;margin:0px;margin-right:25px;padding-top:5px;color:#CCC;}

div#spacer { clear: both;margin:10px 0px;}

div#head {background-color:#FFFFE5;text-align:left;width:770px;height:60px;margin:0px 0px;padding:0px 0px;background-image:url(../images/bg_gradient.jpg);background-repeat:no-repeat;background-position: left top;}
 
div.maincontent {margin: 24px 24px 24px 48px;}

/* T o p N a v i g a t i o n */
div#nav {text-align:left;padding:0px 0px;margin-left:230px; padding:15px 0px;border:none;}
div#nav ul#cl1{width:165px; float:left;}
div#nav ul#cl2{width:250px; float:left;}
div#nav ul#cl3{width:125px; float:left;}
div#nav ul{ list-style-type:none;margin:0px 0px; padding:0px 0px;}
div#nav ul li{margin:0px 0px; padding:0px 0px;background-repeat: no-repeat;}
div#nav ul li a{font-size:72%;padding:0px 0px;color:black; font-weight:bold;letter-spacing:0px;}
div#nav ul li a:link, div#nav li a:visited, div#nav li a:active{text-decoration: underline; color: #000066;}
div#nav ul li a:hover, div#nav li a:focus {text-decoration: none; color: #000099;}
.header { color:#999; font-size:85%; line-height: 17px; width:880px; margin:20px auto 10px auto; letter-spacing:.2em; }

/* L e f t N a v i g a t i o n */
div#leftnav {padding: 0px 0px; margin:0px 0px; padding-top:85px; margin-right:570px; text-align:left;background:black;background-image:url(../images/small_logo.jpg);background-repeat:no-repeat;background-position:center top;}
div#leftnav p {color:White; padding:10px 5px;letter-spacing:0px; }
div#leftnav p.m1 {margin: 15px 10px; margin-top: 125px; padding:0px 5px; text-align:center; font-style:italic; }
div#leftnav ul{ padding: 15px 10px; margin:0px 0px; list-style-type: none;}
div#leftnav ul li{margin:0px 0px; padding:4px 0px;background-repeat: no-repeat;background: url(../images/dot1.gif);background-position: 0 50%;background-repeat: no-repeat;}
div#leftnav ul li a{color:White; font-size:82%; font-weight:bold; letter-spacing:0px; text-decoration:none;padding:0px 2px 0px 15px;}
div#leftnav ul li a:link, div#leftnav li a:visited, div#leftnav li a:active{text-decoration: none;}
div#leftnav ul li a:hover, div#leftnav li a:focus {text-decoration: underline;}

/* R i g t N a v i g a t i o n */
.rightcontent
{
   background-image: url('/images/right_rail_bg.jpg');
   background-repeat: no-repeat;
}

.rightlinks
{
}

/* T e x t A n d L i n k S t y l e s */
h1 {font-weight:normal; font-family:"Century Gothic", Century, Arial, sans-serif;color:#000066;font-size:165%;padding:0px 0px; margin:15px 5px;}
h3 {font-weight:bold; color:white;font-size:105%;padding:0px 0px; margin:10px 5px;}
h2 {font-weight:normal; font-family:Tahoma, Arial, sans-serif;color:#999;font-size:135%;padding:0px; margin:5px 5px;letter-spacing:3px;}
p {padding:0px; margin:15px 25px 15px 0px;}
sup {font-size:75%;}

A:link, A:active {color:#0099FF;text-decoration:none;}
A:visited {color:#0099FF;text-decoration:none;}  
A:hover, A:focus {color:#FF1A00;text-decoration:none;} 

p.question {font-size: 100%; font-weight: bold; }

div.toplinks { margin-top: 40px; text-align:right; font-weight:bold;font-size:90%}
div.toplinks A:link, div.toplinks A:active {color:white;}
div.toplinks A:visited {color:white;}  
div.toplinks A:hover, div.toplinks A:focus {color:white;text-decoration:none;}

/* F o r m a t t i n g S t y l e s */

/*
<div class="bio">
    <span class="name">Name</span>
    <p class="info">
    </p>
</div>	
*/	
div.bio {margin-left:5px;border-bottom: solid 1px #ccc;}
div.bio span.name {display:block; font-weight:bold; font-variant:small-caps;}
div.bio p.info {padding-bottom:10px;}
div.bio p.info img {float:left;margin:5px 10px 5px 0px;border: solid 4px #333;}

/*
<div class="Testimonial">
	<div class="Time"></div>
	<div class="Title"></div>
	<div class="body"></div>
	<div class="author"></div>
</div>
*/
div.Testimonial {margin-left:5px;margin-right:15px; border-bottom: solid 1px #ccc;}
div.Testimonial div.Time {font-size:80%; font-style:italic; }
div.Testimonial div.Title {font-weight:bold; padding-bottom: 15px;color:#FF1A00;font-size:113%;}
div.Testimonial div.body {padding-bottom: 10px;font-size:113%;}
div.Testimonial div.author {font-size:100%;font-style:italic; padding-bottom:20px;}
span.submit {font-size:70%;float:right;margin-right:15px;}
span.name {display:block;}

/*
<div class="group">
    <h2>Title</h2>
    <div class="groupinfo">
        <img />
		<ul>
			<li>item</li>  
		</ul>
    </div>
</div>
*/
div.group {}
div.group div.groupinfo {margin-left:5px;}
div.group div.groupinfo img {margin:10px auto;}
div.group div.groupinfo ul {padding-top:0;margin-top:0;list-style-type: none;list-style-image:url(/images/dot_nav.gif);}
div.group div.groupinfo ul li {padding-bottom:3px;}
div.group div.power {background: url(../images/dot1.gif);background-position: 0 50%;background-repeat: no-repeat;}

/*
<blockqote>
	<p class="quote"></p>
	<p class="author"></p>
</blockqote>
*/
blockquote {font-weight:normal; width:450px; border:solid 1px #FFFFD2; margin: 0 auto; padding:0 10px 0 0; font-size:100%; letter-spacing: -1px; line-height:1em; text-align: center; color:#555; background-color: #FFFFE5; background-image:url(../images/top.gif); background-repeat: no-repeat; background-position: top left; }
p.quote {margin: 0 0 0 0; padding:20px 10px 10px 20px; background: url(../images/quote.gif) no-repeat right bottom; }
p.author {margin: 0 0 0 0; padding:0 0 10px 0; font-size:60%; color:#FFFFE5; background: url(../images/bottom.gif) no-repeat bottom center; }

/*
   <div class="contact">
      <span class="type">Phone</span>
      <p>(425) 739-0880</p>
   </div>
*/
div.contact {margin-left:10px;}
div.contact span.type {margin-left: 15px; padding-top:15px; display:block; font-family:Tahoma, Arial, sans-serif;color:#999;font-size:135%;padding:0px; margin:5px 5px;letter-spacing:3px;}
div.contact p {margin-left: 15px;}

/*
<div class="event">
	<div class="Title"></div>
	<div class="Time"></div>
	<div class="body"></div>
	<ul class="program"></ul>
</div>
*/
div.event {margin-left:5px;margin-right:15px; border-bottom: solid 1px #ccc;}
div.event div.Time {font-size:80%; font-style:italic; }
div.event div.Title {font-weight:bold; font-variant:small-caps;color:#C00C00;}
div.event div.body { padding-top: 15px;padding-bottom: 15px;}
ul.program{font-size:80%;padding-top:0;margin-top:0;list-style-type: none;list-style-image:url(/images/dot_nav.gif);}
ul.program ul{list-style-image:none;list-style-type:circle;}

table.schedule {border:1px solid black;border-collapse:collapse;}
table.schedule tr td{padding:2px;text-align:center;} 
table.schedule tr th{padding:2px 7px;}
table.schedule tr th {background-color:black;color:white;}
table.schedule tr td {border-bottom:1px solid #ccc;}

.packages {border-collapse:collapse;margin-right:15px;}
.packages tr th{padding:2px 10px; border-bottom:1px solid #ccc;}

.legend {border-collapse:collapse;margin-right:15px;}
.legend tr td, .legend tr th{padding:0px 10px; margin:0; border-bottom:1px solid #ccc;}
.legend tr td img {padding:0px; margin:0px;}

/* F o r m S t y l e s*/
dd { margin: 0px; padding-top:3px;}
dd div {width: 350px; }
dt { float: left; margin: 0px; padding-right:20px; text-align:right; width:150px; padding-top:3px;}
dt.required {  font-size:115%;font-weight:bold;}
dd img{ vertical-align: bottom; margin: 5px 7px 0px 7px;}
span#template_rblTShirtSize {display:block; width:100px;border-bottom:solid 1px #ccc;padding-bottom:10px;margin-bottom:5px;padding-top:5px;}
span#template_rblChallengeType {display:block; width:100px;border-bottom:solid 1px #ccc;padding-bottom:10px;margin-bottom:5px;padding-top:5px;}
span#template_rblTShirtSize input{border:none;}
span#template_rblChallengeType input{border:none;}

label { font-family: Verdana, Arial, Helvetica, sans-serif;  border: none; font-size:10px;}
select { font-family: Verdana, Arial, Helvetica, sans-serif;  border: 1px solid #000066; font-size:10px;}
option { font-family: Verdana, Arial, Helvetica, sans-serif;  border: 1px solid #000066; font-size:10px;}
input { font-family: Verdana, Arial, Helvetica, sans-serif;  border: 1px solid #000066;}
textarea { font-family: Verdana, Arial, Helvetica, sans-serif;  border: 1px solid #000066;}
.button{color:#FFFFFF; background-color: #000066; font-size:10px; text-align: center;  font-family:  Verdana, Arial, Helvetica, sans-serif;  border: 1px solid #FFEFE5; }


