body {
  font-family: Segoe UI, Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-size : 10pt;
  font-style: normal;
  font-weight: normal;
  color: #111;
  scrollbar-shadow-color:#999999;
  scrollbar-track-color : #a9a9a9;
  scrollbar-highlight-color:#efefef;
  scrollbar-darkshadow-color:#efefef;
  scrollbar-base-color:#999999;
  scrollbar-3dlight-color: #999999;
  scrollbar-face-color:#999999;
  scrollbar-arrow-color:#efefef;
  padding:0px;
}

#sideMenu {
  position:fixed;
  background-color: #fff;
  left: 0px;
  width: 140px;
  text-align: left;
  border: solid 0px black;
  padding: 0px;
  margin-top:60px;
  line-height:50px;
}

#Main {
  position:absolute;
  left:170px;
  top:10px;
  padding-bottom:50px;
  display:block;
  text-align:left;
  min-width: 400px;
  max-width: 800px;
  z-index: 2;
}

#footer { 
  position:fixed;
  bottom:0;
  display:block;
  width:100%;
  left:0px;
  z-index:6000;
  filter: alpha(opacity=85);
  opacity: 0.85;
  -moz-opacity:0.85;
}

ul { margin-top: 0px; padding-top: 0px; outline-width: thin;  }




Normal {
  font-family: Segoe UI, Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-style: normal;
  font-weight: normal;
  line-height : 150%;
  padding:1px;
}

#LogoDiv, #LogoDiv A  {
  border:solid 0px black; 
  font:normal 14pt verdana, ariel, san-serif; 
  cursor:hand;
  position:absolute;
  top:6px;
  left:0px;
  width:200px;
}

#topMenu { 

  position:absolute;
  top:0px;
  left:165px;
  display:block;
  float:left;
  margin: 0px 0px 0px 0px;
  z-index:200; 
  cursor: pointer;
  min-width:1000px;

}


#content { 
  position: relative; 
  z-index:0; 
  color: #222; 
  width: 790px; 
  margin: 0px 20px 0px 20px; 
  padding: 0px 20px 5px 20px; 
  text-align: left;
}


#mainHeader {
  width: 100%; 
}

#mnuHome {
  width: 160px;
  height: 40px;
}

#mnuNav { 
  float:left; 
  width:940px;
  text-align: center; 
}

.Main2 {
  width:950;
  text-align:left;
  border: solid 1px black;
  padding: 10px 20px 10px 20px;
}

.mainNav {
  font-family: Segoe UI, Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-size : 12pt;
  font-style: normal;
  font-weight: normal;
  line-height : 150%;
  padding:1px;
}

.RightImage { float:right; margin: 10px; }
.LeftImage { float:left; margin: 10px; }

.sBox {
 font-size: 12pt;
 background-color: #ddd;
 -moz-border-radius: 5px;
 border-radius: 5px;
 -moz-box-shadow: 5px 5px 5px black;
 -webkit-box-shadow: 5px 5px 5px black;
 box-shadow: 5px 5px 5px black;

 }
.sBoxTitle {
 background-color: #40AA40;
 padding: 10px;
 color: #fff;
 -moz-border-radius: 5px;
 border-radius: 5px;
 text-align:center;
}
.sBoxContent { padding: 12px; }

