html, body{ 
 margin:0; 
 padding:0; 
 background-image: url(images/bg.jpg);
 font:11px Tahoma, Verdana, Arial, "Trebuchet MS", Helvetica, sans-serif;
 color:#3d3d3d;
 background-color:#E8E8E8;
} 
 
a {
 background-color : inherit;
 color : #3d3d3d;
 text-decoration : none;
 }

a:hover {
 background-color : inherit;
 color : #3d3d3d;
 text-decoration : underline;
 }

ul {
 padding:5px;
 margin:5px;
}

.underline
{
 font-weight:bold;
}

.errors
{
 color:#ff0000;
 font-weight:bold;
 text-align:center;
}

.messages
{
 color:#2181BE;
 font-weight:bold;
 text-align:center;
}

.date {
 background-image: url(images/icon_date.gif);
 background-repeat : no-repeat;
 background-position : left center;
 padding:2px 0px 2px 20px;
 margin-top:2px;
}



.fixed_sys {
 text-align:center;
 background-color:inherit; 
color : #2181BE;
font:15px Arial, "Trebuchet MS", arial, Tahoma, Helvetica, sans-serif;
font-weight:bold;
}

/**********FORM STUFF************/

input, textarea, select{
 background-image: url(images/inputbg.jpg);
 background-repeat : repeat-x;
 border: 1px solid #DDDDDD;
 margin-top: .5em;
 padding: 2px;
 font:11px Tahoma, Arial, Helvetica, sans-serif;
 }

form{
 margin:0px;
 }

.cssform p{
width: 365px;
clear: left;
margin: 0;
padding-left: 105px; /*width of left column containing the label elements*/
height: 1%;
}

.cssform label{
font-weight: bold;
float: left;
margin-top: 8px; /*width of left column*/
margin-left: -95px; /*width of left column*/
width: 255px; /*width of labels. Should be smaller than left column (155px) to create some right margin*/
}

.cssform p.rate{
width: 365px;
clear: left;
margin: 0;
padding-left: 5px; /*width of left column containing the label elements*/
height: 1%;
}

.submitbutton{
 background-image: url(images/headerbg.gif);
 background-repeat : repeat-x;
 padding:4px;
 background-color : inherit;
 color : #ffffff;
 font-weight:bold;
 }

.cssform textarea{
width: 192px;
height: 150px;
}

.categoryselectors{
width: 200px;
}

/**********FORM STUFF************/

#pagewidth{ 
 width:990px; 
 text-align:left;  
 margin-left:auto; 
 margin-right:auto;  
} 
 
#headernavigation{
 position:relative; 
 height:70px; 
 background-image: url(images/image_01.jpg);
 width:100%;
} 
 
#header{
 position:relative; 
 height:185px;
 background-image: url(images/image_02.jpg);
 width:100%;
 text-align:right;
}

.headerad{
	padding-right:50px;
	padding-top:165px;
}

#contentwrapper{
 background-image: url(images/image_03.jpg);
 background-position : top center;
 background-repeat:repeat-y;
}
 
#leftcol{
 width:229px; 
 float:left; 
 position:relative; 
 }

#leftnavcontainer{
 padding-left: 25px;
 padding-right: 10px;
 padding-top: 10px;
 }
 
#twocols{
 width:761px; 
 float:right; 
 position:relative; 
  }
 
#rightcol{
 width:232px; 
 float:right; 
 position:relative; 
 }

#rightnavcontainer{
 padding-left: 10px;
 padding-right: 35px;
 padding-top: 10px;
 }
 
#maincol{
 float: left; 
 display:inline; 
 position: relative; 
 width:529px;
 }

#maincol p{margin:1em;}

#maincontainerheader{
 padding-top : 15px;
 padding-bottom : 35px;
 padding-right : 15px;
 padding-left : 15px;
 }
 
.gardenimage{
 width:210px;
 float:left;
 margin-bottom:15px;
}

.welcometextcontainer{
 width:290px;
 padding-top:10px;
 padding-right:10px;
 float:left;
}

