@charset "utf-8";

body {
	/*text-align: center IE hack*/
	min-width: 984px;
	background-color: #6FF;
	padding: 0;
	margin: 0;
	text-align: center;
}
/*Layout Divs*/

/*this container centers the content in the browser and fixes the overall width*/

#wrapper {
	width: 944px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	border-width: thick;
	border-style: double;
	background-color: #fff;
}


/*these containers hold the logo heading graphic and page name*/

#header {
	font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
	text-align: center;
	width: 944px;
	margin-top: 10px;
	margin-right: auto;
	margin-bottom: 10px;
	margin-left: auto;
	padding-top: 20px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0px;
}
#headerbanner {
	font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
	text-align: center;
	width: 944px;
	margin-top: 10px;
	margin-right: auto;
	margin-bottom: 10px;
	margin-left: auto;
	padding-top: 20px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0px;
	height: 220px;
}
#pagename {
	font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
	text-align: center;
	width: 944px;
	margin-top: 10px;
	margin-right: auto;
	margin-bottom: 10px;
	margin-left: auto;
	padding-top: 20px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0px;
	height: 120px;
	font-size: 400%;
	font-weight: bold;
	color: #666;
}
#pagename h2 {
	font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
	font-size: 85%;
}

#wrapper #pagename {
	font-size: 320%;
}

#pagenamemass {
	font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
	text-align: center;
	width: 944px;
	margin-top: 10px;
	margin-right: auto;
	margin-bottom: 10px;
	margin-left: auto;
	padding-top: 0px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0px;
	height: 160px;
	font-size: 400%;
	font-weight: bold;
	color: #666;
}

/*navigation div*/
#nav {
	text-align: center;
	height: 70px;
	width: 900px;
	margin-top: 5px;
	margin-right: auto;
	margin-bottom: 5px;
	margin-left: auto;
}
/*this container hold the content containers and background colour*/

#contentcontainer {
	background-color: #bcdfd6;
	width: 944px;
	margin-left: auto;
	margin-right: auto;
}
/*this container handles the left sidebar unless otherwise specified */
#leftside {
	/*text-align: left;*/
	height: 100%;
	width: 280px;
	padding-right: 10px;
	padding-left: 10px;
	background-color: #bcdfd6;
	float: left;
	margin-right: auto;
	margin-left: auto;
	padding-top: 20px;
}
/*these containers manage the left sidebar on the products page - see "Bulletproof Web Design" p100*/
#products {
	width: 280px;
	background-color: #bcdfd6;
	float: left;
	padding-left: 10px;
	text-align: center;
	color: #000;
	margin-right: auto;
	margin-left: auto;
	padding-right: 10px;
}

#products dl {
	padding: 0px;
	float: left;
	width: 240px;
	display: inline; /*fixes IE/Win double margin bug*/
	margin: 10px 20px;
	text-align: left;
}

#products dt {
	font-size: 90%;
	color: #C03;
	font-weight:bold;
	margin: 0px;
	padding: 0px;
	float: right;
	width: 147px;
	letter-spacing: 1px;
	font-family: Arial, Helvetica, sans-serif;
}
#products dd {
	font-size: 95%;
	color: #666;
	margin: 0px;
	padding: 0px;
	line-height: 1.5em;
	font-family: Arial, Helvetica, sans-serif;
}
#products dd.img img {
	background: #fff;
	padding: 4px;
	float: left;
	margin:0 8px 0 0;
	border:1px solid;
}
/*this container manages the main content*/
#rightside {
	height:100%;
	width: 585px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 5px;
	margin-left: auto;
	font-size: 130%;
	font-family: Arial, Helvetica, sans-serif;
	float: right;
	background-color: #fff;
	padding-left: 20px;
	text-align: left;
	padding-right: 20px;
}
/*these ids are for the tables on right side */
#price {
	width: 97%;
	border: medium solid #c03;
	text-align: left;
}
#price tr.alt td{
	background-color: #bcdfd6;
}
#price tr.left td {
	background-color: #bcdfd6;
	text-align: left;
}
#price tr.alt th{
	background-color: #bcdfd6;
}
#delivery {
	width: 97%;
	border: medium solid #c03;
}
#delivery tr.alt td{
	background-color: #bcdfd6;
}
#delivery tr.left td {
	background-color: #bcdfd6;
	text-align: left;
}
#delivery tr.alt th{
	background-color: #bcdfd6;
}
#englishtype {
	margin-right: auto;
	margin-left: auto;
}
#englishtype tr td     {
	color: #c03;
}
#englishtype caption {
	padding-top: 20px;
}
/*red border*/
.redborderbox {
	border: medium solid #C03;
	padding: 10px;
}
/*This class is used to 'clear' the floats in leftside and rightside containers*/
#clearer {
	clear: both;
	height: 0px;
	line-height: 0;
}
#footer {
	clear: both;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
	background-color: #FFF;
}
/*These classes format the text*/
/*dark grey*/
h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 48px;
	font-weight: bold;
	color: #666;
	margin-top: -5px;
	text-align: center;
}
/*torquoise*/
h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 120%;
	font-weight: bold;
	text-align: left;
	color: #00bfae;
}
/*black*/
h4 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 90%;
	text-align: left;
}
.h3class {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 120%;
	font-weight: bold;
	text-align: left;
	color: #00bfae;
}

/*black*/
.basetext {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
	text-align: left;
}
/*black*/
.standardtext {
	font-family: Arial, Helvetica, sans-serif;
	text-align: left;
	padding-right: 10px;
	padding-left: 10px;
}
/*red*/
.basetextred {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
	text-align: left;
	color: #C03;
	font-weight: bold;
}
#wrapper #contentcontainer #leftside p .basetextred {
	text-align: center;
}

/*red*/
.producttextred {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
	text-align: center;
	color: #C03;
	font-weight: bold;
	margin: 0 auto 0 auto;
}
/*red*/
.lefttextred {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
	text-align: left;
	color: #C03;
	font-weight: bold;
	margin: 0 auto 0 auto;
}
/*red*/
.mediumredtext {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 110%;
	text-align: center;
	color: #c03;
	font-weight: bold;
}
/*red*/
.smallredtext {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 80%;
	color: #c03;
	font-weight: bold;
	text-align: left;
}
/*black*/
#wrapper #rightside ul li {
	text-align: left;
}
/*black*/
#wrapper #leftside ul li {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	text-align:left;
}
/*black*/
.footertext {
	font-family:Arial, Helvetica, sans-serif;
	font-size:80%;
	text-align:center;
}
/*red*/
.footertextred {
	font-family:Arial, Helvetica, sans-serif;
	font-size:80%;
	text-align:center;
	color: #c03;
}
/*black*/
.smallforasterisks {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 60%;
}
/*black*/
.smallforcopyright {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 80%;
}
/*IPA fonts for sample_training_tips*/
.kiel {
	font-family: IPAKiel;
	font-weight: bold;
}
/*black*/
.blacktextbold {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
	font-weight: bold;
	color: #000;
	text-align: left;
}
#rightside tr {



}
.phonetics {
	font-family: Arial, Helvetica, sans-serif;
}