/* General styles */

/* Start New v4 Styles */
body {
	margin:0;
	padding:0;
	border:0;			/* This removes the border around the viewport in old versions of IE */
	width:100%;
	min-width:750px;    /* Minimum width of layout - remove line if not required */ /* The min-width property does not work in old versions of Internet Explorer */						
	font-size:100%;
	color:#000;
	font-weight: normal;
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 12px;
	text-align:center;
	background-color: #b6d3ea;
}

a {
	color:#006699;
	text-decoration: underline;
}

a:hover {
	color:#006699;
}

img {
	margin:0 0 0 0;
	border: 0;
}

#fixed {
   margin:0 auto;
   width:900px;   /* you can use px, em or % */
   text-align:left;
}

/* Header Styles */
#header {
	clear:both;
	float:left;
	width:100%;
	background-color: #eff5fa;
}

/* Horizontal Menu Styles */
/* 
  -----------------------------------
  PopMenu Magic Style Sheet
  by Project Seven Development
  www.projectseven.com  
  -----------------------------------
*/
#menuwrapper {
	border: 0;
	position: relative;
}

#p7menubar {
	width: 75em;
	position: relative;

}

#p7menubar, #p7menubar ul {
	padding: 0;
	margin: 0;
	list-style: none;
	font-family: Arial, Helvetica, sans-serif;
}

#p7menubar a {
	display: block;
	text-decoration: none;
	padding: 5px 5px 5px 5px;
	border-right: 1px solid #053976;
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	color: #000;
	font-weight: bold;
}

#p7menubar a.trigger {
	padding: 5px 16px 5px 10px;
}

#p7menubar li {
	float: left;
	width: 9em;
}

#p7menubar li {position: relative;}

/* hide from IE mac \*/
#p7menubar li {position: static; width: auto;}
/* end hiding from IE5 mac */

#p7menubar li ul, #p7menubar ul li  {
	width: 17em;
}

#p7menubar ul li a  {
	color: #000;
	border-right: 0;
	padding: 3px 12px 3px 16px;
}

#p7menubar li ul {
	position: absolute;
	display: none;
	background-color: #61a5db;
	border-right: 1px solid #053976;
	border-bottom: 1px solid #053976;
}

#p7menubar li:hover a, #p7menubar a:focus,
#p7menubar a:active, #p7menubar li.p7hvr a {
	color: #000000;
	background-color: #6699cc;
}

#p7menubar li:hover ul, #p7menubar li.p7hvr ul {
	display: block;
}

#p7menubar li:hover ul a, #p7menubar li.p7hvr ul a {
	color: #000000;
	background-color: #61a5db;
}

#p7menubar ul a:hover {
	background-color: #61a5db !important;
	color: #000000 !important;
}

#mainlinkact {
	background-color: #6699cc !important;
	color: #000000 !important;
}

#clearit {
	clear: both;
	height: 0;
	line-height: 0.0;
	font-size: 0;
}
/* End Horizontal Menu Styles */

.bluebar {
	background-color: #053976;
	height: 3px;
}
/* End Header Styles */

/* Main Content Columns Style */
/* column container */
.colmask {
	position:relative;		/* This fixes the IE7 overflow hidden bug and stops the layout jumping out of place */
	clear:both;
	float:left;
	width:100%;			/* width of whole page */
	overflow:hidden;	/* This chops off any overhanging divs */
}

/* 2 column left menu settings */
.leftmenu {	
	vertical-align: top;	
	background-color: #eff5fa;
}

.leftmenu .colright {
	float:left;
	width:200%;
	position:relative;
	left:180px;
	background: #eff5fa;
}

.leftmenu .colrightreg {
	float:left;
	width:200%;
	position:relative;
	left:250px;
	background: #eff5fa;
}

.leftmenu .col1wrap {
	float:right;
	width:50%;
	position:relative;
	right:200px;
	padding-bottom:1em;
}

.leftmenu .col1 {
	margin:0 60px 0 200px;
	position:relative;
	right:100%;
	overflow:hidden;
	background-color: #eff5fa;
}

