@charset "utf-8";
/* This is a loving anc caring CSS Document */
body,td,th {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
}
body {
	background-color: #022DAD;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-image: url(images/bg.jpg);
	background-repeat: repeat-x;
	background-position: center bottom;
	background-attachment: fixed;
}


.mainborder {
	border: 0px solid #333333;
} /*border that's wrapping the container*/

a:link {
	color: #3366FF;
	text-decoration: none;
}
a:visited {
	color: #33CC33;
	text-decoration: none;
}
a:hover {
	color: #3399FF;
	text-decoration: underline;
}
a:active {
	color: #3399FF;
	text-decoration: none;
}

.greygrad {
	background-attachment: fixed;
	background-image: url(images/gradient_grey.jpg);
	background-repeat: repeat-x;
}/*gray area underneath the banner pic*/

.copyright 
{
	color: #FFFFFF;
}

.boxborders1 {	
	border: 1px solid #009900;
	background-image: url(images/img_grass.jpg);
	text-transform: capitalize;
	line-height: normal;
	background-repeat: repeat-x;
	background-position: bottom;
}/*this wrap around the top 5 or 10 boxes, border and grass bg*/

.diylist {
	font-size: 12px;
	color: #666666;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	list-style-position: outside;
	list-style-image: url(images/bullet_curverow.gif);
	/*list-style-image: url(images/diyimages/grasslist.jpg);*/
	line-height: 17px;
	text-transform: capitalize;
	font-variant: normal;
}/*style the text in tutorial page and index*/

/*bubble bg and text for the header in video and tutorial page*/
.diybubble {
	background-image: url(images/bkgrnd_diybubble.gif);
	background-repeat: no-repeat;
	height: 31px;
	vertical-align: text-top;
}

.diybubbletext {
	font-size: 16px;
	color: #009933;
	line-height: normal;
	text-transform: capitalize;
	margin: 2px;
	padding-left: 10px;
}

.headlinetext1 {
	font-size: 18px;
	color: #009900;
	line-height: normal;
	text-transform: capitalize;
}/*in video page, tutorial page, index... blank diy is set at 18px, all other pages was 16px font*/

.headlinetext2 {
	font-size: 16px;
	color: #009900;
	line-height: normal;
	text-transform: capitalize;
	height: 35px;
}/*in some how to*/

.diytop5border {
	border-top-style: dotted;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-color: #0099FF;
	border-right-color: #0099FF;
	border-bottom-color: #0099FF;
	border-left-color: #0099FF;
}/*only for top 5 video, separating each video list with dot borders*/




.diymaintext {
	font-size: 12px;
	color: #666666;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	list-style-position: outside;
	list-style-image: none;
	line-height: 17px;
	text-transform: capitalize;
	font-variant: normal;
}/*only applys to the one that does not have link/

/*
.diybordergdot {
	background-image: url(../images/border_greydot.gif);
	background-repeat: repeat-y;
}/*I don't know where this is applied*/

.style10 {font-size: 16px}
/*subheader font size*/

.style8 {
	font-size: 12px;
	color: #0560A6;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	list-style-position: outside;
	list-style-image: url(images/bullet_curverow.gif);
	line-height: 17px;
	text-transform: none;
	font-variant: normal;
}/*subheader in bold and blue*/

.textstandard {
	font-size: 12px;
	color: #000000;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-weight: normal;
	list-style-position: outside;
	list-style-image: url(images/bullet_curverow.gif);
	line-height: 17px;
	text-transform: none;
	font-variant: normal;
}

.flake {
	background-image: url(images/diyimages/snowflake.jpg);
	background-repeat: no-repeat;
	background-position: right top;
}
.flake2 {
	background-image: url(images/diyimages/snowflake2.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}

.style11 {color: #009900; font-family: Verdana, Arial, Helvetica, sans-serif; list-style-position: outside; list-style-image: url(images/bullet_curverow.gif); line-height: 17px; text-transform: none; font-variant: normal; font-size: 12px;} /*some subtitle*/

.red
{
	color:#990000;
}

.italicboldandgray
{
	color:#333333;
	font-weight:bold;
	font-variant:inherit;
}