* {
  margin: 0;
  padding: 0;
}

html, body {
  color: rgb(80, 80, 82);
  background-color: rgb(241,241,241);
  font-family: 'MS Sans Serif', Geneva, sans-serif;
  font-size: .95em;
}

.col3 {
    -webkit-column-count: 3; /* Chrome, Safari, Opera */
    -moz-column-count: 3; /* Firefox */
    column-count: 3;
}

.area {
  clear: both;
  max-width: 675px;
  margin: .25em auto;
  padding: 1em 1em 1em 1em;
  border: 1px solid rgb(160,160,160);
  background-color: rgb(255,255,255);
  border-radius: .25em;
}

.mainimage {
  margin: 3px 5% 25px 0;
}

.time {
  font-size: .8em;
  color: rgb(120,120,120);
}


h1, h2, h3, h4 {
  font-family: Arial,Helvetica,sans-serif;
  color: rgb(10,33,84);
}
h1 {
  margin: .5em auto 1em auto;
  text-align: center;
  font-size: 135%;
  text-shadow: 2px 2px rgb(200,200,200);
}
h2 {
  text-align: center;
  margin-top: .75em;
  margin-bottom: 0;
  /*padding-right: .8em;*/
  /*padding-top: .25em;*/
  padding-bottom: 0;
  width: 30em;
  color: rgb(207,32,46);
  font-size: 130%;
  font-weight: 700;
  text-shadow: 2px 2px rgb(200,200,200);
}
h3 {
  margin-top: 1.5em;
  margin-bottom: .5em;
  font-size: 120%;
}
h3.top {
  margin-top: 1.5em;
}
h4 {
  margin: 1.1em 0em 0.1em 2em;
  font-size: 1.1em;
  color: rgb(60,60,60);
}

p {
  margin: 1em 5% 1em 0;
  font-size: 95%;
}

ul {
  font-size: 95%;
  list-style: none;
}

ol {
  margin-left: 2em;
}
li {
  margin-top: .5em;
  margin-left: 2em;
}

pre {
  margin: .5em 1.5em;
  font-size: 1.1em;
}


table {
    border-collapse: separate;
    border-spacing: 0;
    min-width: 28em;
}
table tr td {
    border-top: .10em solid rgb(200,200,200);  /* inner horiz borders */
    border-right: .10em solid rgb(200,200,200);  /* inner vertical borders */
    padding: 0.35em;
    background-color: rgb(245,242,245);
}
table tr th {
    border-top: .10em solid rgb(40,40,40);  /* inner horiz borders */
    /*border-bottom .10em solid rgb(40,40,40);  [> inner horiz borders <]*/
    border-right: .10em solid rgb(200,200,200);  /* inner vertical borders */
    padding: 0.35em;
    background-color: rgb(245,242,245);
}
/* table outer borders */
table tr td:first-child, tr th:first-child {
    border-left: .10em solid rgb(40,40,40);
}
table tr td:last-child, th:last-child {
    border-right: .10em solid rgb(40,40,40);
}
table tr:last-child td {
    border-bottom: .10em solid rgb(40,40,40);
}
/* radius */
table tr th {
    border-bottom: .10em solid rgb(40,40,40);
    background-color: rgb(220,220,220);
}
table tr:first-child th:first-child {
    border-top-left-radius: .50em;
}
table tr:first-child th:last-child {
    border-top-right-radius: .50em;
}
table tr:last-child td:first-child {
    border-bottom-left-radius: .50em;
}
table tr:last-child td:last-child {
    border-bottom-right-radius: .50em;
}
.ctr {
  text-align: center;
}
.w25 {
  width: 2.25em;
}

a:link, a:visited { 
  color: rgb(80, 80, 82);
  background-color: transparent;
}
a:hover, a:active {
  color: rgb(245,242,245);
  background-color: rgb(80, 80, 82);
}
a.red:link, a.red:visited {
  color: rgb(209,174,24);
}
a.red:hover, a.red:active {
  color: rgb(236,234,47);
  background-color: rgb(186,24,7);
  border: 1em groove blue;
  font-size: 300%;
  word-spacing: .5em;
}

#head {
  color: #333;
  font-size: .7em;
  margin: 0 0 1em 0;
  padding: 2.5em 0 0 0;
}

a.homebck {
  cursor: pointer;
  margin-right: 10%;
  margin-bottom: .85em;
}

a.homebck:link, a.homebck:visited {
	display: block;
	float: left;
	color: transparent;
 	text-decoration: none; 
	width: 250px; 
	height: 64px; 
	padding: 1em 0 0 0; 
	background: url(../images/Logo250.png) no-repeat;
}

a.homebck:hover { 
	margin: 0 2.73em .23em 0;
	font: bold 11px arial, geneva, sans-serif; 
	font-size: 1.5em;
	color: rgb(207,32,46);
	text-align: center;
	text-decoration: none;
	background: none no-repeat;
}

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

nav ul, nav li {
  display: inline;
  list-style: none;
  margin: 0;
  padding: 0;
}

nav li {
  border-bottom: 1px solid rgb(153,153,153);
}