.leftmenu .col1prod {
	margin:0 60px 0 210px;
	position:relative;
	right:100%;
	overflow:hidden;
	background-color: #eff5fa;
}

.leftmenu .col1tips {
	margin:0 20px 0 0;
	position:relative;
	right: 131%;
	overflow: hidden;
	background-color: #eff5fa;
}

.leftmenu .col1test {
	margin:0 60px 0 260px;
	position:relative;
	right:100%;
	overflow:hidden;
	background-color: #eff5fa;
}

.leftmenu .col1full {
	margin:0 100px 0 0;
	position:relative;
	right:100%;
	overflow:hidden;
	background-color: #eff5fa;
}

.leftmenu .col1wvid {
	margin:0 60px 0 470px;
	position:relative;
	right:100%;
	overflow:hidden;
	background-color: #eff5fa;
}


.leftmenu .col2 {
	float: left;
	width: 220px;
	margin: 10px 5px 10px 5px;
	position: relative;
	right: 245px;
	vertical-align: top;
	color: #000;
	border: 1px solid #053976;
	padding: 5px;
	background-color: #ffffff;
}

.leftmenu .col2home {
	float: left;
	width: 220px;
	margin: 10px 5px 10px 5px;
	position: relative;
	right: 245px;
	vertical-align: top;
	color: #000;
	/* border: 1px solid #053976; */
	padding: 5px;
	background-color: #f4f0e7;
}

.leftmenu .col2products {
	float: left;
	width: 220px;
	margin: 10px 5px 10px 5px;
	position: relative;
	right: 245px;
	vertical-align: top;
	color: #000;
	border: 1px solid #053976;
	padding: 5px;
	background-color: #f4f0e7;
}

.leftmenu .col2test {
	float: left;
	width: 15%;
	margin: 10px 5px 10px 5px;
	position: relative;
	right: 245px;
	vertical-align: top;
	color: #000;	
	padding: 5px;
}

.leftmenu .col2prod {
	float: left;
	width: 220px;
	margin: 10px 5px 10px 5px;
	position: relative;
	right: 245px;
	vertical-align: top;
	color: #000;	
	padding: 5px;
}

.leftmenu .col2tips {
	float: right;
	width: 220px;
	margin: 10px 5px 10px 5px;
	position: relative;
	right: 0;
	vertical-align: top;
	color: #000;	
	padding: 5px;
}

.leftmenu .col3tips {
	float: left;
	width: 220px;
	margin: 10px 5px 10px 5px;
	position: relative;
	right: 305px;
	vertical-align: top;
	color: #000;	
	padding: 5px;
}

.leftmenu .col3tipsright {
	float: left;
	width: 220px;
	margin: 10px 5px 10px 5px;
	position: relative;
	left: 50px;
	vertical-align: top;
	color: #000;	
	padding: 5px;
}

.leftmenu .col2wvid {
	float: left;
	width: 20%;
	margin: 10px 5px 10px 5px;
	position: relative;
	right: 245px;
	vertical-align: top;
	color: #000;	
	padding: 5px;
}

.col2testbox {
	float: left;
	width: 100%;
	position: relative;0
	vertical-align: top;
	color: #000;
	border: 1px solid #053976;
	padding: 5px;
	background-color: #f4f0e7;
}

.highlight {
	background-color: #FFFF99;
	}

.videobox {
	width: 485px;
	background-color: #f4f0e7;
	border: 1px solid #053976;
	padding: 5px;
	text-align: left;
}

.videoboxside {
	width: 485px;
	background-color: #fff;
	border: 1px solid #053976;
	padding: 5px;
	text-align: left;
}

.aboutvideoboxleft {
	width: 48%;
	background-color: #fff;
	border: 1px solid #053976;
	padding: 5px;
	text-align: left;
	float: left;
	clear: left;
}

.aboutvideoboxright {
	width: 48%;
	background-color: #fff;
	border: 1px solid #053976;
	padding: 5px;
	text-align: left;
	float: right;
}

