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

*
{
margin:0px;
padding:0px;
}


body
{
margin:0px auto;
padding:0px;
background:url(/wp-content/themes/tutorial/images/body.jpg) left top repeat-x;
font:normal 13px/16px Arial, Helvetica, sans-serif;
color:#555544;
}
img
{
margin:0;
padding:0;
border:none;
}
form
{
margin:0px;
padding:0px;
}
p
{
margin:5px 0px;
}

hr
{
background-color: #669922;
margin-top: 15px;
margin-bottom: 20px;
}

h1
{
font:normal 18px/35px Arial, Helvetica, sans-serif;
color:#FFFFFF;
background:url(/wp-content/themes/tutorial/images/football.gif) 5px 4px no-repeat #669922;
margin:0px;
padding:0px 0px 0px 36px;
}

/* CSS Documents for outer layers */

.container
{
width:1000px;
margin:0px auto;
text-align:center;
}
.header
{
width:1000px;
float:left;
text-align:left;
}
.body
{
width:1000px;
float:left;
text-align:left;
padding-top:25px;
}
.footer
{
width:1000px;
float:left;
text-align:left;
font:bold 11px/25px Arial, Helvetica, sans-serif;
color:#FFFFFF;
background:#547F00;
font-weight:normal;
}

/* CSS Documents for header */

.header-top
{
width:1000px;
float:left;
}
.logo
{
width:200px;
height:115px;
float:left;
margin-left:10px;
}
.header-banner
{
width:728px;
height:90px;
float:left;
margin-left:50px;
margin-top:20px;
}
/* CSS Documents for header */

/* CSS Documents for body */

.body-left
{
width:660px;
float:left;
}
.left-box
{
width:163px;
height:auto;
float:left;
text-align:left;
}
.body-middle-box
{
width:478px;
height:auto;
float:right;
text-align:left;
}
.vedio-top-box
{
width:454px;
height:auto;
float:left;
text-align:left;
padding-bottom:10px;
}
.vedio-title
{
width:446px;
height:20px;
float:left;
text-align:left;
background-color: #669922;
font: bold 14px/20px Arial, Helvetica, sans-serif;
color: #FFF;
padding-left:8px;
}
.vedio-inside
{
width:425px;
height:auto;
float:left;
text-align:left;
border:1px solid #bdbdbd;
padding:7px 20px 7px 7px;
color: #949d30;
font: bold 12px/20px Arial, Helvetica, sans-serif;
}
.vedio-inside a
{
color: #949d30;
font: bold 12px/20px Arial, Helvetica, sans-serif;
text-decoration:none;
}
.vedio-inside a:hover
{
color: #949d30;
font: bold 12px/20px Arial, Helvetica, sans-serif;
text-decoration: underline;
}
.latest-vedio-box
{
width:452px;
height:auto;
float:left;
text-align:left;
border:1px solid #d6d6d6;
margin-bottom:20px;
}
.latest-vedio-title
{
width:448px;
height:32px;
float:left;
text-align:left;
background-color: #669922;
padding-left:4px;
font: bold 14px/35px Arial, Helvetica, sans-serif;
color: #FFF;
}
.vedio
{
width:450px;
height:auto;
float:left;
text-align:left;
padding:7px 0px 35px 2px;
}
.vedio ul
{
margin:0px;
padding:0px;
list-style-type:none;
}
.vedio ul li
{
width:80px;
height:auto;
float:left;
text-align:left;
display:block;
margin-right:2px;
}
.vedio ul li a {
color:#336600;
text-decoration:none;
font-size:11px;
font-weight:bold;
}
.vedio ul li.arrow
{
width:18px;
height:36px;
text-align:center;
background-color: #cccccc;
padding-top:24px;
}

