@charset "utf-8";


#apDivGreyBox {  /* grey ad box on right */
	position:absolute;
	width:258px;
	height:550px;
	z-index:1;
	left: 925px;
	top: 10px;
	background-image: url(../graphics/background.jpg);	 
	visibility: visible;
	overflow: visible;
} 
.container17 {
	width: 1270px;
	background: #FFF;
	margin: 0 auto; /* the auto value on the sides, coupled with the width, centers the layout */
	margin-top:20px;
	margin-bottom:20px;
	background-color:transparent;
}
.content17 {
	padding: 5px 0px  0px  5px;
	margin-top: 1px;
	margin-bottom: 5px;
	position: relative;
	margin-left: 50px;
	margin-right: 4px;
	background-color: #ececec;
	width: 1195px;
}
#navi17{
	font-size: 16px;
	right: 0px;
	padding-right: 0px;	
	padding-top:0px;
	padding-bottom:0px;	
	margin-left: 50px;
	width:1190px;
	height:28px;
}
.naviTopic{
	font-size: 14px;
	right: 0px;
	padding-right: 0px;	
	padding-top:0px;
	padding-bottom:0px;	
	margin-left: 50px;
	margin-top: 5px;

	height:22px;
		background-image: url(../graphics/background.jpg);	 
}

#textBoxSml {
	padding: 10px 0;
	margin-top: 5px;
	margin-bottom: 10px;
	position: relative;
	width: 900px;	
}

#apDivPMTS {
	position:absolute;
	width:468px;
	height:38px;
	z-index:2;
	left: 780px;
	top: 98px;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 24px;
	font-style: normal;
	font-weight: bold;
	color: #002060;
	line-height: 120%;
}
.footer17 {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 10px;
	padding-top: 10px;
	padding-right: 5px;
	padding-bottom: 10px;
	padding-left: 5px;
	line-height: 15px;
	letter-spacing: normal;
	word-spacing: normal;
	white-space: normal;
	font-style: normal;
	background-color: #E2E2E2;
	vertical-align: baseline;
	color: #666;
	width: 1190px;
	margin-left: 50px;
}
.imgLeft {
    float: left;
    margin: 5px 15px 5px 0px;
}
#headerHolder {
	position:absolute;
	width:1251px;
	height:124px;
	z-index:1;
	visibility: visible;
	overflow: visible;
}







.blueFont {
	font-family: Verdana, Geneva, sans-serif;
	color: #00F;
}

.blueFontSml{
	color: #000066;
	font-size: 75%;
}

.blueTelFont {
	font-family: Verdana, Geneva, sans-serif;
	color: #000099;
}

.container {
	width: 1100px;
	background: #FFF;
	margin: 0 auto; /* the auto value on the sides, coupled with the width, centers the layout */
	margin-top:20px;
	margin-bottom:20px;
	background-color:transparent;
}

.content {
	padding: 10px 0px  0px  5px;
	margin-top: 0.5em;
	margin-bottom: 5px;
	position: relative;
	margin-left: 60px;
	margin-right: 40px;
	background-color: #ececec;
	width: 955px;
}

#contentImg {  /*  left align img in content text  */
	position:relative;
	width:360px;
	height:230px;
	z-index:2;
	padding-left: 10px;
}
#contentImg2 {   /*  left align img in content text  */
	position:relative;
	width:360px;
	height:175px;
	z-index:2;
	padding-left: 10px;
}
#contentImg3 {   /*  left align img in content text  */
	position:relative;
	width:360px;
	height:230px;
	z-index:2;
	padding-left: 10px;
}

.currentPage {
	background-color: #ececec; 
 
	
/*    background-color: #ececec;   */
}

dl {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 1em;
	font-style: normal;
	font-weight: normal;
	padding-left: 30px;
	padding-right: 30px;	
	margin-left: 25px;	
}

figure {
    display: inline-block;
    margin: 5px;
	margin-bottom: 10px;
}

figure figcaption {
    text-align: center;
	color: #000066;
	font-size: 75%;
}

figure img {
    vertical-align: top;	
}