.aboutvideoboxfull {
	width: 98%;
	background-color: #fff;
	border: 1px solid #053976;
	padding: 5px;
	text-align: left;
	float: left;
}

.tetecoachingbox {
	width: 200px;
	float: right;
	clear: right;
	border: 1px solid #053976;
	background-color: #FFFFFF;
	padding: 10px;
}

.tipsbox {
	width: 220px;
	float: left;
	border: 1px solid #053976;
	background-color: #FFFFFF;
	padding: 0 10px 10px 10px;
	margin-right: 10px;
}

.largetestbox {
	width: 570px;
	background-color: #f4f0e7;
	border: 1px solid #053976;
	padding: 5px;
	text-align: left;
}

/* Misc Contnet and Box Styles - Home Page Specific */
#saleseiq {
	height: 209px;
	padding-top: 15px;
}

.mainpageboxleft {
	 width: 35%;
	 float: left;
	 border: none;
	 border-width: 0;
	 margin: 0 10px 0 15px;
	 color: #000;
}

.mainpageboxright {
	width: 35%;
	float: right;
	border: none;
	border-width: 0;
	margin: 0 15px 0 10px;
	color: #000;
}

/* End Misc Contnet and Box Styles - Home Page Specific */

/* Misc Contnet and Box Styles - Multiple Pages (glennroller.php,) */
/* Common Link Styles */
a.italicbluelink {
	color: #006699;
	font-size: 12px;
	font-style: italic;
	font-weight: normal;
	text-decoration: underline;
}

a.italicbluelinkb {
	color: #006699;
	font-size: 12px;
	font-style: italic;
	font-weight: bold;
	text-decoration: underline;
}

a.regbluelink {
	color: #006699;
	text-decoration: underline;
	font-weight: normal;
	font-size: 12px;
}

a.regbluelinkb {
	color: #006699;
	text-decoration: underline;
	font-weight: bold;
	font-size: 12px;
}

a.fplink {
	font-size: 9px;
	color: #000000;
}

a.regpagelink {
	color: #000000;
	text-decoration: underline;
	font-weight: normal;
}

a.rlink {
        color: #ff0000;
		text-decoration: underline;
		font-weight: bold;
		font-size: 12px;			
}

/* End Common Link Styles */

.sidetitle {
	font-weight: bold;
	font-size: 14px;
	text-decoration: underline;
}

ul.sidetitle {
	margin-left: 0;
	padding-left: 10px;
}

li.sidetitlei {
	font-weight: bold;
	font-size: 12px;
	text-decoration: underline;
	font-style: italic;
	list-style-type: none;
}

.sidetext {
	font-size: 12px;
	font-weight: normal;
}

.sidetestimonial {
	font-size: 16px;
	font-family: "Monotype Corsiva", "Brush Script", "Brush Script Std", Arial, Helvetica, Verdana, sans-serif;  
}

.sidetestimonialcomment {
	font-size: 12px;
	font-style: italic;
	font-weight: bold;
}

.sidename {
	font-weight: bold;
	font-size: 14px;
	font-family: "Monotype Corsiva", "Brush Script", "Brush Script Std", Arial, Helvetica, Verdana, sans-serif;
}

a.sidelink {
	font-size: 16px;
	font-weight: bold;
	color: #000;
	font-family: "Monotype Corsiva", "Brush Script", "Brush Script Std", Arial, Helvetica, Verdana, sans-serif;
}

.videotestimonialname {
	font-weight: bold;
	font-size: 12px;
	text-align: left;
}

td.regboxc {
	background-color: #6699cc;
	border: dashed;
	border-width: thin;
	border-color: #000000;
	text-align: justify;	
	vertical-align: top;
	width: 400px;
}

.regpagetxt {
	font-size: 14px;
}

.regpagetxtb {
	font-size: 14px;
	font-weight: bold;
}

.regpagetxti {
	font-size: 14px;
	font-style: italic;
}