.leftfloater{
 float:left;
 text-align:left;
 width:49%;
 }

.leftfloatern{
 float:left;
 text-align:left;
 }

.rightfloater{
 float:right;
 text-align:right;
 width:49%;
 }

.rightfloatern{
 float:right;
 text-align:right;
 }

.leftfloater2{
 float:left;
 width:49%;
 text-align:center;
 }

.rightfloater2{
 float:right;
 text-align:left;
 width:49%;
 }

.smallcontainer1{
 float:left;
 width:12%;
 }

.smallcontainer2{
 float:left;
 }

.latesttutorials{
 float:left;
 text-align:left;
 width:45%;
 position: relative;
 padding-top:10px;
 padding-left:15px;
 padding-bottom:10px;
 }

.latestrss{
 float:right;
 text-align:right;
 width:45%;
 position: relative;
 padding-top:10px;
 padding-right:15px;
 padding-bottom:10px;
 }

.code{
 float:left;
 width:25%;
 text-align:left;
 }

.blockdiv{
 float:left;
 display:block;
 width:100%;
 text-align:center;
 }

.blockdiv2{
 width:100%;
 text-align:left;
 position: relative; 
 }

.tutorialrow1{
 clear:both;
 float:left;
 width:489px;
 margin:0px;
 padding-left : 20px;
 padding-right : 20px;
 padding-top : 10px;
 padding-bottom : 10px;
 background-image: url(images/tutorial_row2.jpg);
 border-top : #FEFEFE 1px solid;
 border-bottom : #DEDEDE 1px solid;
 }

.tutorialrow2{
 clear:both;
 float:left;
 width:489px;
 margin:0px;
 padding-left : 20px;
 padding-right : 20px;
 padding-top : 10px;
 padding-bottom : 10px;
 background-image: url(images/tutorial_row1.jpg);
 border-top : #FEFEFE 1px solid;
 border-bottom : #DEDEDE 1px solid;
 }

.advertiserow{
 clear:both;
 float:left;
 width:489px;
 margin:0px;
 padding-left : 20px;
 padding-right : 20px;
 padding-top : 10px;
 padding-bottom : 10px;
 background-image: url(images/ad_row.jpg);
 text-align:center;
 }

.tutorial_tn{
 background-image: url(images/tn_bg.png);
 width : 58px;
 height : 56px;
 padding-top:6px;
 text-align : center;
 float : left;
 }
 
.thumbnails{
 width : 50px;
 height : 50px;
 border : 0px;
 }
 
.tutorial_details_report{
 width : 50px;
 float:right;
 text-align:right;
 }

.tutorial_details{
 width : 370px;
 padding-left : 10px;
 background-color : inherit;
 color : #2181BE;
 font-weight : bold;
 float:left;
 margin:0px;
 font-size:11px;
 }

.tutorial_details a{
 background-color : inherit;
 color : #2181BE;
 text-decoration : none;
 font-weight : bold;
 }

.tutorial_details a:hover{
 background-color : inherit;
 color : #3d3d3d;
 text-decoration : underline;
 font-weight : bold;
 }
 
.tutorial_details_left{
 padding-left : 10px;
 margin-top : 15px;
 width : 250px;
 float:left;
 text-align:left;
 overflow:hidden;
 }
 
.tutorial_details_right{
 margin-top : 15px;
 width : 150px;
 float:right;
 text-align:right;
 overflow:hidden;
 }
 
 

.article_tn{
 width : 115px;
 height : 110px;
 text-align : center;
 float : left;
 }

.articleimg{
 max-width : 100%;
 border:none;
 text-align:center;
 margin-left:auto;
 margin-right:auto;
 display:block;
 margin-top:15px;
}
 
.article_padder{
 margin:5px 0;
}

.article_thumbnails{
 width : 100px;
 height : 100px;
 border : 0px;
 border:4px solid #DEDEDE;
 }
 
.article_details_left{
 margin-left : 10px;
 width : 350px;
 float:left;
 text-align:justify;
 overflow:hidden;
 }
 