.footer {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 10px;
	padding-top: 10px;
	padding-right: 5px;
	padding-bottom: 10px;
	padding-left: 5px;
	line-height: 15px;
	letter-spacing: normal;
	word-spacing: normal;
	white-space: normal;
	font-style: normal;
	background-color: #E2E2E2;
	vertical-align: baseline;
	color: #666;
	width: 980px;
	margin-left: 50px;
}
.footerHP{
	font-family: Verdana, Geneva, sans-serif;	
	font-size: 10px;
	letter-spacing: normal;
	word-spacing: normal;
	white-space: normal;
	font-style: normal;
	background-color: transparent;
	}
	
.header {
	background: #FFF;
	margin-top: 20px;
	line-height: 1.5em;
	margin-bottom:0.5em;
	margin-top: 0em;
	width:1020px;
	background-color:transparent;
}	

h1{
	font-family: Verdana, Geneva, sans-serif;
	font-size: 22px;
	font-style: normal;
	font-weight: bold;
	padding-top: 15px;
	padding-left: 15px;
	padding-right: 15px;
	margin-top: -10px;
	margin-bottom: -10px;
	color: #000099;
	
}
h2{
	font-family: Verdana, Geneva, sans-serif;
	font-size: 18px;
	font-style: normal;
	font-weight: bold;
	padding-left: 15px;
	padding-right: 15px;
	margin-top: 0px;
	margin-bottom:-10px;
	color: #000099;
}
h3{
	font-family: Verdana, Geneva, sans-serif;
	font-size: 16px;
	font-style: normal;
	font-weight: bold;
	padding-left: 15px;
	padding-right: 15px;
	margin-top: 0px;
	margin-bottom:-10px;
	color: #000099;
}
h4{
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
	padding-left: 15px;
	padding-right: 15px;
	margin-top: 0px;
	margin-bottom: 0px;
	color: #000099;
}
h5 {
	margin-top: 0;	 
	padding-right: 15px;
	padding-left: 15px;
	color: #000099; 
}
h6{
	font-family: Verdana, Geneva, sans-serif;
	font-size: 6px;
	font-style: normal;
	font-weight: bold;
	padding-left: 15px;
	padding-right: 15px;
	margin-top: 0px;
	margin-bottom: 0px;
	color: #000099;
}

img { /* removes the default blue border displayed in some browsers around an image when it is surrounded by a link */	
	border: none;
}

img.rNav{
  padding-top: 4px;
  padding-bottom: 4px;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
img.rNavTop{
	display: block;
  padding-top: 10px; 
    padding-bottom: 4px;
  margin-left: auto;
  margin-right: auto;
}

#li.nav{
	display: inline;
	padding-top: 10px;
	margin-top: 10px;
}

#navi{
		font-size: 15px;
	right: 0px;
	padding-right: 2px;	
	padding-top: 2px;
	padding-bottom: 1px;	
	margin-left: 20px;
	width:1010px;
	height:56px;
}

ol {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 1em;
	font-style: normal;
	font-weight: normal;
	padding-left: 30px;
	padding-right: 30px;	
	margin-left: 25px;	
}

p{
	margin-top:  1em;
	margin-bottom: 1em;
	padding-right:  15px;
	padding-left:  15px;
	color: #000;
	border: 2px  #00F;
}
p.smallMargin{
	margin-top: 5px;
	margin-bottom: 5px;
}

#panel {
	position:relative;
	width: 1200px;
	height: 125px;
	overflow: hidden;
	left: 50px;
	top: 10px;
}

/*
#panel img {
    position: absolute;
    -ms-interpolation-mode:nearest-neighbor;
}
*/

.redFont {
	font-family: Verdana, Geneva, sans-serif;
	color: #F00;
}


.textBulletListIndent{
	margin-left: 60px;
	}

ul { 
	font-family: Verdana, Geneva, sans-serif;
	font-size: 1em;
	font-style: normal;
	font-weight: normal;
	padding-left: 30px;
	padding-right: 30px;	
	margin-left: 25px;
}

#ul.rightNav{
	position: absolute;
	right: 0px;
	padding-right: 0px;		
}



.yesBorder {
	border: 1px solid #006;
}


	