.pointer {
	cursor: pointer;
}

#inpgtitle {
	color: #d1b58e;
	text-decoration: underline;
}

.inpgsubtitle {
	color: #d1b58e;
}

img.agrimg {
	float: left;
	clear: left;
	padding: 0 5px 0 0;
}

.stbox {
	height: 266px;
}

.stpad {
	padding: 5px 0 0 0;
}

img.stimgpadfleft {
	float: left;
	clear: left;
	padding: 0 5px 0 0;
}

img.stimgpadfright {
	float: right;
	clear: right;
	padding: 0 0 0 5px;
}

.regpagetextjust {
	 text-align: justify;
}

.regpagetextb {
	 text-align: justify;
	 font-weight: bold;
}

.ti {
	font-style: italic;
}

.redregpagetextb {
        color: #ff0000;
		font-weight: bold;	
}

.scbg1 {
	background-color: #f0f0f0;
	width: 100%;
}

.scbg2 {
	background-color: #e0e0e0;
	width: 100%;
}

#boldbtmphone {
	text-align: center;
	font-size: 14px;
	font-weight: bold;
}

img.fleft {
	float: left;
}

.ac {
	width: 100%;
	text-align: center;
}

.frminfosml {
	 text-align: center;
	 font-size: 12px;
}

.frmtxt { 
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #000000;
	text-decoration: none;
	text-align: left;
}

.frminfo {
	 text-align: center;
}

.bolditalictxt {
	font-style: italic;
	font-weight: bold;
	}

.txtboxbg {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #000000;	
}

.w100per {
	width: 100%;
}

#w100perwbg {
	width: 65%;
	background-color: #ffffff;
}

.searchformbox {
	width: 50%;
	float: left;
	clear: left;	
	padding: 0 5px 0 5px;
}

.formsearchfld {
	width: 45%;
	float: left;
	clear: left;
}

.formsearchsubmitbtn {
	width: 50%;
	float: left;
	clear: right;
	padding-left: 25px;
	text-align: center;
}

.rightsearchinfo {
	width: 45%;
	float: left;
	clear: right;
	padding: 0 0 0 5px;
	border-left: 1px solid #d1b58e;
	min-height: 260px;
}

.contactformbox {
	width: 50%;
	float: left;
	clear: left;
	border-right: 1px solid #d1b58e;
	padding: 0 5px 0 5px;
}

.contactformboxnb {
	width: 50%;
	float: left;
	clear: left;
	padding: 0 5px 0 5px;
}

.formheader {
	width: 100%;
	border-bottom: 1px solid #d1b58e;
}

.formheaderleftbox {
	width: 49%;
	float: left;
	clear: left;
	font-weight: bold;
	padding: 0 5px 0 0;
}

.formheaderrightbox {
	width: 51%;
	float: right;
	clear: right;
	font-size: 9px;
	font-weight: bold;
	padding: 5px 0 0 0;
}

.errormessage {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: red;
}

.errormessagenorm {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: red;
	text-align: left;
}

.formnamefld {
	width: 49%;
	float: left;
	clear: left;
	padding: 5px 0 5px 0;
}

.formphonefld {
	width: 51%;
	float: right;
	clear: right;
	padding: 5px 0 5px 0;
}

.formemailfld {
	width: 100%;
	float: left;
	clear: left;
	padding: 5px 0 5px 0;
}

.formqcfld {
	width: 100%;
	float: left;
	clear: left;
	padding: 5px 0 5px 0;
}

.formsubmitbtn {
	width: 50%;
	float: left;
	clear: left;
	padding-left: 25px;
}

.formclearbtn {
	width: 50%;
	float: right;
	clear: right;
}

.rightcontactinfo {
	width: 45%;
	float: left;
	clear: right;
	padding: 0 0 0 5px;
}

.rightcontactinfobl {
	width: 45%;
	float: left;
	clear: right;
	padding: 0 0 0 5px;
	border-left: 1px solid #d1b58e;
}