.article_details_left2{
 padding-left : 10px;
 margin-top : 15px;
 width : 340px;
 float:left;
 text-align:justify;
 overflow:hidden;
 }
 
 

.resourcerow1{
 float:left;
 width:225px;
 height:190px;
 margin:0px;
 padding-left : 20px;
 padding-right : 20px;
 padding-top : 10px;
 background-image: url(images/tutorial_row2.jpg);
 border-top : #FEFEFE 1px solid;
 border-bottom : #DEDEDE 1px solid;
 }

.resourcerow2{
 float:left;
 width:224px;
 height:190px;
 margin:0px;
 padding-left : 20px;
 padding-right : 20px;
 padding-top : 10px;
 background-image: url(images/tutorial_row1.jpg);
 background-position: top right;
 border-top : #FEFEFE 1px solid;
 border-bottom : #DEDEDE 1px solid;
 }
 
.resourcerow3{
 float:left;
 width:225px;
 height:190px;
 margin:0px;
 padding-left : 20px;
 padding-right : 20px;
 padding-top : 10px;
 background-image: url(images/tutorial_row2.jpg);
 background-position: top right;
 border-top : #FEFEFE 1px solid;
 border-bottom : #DEDEDE 1px solid;
 }

.resourcerow4{
 float:left;
 width:224px;
 height:190px;
 margin:0px;
 padding-left : 20px;
 padding-right : 20px;
 padding-top : 10px;
 background-image: url(images/tutorial_row1.jpg);
 background-position: top left;
 border-top : #FEFEFE 1px solid;
 border-bottom : #DEDEDE 1px solid;
 }

.tutorial_tn2{
 width : 100%;
 padding-top:6px;
 text-align : center;
 float : left;
 height : 128px;
 }
 
.thumbnails2{
 width : 125px;
 height : 125px;
 border-top : none;
 border-right : none;
 border-left : none;
 border: none;
 }

.tutorial_details2{
 width: 100%;
 margin : 5px 0;
 background-color : inherit;
 float:left;
 text-align:center;
 }
 
 
.contentsholder{
 width : 527px;
 text-align : left;
 background-color : #ffffff;
 color : inherit;
 }
 
.contentsheader{
 width:511px;
 background-image : url(images/headerbg.gif);
 border-right : #E7E7E7 1px solid;
 border-left : #E7E7E7 1px solid;
 padding : 8px;
 font-size:12px;
 font-weight : bold;
 background-color : inherit;
 color : #ffffff;
 }
 

 
.contents{
 width:526px;
 text-align : left;
 background-image : url(images/cbbg.gif);
 background-position : bottom center;
 background-repeat : repeat-x;
 border-right : #E7E7E7 1px solid;
 border-left : #E7E7E7 1px solid;
 border-top : #E7E7E7 1px solid;
 padding-bottom : 5px;
 float:left;
 background-color : #ffffff;
 color : inherit;
 }
 
.contentspadder{
 text-align : left;
 padding-top : 10px;
 padding-bottom : 10px;
 padding-left : 15px;
 padding-right : 15px;
 display : block;
 float:left;
 }
 
 
 
#footer{
 height:40px; 
 clear:both;
 background-image: url(images/image_05.jpg);
 }
 
 
#footernotes{
 margin-left : 40px;
 margin-right : 40px;
 height:40px; 
 clear:both;
 font-size:11px;
 }
 
.rss{
 border : 0px;
 }
 
h3.headingimages{
 padding-top : 1px;
 padding-bottom : 1px;
 margin:0px;
 color:#0191D0;
 font:17px "Trebuchet MS", arial, Tahoma, Helvetica, sans-serif;
 font-weight:bold;
 background-color:inherit;
 text-transform:uppercase;
 }

.mainheadings
{
 padding : 1px 0px 7px 0px;
 margin:0px;
 color:#0191D0;
 font:17px "Trebuchet MS", arial, Tahoma, Helvetica, sans-serif;
 font-weight:bold;
 background-color:inherit;
 text-transform:uppercase;
}
 
