@charset "utf-8";
/* CSS Document */
body {
		font-family:Arial, Helvetica, sans-serif;
		font-size:12px;
		color: #253954;		
		background-image:url(../images/topBrgr.jpg);
		background-repeat:repeat-x;
		background-color: #efeeee;
		margin:0;
		padding:0;
		height: 100%
		
	}
	#wrapper {
		width:900px;
		margin:0px auto;
		height: 100%
	}
	#header {
		height:193px;
		padding:0;
		background-repeat:repeat-x;
	}
	#logo {
		margin-top: 20px;
		margin-left: 0;
		padding: 0;
		height: 70px;
		background-image:url(../images/book.png);
		background-position:top left;
		background-repeat:no-repeat;
	}
	#logo a {		
		padding-left: 120px;
		font-size: 3.5em;
		color:#FFFFFF;
		letter-spacing:-1px;
    	word-spacing:-1px;
		text-shadow: 1px 1 px #000000;
		clear:both;
		text-decoration: none;
	}
	#content {
		margin-top:10px;
		padding-bottom:10px;
	}
	#content div {
		padding:10px;
		border:1px solid #bbb;
		float:left;
	}
	/* declared in ie.css */
	.border-radius {
  		behavior: url(css/pie.htc);
}
	#content-left {
		width:180px;
		height: auto;
		margin: 0;
		padding: 0;
		background-color:#dcdee2;
		border-radius: 10px;
		border-top-left-radius: 10px;
		border-bottom-left-radius: 0px;
		border-top-right-radius: 20px;
		border-bottom-right-radius: 30px; 
		
		-moz-border-radius-topleft: 10px;
		-moz-border-radius-topright: 20px;
		-moz-border-radius-bottomright: 30px;
		-moz-border-radius-bottomleft: 0;
		
		-webkit-border-top-left-radius: 10px;
		-webkit-border-top-right-radius: 20px;
		-webkit-border-bottom-right-radius: 30px;
		-webkit-border-bottom-left-radius: 0;	
		behavior: url(css/pie.htc);
	}
	#content-left .leftText {
		width: 169px;
		height: auto;
		background-color: #efeeee;		
		border-radius: 10px;
		border-top-left-radius: 10px;
		border-bottom-left-radius: 0px;
		border-top-right-radius: 20px;
		border-bottom-right-radius: 30px;
		
		-moz-border-radius-topleft: 10px;
		-moz-border-radius-topright: 20px;
		-moz-border-radius-bottomright: 30px;
		-moz-border-radius-bottomleft: 0;
		
		-webkit-border-top-left-radius: 10px;
		-webkit-border-top-right-radius: 20px;
		-webkit-border-bottom-right-radius: 30px;
		-webkit-border-bottom-left-radius: 0;
		behavior: url(css/pie.htc);
	}
	#content-left h3 {
		color: #FF9900;	
	}
	#content-left ul {
		margin-left: -30px;
	}
	#content-left ul li {
		display: block;
	}
	#content-left a{
		color:#253954;
		font-size: 0.9em;
	}
	#content-left a:hover{
		color:#f9aa00;
		font-size: 0.9em;
	}
	#content-left a:hover{
		color:#f9aa00;
		font-size: 0.9em;
	}
	#content-left a:active{
		color:#ca8000;
		font-size: 0.9em;
	}
	#content-main {
		margin-left:20px;
		width:656px;
		height:auto;
		padding:0;
	}
	#content-main h1 {
		color: #2f496b;
		text-shadow: 1px 1 px #000000;	
	}	
	#content-main h2 {
		color: #f9aa00;	
		padding-left: 30px;
		text-shadow: 1px 1 px #000000;
	}
	#content-main a {
		color: #2f496b;
	}
	#content-main a:hover {
		color: #f9aa00;
	}			
	
	.series{ /*header of 2nd demo*/
		display: none;
		width: 240px;
		border: 0;
	}
	.tableSmall
	{
		color:#253954;
		font-size: 0.95em;
		width: 650px;
		border: 0;
		padding: 0;
		
	}
	.tableSmall td
	{
		color:#253954;
		vertical-align: top;
		font-size: 12px;
		padding: 2px;
	}
	.tableSmall a
	{
		color:#253954;
		text-decoration:underline;
	}
	.fileSize { font-size:11px;}	
	table.details {
		width: 250px;
		border: 0;
		padding: 0;
	}
	table.details td{
		border-bottom:dotted; 
		border-color: #DDDDDD;
	}
	table.detailsAudio {
		width: 250px;
		border: 0;
		padding: 0;	
	}
	table.detailsAudio td {
		border-bottom:dotted; 
		border-color: #DDDDDD;
		font-size: 11px;	
	}
	table.detailsAudio th {
		border-bottom:dotted; 
		border-color: #DDDDDD;
		font-size: 11px;	
	}
	.tableVideo
	{
		color:#253954;
		font-size: 0.95em;
		width: 650px;
		border:1px solid #bbb;
		padding: 0;
		
	}
	.tableVideo td
	{
		color:#253954;
		vertical-align: top;
		font-size: 12px;		
		border-bottom:1px dotted #bbb;
		padding: 3px;
	}
	.tableVideo th
	{
		color:#253954;
		vertical-align: top;
		font-size: 12px;
		padding: 2px;
	    border-bottom:1px dotted #bbb;
	}
	.comments { font-size: 0.9em;}
	.alphabetLetter {
		font-family:Arial, Helvetica, sans-serif;
		font-size:2em;
		font-weight: bold;
		color: #253954;
	}
	.msg {color: #FF3300;}
	#footer {
		float:left;
		margin-top:10px;
		margin-bottom:10px;
		padding:10px;
		border:1px solid #bbb;
		width:878px;
		height: 40px;
		text-align:center;
	}
	#footer a {
		color: #253954;
		text-shadow: 1px 1 px #000000;
		text-decoration:underline;
	}
	#footer a:hover {
		color: #f7a800;
		text-shadow: 1px 1 px #000000;
		text-decoration:underline;
	}
	#bottom {
		clear:both;
		text-align:right;
		height: 30px;
	}
	ul.navFooter li {
		display: inline;
		font-size: 1em;
		font-size: 10px;
	}
	#pageBottom, #pageBottom a{
		clear:both;
		text-align:center;
		margin:0;
		padding-top: 10px;
		background-image:url(../images/bottomBrgr.jpg);
		height: 150px;
		color:#FFFFFF;
		font-size: 12px;
		text-shadow: 1px 1 px #000000;
		text-decoration:none;			
	}
	#pageBottom a:hover {
	 	color: #FF9900;
		font-size: 12px;
		text-shadow: 1px 1 px #000000;
		text-decoration:none;
	}	
	#navigation {
		margin-top: 10px;
		height: 76px;
		margin-left: 0px;  
	}
	.nav{
		height: 76px;
		list-style: none;
		line-height: 76px;
		padding-top:4px;
	}
	.nav li{
		float:left;
		padding-left:6px;
	}
	.nav li a{
		float:left;
		display:block;
		height:76px;
		text-decoration:none;
		padding-left:5px;
		font-size: 1.5em;
		color:#FFFFFF;
		text-shadow: 1px 1 px #000000;
	}
	.nav li a span{
		height:76px;
		float: left;
		display: block;
		padding: 0 10px 0 5px; /*0 10px 0 8pxPadding of menu items*/
	}
	.nav li.current a, .nav li a:hover{
		color: #ffffff; /*left tab image path*/
		background-position: left top;
		background-image: url(../images/menutableft.png);
		background-repeat: no-repeat;
	}
	.nav li.current a span, .nav li a:hover span{
		color: #ffffff; /*right tab image path*/
		background-image: url(../images/menutabright.png);
		background-repeat: no-repeat;
		background-position: right top;
	}
	#languages {
		float: right;
		color: #FFFFFF;
		padding: 0;
		margin-top: -20px;;
		font-size:10px;	
	}
	.select {
		font-size: 10px;
	}
	.skipNav { display:none; }

	.iframe-container{
  		position: relative;
 		 width: 100%;
  		padding-bottom: 56.25%; 
  		height: 0;
	}
	.iframe-container iframe{
  		position: absolute;
  		top:0;
  		left: 0;
  		width: 100%;
  		height: 100%;
	}