a:link {
	color: #000099;
	text-decoration: none; 
}
a:visited {
	color: #6E6C64;  

	text-decoration: none;   
}
a:hover  { 
	text-decoration: none;
	font-family: Verdana, Geneva, sans-serif;
	font-style: normal;
	font-weight: normal;
/*	color: #009;    */
	color: #006;
	background-color: #ececec;*
} 
a:active {
	text-decoration: none;
}
a:focus   {
	text-decoration: none;
}












/* ~~ miscellaneous float/clear classes ~~ */
.fltrt {  /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 8px;
}
.fltlft { /* this class can be used to float an element left in your page. The floated element must precede the element it should be next to on the page. */
	float: left;
	margin-right: 8px;
}
.clearfloat { /* this class can be placed on a <br /> or empty div as the final element following the last floated div (within the #container) if the #footer is removed or taken out of the #container */
	clear:both;
	height:0;
	font-size: 1px;
	line-height: 0px;
}






#textBox {
	padding: 10px 0;
	margin-top: 5px;
	margin-bottom: 10px;
	position: relative;
	width: 690px;	
}
#textBoxLesson {
	padding: 10px 0;
	margin-top: 5px;
	margin-bottom: 10px;
	position: relative;
	width: 900px;

}
#tableBorderBlue{
	border: thin solid #333;
}


#tab1 {
	border: thin solid #333;
	visibility: visible;
	
	float: right;
	margin-right: 20px;
	margin-left: 20px;
	margin-bottom: 10px;
}







#compTable{
	font-family: Verdana, Geneva, sans-serif;
	width: 97%;
	border-collapse: collapse;
}
#compTable td, #compTable th{
	font-size: 1.0em;	
	border: 1px solid #006;
	padding:3px 5px 3px 5px;
}
#compTable th{
	font-size: 1.2em;
	text-align: left;
	padding-top: 5px;
	padding-bottom:5px;
	background-color: #CCCCCC;
	color: #006;
}
#compTable tr.alt td{
	color: #000000;
	background-color: #999;
}

#apDiv1 {
	position:absolute;
	width:579px;
	height:27px;
	z-index:1;
	left: 361px;
	top: 310px;
}
#apDiv2 {
	position:absolute;
	width:200px;
	height:115px;
	z-index:2;
	left: 77px;
	top: -5px;
}
  #apDiv3 {  /* grey ad box on right */
	position:absolute;
	width:258px;
	height:550px;
	z-index:1;
	left: 690px;
	top: 10px;
	background-image: url(../graphics/background.jpg);	 
	visibility: visible;
	overflow: visible;
}

#apDiv4 {
	position:absolute;
	width:200px;
	height:115px;
	z-index:1;
	visibility: visible;
}

#apDiv5 {
	position:absolute;
	width:1251px;
	height:145px;
	z-index:1;
	visibility: visible;
	overflow: visible;
}

#apDiv6 {
	position:absolute;
	width:419px;
	height:126px;
	z-index:1;
	left: 0px;
	top: -15px;
	visibility: visible;
	overflow: visible;
}
#apDiv7 {
	position:absolute;
	width:405px;
	height:30px;
	z-index:2;
	left: 353px;
	top: 218px;
}
#apDiv8 {
	position:absolute;
	width:461px;
	height:46px;
	z-index:2;
	left: 325px;
	top: 230px;
}
#apDiv9 {
	position:absolute;
	width:293px;
	height:184px;
	z-index:2;
	left: 52px;
	top: 661px;
}
#apDiv10 {
	position:absolute;
	width:295px;
	height:64px;
	z-index:2;
	left: 709px;
	top: 61px;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 24px;
	font-style: normal;
	font-weight: bold;
	color: #002060;
	line-height: 120%;
}
#apDiv12 { /* post it what is a principle  p2 german  */
	position:absolute;
	width:280px;
	height:280px;
	z-index:2;
	left: 356px;
	top: 570px;
}
#apDiv13 {
	position:absolute;
	width:280px;
	height:280px;
	z-index:2;
	left: 350px;
	top: 245px;
}
#apDiv16 {    /* post it what is a principle  p2 english  */
	position:absolute;
	width:280px;
	height:280px;
	z-index:2;
	left: 400px;
	top: 555px;
}