.headingimages2{
 margin-top : 10px;
 margin-bottom : 10px;
 border:0px;
 float:left;
 }
 

#categoryholder {
 padding-left : 5px;
 padding-bottom : 25px;
 }

.caticon{
 vertical-align:middle;
 margin: 0px 8px 0px 0px;
 }

.caticon2{
 vertical-align:middle;
 margin: 0px 4px 2px 0px;
 }

.category, .category a {
 background-color : inherit;
 font-size : 12px;
 color : #2181BE;
 font-weight : bold;
 padding-top : 10px;
 cursor : pointer;
 }
 

.subcategory {
 background-color : inherit;
 color : #3d3d3d;
 padding-top : 3px;
 padding-left : 23px;
 }
 

.subcategory ul{
 /*list-style-type: square;*/
 list-style-type: none;
 margin : 0px;
 padding : 0px;
 }
 
.subcategory li{
 margin-left : -13px;
 padding-left : 17px;
 margin-top : 3px;
 background-image : url(images/cat_indent.gif);
 background-position : left center;
 background-repeat : no-repeat;
 }

.subcategory li a{
 background-color : inherit;
 color : #3d3d3d;
 text-decoration : none;
 }

.subcategory li a:hover{
 background-color : inherit;
 color : #3d3d3d;
 text-decoration : underline;
 }
 

.friendsholder {
 padding-top : 8px;
 padding-left : 5px;
 padding-bottom : 25px;
 }
 
.friendsleft{
 float:left;
 width:160px;
 }
 
.friendsright{
 float:right;
 width:25px;
 }

.friendsholder a {
 background-color : inherit;
 color : #3d3d3d;
 text-decoration : none;
 }

.friendsholder a:hover {
 background-color : inherit;
 color : #3d3d3d;
 text-decoration : underline;
 }

.advertisers {
 padding-top : 8px;
 padding-left : 5px;
 /*font:13px Arial, Helvetica, sans-serif;*/
 color : #3d3d3d;
 background-color : inherit;
 }
 
.advertisers p {
 padding:0px;
 margin:0px;
 }
 
.advertisers a {
 background-color : inherit;
 color : #2181BE;
 text-decoration : none;
 font-weight : bold;
 }

.advertisers a:hover {
 background-color : inherit;
 color : #3d3d3d;
 text-decoration : underline;
 }
 
a.bluelinks {
 background-color : inherit;
 color : #2181BE;
 text-decoration : none;
 font-weight : bold;
 }

a.bluelinks:hover {
 background-color : inherit;
 color : #3d3d3d;
 text-decoration : underline;
 }
 
a.smalllinks{
 font-size:10px;
 background-color : inherit;
 color : #2181BE;
 text-decoration : none;
 font-weight : normal;
 }
 
a.smalllinks:hover{
 color : #2181BE;
 text-decoration : none;
 }
 
a.newlinks{
 font-weight : bold;
 background-image: url(images/icon_page.gif);
 background-repeat : no-repeat;
 background-position : left center;
 padding:2px 0px 2px 20px;
 margin-bottom:2px;
 display:block;
 }
 
a.newlinks:hover{
 color:#2181BE;
 background-color:inherit;
 }
 
a.adlinks{
 font-size:11px;
 background-color : inherit;
 color : #2181BE;
 text-decoration : underline;
 font-weight : bold;
 }
 
a.adlinks:hover{
 background-color : inherit;
 color : #2181BE;
 text-decoration : underline;
 font-weight : bold;
 }

.biglinks
{
 background-color:inherit; 
 color : #2181BE;
 font:15px Arial, "Trebuchet MS", arial, Tahoma, Helvetica, sans-serif;
 text-decoration:none;
 font-weight:bold;
 margin-bottom:4px;
 margin-top:0px;
}

.biglinks a:hover
{
 background-color:inherit; 
 color : #2181BE;
 text-decoration:underline;
}
 
.centeral{
 width : 100%;
 text-align : center;
 }
 
