* {
  padding: 0;
  margin: 0;
  border: 0px none;
  font-family: georgia, verdana, arial, sans-serif;
  outline: none;
}

/********************************************************************
 *  TYPES
 ********************************************************************/

h1 {
  font-size: 2em;
}

h2 {
  font-size: 1.3em;
  margin-bottom: 10px;
}

h3 {
  font-size: 1.1em;
  margin-bottom: 5px;
}

h4 {
  font-size: 1.0em;
  margin-bottom: 5px;
}

html {
  background: #C0C0C0;
}

body {
  margin: 0;
  padding: 0;
  font-size: medium;
  color: black;
  background: #C0C0C0;
}

form {
  margin:0;
}

[disabled]
{
  background-color: #bebbb5;
  color: graytext;
}

/********************************************************************
 *  LINKS
 ********************************************************************/
a:link, a:visited, a:active {
  text-decoration: none;
  color: #a51c07;
}

a:hover {
  color: blue;
  text-decoration: none;
}

/********************************************************************
 *  TOOLS
 ********************************************************************/
.floatDivider {
  clear: both;
}

div.middleContentContainer {
  display: table;
  position: relative;
  width: 100%;
}

div.middleContentContainer div.middleContent {
  display: table-cell;
  vertical-align: middle;
}

.container {
  position: relative;
}

.floater {
  float: left;
  position: relative;
}

/********************************************************************
 *  SECTION LAYOUT
 ********************************************************************/

#outerPage {
  position: relative;
  margin: 10px auto 0 auto;
  width: 976px;
  /* !NOTE! DO NOT REMOVE THIS - OTHERWISE FLICKERING WILL COME BACK!!! */
  background: #f5f5dc;
}

#shadowRight {
  background: url('/img/bg/border_shadow_r.png?nocache=4090') top right repeat-y;
  width: 100%;
  height: 100%;
  position: relative;
  display: block;
  overflow: hidden;
}

#shadowRightTop {
  background: url('/img/bg/border_shadow_rt.png?nocache=4090') top right no-repeat;
  width: 100%;
  height: 100%;
  position: relative;
  display: block;
  overflow: hidden;
}

#shadowRightBottom {
  background: url('/img/bg/border_shadow_rb.png?nocache=4090') bottom right no-repeat;
  width: 100%;
  height: 100%;
  position: relative;
  display: block;
  overflow: hidden;
}

#page {
  position: relative;
  margin: 0 16px 0 0;
  background: #f5f5dc;
  width: 960px;
}

#header {
  float: left;
  position: relative;
  margin-bottom: 10px;
  width: 100%;
  height: auto;
}

#header *.sectionLvl1 {
  padding: 10px 10px 0 10px;
}

#headerLogo {
  float: left;
  margin: 0;
  overflow: hidden;
}

#polilangLogo {
  width: 290px;
  height: 120px;
  background-image: url('/img/logos/logo_crayon_small.png?nocache=4090');
  background-repeat: no-repeat;
  display: block;
  position: relative;
}

#banner {
  float: left;
  position: relative;
  width: 630px;
  height: auto;
  margin-left: 20px;
}

#bannerTop {
  float: left;
  position: relative;
}

#bannerLogo {
  float: left;
  position: relative;
  overflow: hidden;
  margin: 0 0 0 10px;
  padding: 0;
  width: 40px;
  height: 50px;
  background-image: url('/img/logos/banner_polish_flag_small.png?nocache=4090');
  background-repeat: no-repeat;
  background-position: center;
}

#bannerText {
  float: left;
  position: relative;
  font-size: 1.5em;
  text-align: left;
  color: #1c8f2e;
  margin: 0 0 0 90px;
}

#bannerText strong {
  line-height: 50px;
  vertical-align: top;
  display: block;
}

#banner ul {
  width: 540px;
  padding: 0;
  margin: 20px 0 0 90px;
  list-style: none;
  float: left;
}

#banner ul li {
  margin: 0;
  padding: 0px 5px 0px 0px;
  float: left;
  position: relative;
}

#body {
  float: left;
  position: relative;
  width: 100%;
  height: auto;
  margin-bottom: 10px;
}

#leftMenu {
  float: left;
  margin: 0 10px 0 15px;
  width: 130px;
}

#leftMenu ul {
  left: 0;
  padding: 0;
  margin: 0;
  list-style: none;
  float: left;
  width: 100%;
}

#leftMenu ul li{
  float: left;
  margin: 0;
  padding: 0px 0px 10px 0px;
  position: relative;
}

#content {
  float: left;
  position: relative;
  margin: 0 0 0 10px;
  padding: 0;
  text-align: center;
  width: 780px;
  min-height: 420px;
  height: auto;
}

#content div.frame {
  float: left;
  position: relative;
  padding: 20px;
  width: 732px;
}

div.hidden {
  visibility: hidden;
}

#outerFooter {
  clear: both;
  background: #c0c0c0;
  height: 56px;
  width: 100%;
  overflow: hidden;
}

#footer {
  text-align: center;
  /*background: #97d325;*/
  background: #b3d375;
  height: 40px;
  width: 100%;
  overflow: hidden;
}