.lefthireboxsubmit {
	width: 50%;
	clear: left;
	padding: 10px 5px 0 5px;
	font-weight: bold;
	border: 1px solid #d1b58e;
	background-color: #e1e8ef;
}

.lefthirebox {
	width: 50%;
	float: left;
	clear: left;
	padding: 0 5px 0 5px;
	border-right: 1px solid #d1b58e;
}

.righthirebox {
	width: 45%;
	float: left;
	clear: right;
	margin: 0 0 0 0;
	padding: 0 5px 0 5px;
}

.formspeakfld {
	width: *;
	float: left;
	padding: 5px 0 5px 0;
}

.leftsignupbox {
	width: 50%;
	float: left;
	clear: left;
	padding: 0 5px 0 5px;
	border-right: 0 solid #d1b58e;
}

.leftsignupboxerror {
	width: 50%;
	float: left;
	clear: left;
	padding: 0 5px 0 5px;
	border-right: 1px solid #d1b58e;
}

.rightsignupbox {
	width: *;
	float: left;
	clear: right;
	margin: 0 0 0 0;
	padding: 0 5px 0 5px;
}

.arttitle {
	font-size: 14px;
	font-weight: bold;
}

.highlightorg {
	background-color: #FFFF99;
}


/* Misc Left Column Content and Box Styles */
#livesupportbox {
	margin: 0 0 0 40px;
	color: #dc973c;
	text-align: center;
	font-size: 18px;
	font-weight: bold;
}

#videobtnbox {
	margin: 300px 0 0 50px;
}

#sleseiqbtnbox {
	margin: 20px 0 0 50px;
}
/* End Misc Left Column Content and Box Styles */
/* End Main Content Columns Style */

/* Footer Styles */
#footer {       
	width:100%;
	color:#fff;
	font-size: 10px;
	font-weight: normal;
	text-align: center;
	height: 40px;
	background-color:#053976;
	line-height: 12px;
}

#footercenter {
	width: 900px;
	margin: 0;
	clear: both;
	float: left;
	background-color: #053976;
	text-align: center;
	color: #fff;
	font-size: 10px;
	height: 40px;
	line-height: 12px;
}

a.btmlinks {
	color:#fff;
	text-decoration: none;
	font-weight: bold;
	font-size: 11px;
}

a.btmlinks:hover {
	color:#fff;
	text-decoration: underline;
	font-weight: bold;
	font-size: 11px;
}

#blackbg5h {
	background-color: #053976;
	height: 5px;
	width: 925px;
	margin: 10px 0 0 0 ;
}

#layer1 {
	left: 38%;
	}

/* End Footer Styles */
/* End New v4 Styles */

@media screen and (-webkit-min-device-pixel-ratio:0){
	#layer1 {
	left: 33%;
	}
	
	.leftmenu .col1tips {
	margin:0 20px 0 0;
	position:relative;
	right: 179%;
	overflow: hidden;
	background-color: #eff5fa;
}
	
}



