﻿/* CSS layout */
body {
	margin: 1em 1.5em 1em 1.5em;
	background: url('images/grad1.png') repeat-x;
	text-align: center;
}

div {
	font: normal normal normal small/1.2em  Helvetica, Arial,sans-serif;
	
}

h1 {
	font: italic small-caps bold large/1.5em Helvetica, Arial, sans-serif;

}

/* Menu Design */
ul {
	padding: 0;
	margin: 0;
}
ul li {
	display: block; 
	float: left;
	width: 8em; 
	list-style-type: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em; 
	font-style: normal;
	font-variant: normal;
	height: 1.5em;
	position: relative;
}
ul li a {
	background-color: white;
	color: gray;
	text-decoration: none;
	line-height: 1.5em;
	display: block;
	padding: 0em .2em 0em .2em;
	border-right: 1px groove gray;
}
ul li a:hover {
	background-color: white;
	color: black;
	font-weight: bold;
}
ul li ul {
	display: block;	
	visibility: hidden;
}
ul li ul li {
	margin-left: 1em;
	display: block;
	border: 1px solid gray;
}
ul li ul li a {
	float: none;
	color: black;
	display: block;
	border-right: 0px;
}
ul li ul li a:hover {
	background-color: black;
	color: white;
	font-weight: bold;
}

#navagation {
	position: relative;
	margin: 0em auto;
	z-index: 10;
}

#menu_line {
	width:98%;
	text-align: center;
	margin:0em .5em 0em .5em;
	line-height:.3em;
}

#left_col {
	float: left;
	width: 13em;
	border: .05em black solid;
	margin: 1em 1em 1em 1em;
	min-height: 15em;

}

#right_col {
	float: right;
	width: 15em;
	border-left: .05em black solid;
	margin: 3em 1em 1em 1em;
	min-height: 15em;
	vertical-align: top;
}

#container {
	clear: both;
	margin: 1em 1em 1em 1em;
	min-height: 25em;
	min-width: 30em;
	top:1.2em;
}

#footer {
	position: relative;
	margin: 0em;
	width:100%;
	padding-top: .7em;
	top: 2.7em;
	background-color: maroon;
	height: 3em;
	text-align: center;
	color: white;
	font-size: .8em; 
	font-weight: bold;
	z-index: 5;
}

#footerbr {
	clear:both;
}
/* white rounded corners */
/* rounded corners */
.rndcorner{position: relative; display:block;
	width: 70em; margin: 0em auto;
}
.rndcorner *{
  display:block;
  height:1px;
  overflow:hidden;
  font-size:.01em;
  background:white;
}
.rndcorner1{
  margin-left:3px;
  margin-right:3px;
  padding-left:1px;
  padding-right:1px;
  border-left:1px solid #870000;
  border-right:1px solid #870000;
  background:#9f0000}
.rndcorner2{
  margin-left:1px;
  margin-right:1px;
  padding-right:1px;
  padding-left:1px;
  border-left:1px solid #6f0000;
  border-right:1px solid #6f0000;
  background:#a30000}
.rndcorner3{
  margin-left:1px;
  margin-right:1px;
  border-left:1px solid #a30000;
  border-right:1px solid #a30000;}
.rndcorner4{
  border-left:1px solid #870000;
  border-right:1px solid #870000}
.rndcorner5{
  border-left:1px solid #9f0000;
  border-right:1px solid #9f0000}
.rndcornerfg{ position: relative; margin: 0em auto;
  background:white;
  width: 70em; 	text-align: left;
}
.calhdr { 
	vertical-align:middle; 
	text-align:center; 
	width:14%; 
	font: normal normal, normal .5/1em Verdana, san-serif, Helvetica;
	color: white;
	background-image: url('images/grad1.png')
}
.calcell { 
	vertical-align:top;
	text-align:left; 
	width:14%; 
	font: normal normal, normal 4/1.5em Verdana, san-serif, Helvetica;

}
