body {
	background-color: #333333;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	font-size: 1em;
	line-height: 1.3em;
	letter-spacing:.01em ;
	word-spacing: .05em;
	font-family: Arial;
	color: #000000;
	background-image:url(../images/bodybg.jpg);
	background-repeat:repeat-x;
}
h1 {
	font-size: 1.9em;
	padding: 25px 0 5px 0;
	margin: 0 auto 15px auto;
	text-align:center;
	width:60%;
	line-height: 1.2em;
	color:#106C93;
}
h2 {
	font-size: 1.4em;
	padding: 5px 0 5px 0;
	margin: 55px 0 0 0;
}
h3 {
	font-size: 1.3em;
	padding: 5px 0 5px 0;
	margin: auto;
}
h4 {
	font-size: 1em;
	padding: 5px 0 5px 0;
	margin: auto;
}
h6 {
	background-color: #ffffff;
	color: #559F3C;
  text-align:right;
  text-decoration:none;
  font-size: 1.4em;
	padding: 5px 0 5px 0;
	margin: 55px 0 0 0;
}
h6 a{
  text-decoration:none;
}
a:link {
	color: #106C93;
}
a:active {
	color: #559F3C;
}
a:hover {
	color: #559F3C;
}
a:visited {
	color: #559F3C;
}
/*
Header & Logo in #head
*/
#header {
	top:0px;
	left:0px;
	width:100%;
	height: 200px;
	text-align: center;
	vertical-align: middle;
	margin: 0 auto 0 auto;

}
#head {
	position:relative; /* This Fixes the placement issue in IE for #contact and #menu too */
	background-color: #333333;
	width:898px;
	height:175px;
	margin: 0 auto 0 auto;
	padding: 0 0 0 0;
	font-size: 1em;
	font-family: Arial;
	color: #ffffff;
	background-image:url(../images/headbg.jpg);
	background-repeat:no-repeat;	
}
/*
Got a Question
*/
#contact {
	position:absolute; /*This Fixes the placement issue in IE  also in #menu */
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	list-style:none;
	top:32px;
	left:579px;
	width:238px;
	height:65px;
	background-image:url(../images/contact.jpg);
	background-repeat:no-repeat;	
}
#contact_current {
	position:absolute; /*This Fixes the placement issue in IE  also in #menu */
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	list-style:none;
	top:32px;
	left:579px;
	width:238px;
	height:65px;
	background-image:url(../images/contact.jpg);
	background-repeat:no-repeat;
	border:2px dotted #ffffff;
}
#contact a{
	text-decoration:none;			
}	
#question {
	display:block;
	width:238px;
	height:65px;
}
#question:hover {
	display:block;
	width:234px; /* Because of IE I had to actually compensate */
	height:61px; /* For the width and height of the added 2px border */
	border:2px dashed #ffffff;
}
#questioncurrent {
	display:block;
	width:234px; /* Because of IE I had to actually compensate */
	height:61px; /* For the width and height of the added 2px border */
	border:2px dashed #ffffff;
}
/*
Main Menu
*/
#menu {
	position:absolute; /*This Fixes the placement issue in IE  also in #menu */
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	list-style:none;
	top:137px;
	left:415px;
	width:441px;
	height:38px;
	background-image:url(../images/menu-trans.gif);
	background-repeat:no-repeat;	
}
#menu li{
	margin: 0; 
	padding: 0; 
	list-style: none;
	position: absolute; 
	top: 0;
}
#menu li a {
	display: block;
	height: 38px; 
	text-decoration:none;
}
/*
Menu Buttons Normal State
*/
#home {left: 0; width: 76px; }
#setup {left: 76px; width: 75px;}
#basics {left: 151px; width: 73px; }
#style {left: 226px; width: 65px; }
#video {left: 293px; width: 72px; }
#links {left: 366px; width: 65px;}
/*
Menu Buttons Hover State
*/
#home:hover {left: 0; width: 76px; background: transparent url(../images/menu-trans.gif) 0 -38px no-repeat;}
#setup:hover {left: 77px; width: 75px; background: transparent url(../images/menu-trans.gif) -76px -38px no-repeat;}
#basics:hover {left: 153px; width: 73px; background: transparent url(../images/menu-trans.gif) -151px -38px no-repeat;}
#style:hover {left: 226px; width: 65px; background: transparent url(../images/menu-trans.gif) -226px -38px no-repeat;}
#video:hover {left: 293px; width: 72px; background: transparent url(../images/menu-trans.gif) -293px -38px no-repeat;}
#links:hover {left: 366px; width: 65px; background: transparent url(../images/menu-trans.gif) -366px -38px no-repeat;}
/*
Menu Buttons Selected State
*/
#home.current {left: 5; width: 74px; background: transparent url(../images/menu-trans.gif) 0 -38px no-repeat;}
#setup.current{left: 76px; width: 75px; background: transparent url(../images/menu-trans.gif) -76px -38px no-repeat;}
#basics.current {left: 151px; width: 73px; background: transparent url(../images/menu-trans.gif) -151px -38px no-repeat;}
#style.current {left: 226px; width: 65px; background: transparent url(../images/menu-trans.gif) -226px -38px no-repeat;}
#video.current{left: 291px; width: 73px; background: transparent url(../images/menu-trans.gif) -291px -38px no-repeat;}
#links.current {left: 366px; width: 65px; background: transparent url(../images/menu-trans.gif) -366px -38px no-repeat; }
.current {border-left:1px dotted #8DC13E;border-right:1px dotted #8DC13E;/*border-bottom:1px solid #8DC13E;*/height:30px;}

/*
Keep Menu Text hidden but visible for screen readers and spiders
*/                                                                                                                       
.hidetext {
	visibility: hidden;		
}
/*
Begin Page Content Layout
*/
#contentholder {
	width:900px;
	margin:5px auto 0 auto;
}
#content {
	width:900px;
	margin:0 auto 0px auto;
	padding:0;
	background-color: #ffffff;
	background-image:url(../images/content-bottom.jpg);
	background-position:bottom;
	background-repeat:no-repeat;
	color:#000000;
}
#content-top {
	display:block;
	width:100%;
	height:37px;
	margin:0;
	padding:0;
	background-image:url(../images/content-top.jpg);
	background-position:bottom;
	background-repeat:no-repeat;
}
#content-body {
	width:80%;
	margin: 0 auto 0 auto;
	padding:0 0 30px 0;
}
/*
Footer menu and copyright
*/
#footmenu {
	height:20px;
	list-style:none;
	font-size:12px;
	margin:0 0 0 -25px;
	
}
#footmenu li{
	display:inline;
	color:#559F3C;
	margin:0 5px 0 0;
}
#footmenu li a{
	display:inline;
	color:#559F3C;
}
#copyright {
	width:100%;
	margin: 0 auto 0 auto;
	padding:45px 0 20px 0;
	font-size:10px;
	color:#333333;
	text-align:center;
}
/*
Tutorial Text Styles for tables and Code Samples
*/
table {
	border-collapse: collapse;
	border: 1px solid #333333;
	width:90%;
	font-family: Verdana;
	font-size: 1em;
	background-color: #ffffff;
	margin:0 auto 0 auto;
}
tr{
 	border: 1px solid #333333; 
}
th {
	color: #fff;
	border: 1px solid #333333;
	padding: .5em;
	font-family: Verdana;
	background-color: #333333;
}
td {
	border: 1px solid #333333;
	padding: .5em;
	font-family: Verdana;
	vertical-align:top;
}
code {
  display:block;
  margin:15px 35px 15px 35px;
  padding:10px 0 10px 10px ;
  background-color: #efefef;
  border:1px dashed #333333;
  width:auto; 
}

