@charset "UTF-8";
/* CSS Document */


/* This rule resets a core set of elements so that they will appear consistent across browsers. Without this rule, content styled with an h1 tag, for example, would appear in different places in Firefox and Internet Explorer because each browser has a different top margin default value. By resetting these values to 0, the elements will initially be rendered in an identical fashion and their properties can be easily defined by the designer in any subsequent rule. */
*{ outline: none;}

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6 {
  padding: 0;
  border: 0;
  outline: none;
  font-size: 100%;
  margin: 0px;
}


body {
  background-color: #C6CFBC;
  border-bottom: none 1px #FFCC00;
  color: #666666;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  line-height: 14px;
  margin: 1 1 1 1;
  padding: 0 0 0 0;
}


h1 {
  color: #666666;
  font-size: 14px;
  font-weight: bold;
  line-height: 14px;
}

h2 {
  color: #666666;
  font-size: 12px;
  font-weight: bold;
  line-height: 14px;
}

a,  a:link {
  color: #336699;
  font-weight: bold;
  text-decoration: none;
}


a:visited {
  color: #6699cc;
  font-weight: bold;
  text-decoration: none;
}

a:hover {
  color: #6699cc;
  text-decoration: none;
}

a img
{
border:none;

	
	}

a:focus {
  color: #336699;
}

a:active {
  color: #6699cc;
}


.footerLinks a,  footerLinks a:link {
  color: #336699;
  font-weight:normal;
  text-decoration: none;
}


.footerLinks a:visited {
  color: #6699cc;
  font-weight: normal;
  text-decoration: none;
}

.footerLinks a:hover {
  color: #6699cc;
  text-decoration: none;
}

.footerLinks a:focus {
  color: #336699;
}

.footerLinks a:active {
  color: #6699cc;
}

#outerWrapper {
  background-color: #FFFFFF;
  border: solid 1px #64705a;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  margin: 0px auto 0px auto;
  text-align: left;
  width: 1003px;
}

#header {
  background-color: #FFFFFF;
  background-image: url("../images/bg_header.jpg");
  background-repeat: no-repeat;
  border-bottom: solid 1px #FFCC00;
  font-size: 12px;
  font-weight: bold;
  color:#666666;
  height: 79px;
  width:1003px;
  line-height: 15px;
  margin: 0px 0px 1px 0px;
  padding: 0px 0px 0px 0px;
}

#logo {
  float:left;
  padding:17px 0 0 106px;
  border:0 0 0 0;
  }

#headerNav {
  float:right;
  padding:60px 15px 2px 0px;
  }
  
#headerNavAuthenticated {
  float:right;
  padding:60px 80px 2px 0px;
  }
  
#headerNavAuthenticated a {
  text-decoration:none;
  }
  


#headerNavTabs {
  float:right;
  line-height:normal;
  }
  
  
#headerNavTabs ul {
    margin:0;
	padding:56px 80px 0 0;
    list-style:none;
    }
    
#headerNavTabs li {
    float:left;
	background:url("../images/tab_right_orange.jpg") no-repeat right top;
    margin:0;
    padding:0 0 0 0;
	list-style:none;
    }

#headerNavTabs li a {
	background:url("../images/tab_left_orange.jpg") no-repeat left top;
    padding:4px 15px 4px 15px;
	text-decoration:none;
    font-weight:bold;
    color:#765;
	display:block;
   }
   

#topNav {
  background-color: #c6cfbc;
  background: url("../images/bg_navgradient.jpg") repeat-x left top;
  border-bottom: solid 1px #FFFFFF;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 10px;
  height: 34px;
  }

#topNavTabs {
  width:800px;
  float:left;
  line-height:normal;
  }
  
#topNavTabs ul {
    margin:0;
	padding:13px 0 0 0;
    list-style:none;
    }
    
#topNavTabs li {
    float:left;
	background:url("../images/tab_right_green_light.jpg") no-repeat right top;
    margin:0;
    padding:0 0 0 0;
    }

#topNavTabs a {
    display:block;
	background:url("../images/tab_left_green_light.jpg") no-repeat left top;
    padding:4px 15px 2px 10px;
	text-decoration:none;
    font-weight:bold;
    color:#765;
   }
	
#topNavTabs a:hover {
   color:#ffffff;
   }

#topNavTabs .current {
    background-image:url("../images/tab_right_green_dark.jpg");
    }
	
#topNavTabs .current a {
    background-image:url("../images/tab_left_green_dark.jpg");
    }

#search {
  background-color: #edf6e4;
  background: url("../images/bg_search.gif") repeat-x;
  height: 38px;
  margin: 0 0 0 0;
  padding: 0 0 0 10px;
  color: #000000;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  font-weight:bold;
  line-height: 14px;
  clear:both;
 
}

