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


/* style sheet for Automotive Technician Trainging Services

Version 1.0

copyright 2012 attstraining.com
This stylesheet may be used only for personal and/or education use only, any use of this style sheet without the consent of attstraining.com is prohibited. */


/*-----Start of the reset styles-----*/

body {
	font: 13px/1.231 arial,helvetica,clean,sans-serif;
	*font-size: small;
	*font: x-small;
	text-align: center;
}

body,html,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {
	margin: 0;
	padding: 0;
	text-align: left;
	color: #666;
	font-size: 13px;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

fieldset,img { 
	border: 0;
}
address,caption,cite,code,dfn,em,strong,th,var {
	font-style: normal;
	font-weight: normal;
	text-align: center;
}

ol,ul {
	list-style: none;
}

caption,th {
	text-align: left;
}

h1,h2,h3,h4,h5,h6 {
	font-size: 100%;
	font-weight: normal;
}

q:before,q:after {
	content:'';
}

abbr,acronym {
	border: 0;
}

/*-----End of the reset styles-----*/

/*-----Global Styles-----*/

.floatLeft {
	float: left;
	color: #999;
}

.floatRight {
	float: right;
}

.clearBoth {
	clear: both;	
}

.clearLeft {
	clear: left;	
}

.clearRight {
	clear: right;	
}

.hidden {
	display: none;
}

.currentTop {
	background: left top;	
}

/*-----Main Navigation Styles-----*/


.borderLeft {
	border-left: 1px solid #F8F8F8;
}
.courseName {
	color: #666;
	font-size: 145%;
	font-family: Verdana, Geneva, sans-serif;
}
.courseDate {
	font-size: 110%;
	color: #999;
}
.donatetext {
	text-align: center;
	margin-top: 20px;
}
.currentPage {
	color: #999;
	font-size: 125%;
	text-align: center;
}
.alignRight {
	text-align: right;
	padding-left: 510px;
	color: #DA401C;
}
.marginLeft {
	margin-left: 20px;
}
.leftMargin {
	color: #999;
	margin-left: 20px;
}
.sidebarPadding {
	padding-right: 35px;
	padding-left: 30px;
	padding-top: 10px;
}
.textCenter {
	text-align: center;
}
.productTitle {
	font-size: 110%;
	text-decoration: underline;
	font-weight: bold;
}

blockquote {
	background:#f9f9f9;
	border-left:10px solid #ccc;
	margin:1.5em 10px;
	padding:.5em 10px;
	quotes:"\201C""\201D""\2018""\2019";
}
blockquote:before {
	color:#ccc;
	content:open-quote;
	font-size:4em;
	line-height:.1em;
	margin-right:.25em;
	vertical-align:-.4em;
}
blockquote p {
	display:inline;
}

/*-----Layout Styles-----*/

body {
	background: #F8F8F8 url(../images/bg_repeat.jpg) repeat-x;	/*background: #F8F8F8 url(../images/bg_repeat.jpg) repeat-x left top;*/
}

#container {
	width: 940px;
	margin: 0px auto;
	text-align: left;
}
#top img.logoimg {
	margin-top: 20px;
	margin-left: 32px;
	float: left;
}
#banner {
	/* [disabled]padding-right: 10px; */
	/* [disabled]padding-left: 10px; */
}
#bannerMain {
	background: url(../images/bannerBG.jpg) no-repeat;
	height: 220px;
	width: 940px;
	clear: both;
}
#thankyou {
	background: url(../images/accordBG.gif) repeat-x;
	height: 300px;
	/* [disabled]width: 500px; */
	padding-top: 20px;
	text-align: center;
}
#top {
	padding-right: 10px;
	padding-left: 10px;
}
#learnMore {
	height: 190px;
	width: 160px;
	float: right;
	padding-right: 90px;
	padding-top: 30px;
	position: relative;
}
#topNav {
	float: right;
	width: 294px;
}
#mainNav {
	height: 42px;
}
#search {
	background: url(../images/searchBG.gif) no-repeat;
	height: 30px;
	width: 289px;
	float: right;
	padding-top: 12px;
	padding-left: 15px;
}
#leftMain {
	width: 614px;
	float: left;
	padding-left: 16px;
	padding-right: 16px;
}
#sideBar {
	float: right;
	height: 500px;
	width: 284px;
	/* [disabled]background: url(../images/smallcontentBG.gif) repeat-y 0px 0px; */
	overflow: auto;
}
#sidebarSub {
	/* [disabled]text-align: center; */
}
#sidebarTop {
	height: 25px;
	width: 267px;
}
#sidebarSub ul li {
	color: #666;
	width: 221px;
	display: block;
	padding: 3px 3px 5px 30px;
	border-bottom: 1px solid #f8f8f8;
	text-align: left;
	margin-left: 10px;
}
#sidebarSub ul li a {
	color: #666;
	text-decoration: underline;
}
#sidebarSub ul li a:hover {
	text-decoration: none;
	color: #999;
}
#mainContent {
	clear: both;
	background: url(../images/maincontentBG.jpg) repeat-y;
	width: 940px;
	padding-top: 0px;
}
#shadow {
	background: url(../images/shadow.jpg) no-repeat;
	height: 70px;
	width: 940px;
}
#footer {
	background: url(../images/footer.gif) no-repeat;
	height: 37px;
	width: 940px;
	padding-top: 3px;
}
#footer p {
	text-align: center;
	color: #999;
	/* [disabled]line-height: 3; */
	font-family: Verdana, Geneva, sans-serif;
	font-size: 9px;
	/* [disabled]font-variant: small-caps; */
	margin-top: 10px;
}
#semOne, #semTwo, #semThree , #semFour, #semFive{
	border-bottom: 1px solid #eaeaea;
	height: 80px;
	padding: 10px 10px 15px;
}
#classOne, #classTwo, #classThree, #classFour, #classFive {
	border-bottom: 1px solid #eaeaea;
	height: 80px;
	padding: 10px 10px 15px;
}
#newsOne, #newsTwo, #newsThree, #newsFour, #newsFive {
	border-bottom: 1px solid #eaeaea;
	height: 80px;
	padding: 10px 10px 15px;
}
#semOne:hover, #semTwo:hover, #semThree:hover {
	border-bottom: 1px solid #CCC;
	height: 80px;
	background: #f8f8f8 url(../images/accordBG.gif) repeat-x;
	padding: 10px 10px 15px;
}
#loginBox {
	padding-bottom: 15px;
	padding-right: 15px;
	padding-left: 20px;
	width: 232px;
	height: 80px;
}
#donateBox {
	padding-bottom: 15px;
	padding-right: 15px;
	padding-left: 18px;
	width: 232px;
}
#bannerSmall {
	background: url(../images/bannerBGsmall.jpg) no-repeat;
	height: 130px;
	width: 940px;
	/* [disabled]margin-bottom: 20px; */
	text-align: left;
}
#currentPage {
	float: left;
	width: 940px;
	height: 50px;
	text-align: center;
	padding-top: 40px;
}
#signUp {
	float: right;
	height: 50px;
	width: 300px;
	text-align: center;
	padding-top: 40px;
}
#leftMain ul.devoted li {
	list-style: circle;
}
#leftMain ul.devoted {
	padding-left: 100px;
}
#board {
	float: left;
	width: 275px;
	margin-top: 50px;
}
#chapters {
	float: right;
	width: 275px;
	margin-top: 50px;
}
#partners {
	height: 2px;
}
#filler {
	clear: both;
	height: 30px;
	width: 940px;
}
#sidebarSub .sidebarPadding a {
	font-size: 110%;
	color: #333;
	text-decoration: underline;
}
#newsletter {
	width: 614px;
}
#sampleNewsletter {
	width: 275px;
	float: left;
	padding-left: 10px;
}
#membersNewsletter {
	width: 275px;
	float: right;
	padding-right: 10px;
}
#membersNewsletter h3 a {
	color: #FFF;
}
#links {
	width: 610px;
	text-align: center;
	background: #FFF;
	padding-top: 20px;
}
#links p {
	text-align: center;
}
#seminarOne {
	width: 620px;
	padding-top: 10px;
	padding-bottom: 10px;
	/* [disabled]background: url(../images/accordBG.gif) repeat-x top; */
	border-bottom: 1px solid #CCC;
}
#volksScan {
	width: 614px;
	height: 150px;
	text-align: center;
	position: relative;
	padding-top: 6px;
	border-bottom: 2px solid #CCC;
}
#NissanScan {
	width: 614px;
	height: 150px;
	text-align: center;
	position: relative;
	padding-top: 6px;
	border-bottom: 2px solid #CCC;
}
#autoT4Scan {
	width: 614px;
	height: 150px;
	text-align: center;
	position: relative;
	padding-top: 6px;
	border-bottom: 2px solid #CCC;
}
#codingScan {
	width: 614px;
	height: 150px;
	text-align: center;
	position: relative;
	padding-top: 6px;
	border-bottom: 2px solid #CCC;
}
#reflashScan {
	width: 614px;
	height: 150px;
	text-align: center;
	position: relative;
	padding-top: 6px;
	border-bottom: 2px solid #CCC;
}
#monthSponsor {
	text-align: center;
	float: left;
	height: 145px;
	width: 350px;
	padding-top: 15px;
}
.monthSponsor {
	font-size: 111%;
	font-weight: bold;
	color: #666;
	text-align: center;
}

