/*Extra formatting for content pages*/
#howitworks_table td{
padding:5px;
}

/******** designed by oilchange footer ********/
#oilchange{
color:#000000;
font-size:11px;
text-align:center;
padding-top:10px;
}
#oilchange a
{
color:#f77d1f;
font-size:11px;
font-weight:normal;
font-family:Verdana, Arial, Helvetica, sans-serif;
text-decoration:underline;

}
/********** Contact Us Form Styles **************************/
.contactForm{
padding:10px;
margin-top:20px;
background-color:#FFFFFF;
width:200px;
}
.contactForm .label{
text-align:right;
}
.contactForm input{

}
/********** LAYOUT **************************/
* { padding: 0; margin: 0; }
img {border:0;}

body {
 font-family: Verdana;
 font-size: 12px;
}
#wrapper { 
 margin: 0 auto;
 width: 967px;
 background-image:url(../images/bg.png);
}
#header {
 width: 967px;
 float: left;
 height: 163px;
 background-image:url(../images/banner.png);
}
#leftcolumn { 
 height: auto;
 width: 260px;
 float: left;
 overflow:hidden;
 max-width:260px;
}
#rightcolumn { 
 position:relative;
 left:0px;
 float: right;
 color: #333;
 height: auto;
 width: 707px;
 display: inline;
}
#footer { 
margin-top:10px;
padding-top:5px;
 width: 967px;
 height:25px;
 clear: both;
 background-color:#f77d1f;
 /*background-image:url(../images/footer.png);*/
 /*background-position:0px 6px;*/
}
#footer a{
color:#FFFFFF;
font-size:12px;
font-weight:900;
font-weight:normal;
padding-left:3px;
text-decoration:underline;
}
/********** NAVIGATION *************************/
#navcenter ul{
list-style-type:none;
width:250px;
margin:0;
padding:0;
}
#leftcolumn #navtop{
background-image:url(../images/navtop.png);

width:260px;
height:20px;
}
#leftcolumn #navcenter{
background-image:url(../images/navcenter.png);

width:260px;
}
#leftcolumn #navcenter ul{
list-style-type:none;

margin:0;
padding:0;
}
#leftcolumn #navcenter ul li{
position:relative;
width:180px;
background-image:url(../images/arrow.gif);

background-position:0 0.3em;
background-repeat:no-repeat;
padding:0 0 5px 25px;
margin-left:30px;
}
#leftcolumn #navcenter ul li a:link,a:visited,a:active{
font-family:arial;
font-size:11pt;
font-weight:bold;
color:#0a8ec2;
text-decoration:none;
}
#leftcolumn #navcenter ul li:hover{
background-image:url(../images/arrow_hover.gif);
}
#navbottom{
background-image:url(../images/navbottom.png);
width:260px;
height:20px;
}
#formcontainer{
position:relative;
float:left;
top:8px;
}
/********** LOGIN *************************/
#login{
margin:0;
padding:0;
position:relative;
top:0px;
float:left;
background-image:url(../images/login.png);
background-repeat:no-repeat;
width:260px;
height:180px;
display:none;
}
#login form{
font-size:12px;
color:white;
position:relative;
top:65px;
left:30px;
}
#login #password{
position:relative;
left:2px;
}
#login form .textfield{
width:130px;
}
#login .button{
position:relative;
top:8px;
padding:2px 10px 2px 10px;
left:76px;
}



#login2{
margin:0;
padding:0;
position:relative;
top:0px;
background-image:url(../images/login_b.png);
background-repeat:no-repeat;
width:260px;
height:180px;
}
#login2 form{
font-size:12px;
color:white;
position:relative;
top:65px;
left:0px;
}
#login2 #password{
position:relative;
left:2px;
}
#login2 form .textfield{
width:130px;
}
#login2 .button{
position:relative;
top:8px;
padding:2px 10px 2px 10px;
left:76px;
}

/*bskills*************************************/
#bskills{
margin:-25px 0px 0px 0px;
padding:0;
position:relative;
top:0px;
background-image:url(../images/blogin.png);
background-repeat:no-repeat;
width:260px;
height:180px;
display:none;
}
#bskills form{
font-size:12px;
color:white;
position:relative;
top:65px;
left:30px;
}
#bskills #password{
position:relative;
left:2px;
}
#bskills form .textfield{
width:130px;
}

#bskills .button{
position:relative;
padding:2px 10px 2px 10px;
top:8px;
left:76px;
}





#bskills2{
margin:0px 0px 0px 0px;
padding:0;
position:relative;
top:0px;
float:left;
background-image:url(../images/blogin_b.png);
background-repeat:no-repeat;
width:260px;
height:180px;
}
#bskills2 form{
font-size:12px;
color:white;
position:relative;
top:65px;
left:0px;
}
#bskills2 #password{
position:relative;
left:2px;
}
#bskills2 form .textfield{
width:130px;
}