.notification{
 position : relative;
 float:left;
 width : 100%;
 height:185px;
 background-image : url(images/notification.jpg);
 background-repeat : no-repeat;
 background-position : top center;
 text-align : center;
 }
 
.notificationpadder{
 float:right;
 width:205px;
 font-size:12px;
 background-color : inherit;
 color : #2181BE;
 font-weight : bold;
 padding-top: 50px;
 padding-right: 170px;
 }
 
/************************************ TOP NAV *************************************/
.halfmoon{
margin-bottom: 0em;
}

.halfmoon ul{
padding: 36px 40px 2px 5px;
margin-left: 0;
margin-top: 1px;
margin-bottom: 0;
list-style-type: none;
text-align: right; /*set to left, center, or right to align the menu as desired*/
}

.halfmoon li{
display: inline;
margin: 0;
}

.halfmoon li a{
text-decoration: none;
padding: 15px 15px 18px 15px;
background-color:inherit; 
color : #3d3d3d;
font:14px Arial, "Trebuchet MS", arial, Tahoma, Helvetica, sans-serif;
font-weight:bold;
}

.halfmoon li a:hover{
background-color: #CDDADA;
color: #ffffff;
background-image: url(images/tab.jpg);
background-position : top center;
background-repeat :repeat-x;
}






#slidetabsmenu {
width:100%;
margin: 0em;
padding:0px;
}

#slidetabsmenu ul{
float:right;
padding: 22px 40px 0px 40px;
/*padding: 22px 22px 0px 5px;*/
margin-left: 0;
margin-top: 1px;
margin-bottom: 0;
list-style-type: none;
text-align: center; /*set to left, center, or right to align the menu as desired*/
}

#slidetabsmenu li{
display:inline;
margin:0;
padding:0;
}

#slidetabsmenu a {
float:left;
background:url(images/tab-left.gif) no-repeat left top;
margin:0;
padding:0 0 1px 7px;
text-decoration:none;
background-color:inherit; 
color : #3d3d3d;
font:12px Arial, "Trebuchet MS", arial, Tahoma, Helvetica, sans-serif;
}

#slidetabsmenu a span {
float:left;
display:block;
background:url(images/tab-right.gif) no-repeat right top;
padding: 15px 15px 16px 7px;
font-weight:bold;
}

/* Commented Backslash Hack hides rule from IE5-Mac \*/
#slidetabsmenu a span {float:none;}
/* End IE5-Mac hack */

#slidetabsmenu a:hover span {
background-color: inherit;
color: #ffffff;
}

#slidetabsmenu #current a {
background-position:0 -125px;
margin-left:4px;
}

#slidetabsmenu #current a span {
background-position:100% -125px;
background-color: inherit;
margin-right:4px;
color: #ffffff;
}

#slidetabsmenu a:hover {
background-position:0% -125px;
}

#slidetabsmenu a:hover span {
background-position:100% -125px;
}

/************************************ TOP NAV *************************************/



/************************* PAGINATION **************************************/
.pagination{
float: left;
margin-top: 20px;
margin-left:auto;
margin-right:auto;
width:100%;
}

.pagination ul{
margin: 0;
padding: 0;
text-align: center;
}

.pagination li{
list-style-type: none;
display: inline;
padding-bottom: 1px;
}

.pagination a, .pagination a:visited{
padding: 5px 8px;
text-decoration: none; 
background-color: inherit;
color: #0191D0;
font-weight: bold;
}

.pagination a:hover, .pagination a:active{
color: #ffffff;
background-image: url(images/pagination_bg.png);
background-position: top center;
background-repeat: no-repeat;
text-decoration: none; 
}

.pagination li.currentpage{
font-weight: bold;
padding: 5px 9px;
background-color: inherit;
color: #ffffff;
background-image: url(images/pagination_bg.png);
background-position: top center;
background-repeat: no-repeat;
}

.pagination li.disablepage{
padding: 0 5px;
border: 1px solid #929292;
color: #929292;
}

.pagination li.nextpage{
font-weight: bold;
}