.search-wrapper
{
	float:left;
	width:450px;
	}

#outerWrapper #header a, #outerWrapper #header a:link {
  color: #336699;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  font-weight: bold;
}

#outerWrapper #header a:active {
  color: #6699cc;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  font-weight: bold;
}

#outerWrapper #header a:hover {
  color: #6699cc;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  font-weight: bold;
}


#outerWrapper #headerNav a, #outerWrapper #headerNav a:link {
  color: #336699;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  font-weight: bold;
  text-decoration:none;
}

#outerWrapper #headerNav a:active {
  color: #6699cc;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  font-weight: bold;
  text-decoration:none;
}

#outerWrapper #headerNav a:hover {
  color: #6699cc;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  font-weight: bold;
  text-decoration:none;
}

#outerWrapper #headerNavTabs a, #outerWrapper #headerNavTabs a:link {
  color: #336699;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  font-weight: bold;
}

#outerWrapper #headerNavTabs a:active {
  color: #6699cc;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  font-weight: bold;
}

#outerWrapper #headerNavTabs a:hover {
  color: #6699cc;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  font-weight: bold;
}


#outerWrapper #topNavigation a, #outerWrapper #topNavigation a:link {
  color: #336699;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  font-weight: bold;
}

#outerWrapper #topNavigation ul li a:active {
  color: #6699cc;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  font-weight: bold;
}

#outerWrapper #topNavigation ul li a:hover {
  color: #6699cc;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  font-weight: bold;
}

#outerWrapper #topNavigation #current a {
  color: #FFFFFF;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  font-weight: bold;
}

#outerWrapper #contentWrapper {
  font-family: Arial, Helvetica, sans-serif;
}

#leftColumn1 {
  float: left;
  width: 155px;
  clear:both;
}

#leftNavHeader {
  float: left;
  padding:5px 0px 5px 5px;
  margin:0px 0px 0px 0px;
  border-width: 0 0 1px 0;
  border-style: solid;
  border-color: #FFFFFF;  
  width: 150px;
  color: #ffffff;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 14px;
  font-weight: bold;
  background:url("../images/bg_leftnav_header.gif") no-repeat left top;
}

#leftNavLink {
  float: left;
  padding:5px 0px 5px 5px;
  margin:0px 0px 0px 0px;
  border:solid;
  border-width:1px 0 0 0;
  border-color:#FFCC00;
  width: 150px;
}

#rightColumn1 {
  float: left;
  width: 310px;
  padding: 0 0 0 0;
  margin: 7px 0 0 0;
}

#outerWrapper #contentWrapper {
  margin: 0px 0px 0px 0px;
  padding: 25px 0px 0px 0px;
  width: 1003px;
}

#content {
width: 478px;
margin: 0px 25px 0px 25px;
padding: 0px 0px 0px 0px;
float:left;
}

#contentTwoCol {
width: 658px;
margin: 0px 25px 25px 10px!important;
margin: 0px 25px 25px 5px;
padding: 0;
float:left;
}

#contentWide 
{
	width: 775px;
	padding:0 25px;
	margin:0 auto;
}

/*-- original link styles --------------------------------------------------
#outerWrapper #contentWrapper a, #outerWrapper #contentWrapper a:link {
  color: #336699;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
}

#outerWrapper #contentWrapper a:hover {
  color: #336699;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  text-decoration: underline;
}

#outerWrapper #contentWrapper a:active {
  color: #336699;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  text-decoration: underline;
}
--------------------------------------------------------------------------*/

#pageTitle {
 margin: 5px 0 25px 0;
 padding: 0 0 0 0;
 font-family: Arial, Helvetica, sans-serif;
 font-size: 24px;
 font-weight: bold;
}

#subHeader_658 {
 float:left;
 width:658px;
 margin: 0 0 10px 0;
 padding: 0 0 3px 0;
 border-width: 0 0 1px 0;
 border-style: solid;
 border-color: #FFCC00;
 font-family: Arial, Helvetica, sans-serif;
 font-size: 18px;
 line-height:22px;
 font-weight: normal;
}

#subHeader_478, .subHeader_tutorial {
 float:left;
 width:478px;
 margin: 5px 0 10px 0;
 padding: 0 0 3px 0;
 border-width: 0 0 1px 0;
 border-style: solid;
 border-color: #FFCC00;
 font-family: Arial, Helvetica, sans-serif;
 font-size: 18px;
 font-weight: normal;
}

#subHeader_324 {
 width:318px;
 margin: 0 0 0 0;
 padding: 0 0 5px 0;
 border-width: 0 0 1px 0;
 border-style: solid;
 border-color: #FFCC00;
 font-family: Arial, Helvetica, sans-serif;
 font-size: 18px;
 font-weight: normal;
}