.box250 { width: 250px; }
.box300 { width: 300px; }
.box400 { width: 400px; }
.box500 { width: 500px; }
.box750 { width: 750px; }
.box900 { width: 900px; }
.floatLeft { float: left; }
.floatRight { float: right; }
.margin5 { margin: 5px; }
.margin10 { margin: 10px; }
.margin15 { margin: 15px; }
.margin30 { margin: 30px; }
.padding5 { padding: 5px; }
.padding10 { padding: 10px; }
.padding15 { padding: 15px; }
.padding30 { padding: 30px; }
.boxWhite,.boxWhiteBackground { background-color: #fff; }
.boxBlackBorder { border: solid 2px black; }
.radius15 {  -moz-border-radius: 15px;  border-radius: 15px; }
.radius25 {  -moz-border-radius: 25px;  border-radius: 25px; }
.radius45 {  -moz-border-radius: 45px;  border-radius: 45px; }
.grayShadow { -moz-box-shadow: 25px 25px 25px #888; -webkit-box-shadow: 25px 25px 25px #888; box-shadow: 25px 25px 25px #888; }

.mBox {
 width:120px;
 color: #fff;
 font-size: 12pt;
 padding:8px;
 background-color: #222;
 -moz-border-radius: 5px;
 border-radius: 5px;
 }

.blBox { background-color:#d4f0ff; }

.qBox {
 width:750px;
 font-size: 12pt;
 border: solid 2px #222;
 padding:14px;
 -moz-border-radius: 5px;
 border-radius: 5px;
 }
.bbutton {
    padding:  10px;
    font:     bold 14pt arial;
    cursor:   pointer;
}

SPAN.Normal {
        font-family: Segoe UI, Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-style: normal;
	font-weight: normal;
	line-height : 150%;
	padding:1px;
}
P {
	font-family : Segoe UI, Verdana, Arial, Helvetica, sans-serif;
	font-style: normal;
	font-weight: normal;
	xcolor: #666666;
}
P.lead {
	font-family : Segoe UI, MS Sans Serif,Lucinda,Verdana,Ariel,Sans Serif;
	font-size : 18px;
	font-style: normal;
	font-weight: normal;
	color: #5172f0;
}
.textbox{
	border-bottom : none;
	border-left : none;
	border-right : none;
	border-style : none;
	background-color : #FFFFFF;
	xcolor : #666666;
    font-family: Tahoma, Arial, Helvetica, sans-serif; 
	font-size: 10px; 
	font-weight:bold;
}

h1 {  font-weight: normal;font-size: 20pt;margin-bottom: 0em;font-family: Segoe UI, Verdana, Geneva, Arial, Helvetica, sans-serif; color:#444444;}
H2 {  font: bold 16pt Calibri,Segoe UI, Verdana, Geneva, Arial, Helvetica, sans-serif; color:#444444; }
h3 {  font-family: Segoe UI, Verdana, Arial, Helvetica, sans-serif; font-size: 14px; font-style: normal; font-weight: bolder; color: #000000}
h4 {  font-family: Segoe UI, Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-style: normal; font-weight: bolder; color: #666666}

.bred {  font-family: Tahoma, Verdana, sans-serif; font-size: 11px; font-weight: bold; color: #820000}
.lgbold {  font-family: Tahoma, Verdana, sans-serif; font-size: 13px; font-weight: bold; color: #666666}

a {  font-family: Segoe UI, Tahoma, Verdana, sans-serif; font-size: 12px; font-weight:normal; text-decoration: underline; color: #0000ff}
a.menu2 { font-family: Segoe UI, Tahoma, Verdana, sans-serif; font-size: 12px; font-weight:normal; text-decoration: none; color: #222288; }
a.menu {  font-family: Segoe UI, Tahoma, Verdana, sans-serif; font-size: 12px; font-weight:normal; text-decoration: none; color: #222222; background-color: #AAAAAA;}
a.ring {  font-family: Segoe UI, Tahoma, Verdana, sans-serif; font-size: 12px; font-weight:normal; text-decoration: none; color: #333333}
//a:hover {color: #008800;  text-decoration: underline;}
//a.menu:hover {color: #ffffff;  text-decoration: underline;}
.home {font-size: 12px; font-weight:bold; color: #CC0033; text-decoration: underline;}
a.home:hover {color: #CC0033;text-decoration: none;}
.edu {font-size: 10px; font-weight:bold; color: #FF8C00; text-decoration: underline;}
a.edu:hover {color: #FF8C00;text-decoration: none;}

textarea {  font-family: Tahoma, Verdana, sans-serif; font-size: 10pt; font-style: normal; font-weight: normal; color: #000000}

.RadioTableHeaderClass {vertical-align:bottom; text-align:center; border:solid solid dotted solid; border-color:#d8d8d8 #d8d8d8 black #d8d8d8; border-width:0px 1px 1px 0px; padding:3px; background-color:#d8d8d8; color:#000000; }
.RadioTableClass {border-collapse:collapse; border-style:solid; border-color: black;border-width:2px 2px 2px 0px; padding:0px 0px 0px 0px; margin:6px; }
TD.RadioTableClass {border-style:solid; border-width:0px 1px 0px 0px; vertical-align:top; margin:0px; padding:0px; }
TD.Rating { vertical-align: top; background-color:#C0C0C0; }
TD.Comment { vertical-align: top; background-color:#FEB20E; }

TD.RTClassOdd { background-color:#f4f4f4; border-style:solid; border-width:0px 1px 0px 0px; vertical-align:top; margin:0px; padding:0px; }
TD.RTClassEven {border-style:solid; border-width:0px 1px 0px 0px; vertical-align:top; margin:0px; padding:0px; }
TD.RTClassRadioOdd { width:75px;background-color:#f4f4f4; border-style:solid; border-width:0px 0px 0px 0px; vertical-align:center; text-align:center; margin:0px; padding:0px; }
TD.RTClassRadioEven {width:75px;border-style:solid; border-width:0px 0px 0px 0px; vertical-align:center; text-align:center; margin:0px; padding:0px; }

TD.ft { text-align:center; border-top: solid 1px #919191; border-right: solid 1px #D7D7D7; }


/* --- 2009  --- */
.clipin{
  position:absolute;
  clip:rect(0px 1000px 1000px 0px);  // Top Right Bottom Left
  top:0px;
  left:0px;
}
TABLE.PageTitleTable   { padding:0px 20px 0px 20px;border:0px;margin:0px 20px 0px 20px; }
TD.PageTitleDefinition { padding:20px;border:0px;margin:20px; }
.HBar { width:100%;  background:url(./images/HBar.jpg) background-repeat: repeat-x; }
.TempDemoField { border-type:solid; border-width: 1px 2px 1px 0px; border-color: black; font:normal 12pt arial; background-color:#eeeeee; }

/*  Setup the fonts for the Block Menu Content  */


.MenuChapter, .SubParagraph, .SubContent {  
  font-family: Segoe UI, Ariel, Tahoma, Verdana, sans-serif; 
  font-style: normal; 
  font-weight: normal; 
  font-size: 11pt;

}
.SubParagraph { margin:10px; padding:0px 20px 0px 20px; border:solid 1px blue; background-color:#F4F4ff; font-size: 10pt; }
.Content { position:absolute; z-index:2; left:0; top:0; width:1000; height:100; border:2px solid black; visibility:hidden; }
.SubContent { padding-left:20px; }
.Button200 {cursor:hand;width:200px;}
.Button120 {cursor:hand;width:120px;}
.Button100 {cursor:hand;width:100px;}
.Button {cursor:hand;}
.Chapter     { overflow: auto; position:absolute; z-index:2; left:0; top:0;width:1200;height:450;border:0px solid black;visibility:visible; }
.MenuChapter { 
  overflow: auto; 
  position:absolute; 
  z-index:2; 
  left:0;
  top:68;
  width:806;
  height:300;
  border-left:0px solid #888888;
  border-top:0px solid #888888;
  border-right:0px solid black;
  border-bottom:0px solid black;
  visibility:hidden; 
  background-color:#d0ffdd; 
}
.MainMenu { padding-top:10px; border-bottom: solid 2px black; height:10; font-family: Segoe UI, Verdana, Ariel, Tahoma, sans-serif; font-style: normal; font-weight: normal; }

.sMainMenu { 
 padding-top:1px; border-bottom: solid 2px black; height:10; font-size: 14pt; font-family: Segoe UI, Verdana, Ariel, Tahoma, sans-serif; font-style: normal; font-weight: bold;
 border:solid 0px black;position:relative; z-index:20; top:0;visibility:visible;
}

.info, .success, .warning, .error, .validation {
    float:right;
    width:300px;
    border: 1px solid;
    margin: 10px 0px;
    padding:15px 10px 15px 50px;
    background-repeat: no-repeat;
    background-position: 10px center;
}
.info {    color: #00529B; background-color: #BDE5F8; background-image: url('http://www.e-Speaking.com/images/infoButton.png'); }
.success { color: #4F8A10; background-color: #DFF2BF; background-image:url('http://www.e-Speaking.com/images/successButton.png'); }
.warning { color: #9F6000; background-color: #FEEFB3; background-image: url('http://www.e-Speaking/images/warningButton.png'); }
.error {   color: #D8000C; background-color: #FFBABA; background-image: url('http://www.e-Speaking/images/errorButton.png'); }


 


 /* set background images for corners */
.xrbroundbox { background: url(http://www.e-Speaking.com/images/BlueBox.png) repeat;  }
.xrbtop div  { background: url(http://www.e-Speaking.com/images/BlueUpperLeft.png) no-repeat top left; }
.xrbtop      { background: url(http://www.e-Speaking.com/images/BlueUpperRight.png) no-repeat top right; }
.xrbbot div  { background: url(http://www.e-Speaking.com/images/BlueLowerLeft.png) no-repeat bottom left; }
.xrbbot      { background: url(http://www.e-Speaking.com/images/BlueLowerRight.png) no-repeat bottom right; }
 
 /* height and width details */
.xrbtop div, .rbtop, .rbbot div, .rbbot {
	width: 100%;
	height: 10px;
	font-size: 1px;
}
.xrbcontent  { 
  margin: 0 20px; 
  padding:10px 0px 10px 50px;
  background-image: url('http://www.e-Speaking.com/images/infoButton.png'); 
  background-repeat: no-repeat;
  background-position: 0px center;
}
.xrbroundbox { width: 30em; margin:10px; background-color: #ffffff; float:right; }



/*==============================================
   ---- Header Box Styles ----  
  ============================================== */
h1{font: normal 250%/125% "Segoe UI Light", "Segoe UI", Arial, Verdana, Tahoma, sans-serif;  color: #4f4f4f; }
h2{font: normal 216%/108% "Segoe UI Light", "Segoe UI", Arial, Verdana, Tahoma, sans-serif;  color: #4f4f4f; }
h3{font:bold 150%/125% "Segoe UI",Arial,Tahoma,sans-serif; color: #222; }
h4{font:bold 110% "Segoe UI",Arial,Tahoma,sans-serif; color:#222;}
h4.description{margin:0 0 24px}
h4{margin-bottom:0px}
h5{font:bold 100% "Segoe UI",Arial,Tahoma,sans-serif; }


/*==============================================
   ---- Squared Box Styles ----  
  ============================================== */
.TipSqrBox { box-sizing: border-box; width: 250px; padding: 5px 5px 20px 5px; }
header { 
  background-color:#000; color:#DDD; font: bold 12pt arial; 
  box-sizing: border-box; width: 230px; padding: 7px; margin: 5px;
}

/*==============================================
   ---- Rounded Box Styles ----  
  ============================================== */
/* set background images for corners */
.rbroundbox { background: url(http://www.e-Speaking.com/images/BlueBox.png) repeat;  }
.rbtop div  { background: url(http://www.e-Speaking.com/images/BlueUpperLeft.png) no-repeat top left; }
.rbtop      { background: url(http://www.e-Speaking.com/images/BlueUpperRight.png) no-repeat top right; }
.rbbot div  { background: url(http://www.e-Speaking.com/images/BlueLowerLeft.png) no-repeat bottom left; }
.rbbot      { background: url(http://www.e-Speaking.com/images/BlueLowerRight.png) no-repeat bottom right; }
.rbtop div, .rbtop, .rbbot div, .rbbot {width: 100%; height: 10px; font-size: 1px; }
.rbroundbox { width: 30em; margin:10px; background-color: #ffffff; float:right; }
.rbcontent  { 
  margin: 0 20px; 
  padding:10px 0px 10px 50px;
  background-image: url('http://www.e-Speaking.com/images/BlueInfoButton.png'); 
  background-repeat: no-repeat;
  background-position: 0px center;
}



/*==============================================
   ---- Active Button Styles ----  
  ============================================== */
/*-- Button Styles --*/
.button {
    -webkit-transition: background-color 300ms ease-out;
    -moz-transition: background-color 300ms ease-out;
    transition: background-color 300ms ease-out; 
 padding: 5px 10px 5px 10px;
 font:    bold 14pt "segoe ui";
 cursor:  pointer;
 -moz-border-radius: 0px;
 border-width:5px;
 border-style: solid;
 width:140px;
 text-decoration:none;
}
.button.hollow {background: transparent; }
.button.round  {-webkit-border-radius: 20px; border-radius: 20px; }
.button.blue {
  color: #31b3ff; border-color:#31b3ff; background: #fff;
  border-width: 2px; }
.button.blue:hover {
  background: #31b3ff;
  text-decoration: none;
  color: #fff; }
.button.green {
  color: #40AA40; border-color:#40AA40; background: #fff;
  border-width: 2px; }
.button.green:hover {
  background: #40AA40;
  text-decoration: none;
  color: #fff; }


.microbutton {
  -webkit-transition: background-color 300ms ease-out;
  -moz-transition: background-color 300ms ease-out;
  transition: background-color 300ms ease-out; 
  padding: 2px 8px 2px 8px;
  font:    bold 10pt "segoe ui";
  cursor:  pointer;
  -moz-border-radius: 0px;
  border-width:2px;
  border-style: solid;
  text-decoration: none;
}
.microbutton.round {
  -webkit-border-radius: 12px;
  border-radius: 12px; }
.microbutton.blue {
  color: #31b3ff; border-color:#31b3ff; background: #fff;
  border-width: 2px; }
.microbutton.blue:hover {
  background: #31b3ff;
  text-decoration: none;
  color: #fff; }
.microbutton.green {
  color: #40AA40; border-color:#40AA40; background: #fff;
  border-width: 2px; }
.microbutton.green:hover {
  background: #49AA40;
  text-decoration: none;
  color: #fff; }


/*==============================================
   ---- Panel Box Styles ----  
  ============================================== */
DIV.Panel
{ margin: 14px 14px 14px 14px;
  padding: 14px 14px 14px 14px;
  border: 4;
  background: #5588CC;
  border-style:	outset;
  border-top-color: #5588CC;
  border-left-color: #5588CC;

  border-right-color: #3366AA;
  border-bottom-color: #3366AA;

  width:500px;
}

/*==============================================
   ---- Comparison Box Styles ----  
  ============================================== */
.CompTableMain    {margin-right: 0px; width: 900px; border-top:solid 1px black; padding-bottom:25px; padding-left:15px; display: block; clear:both; }
.CompTableTop     {margin-right: 0px; padding:20px; float: left; width: 96%; border-top:solid 2px black; text-align:center; }
.CompTableLeft    {margin-right: 0px; padding:20px; float: left; width: 44%; border-right:solid 1px black; }
.CompTableRight   {margin-right: 0px; padding:20px; float: left; width: 44%; }
.CompTableHeaderLeft {margin-right: 0px; padding:20px; float: left; width: 44%; border-right:solid 1px black; text-align:center; font-weight: bold; }
.CompTableHeaderRight{margin-right: 0px; padding:20px; float: left; width: 44%; text-align:center; font-weight: bold; }
.CompTableEndRow  {clear: both; border-bottom:solid 2px black;}


/*==============================================
   ---- Rows with 2 Columns ----  
  ============================================== */
.TwoColListsC1 {margin-right: 0px; padding:20px; float: left; width: 34%;  }
.TwoColListsC2 {margin-right: 0px; padding:20px; float: left; width: 34%;  }


/*==============================================
   ---- Text Ad2 ----  
  ============================================== */
.AdText { box-sizing: border-box; font-size: 9pt; border: solid 1px #222; padding: 8px; margin: 16px; width:220px; }


/*==============================================
   ---- Text Ad3 ----  
  ============================================== */
TABLE.AdText3 { box-sizing: border-box; border: solid 1px #222; margin: 16px; width:900px; }
TD.AdText3 { padding: 10px; width:100% }