/*-----Top Navigation Styles-----*/


ul.navBar {
	cursor: default;
	list-style-type: none;
    margin: 0;
    padding: 0;
	width: auto;
/*---to center the navigation use margin: 0px auto and set a width*/
	
}

ul.navBar a {
	color: #fff;
	cursor: pointer;
	display: block;
	/* [disabled]padding: 0.5em 0.75em; */
	text-decoration: none;
}
ul.navBar a.home {
	background: url(../images/homeBg.jpg) no-repeat right bottom;
	height: 42px;
	width: 68px;
	line-height: 2.6em;
	padding-left: 44px;
}
ul.navBar a.currentHome {
	background: url(../images/homeBg.jpg) no-repeat left top;
	height: 42px;
	width: 68px;
	line-height: 2.6em;
	padding-left: 44px;
}
ul.navBar a.links {
	background: url(../images/linksBg.jpg) no-repeat right bottom;
	height: 42px;
	width: 75px;
	line-height: 2.6em;
}
ul.navBar a.currentLinks {
	background: url(../images/linksBg.jpg) no-repeat left top;
	height: 42px;
	width: 75px;
	line-height: 2.6em;
}
ul.navBar a.contact {
	background: url(../images/contactBg.jpg) no-repeat right bottom;
	height: 42px;
	width: 101px;
	line-height: 2.6em;
}
ul.navBar a.currentContact {
	background: url(../images/contactBg.jpg) no-repeat left top;
	height: 42px;
	width: 101px;
	line-height: 2.6em;
}
ul.navBar #home_btn a:hover ,ul.navBar #home_btn a:focus {
	background: url(../images/homeBg.jpg) no-repeat left top;
}
ul.navBar #link_btn a:hover, ul.navBar #link_btn a:focus {
	background: url(../images/linksBg.jpg) no-repeat left top;
}
ul.navBar #contact_btn a:hover, ul.navBar #contact_btn a:focus {
	background: url(../images/contactBg.jpg) no-repeat left top;
}