.body-right
{
width:300px;
float:right;
}
.right-search-box
{
width:290px;
height:auto;
float:left;
text-align:left;
background-color: #689924;
padding:7px 5px;
font: bold 11px/16px Arial, Helvetica, sans-serif;
color: #FFF;
}
.input
{
width:140px;
height:16px;
text-align:left;
font-size:12px;
font-family:Arial, Helvetica, sans-serif;
font-style:normal;
font-weight:normal;
line-height:16px;
padding-left:2px;
padding-top:2px;
color: #333333;
border:1px solid #a3b87f;
background-color: #FFF;
}
.online-banner-box
{
width:300px;
height:auto;
float:left;
text-align:left;
padding:25px 0px 10px 0px;
}
.blog-box
{
width:298px;
height:auto;
float:left;
text-align:left;
border:1px solid #a8a8a8;
margin-bottom:10px;
}
.blog-title
{
width:282px;
height:22px;
float:left;
text-align:left;
background-color: #669922;
padding-left:16px;
font: bold 13px/22px Arial, Helvetica, sans-serif;
color: #FFF;
}
.subnav
{
width:284px;
height:auto;
float:left;
text-align:left;
padding:3px 7px;
}
.subnav ul
{
margin:0px;
padding:0px;
list-style-type:none;
}
.subnav ul li
{
width:276px;
height:auto;
float:left;
text-align:left;
display:block;
font: bold 12px/20px Arial, Helvetica, sans-serif;
color: #010002;
background:url(/wp-content/themes/tutorial/images/yellow-bullet.jpg) left 7px no-repeat;
padding-left:8px;
}
.subnav ul li a
{
font: bold 12px/20px Arial, Helvetica, sans-serif;
color: #010002;
text-decoration:none;
display:block;
height:auto;
width:276px;
}
.subnav ul li a:hover
{
font: bold 12px/20px Arial, Helvetica, sans-serif;
color: #010002;
text-decoration:underline;
}
.left-inner
{
width:660px;
float:left;
padding-bottom:25px;
}
.body-boxes
{
width:298px;
float:left;
border:1px solid #D6D6D6;
font:normal 12px/16px Arial, Helvetica, sans-serif;
color:#336600;
}
.body-boxes ul
{
margin:15px 7px;
}

.body-boxes ul li
{
background:url(/wp-content/themes/tutorial/images/bullet.gif) left 5px no-repeat;
padding-bottom:12px;
padding-left:10px;
display:block;
list-style-type:none;
}
.body-boxes ul li a
{
color:#336600;
text-decoration:none;
}
.body-boxes ul li a:hover
{
color:#669900;
text-decoration:underline;
}
.margin-right
{
margin-right:50px;
display:inline;
}
.margin-bottom
{
margin-bottom:50px;
}
.banner
{
margin:20px 0px;
width:300px;
float:left;
}
ul.images li
{
background:none;
padding:0;
margin-right:1px;
float:left;
display:inline;
text-align:center;
font:bold 11px/30px Arial, Helvetica, sans-serif;
color:#6E9922;
}
/* CSS Documents for body */

/* CSS Documents for footer */
.footer a
{
text-decoration:none;
color:#D3FF91
}
.footer a:hover
{
text-decoration:underline;
}
.footer-left
{
width:1000px;
float:left;
padding:0;
text-align: center;
}
.footer-right
{
display: none;
width:195px;
float:right;
}

/* CSS menu */

.navcontainer
{
float:left;
height:29px;
margin-left:10px;
}
.navcontainer ul
{
list-style-type:none;
text-align:center;
margin:0px;
padding:0px;
}
.navcontainer ul li
{
display:block;
text-align:center;
float:left;
}
.navcontainer ul li a
{
width:86px;
height:29px;
display:block;
text-align:center;
font:bold 14px/29px Arial, Helvetica, sans-serif;
color:#FFF;
text-decoration:none;
background:url(/wp-content/themes/tutorial/images/menu-tab.jpg) left top no-repeat;
margin-right:2px;
}

.navcontainer ul li a:hover
{
color:#FFF;
background:url(/wp-content/themes/tutorial/images/menu-tab-hover.jpg) left top no-repeat;
}
.navcontainer ul li a.active
{
background:url(/wp-content/themes/tutorial/images/menu-tab-active.jpg) left top no-repeat;
color:#999999;
}