#subHeader_300 {
 width:300px;
 margin: 0 0 0 0;
 padding: 0 0 4px 0;
 border-width: 0 0 1px 0;
 border-style: solid;
 border-color: #FFCC00;
 font-family: Arial, Helvetica, sans-serif;
 font-size: 18px;
 font-weight: normal;
}


#subHeader_167 {
 width:172px;
 margin: 0 0 0 15px;
 padding: 0 0 3px 0;
 border-width: 0 0 1px 0;
 border-style: solid;
 border-color: #FFCC00;
 font-family: Arial, Helvetica, sans-serif;
 font-size: 18px;
 font-weight: normal;
}

#tod_title {
 float:left;
 margin: 0 0 10px 0px;
 padding: 0 0 0 0;
 font-family: Arial, Helvetica, sans-serif;
 font-size: 11px;
 font-weight: bold;
}

#tod_description {
 margin: 0 0 10px 0px;
 padding: 0 0 0 0;
 font-family: Arial, Helvetica, sans-serif;
 font-size: 11px;
 font-weight: normal;
}


#tod_coupon_info {
 margin: 25px 0px 0px 0px;
 padding: 0 0 0 0;
 font-family: Arial, Helvetica, sans-serif;
 font-size: 11px;
 font-weight: bold;
}

#featured_tutorials {
 float:left;
 width:478px;
 margin: 0 0 20px 0;
 padding: 0 0 20px 0;
 border-width: 0 0 1px 0;
 border-style: solid;
 border-color: #666666;
 font-family: Arial, Helvetica, sans-serif;
 font-size: 18px;
}

#featured_tutorials_title {
 float:left;
 margin: 0 0 10px 0px;
 padding: 0 0 0 0;
 font-family: Arial, Helvetica, sans-serif;
 font-size: 11px;
 font-weight: bold;
}

#featured_tutorials_description {
 margin: 0 0 10px 0px;
 padding: 0 0 0 0;
 font-family: Arial, Helvetica, sans-serif;
 font-size: 11px;
 font-weight: normal;
 clear:both;
}

#rating_and_username {
 font-family: Arial, Helvetica, sans-serif;
 font-size: 11px;
 font-weight: normal;
}

#usefulTips {
 width:162px;
 min-height:295px;
 height:auto !important;
 height:290px;
 margin: 1px 0 0 15px;
 padding: 5px 5px 0 5px;
 font-family: Arial, Helvetica, sans-serif;
 font-size: 11px;
 font-weight: normal;
 background:url("../images/bg_usefultips.jpg") repeat-x top left;
}

#relatedLinks {
 float:left;
 width:309px; 
 margin: 1px 0 10px 0;/*1px 0 25px 0*/
 padding: 5px 5px 0;
 font-family: Arial, Helvetica, sans-serif;
 font-size: 11px;
 font-weight: normal;
 background:url("../images/bg_relatedlinks.jpg") repeat-x top left;
 min-height:130px;
 height:auto !important;
 height:130px;
}


#outerWrapper #contentWrapper .clearFloat {
  clear: both;
  display: block;
}

#footer {
  clear:both;
  height:123px;
  background-color: #c6cfbc;
  font-family: Arial, Helvetica, sans-serif;
  font-weight:bold;
  font-size: 11px;
  color:#333333;
  padding: 0px 0px 0px 0px;
  background:url("../images/bg_footer.gif") repeat-x left top;
}

#footer #footerimgleft {
float:left;
}

#footer #footerimgright {
float:right;
}

#footerColumn {
float:left;
border:solid;
border-width:0 1px 0 0;
border-color:#FFFFFF;
padding:0 0px 0 0;
margin: 25px 29px 0 0!important;
margin: 25px 10px 0 0;
}

#footerColumnLast {
float:left;
padding:0 35px 0 0!important;
margin: 25px 29px 0 0!important;
margin: 25px 15px 0 0;
}

#footerSubColumn {
padding: 0 0 0 0;
margin: 0 35px 5px 0;
}

#footerSubColumnSingle {
float:left;
padding: 0 0 0 0;
margin: 0 0 0 0;
}

#footerSubColumnLeft {
clear:both;
float:left;
padding: 0 0 0 0;
margin: 0 0 0 0;
}

#footerSubColumnRight {
float:left;
padding: 0 0 0 0;
margin: 0 35px 0 15px!important;
margin: 0 25px 0 15px;
}

#footerBottom {
  clear:both;
  height:35px;
  background-color: #c6cfbc;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  margin:0px 0 0 0px;
  padding: 20px 0px 0px 10px;
  border:solid;
  border-width:1px 0 0 0;
  border-color:#ffffff;
  
}

body,td,th {
	color: #333333;
}