/* CSS Document */

body {
	margin:0px auto;
	font-family: 'Lucida Grande', arial, verdana, helvetica,   Geneva, Trebuchet MS, sans-serif;
	font-size:12px;
	color: #000;
	background: #659cef url('../../images/stl-back.jpg') repeat-x center top;
	text-align: center;
}



img {border:0px;}


h1, h2, h3 {font-size: 22px; padding:0px; margin: 0px;}
h2 {font-size:19px; line-height:22px;}
h3 {font-size:15px; color:#d70f0f;}
h4 {
	color:#2b62bd; 
	font-size:20px;
	font-weight:normal;
	line-height:24px;
	margin:0px;
	font-family: 'century gothic', 'Lucida Grande', arial, verdana, helvetica, sans-serif; 
}


.copyColumn li {
	margin-bottom: 5px;
	list-style-image: url(../../images/bullet.gif);
	list-style-type: none;
}


/*Body Links*/
a {   color: #0f35d7; text-decoration: none;}
a:hover { color: #d70f0f; text-decoration: underline;}
a:visited { color: #0f35d7; text-decoration: none;}
a:active { color: #d70f0f; text-decoration: underline;}
a:visited:hover { color: #d70f0f; text-decoration: underline;}
/*footer Links*/
.footer a {   color: #cbe7f9; text-decoration: none;}
.footer a:hover { color: #fff; text-decoration: underline;}
.footer a:visited { color: #cbe7f9; text-decoration: none;}
.footer a:active { color: #fff; text-decoration: none;}
.footer a:visited:hover { color: #fff; text-decoration: underline;}

.largest1 {font-size:30px;line-height:22px;color:#395a90 }
/*----------STRUCTURAL BOXES----------------------*/
.header {
	margin:0px auto;
	width: 800px;
	height: 117px;
	padding: 0px;
	background:url("../../images/stl-header.jpg") no-repeat left top;
	border:0px solid #fff;
}


.contentTop {
	margin:0px auto;
	width: 800px;
	background-color:#ffe5a8;
	font-size:14px;
	border-bottom: 1px solid #3b65a3;
	text-align:left;
	color: #031328;
	
}

.contentLower {
	margin:0px auto;
	width: 800px;
	background-color:#fff;
	font-size:12px;	
}
.contentLower_forsignoff {
	margin:0px auto;
	width: 800px;
	height:700PX;
	background-color:#fff;
	font-size:12px;	
}
.footer {
	margin:0px auto;
	width: 800px;
	height:60px;
	padding: 10px 0px 0px 0px;
	background:url("../../images/stl-footer.png") no-repeat left top;
	font-size:11px;
	color: #cbe7f9;
}



/*----------PAGE ELEMENTS----------------------*/


.mainpage {
	background:url("../../images/intro-back.jpg") no-repeat left top;
	height: 198px;
	border:0px;
}

.copyMain { 
	font-size:25px;
	width: 400px;
	padding: 30px 0px 0px 50px;
	float: left;
}
.nnavyb{ 
	font-size:12px;
	font-family: 'Lucida Grande', arial, verdana, helvetica, Geneva, Trebuchet MS, sans-serif;
	color:#003366;
	font-weight:bold;
	faefa8	
}
.nnavy{ 
	font-size:12px;
	font-family: 'Lucida Grande', arial, verdana, helvetica,   Geneva, Trebuchet MS, sans-serif;
	color:#003366;	
}
.bgyellow{ 
 background-color:#ffe5a8;
}
.copyTop{ 
	float: left;
	padding:20px;
}

.copyColumn {
	width: 490px;
	background:url("../../images/txt-blue.jpg") repeat-x left top;
	margin: 10px;
	float: left;
	padding: 10px;
	text-align:left;
	border-right: 1px solid #8fa5c0;
	font-size:12px;
	line-height:18px;
}

.ccfull {width:760px; border-right:0px;}


.flash {
	float: right;
	margin-right: 30px;
}

.loginArea {
	border:0px solid #fff;
	width: 250px;
	float:right;
	text-align:left;
	padding-top: 0px;
	margin:10px;
}

.larger {font-size:17px;line-height:22px;}
.small {font-size:9px;}
.indent {padding-left:20px;}
.red {color:#FF0000;}
.white {color:#ffffff;}
.grey {color:#666}
.testimonialBlock {color:#2f63b0; border-bottom: 1px solid #679ef0; padding-bottom:10px;}
.slashed {
	font-style:normal;
	text-decoration: line-through;
}


.quoteBox {
	float:right; 
	width: 175px; 
	font-size: 16px;
	color: #ad5012;
	text-align:center;
	padding:10px;
	margin: 5px 5px 10px 5px;
	background-color:#ffe5a8;
	border: 1px solid #f38f4c;
	line-height:20px;
}

.qleft {float:left; margin: 5px 10px 5px 0px;}

.captionBox {
	float:left; 
	width: 120px; 
	font-size: 10px;
	color: #7f7f7f;
	text-align:center;
	padding:10px;
	margin: 0px 10px 10px 0px;
	background-color:#fff;
	border: 1px solid #8fa5c0;
}


.callBox { 
	width: 740px; 
	font-size: 14px;
	text-align:center;
	padding:10px;
	background-color:#FFFF99;
	border: 1px solid #000;
	line-height:20px;
}

.win {
	overflow:auto;
	height:400px;
	background:#ffffff url("../../images/txt-blue.jpg") repeat-x left top;
}

.script1 {
	padding: 10px;
	background-color: #FFEA7B;
}
.script2 {
	overflow:auto;
	height:300px;
	padding: 10px;
	background: #FFEA7B;
}

.pdffile {
	float:right; 
	font-size:10px; 
	text-align:center;
	vertical-align:top;
	width:75px;
}
.pdffile a {   color: #919191; text-decoration: none;}
.pdffile a:hover { color: #545454; text-decoration: none;}
.pdffile a:visited { color: #919191; text-decoration: none;}
.pdffile a:active { color: #919191; text-decoration: none;}
.pdffile a:visited:hover { color: #545454; text-decoration: none;}

.specialBox {width:243px; background:#fff url("../../images/img_special-back.jpg") repeat-y left top;}
.specialBox p {padding: 0px 15px 0px 15px; color:#fff; line-height: 11px;}
.specialBlock {width:243px; background:#fff url("../../images/img_special-back.jpg") repeat-y left top;}
.specialBlock p {text-align:center;padding: 0px 15px 0px 15px; color:#fffaed; line-height: 14px;}
.specialPrice {font-size:18px;line-height: 22px;}

/*----------POP UPS------------*/
#ad {
	margin: 0px auto;
	width: 100%;
	z-index: 100;
	position:absolute;
	top:75px;
	left:0px;
	border: 0px solid #000;
}

#popUp {
	margin:0px auto; 
	padding-top:8px;
	width:640px; 
	height: 250px; 
	border: 0px solid #000;
	background:  url('../../images/img_special-popup3.png') no-repeat center top;
}

#popupform {
	border:0px solid #000; 
	width: 250px; 
	float:right; 
	margin-right:35px;
	margin-top:25px;
}

/*popup Links*/
#popUp a { text-align:right; color:#fff;margin-right:45px;}



/*----------SIDEBAR------------*/
.sidebar {
	width: 242px;
	padding: 0px;
	float: right;
	margin: 10px 10px 10px 0px;
	text-align:left;
	font-size:12px;
	line-height:18px;
}

.sidebar h3 {color:#3a5f96;}

.signup {
	width: 241px;
	border-top:1px solid #3a5f96;
	border-bottom:1px solid #3a5f96;
	
}

.signup p {padding:0px 10px 10px 10px; line-height:16px;}
.signup h3 {padding:10px; font-size:20px;}

.blurb {
	width: 241px;
	background:url("../../images/blurb-top.gif") no-repeat left top;
	background-color:#accf60;
	font-size:11px;
	border: 0px solid #000;
	text-align:center;
	margin-top: 10px;
}

.blurbName {
	background:url("../../images/blurb-bottom.gif") no-repeat left top;
	height:36px;
	padding-top: 20px;
	text-align:right;
	padding-right: 70px;
	font-size:11px;
}


.testimonial01 {
	border-bottom:1px solid #000;
	border-top:1px solid #000;
	padding: 0px;
}

.testimonialFloat {
	float:right; 
	width: 300px;
	margin: 5px 0px 10px 10px;
}

.mailBox { background-color:#fff58b; border: 1px solid #f7bb01; padding: 10px 5px; text-align:center; }
.mailBox H1 {color: #fb8800; font-size: 30px; text-align:center; margin-bottom: 10px;}


/*----------LIGHT WINDOWS------------*/

.litewin  {
	margin:0px;	
	text-align:left;
	height:500px;
	width:600px;
	overflow:auto;
	background:#ffffff url("../../images/txt-blue.jpg") repeat-x left top;
}

.win2 {
	height:300px;
	width:600px;
}

.litewinpad {padding:10px;}

#litewin h3 {font-size:18px; color:#3a5f96;}


/*----------TABLES------------*/
table { 
	width: 100%;
	border: 0px solid #000; 
	margin: 0px auto;
	padding:0px;
	border-collapse: collapse;
}

td { font-size:11px; vertical-align:top;}


td.pic img {margin:5px; border: 1px solid #60a5d2;}

table.list td {border-bottom:1px solid #60a5d2;}
table.order td {vertical-align:middle;}

table#login td {font-size:11px; width:100px; color:#284070;}
.loginButton {width:50px;}

table#form td {font-size:11px;}


table#products {}

table.green {background:url("../../images/txt-green.gif") repeat-y right top;border-bottom: 1px solid #a9d966;}
table.yellow {background:url("../../images/txt-yellow.gif") repeat-y right top;border-bottom: 1px solid #f9f092;}

table#products td {
	font-size:12px;	
	padding: 10px 10px 5px 0px;
}
.icon {
	vertical-align:top;
	padding-bottom:10px;
}

.Pdesc {
	padding-bottom:10px;
}


table.callme {
	margin:0px auto;
	width: 350px;
}
td.callmeHdr {
	width: 350px;
	height:117px;
	background:url("../../images/stl-header-small.jpg") no-repeat left top;
}
td.callmeTxt {
	width: 350px;
	padding:10px;
	background:#fff;
	border:0px solid #fff;
}
/*----------BUTTONS------------*/
.buttons {
background:#E5E5DD url("../../images/submit-addtocart.gif") no-repeat;
height:25px;
outline-color:invert;
outline-style:none;
outline-width:medium;
width:130px;
}
.buttons:hover {
background:#C9C9C2 url("../../images/submit-addtocart.gif") no-repeat scroll 0pt -26px;
}


.buttonsContact {
background:#E5E5DD url("../../images/submit-contact.gif") no-repeat;
height:25px;
outline-color:invert;
outline-style:none;
outline-width:medium;
width:130px;
}
.buttonsContact:hover {
background:#C9C9C2 url("../../images/submit-contact.gif") no-repeat scroll 0pt -26px;
}

.buttonsChat {
background:#E5E5DD url("../../images/submit-chat.gif") no-repeat;
height:25px;
outline-color:invert;
outline-style:none;
outline-width:medium;
width:130px;
}
.buttonsChat:hover {
background:#C9C9C2 url("../../images/submit-chat.gif") no-repeat scroll 0pt -26px;
}

.buttonsRegister {
background:#E5E5DD url("../../images/submit-register.gif") no-repeat;
height:25px;
outline-color:invert;
outline-style:none;
outline-width:medium;
width:130px;
}
.buttonsRegister:hover {
background:#C9C9C2 url("../../images/submit-register.gif") no-repeat scroll 0pt -26px;
}


.buttonsJoin {
background:#E5E5DD url("../../images/submit-join.gif") no-repeat;
height:25px;
outline-color:invert;
outline-style:none;
outline-width:medium;
width:130px;
}
.buttonsJoin:hover {
background:#C9C9C2 url("../../images/submit-join.gif") no-repeat scroll 0pt -26px;
}

.buttonsAffiliateLogin {
background:#E5E5DD url("../../images/submit-affiliatelogin.gif") no-repeat;
height:25px;
outline-color:invert;
outline-style:none;
outline-width:medium;
width:130px;
}
.buttonsAffiliateLogin:hover {
background:#C9C9C2 url("../../images/submit-affiliatelogin.gif") no-repeat scroll 0pt -26px;
}



.buttonsEnroll {
background:#E5E5DD url("../../images/submit-enroll.gif") no-repeat;
height:25px;
outline-color:invert;
outline-style:none;
outline-width:medium;
width:130px;
}
.buttonsEnroll:hover {
background:#C9C9C2 url("../../images/submit-enroll.gif") no-repeat scroll 0pt -26px;
}

.buttonCallMe {
background:#E5E5DD url("../../images/submit-callme.gif") no-repeat;
height:25px;
outline-color:invert;
outline-style:none;
outline-width:medium;
width:130px;
}
.buttonCallMe:hover {
background:#C9C9C2 url("../../images/submit-callme.gif") no-repeat scroll 0pt -26px;
}

/*----------CORNERS----------------------*/

.cornerGreen{display:block}
.cornerGreen *{
  display:block;
  height:1px;
  overflow:hidden;
  font-size:.01em;
  background:#B6DF71}
.cornerGreen1{
  margin-left:3px;
  margin-right:3px;
  padding-left:1px;
  padding-right:1px;
  border-left:1px solid #dff1c1;
  border-right:1px solid #dff1c1;
  background:#c8e794}
.cornerGreen2{
  margin-left:1px;
  margin-right:1px;
  padding-right:1px;
  padding-left:1px;
  border-left:1px solid #f7fbf0;
  border-right:1px solid #f7fbf0;
  background:#c3e58b}
.cornerGreen3{
  margin-left:1px;
  margin-right:1px;
  border-left:1px solid #c3e58b;
  border-right:1px solid #c3e58b;}
.cornerGreen4{
  border-left:1px solid #dff1c1;
  border-right:1px solid #dff1c1}
.cornerGreen5{
  border-left:1px solid #c8e794;
  border-right:1px solid #c8e794}
.cornerGreenfg{
  background:#B6DF71;
  padding: 5px 15px 5px 15px;}
  
  
  
 .cornerYellow{display:block}
.cornerYellow *{
  display:block;
  height:1px;
  overflow:hidden;
  font-size:.01em;
  background:#F8F590}
.cornerYellow1{
  margin-left:3px;
  margin-right:3px;
  padding-left:1px;
  padding-right:1px;
  border-left:1px solid #fbfacf;
  border-right:1px solid #fbfacf;
  background:#f9f7ab}
.cornerYellow2{
  margin-left:1px;
  margin-right:1px;
  padding-right:1px;
  padding-left:1px;
  border-left:1px solid #fefef3;
  border-right:1px solid #fefef3;
  background:#f9f6a5}
.cornerYellow3{
  margin-left:1px;
  margin-right:1px;
  border-left:1px solid #f9f6a5;
  border-right:1px solid #f9f6a5;}
.cornerYellow4{
  border-left:1px solid #fbfacf;
  border-right:1px solid #fbfacf}
.cornerYellow5{
  border-left:1px solid #f9f7ab;
  border-right:1px solid #f9f7ab}
.cornerYellowfg{
  background:#F8F590;
  padding: 5px 15px 5px 15px;}
  
  
.cornerBlue{display:block}
.cornerBlue *{
  display:block;
  height:1px;
  overflow:hidden;
  font-size:.01em;
  background:#a9d7f5}
.cornerBlue1{
  margin-left:3px;
  margin-right:3px;
  padding-left:1px;
  padding-right:1px;
  border-left:1px solid #daedfa;
  border-right:1px solid #daedfa;
  background:#bee1f7}
.cornerBlue2{
  margin-left:1px;
  margin-right:1px;
  padding-right:1px;
  padding-left:1px;
  border-left:1px solid #f6fbfe;
  border-right:1px solid #f6fbfe;
  background:#b9def6}
.cornerBlue3{
  margin-left:1px;
  margin-right:1px;
  border-left:1px solid #b9def6;
  border-right:1px solid #b9def6;}
.cornerBlue4{
  border-left:1px solid #daedfa;
  border-right:1px solid #daedfa}
.cornerBlue5{
  border-left:1px solid #bee1f7;
  border-right:1px solid #bee1f7}
.cornerBluefg{
  background:#a9d7f5;
  padding: 5px 15px 5px 15px;}

/*----------NAVBAR----------------------*/

#menu {
	float:right;
	width:700px;
	font-size:13px;
	margin:5px 0px 0px 0px;
	border: 0px solid #fff;
}
#menu ul {
	margin:0;
  	padding:0px 0px 0px 0px;
	list-style:none;
  }
#menu li {
  	float:right;
	padding:4px 0px 0px 0px;
	margin: 0px 2px 0px 2px;
	height:24px;
  }
#menu a {
  	float:left;
	display:block;
	padding:0px 10px 0px 10px;
	text-decoration:none;
	font-weight:normal;
	color:#d2c69f;
  }
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#menu a {float:none; border: 0px;}
/* End IE5-Mac hack */
#menu a:hover {
  	color:#f6edd2;
  }
#menu #current  {
	
  }
body#home li#homeNav a,
body#affiliates li#affiliatesNav a,
body#about li#aboutNav a,
body#testimonials li#testimonialsNav a,
body#events li#eventsNav a,
body#faq li#faqNav a,
body#products li#productsNav a {
  color: #ffffff;
}
#menu #current a {
  	color:#ffffff;  }
	



/*----CRUMB NAV-----*/

.crumbs {
	background-color:#1c438d;
	font-size:11px;
	border-bottom: 1px solid #fff;
	text-align:left;
	color: #cddffa;
	padding: 5px;
	
}

.crumbs a {   color: #90b9f7; text-decoration: none;}
.crumbs a:hover { color: #90b9f7; text-decoration: underline;}
.crumbs a:visited { color: #90b9f7; text-decoration: none;}
.crumbs a:active { color: #90b9f7; text-decoration: underline;}
.crumbs a:visited:hover { color: #90b9f7; text-decoration: underline;}




	
/*----------FORMS----------------------*/	

dl { margin: 0px; padding: 0px;}
dl dt {
	float: left;
	margin: 0 5px 0 5px;
	font-weight: normal;
	text-align: right;
	color: #000;
}
dl dd {
	margin: 0px 0px 4px 0px;
	padding: 0;
	border:0px solid #000;
}


dl.login { margin: 0px; padding: 0px;}
dl.login dt { width: 100px;	color: #284674;}
dl.login dd { }

dl.maillist { margin: 10px 0px;}
dl.maillist dt {width: 50px;}
dl.maillist dd {}

dl.special { }
dl.special dt {width: 80px;}
dl.special dd {}

dl.contact { }
dl.contact dt {	width: 100px;}
dl.contact dd {}

dl.register { }
dl.register dt { margin: 0px 15px 0px 5px;width: 150px;padding-top:10px;height: 50px;border-bottom: 0px solid #659cef;}
dl.register dd {padding-top:10px; height: 50px; border-bottom: 1px solid #659cef;}


.txtField {
 font-size: 11px;

}

.file {width: 250px;}

.txtField-medium {
 font-size: 10px;
 background-color: #fff;
 color: #000;
 border: 1px solid #888;
 border-top: 1px solid #000;
 border-left: 1px solid #000;
 padding: 2px;
 width: 150px;
}

.specialTxt {width: 140px; background-color: #ffe4ac;}

.tiny {
 width: 30px;
}

.txtArea {
 font-size: 10px;
 background-color: #fff;
 color: #000;
 border: 1px solid #888;
 border-top: 1px solid #000;
 border-left: 1px solid #000;
 padding: 2px;
 width: 300px;
}

input.login {
color: #fff;
background: #284674;
border: 1px solid #fff;
font-size:11px;
}

input.submit {
color: #452500;
background: #fb8800;
border: 1px solid #7f4501;
font-size:11px;
cursor:pointer;cursor:hand;
padding:0px;
margin:0px;
}

input.browse {
color: #fff;
background:#999999;
border: 1px solid #333333;
font-size:11px;
cursor:pointer;cursor:hand;
padding:0px;
margin:0px;
}

.copyColumn1 {
	width: 770px;
	text-align:center;  
	background:url("../../images/txt-blue.jpg") repeat-x left top;
	margin: 10px;
	float:left;
	padding:8px;
	font-size:12px;
	line-height:18px;
	 
}
.contentLower1 {
	margin:0px auto;
	width: 800px;
	background-color:#fff;
	font-size:12px;	
	text-align:center;  
	height:400px; 
}