#bskills2 .button{
position:relative;
padding:2px 10px 2px 10px;
top:8px;
left:76px;
}


/************* FORMS **************************

/********** REGISTRATION FORM STYLING *************************/
#registrationform form tr td {
font-size:10px;
text-align:left;
padding-top:5px;
}
/********** NEWSLETTER *************************/
#newsletter{
position:relative;
top:-20px;
float:left;
background-image:url(../images/newsletter.png);
background-repeat:no-repeat;
width:260px;
height:180px;
}
#newsletter .textfield{
position:relative;
margin-top:px;
top:85px;
left:30px;
}
#newsletter .button{
position:relative;
top:90px;
left:100px;
}
/******** SEARCH SITE *************/
#searchsite{
position:relative;
top:112px;
left:740px;
width:200px;
}
#searchsite .textfield{
width:164px;
}
/******** TEXT FIELD STYLE *************/
.textfield{
width:200px;
}
/******** BUTTON STYLE *************/
.button{
background-color:#7d8b2d;
border:solid 1px white;
color:#FFFFFF;
font-size:11px;
font-weight:bold;
}
/******** MOVIE AREA ***********/
#movieholder{
background-color:#999999;
height:330px;
width:707px;
}
/******** 4 Main Options ***********/
#homeworkhelp{
background-image:url(../images/homeworkhelp.png);
background-repeat: no-repeat;
width:352px;
height:184px;
}
#theparlour{
background-image:url(../images/theparlour.png);
background-repeat: no-repeat;
width:355px;
height:184px;
}
#skillstutor{
background-image:url(../images/skillstutor.png);
background-repeat: no-repeat;
width:352px;
height:194px;
}
#careeressentials{
background-image:url(../images/careeressentials.png);
background-repeat: no-repeat;
width:355px;
height:194px;
}
/********** 4 main options styling **************/
.blueboxtext{
color:#FFFFFF;
position:relative;
width:200px;
left:30px;
}
.greenboxtext{
color:#FFFFFF;
position:relative;
top:-15px;
width:180px;
left:30px;
}
#whitelinks1{
color:#FFFFFF;
text-decoration:underline;
font-family:verdana;
font-size:11px;
}
#whitelinks2{
color:#FFFFFF;
text-decoration:underline;
font-family:verdana;
font-size:11p7x;
}
#whitelinks3{
color:#FFFFFF;
text-decoration:underline;
font-family:verdana;
font-size:11px;
}
#whitelinks4{
color:#FFFFFF;
text-decoration:underline;
font-family:verdana;
font-size:11px;
}
/******** CONTENT STYLING ***********/
h1,h2,h3,h4,h5,h6,h7{
padding-bottom:5px;
color:#ba6407;
font-size:20px;
font-weight:bold;
}
h6
{
padding-bottom:5px;
color:#ba6407;
font-size:14px;
font-weight:bold;
}

#rightcolumn{
font-size:12px;
}
#rightcolumn #content{
padding-right:20px;
padding-left:20px;
}
#rightcolumn  ul{ /*move lists away from border*/
position:relative;
list-style:inside;
padding-left:10px;
}
#rightcolumn ol{
position:relative;
list-style-position:outside;
margin-left:25px;
}
#content ol li,#content ul li{
padding-top:5px;
}
#content a:link,#content a:active,#content a:visited,#content a:hover{
text-decoration:underline;
color:#b78837;
font-size:13px;
}
#content img{
border:0;
}
/************ CMS OVERIDE ***************/
.navButton { /*move  sublist CMS navigation items away from the right edge of nav*/
position:relative;
left:-40px;
}



/*
	class for entire table
	*/
	.vtable
	{
	 font-size:12px;
	 
	}
	
	
	.vtr_even
	{
	 background-color:gainsboro;
	
	}
	
	.vtr_odd
	{
	background-color:ghostwhite;
	
	}
	
	/*
	class for cells in the table
	*/
	.vtd
	{
	 border:1px gainsboro solid;
	 padding:4px;
	}
	
	
	/*
	class for header row
	*/
	.vheader
	{

	}
	

	/*
	class for header cell
	*/
	.vth
	{
	 background-color:black;
	 border:1px orange solid;
	 color:white;
	}
	.vth a
	{
		color:white;
	}
	
	
	/*
	class for the edit cell
	*/
	.vedit 
	{
	 background-color:none;
	}
	.vedit a
	{
	 color: red;
	}
/* ===== main navigation links ===== */

#skillmenu {
padding: 0px 0px 50px 45px;
}

#skillmenu ul {               /* turn off all the normal list behavior */
    list-style: none;
    margin: 0;
    padding: 0;
}

#skillmenu li {               /* turn off the normal list item behavior */
    float: left;
    margin: 0;
    padding:0;
	width:150px;
}

