/* Layout CSS -------------------------
*/
html,body {
  margin:0;
  padding:0;
}
#container {
  width:700px;
  margin:0 auto;
}
#navigation {
  float:left;
  width:350px;
}
#extra {
  float:right;
  width:350px;
}
#footer {
  clear:both;
  width:100%;
}

/* Presentation code ------------------------ 
*/
body {
  font:1em calibri,helvetica,arial,sans-serif;
  text-align:center;
  background-color: #c8dfec;
  color:#003;
}
a {
  display:block;
  color: #981793;
  padding:10px;
}

#header {
  margin-bottom:20px;
  text-align:center;
}
#header h1 {
  line-height:80px;
  margin:0;
  padding:0;
  background: #fff;
  color: #1C388D;
}
#header p {
	 margin:0;
	 padding:2px 10px;
}
#container {
  text-align:left;
  border-left:1px solid #33B8FF;
  border-right:1px solid #33B8FF;
  background-color:#fff;
}
#content {
  text-align:center;
}
#content p {
  line-height:1.4;
}
#content p.bta {
  line-height:1.4;
	text-align:justify;
	margin:20px;
  padding:20px;
	border:1px dotted #F5CEA5;
	background:#eee;
}
#content h2 {
  width:220px;
  font-size:24px;
  background-color:#FBFFBB;
  text-align:center;
}
#content p.lrg {
  font-size:120%;
}
#content p.lrgt {
  font-size:120%;
	font-weight:bold;
	margin:0px;padding:0px;
	border-bottom:1px solid #ccc;
}
#content a{ text-decoration:none;color:#1C388D;}

#content .ima {
	font-size: 120%;
  font-style: italic;
	color: #1C388D;
}
#navigation {
  background:#eee;
  padding:5px;
}
#extra {
  background:#eee;
  padding:5px;
}
#footer {
  background: #E6F3FB;
  border-top:1px solid #F5CEA5;
  color: #666;
  font-size:10px;
}
#footer p {
  margin:0;
  padding:5px 10px;
}
#bt {
	margin:20px;
	padding:20px;
	border:1px dotted #F5CEA5;
	background:#eee;
	text-align:left;
}
#bt h2 { text-align:center; }
#bt p {
  line-height:1.4;
	text-align:justify;
}
ul.chk {
	text-align:left;
	list-style-type:none;
	margin:0 25px;
	padding:0;
}

li.chl {
	background: url(images/24-em-check.png);
 	background-repeat: no-repeat;
 	background-position: 0 2px;
	padding: 3px 0 3px 30px;
	margin: 10px 0;
}

ul.crc {
	text-align:left;
	margin:0 25px;
	padding:0;
	list-style-type:none;
}

li.crd {
	background: url(images/16-circle-red.png);
 	background-repeat: no-repeat;
 	background-position: 0px 2px;
	padding: 3px 0 3px 20px;
	margin: 10px 0;
}

#tml {
	border:1px solid #ccc;
  background-color: #d9d9d9;
	color: #333;
	padding:15px;
	margin:10px;
}
#tml p { color: #1551B1;font-style:italic; }

#ime { float:right; margin: 0px 10px 2px 20px;border:4px solid #eee;}

#prm {
	border:1px solid #ccc;
  background-color: #eee;
	color: #333;
	padding:15px;
	margin:10px 20%;
	text-align:justify;
}

/* Clock CSS --------------------------
*/
#lcd {
  margin: 0px auto;
  width:250px;
	height:160px;
  /*border:1px solid #DD7C18;
  background-color:#FEFDAE;*/
  background: #fff url(images/box.png) no-repeat;
  background-position: 14px 0px;
	padding:30px 15px;
  font-weight:bold; 
}
#lcd sup {
  color:#DD7C18;
  font-size: 60%;
  font-weight:normal;
	padding-left:3px;
	text-align:left;
}
#lcd td {
  color:#66A9CC;
  font-size:20px;
}
#lcd td.days {
  color:#1C388D;
  font-size:96px;
}
#lcd td.days sup {
  color:#DD7C18;
  font-size: 30%;
  font-weight:normal;
}