/*

a.sidelink {
	color:#fff;
	text-decoration: none;
	font-weight: bold;
	font-size: 12px;
}

a.sidelink:hover {
	color:#fff;
	text-decoration: underline;
	font-weight: bold;
	font-size: 12px;
}

h1, h2, h3, h4, h5 {
	margin:.8em 0 .2em 0;
	padding:0;
	text-align: center;
	color:#000;
}

h2.indextop {
	font-size: 16px;
	padding-top: 10px;
	text-align: center;
}

li .olalpha {		
	list-style-type: lower-alpha;
}

p {
	margin:.4em 0 .8em 0;
	padding:0;
}





// Header styles 


#headercenter {
	width: 925px;
	margin: 0;
	clear: both;
	float: left;
	background-color: #d1b58e;
	text-align: center;
	background-image: url(http://www.theglennrollerinstitute.com/tgri_images/v4/topbar.jpg);
	color: #ffffff;
	font-size: 9px;
	height: 36px;
}

#header p,
#header h1,
#header h2 {
	padding:.4em 15px 0 15px;
	margin:0;
}




	
.rightmenu {
	    background:#000;
	}

.rightmenu .col1 {
	margin:7px 25px 7px 25px;
	overflow:hidden;
	padding: 10px;		
	background-color: #808080;
	background-image:url(../ltbas_images/mainbgimg.jpg);
	background-position: top;
	background-repeat: repeat-y;
	background-attachment: scroll;
}
	
// Main Page Text Columns 
#textcol1 {
	width:33%;
	color: #fff;
	float: left;
	clear: left;
	font-weight: bold;
	text-align: center;
	line-height: 40px;
	font-size: 18px;
	font-style: italic;
}

#textcol2 {
	 width:33%;
	 color: #fff;
	 float: left;
	 font-weight: bold;
	 text-align: center;
	 line-height: 40px;
	 font-size: 18px;
	 font-style: italic;
}

#textcol3 {
	 width:33%;
	 color: #fff;
	 float: left;
	 font-weight: bold;
	 text-align: center;
	 line-height: 40px;
	 font-size: 18px;
	 font-style: italic;
}



.mainpageboxleft2 {
	 width: 35%;
	 float: left;
	 border: none;
	 border-width: 0;
	 margin: 0 10px 0 15px;
	 color: #000;
	 font-weight: bold;
	 position: relative;
}



.mainpageboxright2 {
	width: 35%;
	float: right;
	border: none;
	border-width: 0;
	margin: 0 15px 0 10px;
	color: #000;
	font-weight: bold;
	position: relative;
}

.regpagetextjust {
	 font-size: 12px;
	 text-align: justify;
}

// Footer styles




#footerleft {
	width: 665px;
	float: left;
	margin: 0;
	background-color: #000000;
}

#footerright {
	width: 25px;
	float: right;
	margin: 0;
	background-color:#000000;
}

.errortitle {
	color: #dd9898;
	text-align: center;
}

.errortext {
	color: #dd9898;
	font-size: 12px;
}

// Pop-Up Window Styles
.pop {
	margin:0;
	padding:0;
	border:0;			// This removes the border around the viewport in old versions of IE
	width:100%;
	background:#3e5b42;
	min-width:300px;    // Minimum width of layout - remove line if not required 
						// The min-width property does not work in old versions of Internet Explorer 
	font-size:100%;
	color:#fff;
	font-weight: bold;
	font-family: "Times New Roman", Times, serif;
	text-align:center;
	background-image: url(../ltbas_images/bgfadepop.gif); background-position: top; background-attachment: scroll; background-repeat: repeat-x; 
}

#pop {
   margin:0 auto;
   width:425px;   // you can use px, em or % 
   text-align:left;
}

#footer #popleft {
	width: 380px;
	float: left;
	margin: 0;
	background-color: #000000;
}

#footer #popright {
    width: 25px;
	float: right;
	margin: 0;
	background-color:#000000;
}

.reqfieldstext {
	color: #fff;	
	font-size: 11px;
	font-weight: normal;	
	text-align: left;
}

// Thank You Page Styles 
.ty {
	margin:0;
	padding:0;
	border:0;			// This removes the border around the viewport in old versions of IE 
	width:100%;
	background:#fff;
	min-width:300px;    // Minimum width of layout - remove line if not required 
						// The min-width property does not work in old versions of Internet Explorer 
	font-size:100%;
	color:#fff;
	font-weight: bold;
	font-family: "Times New Roman", Times, serif;
	text-align:center;
	background-image: url(../ltbas_images/bgfadety.gif); background-position: top; background-attachment: scroll; background-repeat: repeat-x; 
}









// Left Side Popup Menu System 


#pmmcrumb {
	font-weight: bold;
	margin-bottom: 16px;
	color: #666666;
}
#pmmcrumb a, #pmmcrumb a:visited {
	font-weight: normal;
	color: #666666;
}
#pmmcrumb a:hover, #pmmcrumb a:active, #pmmcrumb a:focus {
	font-weight: normal;
	color: #E83A00;
}