#shadowBottom {
  background: url('/img/bg/border_shadow_b.png?nocache=4090') bottom left repeat-x;
  overflow: hidden;
  height: 100%;
}

#shadowBottomLeft {
  background: url('/img/bg/border_shadow_bl.png?nocache=4090') bottom left no-repeat;
  overflow: hidden;
  height: 100%;
}

#shadowBottomRight {
  background: url('/img/bg/border_shadow_br.png?nocache=4090') bottom right no-repeat;
  overflow: hidden;
  height: 100%;
}

/********************************************************************
 *  BUTTONS
 ********************************************************************/

.button {
  width: 130px;
  height: 50px;
  margin: 0;
  padding: 0;
  float: left;
  text-decoration: none;
  display: block;
  background-image: url('/img/brown_small/buttons.png?nocache=4090');
  background-repeat: no-repeat;
  position: relative;
}

span.scrReader {
	position: absolute;
	top: -9999px;
	left: -9999px;
	width: 1px;
	height: 1px;
	overflow: hidden;
}

img.scrReader {
	position: absolute;
	top: -9999px;
	left: -9999px;
	width: 0px;
	height: 0px;
	overflow: hidden;
}

/*
 * Top level menu link items style
 */

#home {
  background-position: 0 -200px; 
}

#home:hover {
  background-position: -130px -200px;
}

#aboutUs {
  background-position: 0 0; 
}

#aboutUs:hover {
  background-position: -130px 0;
}

#stateCertificate {
  background-position: 0 -500px;
}

#stateCertificate:hover {
  background-position: -130px -500px;
}

#links {
  background-position: 0 -250px;
}

#links:hover {
  background-position: -130px -250px;
}

#opinions {
  background-position: 0 -550px;
}

#opinions:hover {
  background-position: -130px -550px;
}

/*
 * Left  menu link items style
 */
#bookNow {
  background-position: 0 -50px;
}

#bookNow:hover {
  background-position: -130px -50px;
}

#polishCourses {
  background-position: 0 -350px;
}

#polishCourses:hover {
  background-position: -130px -350px;
}

#englishCourses {
  background-position: 0 -150px;
}

#englishCourses:hover {
  background-position: -130px -150px;
}

#oneToOneClasses {
  background-position: 0 -300px;
}

#oneToOneClasses:hover {
  background-position: -130px -300px;
}

#polishForBusiness {
  background-position: 0 -400px;
}

#polishForBusiness:hover {
  background-position: -130px -400px;
}

#polishForChildren {
  background-position: 0 -450px;
}

#polishForChildren:hover {
  background-position: -130px -450px;
}

#contactUs {
  background-position: 0 -100px;
}

#contactUs:hover {
  background-position: -130px -100px;
}

.bookButton {
	background: url('/img/brown_small/book_small.png?nocache=4090') top left no-repeat;
	width: 70px;
	height: 36px;
}

.bookButton:hover {
  background-position: -70px 0;
}

/********************************************************************
 *  BACKGROUND BORDERS
 ********************************************************************/

#borderTopLeft {
  background: url('/img/bg/border_tl.png?nocache=4090') top left no-repeat;
}

#borderTopRight {
  background: url('/img/bg/border_tr.png?nocache=4090') top right no-repeat;
}

#borderBottomLeft {
  background: url('/img/bg/border_bl.png?nocache=4090') bottom left no-repeat;
  overflow: hidden;
}

#borderBottomRight {
  background: url('/img/bg/border_br.png?nocache=4090') bottom right no-repeat;
  overflow: hidden;
}

/********************************************************************
 *  FOOTER ELEMENTS
 ********************************************************************/
#copyright {
  text-align: center;
  font-size: 0.8em;
  vertical-align: middle;
  height: 40px;
  line-height: 40px;
  overflow: hidden;
}

#validatorLink {
  height: 31px;
  width: 88px;
  vertical-align: baseline;
  overflow: hidden;
}

#validatorLink img {
  vertical-align: middle;
}

/********************************************************************
 *  FRAMES
 ********************************************************************/

.frameRed {
  background: #fadcc5 repeat;
  border-top: 4px solid #fff5de;
  border-right: 4px solid #edcfb8;
  border-bottom: 4px solid #e1c3ac;
  border-left: 4px solid #ffe8d1;
}

.frameGreen {
  background: #eaeac8 repeat;
  border-top: 4px solid #ffffe1;
  border-right: 4px solid #ddddbb;
  border-bottom: 4px solid #d1d1af;
  border-left: 4px solid #f6f6d4;
}

.frameHeading {
  background: #bd6e53 repeat;
  border-top: 4px solid #d6876c;
  border-bottom: 4px solid #a4553a;
  border-left: 4px solid #c97a5f;
  border-right: 0px none;
}

.frameRedRight {
  background: #fadcc5 repeat;
  border-top: 4px solid #fff5de;
  border-right: 4px solid #edcfb8;
  border-bottom: 4px solid #e1c3ac;
  border-left: 0px none;
}

.frameWhite {
  background: #f5f5dc repeat;
  border-top: 4px solid #fafae3;
  border-right: 4px solid #d4d4bd;
  border-bottom: 4px solid #c8c8b1;
  border-left: 4px solid #ededd6;
}