ul.navBar li {
	cursor: pointer;
	display: block;
	float: left;
	font-size: 100%;
	list-style-type: none;
	margin: 0;
	position: relative;
	text-align: center;
	/* [disabled]width: 8em; */
	font-family: Arial, Helvetica, sans-serif;
	padding: 0;
}
ul.mainNav {
	cursor: default;
	list-style-type: none;
	margin: 0;
	padding: 0;
	width: auto;/*---to center the navigation use margin: 0px auto and set a width*/	
}

ul.mainNav a {
	background: url(../images/mainNavBG.gif) no-repeat left top;
	color: #fff;
	cursor: pointer;
	display: block;
	text-decoration: none;
	height: 28px;
	/* [disabled]line-height: 3.5; */
	padding-top: 14px;
}

ul.mainNav a:hover, ul.menuBar a:focus {
	background-position: bottom;
}

ul.mainNav li {
	cursor: pointer;
	display: block;
	float: left;
	font-size: 100%;
	list-style-type: none;
	margin: 0;
	padding: 0;
	position: relative;
	text-align: center;
	width: 106px;
	height: 42px;
	font-family: Arial, Helvetica, sans-serif;
}
#learnMore ul {
	float: right;
	text-align: center;
}
#learnBG {
	height: 50px;
	width: 200px;
}
#moreBG h4  {
	background: url(../images/learnmoreBG.jpg) no-repeat;
	height: 44px;
	width: 250px;
	color: #FFF;
	padding-left: 55px;
	line-height: 2.2;
	font-size: 120%;
	font-family: Georgia, "Times New Roman", Times, serif;
}
#learnMore ul li {
	padding-bottom: 8px;
	font-size: 14px;
	text-align: center;
}
.red {
	color: #e35a58;
}
.dark {
	color: #575757;
}
.darkMemberships {
	color: #64686c;
	border-bottom: 1px solid #CCC;
}
.lighter {
	color: #999;
}
#learnMore ul .red a {
	color: #e35a58;
	text-decoration: none;
}
#learnMore ul .dark a {
	color: #64686c;
	text-decoration: none;
}
#learnMore ul .dark a:hover {
	color: #64686c;
	text-decoration: underline;
}
#learnMore ul .red a:hover {
	color: #e35a58;
	text-decoration: underline;
}
#moreBG {
	position: absolute;
	width: 210px;
	height: 44px;
	top: 173px;
	left: 2px;
}
#moreBG h4 a {
	text-decoration: none;
	color: #FFF;
}
#moreBG h4 a:hover {
	text-decoration: underline;
	color: #CCC;
}
h4 {
	color: #FFF;
	/* [disabled]text-align: right; */
}
h5 {
	font-size: 130%;
	color: #333;
}
h2 {
	background: url(../images/smallRed.jpg) no-repeat;
	height: 38px;
	width: 267px;
	font-size: 121%;
	color: #FFF;
	font-family: Verdana, Geneva, sans-serif;
	text-align: center;
	padding-top: 10px;
}
h3 {
	background: url(../images/smallDark.jpg) no-repeat;
	height: 38px;
	width: 267px;
	font-size: 121%;
	color: #FFF;
	font-family: Verdana, Geneva, sans-serif;
	text-align: center;
	padding-top: 10px;
	clear: both;
}
h1 {
	font-size: 161%;
	color: #999;
	margin-bottom: 15px;
}
#leftMain #topMain h1.mainHeading {
	font-size: 140%;
	color: #666;
	text-align: center;
}
.AccordionPanelContent #semOne p {
	color: #666;
}