#skillmenu li a:link, #skillmenu li a:visited {
    font-family: "Trebuchet MS", sans-serif;
    display: block;         /* block mode for graphical button */
    color: #fff;            /* white text */
    text-decoration: none;  /* no underline */
	text-align:center;
    margin-right: 10px;
	font-weight:normal;
    line-height: 25px;
	background:#f68d1c;
    border: none;           /* no border */
}

#skillmenu li a:hover, #skillmenu li a:active {
    color: #FFFFFF;
	font-weight:bold;
	background:#f79f41;
}

#skillmenu ul li a.current {  /* different look for "current" link */
    color: #FFFFFF;
	font-weight:bold;
	background:#3b99c6;
}

#skillmenu ul li a.current:hover {
    cursor: default;
}
/* ===== topnav ===== */
#topnav {
padding: 0px 0px 50px 2px;
margin:0px 0px 0px 0px;
}

#topnav ul {               /* turn off all the normal list behavior */
    list-style: none;
    margin: 0px;
    padding: 0px;
}

#topnav li {               /* turn off the normal list item behavior */
    float: left;
    margin: 0px;
    padding:0px;
	width:133px;
}

#topnav li a:link, #topnav li a:visited {
    font-family: "Trebuchet MS", sans-serif;
    display: block;         /* block mode for graphical button */
    color: #fff;            /* white text */
    text-decoration: none;  /* no underline */
	text-align:center;
    margin-right: 9px;
	font-weight:normal;
    line-height: 25px;
	background:#f68d1c;
    border: none;           /* no border */
}

#topnav li a:hover, #topnav li a:active {
    color: #FFFFFF;
	background:#f79f41;
}

#topnav ul li a.current {  /* different look for "current" link */
    color: #FFFFFF;
	background:#3b99c6;
}

#topnav ul li a.current:hover {
    cursor: default;
}



/* ====- main content ===== */
.clear { clear: both }
/* ====- for text and image box start 04-22-2010 ===== */
.textimagebox
{
margin:10px 0px 10px 9px;
padding:0px 0px 0px 0px;
background: url(../images/box-ground.jpg) no-repeat;
width:324px;
height:154px;
float:left;
}
.textimagebox h1
{
margin:3px 0px 0px 2px;
padding:0px 0px 0px 0px;
font-family: Century Gothic, Arial, Helvetica, sans-serif;
font-size:18px;
color:#43a6d6;
}
.textimagebox h2
{
margin:0px 0px 0px 6px;
padding:0px 0px 0px 0px;
font-family: Century Gothic, Arial, Helvetica, sans-serif;
font-size:18px;
color:#ffffff;
}
.textimagebox img
{
margin:8px 0px 0px 0px;
padding:0px 0px 0px 0px;
float:right;
}
.textimagebox p
{
margin:10px 0px 0px 15px;
padding:0px 0px 0px 0px;
font-family: Century Gothic, Arial, Helvetica, sans-serif;
font-size:12px;
color:#FFFFFF;
line-height:14px;
}
#content .textimagebox p a
{
color:#FFFFFF;
font-weight:bold;
text-decoration:none;
}
.textimagebox2
{
margin:10px 0px 10px 9px;
padding:0px 0px 0px 0px;
background: url(../images/box-ground2.jpg) no-repeat;
width:324px;
height:154px;
float:left;
}
.textimagebox2 h1
{
margin:3px 0px 0px 2px;
padding:0px 0px 0px 0px;
font-family: Century Gothic, Arial, Helvetica, sans-serif;
font-size:18px;
color:#9bab4a;
}
.textimagebox2 h2
{
margin:0px 0px 0px 6px;
padding:0px 0px 0px 0px;
font-family: Century Gothic, Arial, Helvetica, sans-serif;
font-size:18px;
color:#ffffff;
}
.textimagebox2 img
{
margin:8px 0px 0px 0px;
padding:0px 0px 0px 0px;
float:right;
}
.textimagebox2 p
{
margin:10px 0px 0px 15px;
padding:0px 0px 0px 0px;
font-family: Century Gothic, Arial, Helvetica, sans-serif;
font-size:12px;
color:#FFFFFF;
line-height:14px;
}
#content .textimagebox2 p a
{
color:#FFFFFF;
font-weight:bold;
text-decoration:none;
}

/* ====- for text and image box end 04-22-2010 ===== */


/*** set the width and height to match your images **/

#slideshow {
    position:relative;
    height:300px;
}

#slideshow IMG {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
    opacity:0.0;
}

#slideshow IMG.active {
    z-index:10;
    opacity:1.0;
}

#slideshow IMG.last-active {
    z-index:9;
}
/*** set the width and height to match your images **/

.orange_bold
{
font-weight:bold;
color:#ba6407;
}
#subbulit
{
list-style:none;
margin:0px 0px 10px 0px;
padding: 0px 0px 0px 40px;
}

#livechats
{
float:right;
margin:30px 20px 0px 0px;
text-align:center;
}
#livechats a
{
color:#FFFFFF;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
text-decoration:none;
font-weight:bold;
}