* html .pagination li.currentpage, * html .pagination li.disablepage{ /*IE 6 and below. Adjust non linked LIs slightly to account for bugs*/
padding-right: 9px;
padding-left: 9px;
}
/************************* PAGINATION **************************************/




/************************* RATING **************************************/
.star-rating-w
{
	width: 55px;
	text-align:right;
	/*border:1px solid #f00;*/
	float:right;
	position: relative;
}

.star-rating{
	list-style:none;
	margin: 0px;
	padding:0px;
	width: 55px;
	height: 12px;
	position: relative;
	background: url(images/ratebar.gif) top left repeat-x;
	float: right;
	font-size:1px;
}

.star-rating ul{
	padding:0px;
	margin:0px;
}
.star-rating li{
	padding:0px;
	margin:0px;
	/*\*/
	float: left;
	/* */
}
.star-rating li a{
	display:block;
	width:11px;
	height: 12px;
	text-decoration: none;
	text-indent: -9000px;
	z-index: 20;
	position: absolute;
	padding: 0px;
}
.star-rating li a:hover{
	background: url(images/ratebar.gif) left bottom;
	z-index: 2;
	left: 0px;
}
.star-rating a.one-star{
	left: 0px;
}
.star-rating a.one-star:hover{
	width:11px;
}
.star-rating a.two-stars{
	left:11px;
}
.star-rating a.two-stars:hover{
	width: 22px;
}
.star-rating a.three-stars{
	left: 22px;
}
.star-rating a.three-stars:hover{
	width: 33px;
}
.star-rating a.four-stars{
	left: 33px;
}	
.star-rating a.four-stars:hover{
	width: 44px;
}
.star-rating a.five-stars{
	left: 44px;
}
.star-rating a.five-stars:hover{
	width: 55px;
}
.star-rating li.current-rating{
	background: url(images/ratebar.gif) left bottom;
	height: 12px;
	display: block;
	text-indent: -9000px;
	z-index: 1;
}
/************************* RATING **************************************/




/************************* DEVELOPERS **************************************/
.developers {
font-size:11px;
line-height:17px;
}

.developers2 {
font-size:11px;
line-height:17px;
padding-left:10px;
padding-right:10px;
padding-top:10px;
}

.developers ul{
list-style-type: square;
margin: 0;
padding: 0;
}

.developers li{
display: inline;
margin-bottom: 3px;
margin-top: 3px;
}

h3.devheading, h3.devheading a {
background-color:inherit; 
color : #2181BE;
font:15px Arial, "Trebuchet MS", arial, Tahoma, Helvetica, sans-serif;
text-decoration:underline;
font-weight:bold;
margin-bottom:4px;
margin-top:0px;
}

h3.devheading2, h3.devheading2 a {
background-color:inherit; 
color : #2181BE;
font:15px Arial, "Trebuchet MS", arial, Tahoma, Helvetica, sans-serif;
text-decoration:none;
font-weight:bold;
margin-bottom:4px;
margin-top:0px;
}

h3.devheading2 a:hover {
text-decoration:underline;
}

h3.subdevheading {
background-color:inherit; 
color : #2181BE;
font:12px Arial, "Trebuchet MS", arial, Tahoma, Helvetica, sans-serif;
font-weight:bold;
margin-bottom:0px;
margin-top:5px;
}

h3.subdevheading a {
background-color:inherit; 
color : #2181BE;
font:12px Arial, "Trebuchet MS", arial, Tahoma, Helvetica, sans-serif;
font-weight:bold;
}

.devpadder {
padding-left:5px;
padding-right:5px;
}

.devpadder pre {
line-height:8px;
font-size:11px;
font-weight:bold;
}

div.codeexamples {
 width: 100%;
 height: auto;
 white-space: nowrap;
 overflow: auto;
}

.code{
 font-family: "courier new", "times new roman", monospace;
 font-size: 12px;
 font-weight:bold;
 padding-right:5px;
 width:auto;
 }
/************************* DEVELOPERS **************************************/