#mainContent form label{
	width: 65px;
	float: left;
	clear: left;
	margin-right: 0.75em;
}

#mainContent form input{
	width: 140px;
}#loginBox form input.submit {
	float: right;
	width: 60px;
	text-align: center;
	margin-right: 20px;
}
#leftMain form input.submit {
	width: 60px;
	text-align: center;
	margin-right: 20px;
	margin-left: 250px;
}


li a.current{
	background: url(../images/mainNavBG.gif) no-repeat bottom;
}


/*-----Form Styles-----*/


#mainContent #mainForm {
	font: normal 1em Arial, Helvetica, sans-serif;
	color: #CCC;
	text-align: left;
	width: 590px;
	padding-bottom: 10px;
	background: url(../images/accordBG.gif) repeat-x left top;
	padding-top: 20px;
}
/*-----Use this style for define the width and alignment of the form-----*/

#mainContent fieldset {
	padding: 10px 20px 0 0;
	margin: 0 0 2em;
	border: none;
	position: relative;
	float: left;
}
/*-----This is the styling that decides what the form itself looks like(ex: background color)*/

#mainContent fieldset legend {
	padding: 0;
	margin: 0;
	color: #51341a;
}
/*-----Resets the legend tag to help position it. Also gives the color of the text*/


#mainContent #mainForm p {
	color: #999;
	margin: 0 0 20px 20px;
}
/*-----The p tag is the tag used for all form elements to help style them better.  This rule changes the color of the label and pushes the form elements further away from each other using padding-----*/

#mainContent #mainArticle form p.subHead {
	margin: 0 0 0 20px;
	clear: both;
}
/*-----Applying this .subhead to a p tag makes it so nothing floats to the sides like certain checkboxes or buttons-----*/