/*
Below is the VideoPlayer Settings
*/

.vidplayer {
	width:640px;
	margin:15px auto 30px auto;	
}

#Subscribe {
  width: 100%;
  font-size: 1em;
  padding: 10px 0 0 0;
  margin: 0 auto 50px auto;
  text-align:center;
}

/*
Below is the Accoridion Effect
*/
.accordion_toggle {
	display: block;
	height: 40px;
	width: 700px;
	background-color:#106C93;
	color: #ffffff;
	font-size:1.3em;
	text-decoration: none;
	line-height:30px;
	outline: none;
	color: #ffffff;
	border-bottom: 5px solid #ffffff;
	cursor: pointer;
	padding: 10px 0 0 20px;
	margin:0 0 0 0;  			
}
.accordion_toggle:hover {
	display: block;
	height: 40px;
	width: 700px;
	background-color:#559F3C;
	color: #ffffff;
	line-height:30px;
	text-decoration: none;
	outline: none;
	color: #ffffff;
	border-bottom: 5px solid #ffffff;
	cursor: pointer;
	padding: 10px 0 0 20px;
	margin:0 0 0 0;    
}
.accordion_toggle_active {
	background-color:#559F3C;
	color: #ffffff;
	border-bottom: 5px solid #ffffff;
}
.accordion_content {
	background-color: #ffffff;
	color: #444444;
	overflow: hidden;
}
.accordion_content h2 {
	background-color: #ffffff;
	color: #559F3C;
	padding:0 55px 5px 0;
	margin:20px 0 20px 0;
  height: 45px;
  border-bottom:2px dashed #559F3C;
}
.accordion_content h6 {
  width: 300px;
	background-color: #559F3C;
	color: #559F3C;
  height: 35px;
  margin: 0 auto 25px auto;
  padding: 12px 10px 0 10px;
  color:#ffffff;
  font-size: 1.4em;
  text-align:center;
}
.accordion_content h6 a{
  color:#ffffff;
  text-decoration:none;
}
.accordion_content p {
	padding: 5px 10px 15px 10px;
}
#top {
  margin:0 0 0 0;
  padding:0 0 0 0;
  display:none;
}
/*
All Forms Styles
*/
#forms {
  width:440px;
  margin:0 auto 0 auto;
}
input {
  border:1px solid #559f3c;
  padding: 5px 5px 5px 5px;
  
}
textarea {
  border:1px solid #559f3c;
  padding: 5px 5px 5px 5px;
}
.button {
  border:none;
  background-color:#106C93;
  color:#ffffff;
  font-size:1em;
  padding: 5px 5px 5px 5px;
  float:right;
}
.button:hover {
  border:none;
  background-color:#559f3c;
  color:#ffffff;
  font-size:1em;
  padding: 5px 5px 5px 5px;
  float:right;
}