nav li a:link, nav li a:visited  {
  color: white;
  background-color: rgb(116,182,243);
  text-decoration: none;
  padding: .4em .5em .4em .5em;
  border-left: .8em solid rgb(35,114,168);
  border-right: 1.15em solid rgb(35,114,168);
}

nav li a:hover {
  color: rgb(255,255,255);
  background-color: rgb(190,94,115);
}

div.menu {
        margin: 0 auto;
	text-align: center;
	position: relative;
}
.menu ul {
	display: inline-block;
	outline: none;
	cursor: pointer;
	text-align: center;
}

.menu ul li {
	float: left;
	list-style: none;
        margin-left: 0;
}

.menu ul li a {
	font: bold 12px/100% "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, sans-serif;
	border-right: 1px solid rgba(21, 26, 30, 0.6); /* #151a1e */
	border-left: 1px solid rgba(104, 111, 118, 0.6); /* #686f76 */
	padding: 8px 25px;
	text-decoration: none;
	color: rgb(255,255,255);
	text-shadow: 0 -1px 0 rgba(0,0,0,.9);
        background-color: rgb(18,64,171);
	
        background: -webkit-linear-gradient(top, rgb(90,117,171), rgb(73,95,139) 49%, rgb(65,84,123) 50%, rgb(86,112,163));
        background: -moz-linear-gradient(top, rgb(90,117,171), rgb(73,95,139) 49%, rgb(65,84,123) 50%, rgb(86,112,163));
        background: -ms-linear-gradient(top, rgb(90,117,171), rgb(73,95,139) 49%, rgb(65,84,123) 50%, rgb(86,112,163));
        background: -o-linear-gradient(top, rgb(90,117,171), rgb(73,95,139) 49%, rgb(65,84,123) 50%, rgb(86,112,163));
        background: linear-gradient(to bottom, rgb(90,117,171), rgb(73,95,139) 49%, rgb(65,84,123) 50%, rgb(86,112,163));
}

.menu ul li a:before {
	border-left: 1px solid rgba(255,255,255,.1);	
	content: "";
	padding: 7px 25px;
	margin: 0 -25px;
	position: relative;
}

.menu ul li a:after {
	border-right: 1px solid rgba(255,255,255,.1);	
	content: "";
	padding: 7px 25px;
	margin: 0 -25px;
	position: relative;
}

.menu ul li:last-child a:after {border: none;}

.menu ul li:first-child a {-moz-border-radius: 5px 0 0 5px; border-radius: 5px 0 0 5px;}
.menu ul li:last-child a {-moz-border-radius: 0 5px 5px 0; border-radius: 0 5px 5px 0;}

.menu ul li a:hover {
  border: 1px solid rgba(84,85,94,.2);
  color: rgb(255,255,255);
  text-shadow: 0 -1px 0 rgba(0,0,0,.5);
  -webkit-box-shadow: inset 0 0 40px rgba(255,255,255,.2);
  -moz-box-shadow: inset 0 0 40px rgba(255,255,255,.2);
  box-shadow: inset 0 0 40px rgba(255,255,255,.2);
}


.menu ul li a:active {
	-webkit-box-shadow: inset 0 2px 8px rgba(0,0,0,.9);
	-moz-box-shadow: inset 0 2px 8px rgba(0,0,0,.9);
	box-shadow: inset 0 2px 8px rgba(0,0,0,.9);
}

.menu ul li a.current {
	background: -webkit-linear-gradient(top, rgb(90,96,138), rgb(26,62,156));
	background: -moz-linear-gradient(top, rgb(92,98,138), rgb(28,64,156));
	background: -ms-linear-gradient(top, rgb(92,98,138), rgb(28,64,156));
	background: -o-linear-gradient(top, rgb(92,98,138), rgb(28,64,156));
	background: linear-gradient(to bottom, rgb(90,117,171), rgb(73,95,139));
	/*background: linear-gradient(to bottom, rgb(92,98,138), rgb(28,64,156));*/
	
	-webkit-box-shadow: inset 0 5px 10px rgba(0,0,0,.8);
	-moz-box-shadow: inset 0 5px 10px rgba(0,0,0,.8);
	box-shadow: inset 0 5px 10px rgba(0,0,0,.8);
	
	color: rgb(255,255,255);
	text-shadow: 0 1px 0 rgba(0,0,0,.9);
}


.txt {
  width: 37em;
  margin-left: 2em;
  font-size: 85%;
  padding: 1em 3em;
}

.txt li {
  margin-left: 3em;
}

.txt li.abc {
  list-style-type: lower-alpha;
  margin-left: 2em;
}

@media(max-width: 640px) {
  body {
    font-size: 90%;
  }

  #imagelogo {
    width: 210px;
    height: auto;
  }

  .imagemain {
    width: 220px;
    height: auto;
  }

  h1 {
    font-size: 1.5em;
  }
  h2 {
    width: 23em;
  }

  .menu ul li a {
    padding: 6px 18px;
  }
}

@media(max-width: 500px) {
  body {
    font-size: 85%;
  }

  #imagelogo {
    width: 170px;
    height: auto;
  }

  .imagemain {
    width: 181px;
    height: auto;
  }

  h1 {
    font-size: 130%;
  }
  h2 {
    width: 25em;
    font-size: 90%;
  }

  .menu ul li a {
    padding: 5px 16px;

  }
}