#mainContent #mainArticle form label.subHead {
	display: block;
	float: none;
	margin: 0;
	width: auto;
}
/*-----Applying this to a textarea for example makes it so that the label that is it in will force a break so it displays above the textarea-----*/

#mainContent form label{
	width: 130px;
	float: left;
	clear: left;
	margin-right: 0.75em;
}
/*-----This is the rule that floats the elements to the left and makes it so that go underneath each other. Also this gives the label a margin to the right so the textbox gets pushed further from the label giving some relief space-----*/

#mainContent form label.inline {
	width: auto;
	float: none;
}
/*-----Apply .inline to radio buttons to make them arrange left to right instead of top to bottom-----*/





/*-----End of Form Styles-----*/
#leftMain h1.noBottom {
	margin: 0px 0px 5px;
	padding: 0px;
}
#sidebarSub img {
	margin-left: 50px;
}
#leftMain ul.storeNav {
	text-decoration: underline;
	color: #006;
	text-align: center;
}
#leftMain ul.storeNav li a {
	display: block;
	float: left;
	/* [disabled]padding-left: 40px; */
	color: #006;
	text-decoration: underline;
	width: 150px;
	text-align: center;
}
#leftMain ul.storeNav li a:hover {
	display: block;
	float: left;
	/* [disabled]padding-left: 20px; */
	color: #09F;
	/* [disabled]padding-right: 20px; */
	text-align: center;
}
#leftMain ul.storeNav a.currentStore {
	display: block;
	float: left;
	/* [disabled]padding-left: 40px; */
	color: #09F;
	width: 150px;
}
#leftMain p a.webex {
	font-size: 1.1em;
	color: #00C;
	font-family: Verdana, Geneva, sans-serif;
}
.white {
	color: #FFF;
}
#Accordion1 a {
	color: #666;
	text-decoration: none;
}
#Accordion1 a:hover {
	color: #666;
	text-decoration: underline;
}
.scanImg {
	float: right;
	padding-top: 40px;
	padding-left: 10px;
}
.pBorder {
	border-bottom: 2px solid #CCC;
	padding-bottom: 20px;
}
#store table form  tr{
	margin-bottom: 20px;
}
#mainContent #leftMain table input.btn {
	width: auto;
}
#leftMain #store table form.learning {
	width: auto;
	/* [disabled]font-size: 14px; */
	/* [disabled]background: #CCC; */
	/* [disabled]border: 1px solid #FFF; */
	text-decoration: none;
}
.membersNav {
	font-weight: bold;
	color: #1417AB;
	text-decoration: underline;
	width: 100%;
	font-size: 90%;
}
.membersNavSmaller {
	font-weight: bold;
	color: #006;
	text-decoration: underline;
	width: 100%;
	font-size: 75%;
	text-align: center;
}

table.newsletterClass td {
	height: 50px;
	width: 45px;
	background: #FFF;
	border: 1px solid #CCC;
	text-align: center;
	text-decoration: none;
}
#container #mainContent #leftMain table.membersother {
	width: 600px;
}
#contentFull {
	text-align: center;
	padding-left: 16px;
	padding-right: 16px;
	background: url(../images/maincontentBG.jpg);
	height: 440px;
}
#topVidDiv {
	/* [disabled]background: url(../images/maincontentBG.jpg); */
}
td.left {
	width: 200px;
}
#maincontentBG {
	background: #F8F8F8;
	height: 100%;
}
#logosRow1 img {
	padding-right: 5px;
	padding-left: 5px;
	padding-bottom: 10px;
	border-right: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
	text-align: center;
}
#logosRow1 {
	padding-right: 5px;
	padding-left: 5px;
	padding-bottom: 10px;
	border-right: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
	text-align: center;
}
#discountsbody {
	padding-left: 5px;
	font-size: 100%;
	color: #666;
	text-decoration: underline;
	padding-top: 20px;
	border-bottom: 2px solid #CCC;
	padding-bottom: 20px;
}
#discountsbody p     {
	padding-left: 5px;
	font-size: 100%;
	color: #666;
	text-decoration: underline;
}
.lightblue {
	color: #0000ff;
}