* {margin: 0; padding: 0;}

body, html {
  color: #666666;
  font: normal 12px arial;
  text-align: center;   
  background-color: #fff;
  padding: 0 0 20px 0;
  margin: 0;
}
a {text-decoration: none; color: #666;}
a:hover {text-decoration: underline;}
a img {border: 0;}
a:hover img {border: 0;}
p {}
small {font-size: 11px;}

#mainContent {
  padding: 20px;
  margin: 0;
  width: 800px;
  text-align: left;
  margin: 0 auto;
  background-color: #f3f8ec;
}
table.mainTable {vertical-align: top;}
table.mainTable td {vertical-align: top;}
td.columnRight {padding-left: 20px;}

.top div {width: 1000px;}
.top div {color: #00984a; font-size: 20px; text-align: center;}
.top div img {vertical-align: middle;}
.top div span{vertical-align: middle;}


.topMenu{
  background: url(images/top_bg.gif) repeat-x bottom;
  line-height: 53px;
  height: 53px;
  font-size: 18px;
  color: #fff;
  border-bottom: 7px solid #83e26c; 
  text-align: center;  
}
.topMenu div{
  width: 1000px;
  background: url(images/top_bg.gif) repeat-x bottom;
}

.topMenu a { color: #fff; margin: 15px;}

div.activeHeader {
  background: #7edf66 url(images/activeHeaderCR.gif) no-repeat top right;
  line-height: 18px;
  height: 18px;
  color: #fff;
  padding-right: 30px;
  width: 170px;
}
div.activeHeader img{vertical-align: top; margin-right: 0;}

div.activeHeaderRed {
  background: #ff3b3b url(images/activeHeaderCRRed.gif) no-repeat top right;
  line-height: 18px;
  height: 18px;
  color: #fff;
  padding-right: 30px;
  width: 170px;
}
div.activeHeaderRed img{vertical-align: top; margin-right: 10px;}

div.inActiveHeader {
  background: #cbcbcb url(images/inactiveHeaderCR.gif) no-repeat top right;
  line-height: 18px;
  height: 18px;
  color: #fff;
  padding-right: 30px;
  width: 170px;
}
div.inActiveHeader img{vertical-align: top; margin-right: 10px;}



/* start browser */

div.browser {
  border: 1px solid #777;
  border-bottom-width: 0;
  width: 525px;
  text-align: center;
  vertical-align: middle;
  font-size: 14px;
  background: #fff url(images/browser_bg.gif) repeat-x bottom;
}
div.browser div.menu {
  background-color: #eaeaea;
  float: left;
  line-height: 30px;
  margin-right: 2px;
  border-bottom: 2px solid #fff;
}
#leftImageActive { position: relative; bottom: 1px; left: -1px; float: left;}
#rightImageInactive { position: relative; bottom: 1px; right: -1px; float: right;}
#activeFold { background-color: #bcf1ab;}

div.subMenu { float: none; clear: both; font-size: 12px;}
div.subMenu div{ background-color: #eaeaea; float: left; margin-right: 2px;}


.browserContent { text-align: left; clear: both;}
.browserContent #image {float: left;}
.browserContent #ico {float: left; margin: 20px 5px 30px 5px;}



#browserBottomImage {display: inline; float: right; position: relative; top: 11px; left: 2px; bottom: 16px;}
#browserBottom {width: 527px; background: url(images/browser_bbg.gif) repeat-x bottom; height: 12px;}

/* end of browser */


h1 {font-size: 26px; font-weight: bold;}
h2 {font-size: 18px; font-weight: bold;}
h3 {font-size: 16px; font-weight: bold; line-height: 22px;}
h4 {font-size: 13px; font-weight: bold;}
#uppercase {text-transform: uppercase;}
#lowercase {text-transform: lowercase;}
.red {color: #f50000;}
.green {color: #00984a;}

.browserDescIcons { font-size: 12px; vertical-align: middle; color: #898989;}
.browserDescIcons img{float: left; margin: 0 5px 0 15px;}
.browserDescIcons span{float: left;}

#main {width: 527px; border: 1px solid #777; background-color: #fff;}
#main2 {width: 227px; border: 1px solid #777; background-color: #fff;}
#HandFoot {height: 12px;}
#mFoot {width: 527px; background: url(images/browser_bbg.gif) repeat-x bottom; height: 12px;}
#mContent {padding: 0 10px;}

.reviews {text-align: center; width: 100%;  }
.reviews img {text-align: center;}
.reviews b {display: block; margin-top: 10px;}
.reviews small {text-decoration: underline;}


p.whyUs {padding: 10px;}
p.whyUs b {display: block;}


.boxContact {text-align: left; text-align: center;}
.boxContact a {text-decoration: underline;}
.boxContact h2 {padding: 10px;}
.boxContact small {font-size: 11px;}
.boxContact div {background-color: #e8e8e8; margin-bottom: 10px; font-size: 20px; font-weight: bold;}
.boxContact img {vertical-align: middle; }

.boxStatistics {text-align: left; padding: 0 10px; text-align: center;}
.boxStatistics a {text-decoration: underline;}
.boxStatistics h2 {padding: 10px;}
.boxStatistics small {font-size: 11px;}
.boxStatistics ul {text-align: left; padding: 10px 20px;}
.boxStatistics div {background-color: #e8e8e8; margin-bottom: 10px; font-size: 20px; font-weight: bold;}
.boxStatistics img {vertical-align: middle; }


.boxNews {text-align: left; display: block;}
.boxNews small{display: block; }

.boxUni {text-align: center;}

.special p {font-size: 12px; padding: 10px;}
.special h1 { padding: 0 10px;}
.special div.advantage {clear: both; font-size: 22px; background: url(images/bgAdvantage.gif) repeat-x top; padding-left: 20px;}
.special img {margin: 10px 10px 0 50px; float: left;}
.special div.content {clear: right; float: left; width: 45%; text-align:left;}

.firstPage {padding: 0 10px;}
.firstPage ul {padding:  20px;}

.languagesPage {padding: 0 10px;}
.languagesPage img {vertical-align: middle;}
.languagesPage table {text-align: center;}

.department {}
.department table td {padding: 5px 35px 5px 5px;}
.department div.preContent {margin: 20px 40px;}
.department div.content {vertical-align: middle; margin: 10px; padding: 20px; border: 1px solid #777777; font-style: italic; }
.department div.data {font-size: 14px; font-weight: bold; text-transform: uppercase; font-style: italic;}
.department div.edit {text-decoration: underline; text-align: right; padding: 10px 30px;}
.department div.edit a {text-decoration: underline;}
.edit {text-decoration: underline; text-align: right; padding: 10px 30px;}

.justSimpleTable {text-align: center; padding: 0; margin: 0;}
.justSimpleTable tr {text-align: center; padding: 0; margin: 0;}
.justSimpleTable tr td {text-align: center; padding: 0; margin: 0;}


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

.listingPages {width: 100%;}
.listingPages tr {background-color: #F7F7F7;}
.listingPages td {padding: 5px;}
.listingPages #head {background-color: #EEEEEE;}
.listingPages #center {text-align: center;}
 
table.description {color: #666; text-align: left;}
table.description td {padding: 1px 5px;}
table.description td.left {color: #9c9c9c; text-align: right;}

.promo {
background: url(admin/images/description_promo_bg.gif) repeat-y bottom;
font-weight: bold;
font-size:18px;
color: #ff0000;
text-align: center;
}
.dscHeading{
background: url(admin/images/description_heading_bg.gif) repeat-y bottom;
font-weight: bold;
font-size:14px;
color: #666;
text-align: center;
}

.headingRaty {


line-height: 23px; 
height: 23px; 
padding: 0; 
float: right;
margin: 0; 
vertical-align: middle;
background-color: #cacaca;
color: #fff;
}
.headingRaty a{color: #fff;}

.headingRaty img {vertical-align: middle; }

.mainRaty {margin: 0 30px; padding: 0; border: 1px solid #666;}
#mainRaty {padding: 10px;}




table.raty {vertical-align: top; border: 0; margin: 0; padding: 0;}
table.raty td {width: 96px; height: 40px; text-align: center;  border: 0; margin:0; padding: 0;
background: url(images/months/bg.gif) repeat-y top;}
table.raty input {border: 0; background-color: #ececec; color: #666666; font: bold 18px arial; border: 0; margin:0; padding: 0; width: 96px; text-align: center; margin-top: 5px;}
table.raty div {border: 0; background-color: #ececec; color: #666666; font: bold 18px arial; border: 0; margin:0; padding: 0; width: 96px; text-align: center; margin-top: 5px;}

#testContent {
padding: 0 10px;

}

#testContent div{margin-right: 20px;}
#testContent a {display: block;}
#testContent br {display: block;}



.contact {padding: 20px;}
.contact p {font-size: 14px;}

.galleriesHeading {
background-color: #cacaca;
float: left;

}
.galleriesHeading img {vertical-align: middle;}

.galleriesHeading a {color: #ffffff;}


.allCourses img {vertical-align: top;}