/************************* ARTICLES **************************************/
.stepnumber{
 background:url(images/numberbg.jpg) no-repeat center bottom;
 color : #ffffff;
 font-weight:bold;
 font:12px Georgia, Arial, "Trebuchet MS", arial, Tahoma, Helvetica, sans-serif;
 padding:3px 8px;
 margin-left:-4px;
}

.centeralimages{
 width : 100%;
 text-align : center;
 white-space: nowrap;
 overflow: auto;
 }
 
.bmimages{
 border:none;
 padding:2px;
}

.articlearea{
 font:12px Verdana,Tahoma, "Trebuchet MS", arial, Helvetica, sans-serif;
 line-height:19px;
 background-color:inherit; 
 color : #000;
 letter-spacing: 0px;
}

.articlearea p{
 padding:5px 0;
 margin:5px 0;
}

.articlearea h3{
 margin:0px;
 padding:0px;
 background-color:inherit; 
 color : #3d3d3d;
 font:13px Arial, "Trebuchet MS", arial, Tahoma, Helvetica, sans-serif;
 font-weight:bold;
 text-transform:uppercase;
 text-decoration:underline;
}

.articlearea .code{
 font-family: "courier new", "times new roman", monospace;
 font-size: 12px;
 font-weight:normal;
 margin:10px 0px 20px 0;
 padding:5px;
 border:1px dashed #2181BE;
 background-color:#eaf4ff;
 color:inherit;
 /*overflow:auto;*/
 width:465px;
 }

.articlearea .code p{
 }
 
 .articlearea pre#code{
 width:465px;
 }
/************************* ARTICLES **************************************/






/************************* TAGS **************************************/
.tags_1, a.tags_1{
 padding:0px;
 margin:0px;
 display:inline;
 font:25px Georgia, Arial, "Trebuchet MS", arial, Tahoma, Helvetica, sans-serif;
 font-weight:bold;
}

.tags_2, a.tags_2{
 padding:0px;
 margin:0px;
 display:inline;
 font:15px Arial, "Trebuchet MS", arial, Tahoma, Helvetica, sans-serif;
 font-weight:bold;
}

.tags_3, a.tags_3{
 padding:0px;
 margin:0px;
 display:inline;
 font:17px "Trebuchet MS", arial, Tahoma, Helvetica, sans-serif;
 font-weight:bold;
}

.tags_4, a.tags_4{
 padding:0px;
 margin:0px;
 display:inline;
 font:13px Tahoma, Helvetica, sans-serif;
 font-weight:bold;
}

.tags_5, a.tags_5{
 padding:0px;
 margin:0px;
 display:inline;
 font:20px Georgia, Arial, Tahoma, Helvetica, sans-serif;
 font-weight:bold;
}
/************************* TAGS **************************************/


 
 

 
 /* *** Float containers fix:
 http://www.csscreator.com/attributes/containedfloat.php *** */ 
.clearfix:after { 
content:"."; 
display:block; 
height:0; 
clear:both; 
visibility:hidden; 
} 
.clearfix {display:inline-block;} 
/* Hide from IE Mac \*/ 
.clearfix {display:block;} 
/* End hide from IE Mac */ 
.clearfix {height:1%;} 


 
 /*printer styles*/ 
 @media print{ 
/*hide the left column when printing*/ 
#leftcol{display:none;} 

/*hide the right column when printing*/ 
#rightcol{display:none;} 
#twocols, #maincol{width:100%; float:none;}
}

/**** Right Column Plugs ****/
.tutorial_right{
	clear: left;
	border-bottom: 1px dashed #0099FF;
	margin: 5px 0 5px 0;
	font-size: 8pt;
}

.tutorial_right_picture{
	float: left;
	padding: 0 5px 5px 0;
}

.tutorial_right a{
	color: #2181BE;
	text-decoration: none;
	font-weight: bold;
}

.tutorial_right a:hover{
	color: #3D3D3D;
	text-decoration: underline;
}

.tutorial_right_summary{
	margin-bottom: 5px;
}

.tutorial_right_details{
	width: 180px;
	margin-bottom: 3px;
	clear: left;
}