body
{
	background: #68838B;
	background: url("../images/background1.png") repeat;
	border: 0 none;
	margin-bottom: 0px;
	margin-top: 0px;
}
#container
{
	margin-left: auto;
	margin-right: auto;
	padding-bottom: 30px;
	padding-left: 60px;
	padding-right: 60px;
	padding-top: 30px;
	width: 900px;
}
#banner
{
	background-color: #f9fcfc;
	color: #5b7882;
	height: 171px;
	margin-bottom: 5px;
	padding-top: 15px;
}
#bird_large
{
	text-align: right;
}
img.bird
{
	border: 0;
	width: 570px;
}
#content
{
	background-color: #f9fcfc;
	color: #656974;
	font-family: 'Roboto', Helvetica, sans-serif;
	font-size: 14px;
        line-height: 1.2em;
	margin-bottom: 8px;
	margin-top: 10px;
	min-height: 400px;
	padding: 15px;
	padding-left: 40px;
	padding-right: 40px;
	text-rendering: optimizespeed;
}
#sidebar-b
{
	background-color: #90eb26;
	float: right;
	font-family: 'Open Sans', sans-serif;
	font-weight: 400;
	height: 21px;
	letter-spacing: 1px;
	margin-left: 5px;
	margin-right: 0px;
	margin-top: 5px;
	padding: 5px;
}

IMG.logo
{
	display: block;
	margin-left: auto;
	margin-right: auto;
}
span.dcache-nav-bar *
{
	font-size: 10pt;
	margin: 0 0 0.25em 0;
	margin-left: 5px;
}
span.dcache-nav-bar a
{
	color: #23587a;
	text-decoration: none;
	text-transform: uppercase;
}
span.dcache-nav-bar a:hover
{
	color: #800;
}

div.book-navi
{
	font-size: 9pt;
	color: #003172;
	text-transform: uppercase;
	text-align:right;
}

div.book-navi a
{
	color: #800;
	text-decoration: none;
}
span.activ
{
	font-weight: bold;
}
div.book-type
{
	font-size: 9pt;
	color: #003172;
	text-transform: uppercase;
	text-align:right;
	margin-bottom: 40px;
}
div.book-type a
{
	color: #800;
	text-decoration: none;
}
.clear
{
	clear: both;
}
a
{
	color: #b3333a;
}
a:visited
{
	color: #b3333a;
}
a:hover
{
	color: #800;
}
div#supported, div#non-supported a
{
	color: #FF874B;
}
div#supported
{
	border: 1px dashed white;
	float: left;
	margin: 0;
	padding: 0;
	width: 50%;
}
div#non-supported
{
	border: 1px dashed white;
	margin-left: 50%;
	margin-top: 0;
	padding: 0;
	width: 50%;
}
h1,h2,h3,h4,h5,h6,h10, h11, h12, h13, h15
{
	font-family: 'Poiret One';
	font-weight: 600;
	margin: 0 0 0.25em 0;
        line-height: initial;
}
h1
{
	font-size: 200%;
}
h2
{
	font-size: 200%;
}
h3
{
	font-size: 150%;
}
h4
{
	font-size: 133.33%;
}
h5
{
	font-size: 116.67%;
}
h1
{
	color: #8ae234;
	letter-spacing: 2px;
	text-transform: uppercase;
	line-height: 120%;
}
h2
{
	color: #003172;
	letter-spacing: 2px;
	text-transform: uppercase;
	line-height: 120%;
}
h3
{
	color: #5f92a5;
	text-transform: uppercase;
	line-height: 120%;
}
h4, h5
{
	color: #000000;
	font-weight: bold;
}
h6
{
	color: #5f92a5;
	font-size: 180%;
	letter-spacing: 2px;
	margin-left: 5%;
	text-transform: uppercase;
}
h7
{
	font-size: 105%;
	font-weight: bold;
}
h8
{
	color: #5f92a5;
	font-size: 100%;
	font-weight: bold;
}
h9
{
	color: #8fa6b4;
	float: right;
	font-size: 10pt;
	margin-right: 20px;
	margin-top: 20px;
}
h10
{
	color: #1569a6;
	font-size: 400%;
}
h11
{
	color: #024585;
	font-size: 150%;
	letter-spacing: 1px;
	text-transform: uppercase;
}
h12
{
	color: #8ae234;
	font-size: 170%;
	letter-spacing: 2px;
	text-transform: uppercase;
}
h13
{
	color: #b6ff87;
	font-size: 150%;
	letter-spacing: 1px;
	text-transform: uppercase;
}
h14
{
	background-color: #b3333a;
	color: #e0cacb;
	font-size: 100%;
	letter-spacing: 1px;
}
h15
{
	color: #064e93;
	font-size: 180%;
	letter-spacing: 2px;
	text-transform: uppercase;
}
h16
{
	background-color: #b7ff99;
	color: #797b79;
	font-size: 100%;
	letter-spacing: 1px;
}
h17
{
	color: #6fb52a;
	font-size: 100%;
	font-weight: bold;
}
blockquote
{
	color: #656974;
	font-family: 'Roboto', Helvetica, sans-serif;
        line-height: 1.2em;
	font-size: 14px;
	margin-left: 5%;
}
div.block
{
	margin-bottom: 40px;
	margin-top: 20px;
	text-align: center;
}
#infobox
{
	background-color: #fffffc;
	border-color: #7f8595;
	border-radius: 5px;
	border-style: solid;
	border-width: 1px;
	float: center;
	list-style-type: none;
	margin-bottom: 20px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 20px;
	moz-border-radius: 2px;
	moz-border-radius: 5px;
	padding: 50px 30px;
	position: relative;
	text-align: center;
	webkit-border-radius: 5px;
	width: 650px;
}
div.advertising
{
	float: right;
	margin-bottom: 5px;
	margin-left: 5px;
	margin-right: 5px;
	padding: 5px;
}
div.video-object
{
	text-align: center;
}
#footer
{
	background-color: #324d57;
	clear: both;
	font-family: 'Roboto', Helvetica, sans-serif;
        line-height: 1.2em;
	font-size: 11pt;
	height: 40px;
	margin-top: 10px;
	padding: 5px;
}
#footer a
{
	color: #d63d26;
}
div.left 
{ 
        float:left;
        width:25%;
        padding:10px; 
}
div.right
{
        float:right;
        width:65%;
        padding:10px;
}
.clearBoth 
{ 
        clear:both; 
}

@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  src: url('/fonts/roboto.woff2') format('woff2');
  src: url('/fonts/roboto.woff') format('woff');
}