.sub-nav
{
width:1000px;
float:left;
height:32px;
margin-top:4px;
}
.sub-nav ul
{
list-style-type:none;
text-align:center;
margin:0px;
padding:0px;
}
.sub-nav ul li
{
display:inline;
text-align:center;
float:left;
margin-right:10px;
font:bold 14px/32px Arial, Helvetica, sans-serif;
color:#FFF;
}
.sub-nav ul li a
{
height:29px;
display:inline;
text-align:center;
font:bold 13px/32px Arial, Helvetica, sans-serif;
color:#FFF;
text-decoration:none;
}
.sub-nav ul li a:hover
{
color:#FFF;
text-decoration:underline;
}
/* New CSS Document */
.inner-welcome
{
width:660px;
height:auto;
float:left;
text-align:left;
padding-bottom:30px;
}
.inner-video
{
width:445px;
height:auto;
float:left;
text-align:left;
}
.inner-video-right
{
width:215px;
height:auto;
float:right;
text-align:left;
}
.register-box
{
width:658px;
height:auto;
float:left;
text-align:left;
border:1px solid #cccccc;
}
.register-title
{
width:658px;
height:35px;
float:left;
text-align:left;
background-color: #669922;
border-bottom:1px solid #cccccc;
font:normal 20px/35px Arial, Helvetica, sans-serif;
color: #FFF;
}
.register-inside-box
{
width:618px;
height:auto;
float:left;
text-align:left;
padding:10px 20px 20px 20px;
}
.register-top-box
{
width:618px;
height:auto;
float:left;
text-align:left;
border-bottom:1px solid #dadada;
padding-bottom:20px;
font:bold 12px/26px Arial, Helvetica, sans-serif;
color: #666666;
}
.register-form-box
{
width:618px;
height:auto;
float:left;
text-align:left;
padding-bottom:8px;
}
.register-form-left
{
width:270px;
height:auto;
float:left;
text-align:left;
}
.register-form-right
{
width:306px;
height:auto;
float:right;
text-align:left;
}
.register-login-box
{
width:618px;
height:auto;
float:left;
text-align:center;
}
.register-login-box a
{
font:bold 12px/26px Arial, Helvetica, sans-serif;
color: #0033cc;
text-decoration:none;
}
.register-login-box a:hover
{
font:bold 12px/26px Arial, Helvetica, sans-serif;
color: #ff9900;
text-decoration: underline;
}
.input-box
{
width:175px;
height:20px;
text-align:left;
font-size:12px;
font-family:Arial, Helvetica, sans-serif;
font-style:normal;
font-weight:normal;
line-height:18px;
padding-left:3px;
padding-top:2px;
color: #333333;
border:1px solid #cccccc;
background-color: #FFF;
}
.register-middle-box
{
width:618px;
height:auto;
float:left;
text-align:left;
border-bottom:1px solid #dadada;
padding-bottom:20px;
padding-top:12px;
}
/* sub-navigation  */	
	
.feeds{
	color: #0033cc;
	font: normal 12px/14px Arial, Helvetica, sans-serif;
	line-height:14px;
	width:618px;
	float:left;
	text-align:left;
	padding-top:8px;
		}
.feeds ul {margin: 0; padding: 0; list-style-type:none;}
.feeds li {
	display: block;
	width:154px;
	float:left;
	text-decoration: none;
	color: #0033cc;
	font: normal 12px/14px Arial, Helvetica, sans-serif;
	padding-bottom:16px;
}
.check-box
{
float:left;
margin-right:3px;
}
.register-bottom-box
{
width:618px;
height:auto;
float:left;
text-align:left;
padding-top:10px;
font:bold 12px/18px Arial, Helvetica, sans-serif;
color: #666666;
}

.video-box
{
width:638px;
height:auto;
float:left;
text-align:left;
padding:10px;
}
.video-box ul
{
margin:0px;
padding:0px;
text-align:center;
list-style-type:none;
width:638px;
}
.video-box ul li
{
list-style-type:none;
width:94px;
height:auto;
float:left;
text-align:center;
display:block;
margin-right:14px;
margin-bottom:12px;
line-height:16px;
font-size:11px;
}
.video-box ul li a
{
font:bold 11px/16px Arial, Helvetica, sans-serif;
color: #6e9922;
text-decoration:none;
}
.video-box ul li a:hover
{
font:bold 11px/16px Arial, Helvetica, sans-serif;
color: #6e9922;
text-decoration:underline;
}
.video-box ul li.no-margin
{
margin-right:0px;
}
.video-box ul li img
{
border:2px solid #88bb22;
}
.video-box ul li img:hover
{
border:2px solid #ffcc00;
}
h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	line-height: 22px;
	font-weight: bold;
	font-variant: normal;
	color: #666666;
	text-decoration: none;
	text-align:justify;
}
.clear {
	clear: both;
}