body {
  font: 12px Verdana, Arial, Sans-serif, Serif;
  background-color: white;
  color: #222222;
}

.container {
    position: relative;
}


/* FEINDURA HTML EDITOR padding
We add the padding to the container class,
so when we use this class for the HTML editor in the backend, the content doesnt stick to the border. */
body.container {
    padding: 10px;
}

/* ----------------------- */

/* standard links */
a:link, a:visited {
  color: #DE6D1F;
  text-decoration: none;
}  
a:hover, a:active {
  color: #3D79A5;
}  

.thumbnail {
  margin-right: 10px;
}

/* ----------------------- */

#content {
  width: 600px;
  padding: 20px;
  float: left;
}

/* ----------------------- */

h1 {
  font-size: 15px;
  border-bottom: 1px dotted #cccccc;
  margin-bottom: 10px;
}
h2 {
  font-size: 13px;
  border-bottom: 1px dotted #cccccc;
  margin-bottom: 10px;
}
h3 {
  font-size: 13px;
  margin-bottom: 10px;
}
h4 {
  font-size: 10px;
  margin-bottom: 10px;
}
h5 {
  font-size: 8px;
  margin-bottom: 10px;
}

p {
  line-height: 20px;
  margin-bottom: 20px;
}

/* for tables of links */
.linktable {
  width: 600px;
  float: center;
}

/* for tables of calendar */
.caltable {
  width: 700px;
  float: left;
}
.caltable td, th {
  border: 0;
}
.cshade {
  background: #FFF0FB;
}

/* the banner */
.banner {
    width: 700px;
    height: 85px;
    padding: 0 0 0 0;
    float: left;
    margin-top: 0px;
    background: white url('../images/banners/banner_a.jpg');
    font-family: arial, verdana, sans-serif;
    font-size: 55px;
    color: purple;
}
.banner h1 {
    display: inline-block;
    font-size: 55px;
    margin: 10px 0;
    font-weight: normal;
    color: #fff;
    text-shadow: none;
}
.banner h1 a {
    color: #fff;
    text-decoration: none;
}
.banner A {margin-left: 20px; text-decoration: none;}
.banner A:link {text-decoration: none; color: aqua;}
.banner A:visited {text-decoration: none; color: aqua;}
.banner A:active {text-decoration: none; color: red;}
.banner A:hover {text-decoration: none; color: purple;}


/* the top nav menu */
.banner nav {
	width: 700px;
	height: 27px;
	padding: 0 0 0 0;
	float: left;
	margin-top: 0px;
	background: black url('../images/bar2.jpg');
}
.topmenu {
	width: 700px;
	height: 27px;
	padding: 0 0 0 0;
	float: left;
	margin-top: 0px;
	background: black url('../images/bar2.jpg');

}
.topmenu ul {
	padding-left: 0;
	margin: 0;
	list-style: none;
}
.topmenu li {
	display: inline;
	list-style: none;
	padding-left: 0;
}
.topmenu a {
	font-family: Georgia, "Times New Roman", Times, serif;
	float: left;
	width: 115px;
	height: 25px;
	display: block;
	text-align: center;
	text-decoration: none;
	color: white;
	font-weight: normal;
	padding-top: 2px;
	margin-right: 1px;
	font-size: 16px;
	border: 1px;
}
header.topmenu a:link { color: white; }
.topmenu a:link { color: white; }
.topmenu a:visited { color: white; }
.topmenu a:active { color: white; }
.topmenu a:hover {
	width: 115px;
	height: 25px;
	color: #FFC0CB;
	background-repeat: no-repeat;
	background-position: center;
	background-image: url('../images/hov.png');
}

/* the footer */
#footer {
  text-align: center;
  clear: both;
  width: 700px;
  padding: 0 0 0 0;
  float: left;
  margin-top: 0px;
  background: white;
  color: #0000BB;
}
#footer a:link, a:visited {
  color: blue;
  text-decoration: none;
}

.footie {
	width: 700px;
	padding: 0 0 0 0;
	float: left;
	margin-top: 0px;
	background: white;
}
.footie A {text-decoration: none;}
.footie A:link {text-decoration: none; color: #0000BB;}
.footie A:visited {text-decoration: none; color: purple;}
.footie A:active {text-decoration: none; color: red;}
.footie A:hover {text-decoration: underline; color: #CC3300;}