/* CSS Document */

html {
	font-family: Arial;
}

body {
}

h1 {
	font-family: Comic Sans MS;
	font-size: x-large;
	font-weight: bold;
	text-align: center;
	margin:0px;
}

h2 {
	font-family: Comic Sans MS;
	font-size: x-large;
	font-weight: bold;
	text-align: center;
	margin:10px;
}

h3 {
	font-family: Comic Sans MS;
	font-size: x-large;
	font-weight: bold;
	text-align: center;
}

h4 {
	font-family: Comic Sans MS;
	font-size: x-large;
	font-weight: bold;
	text-align: center;
	color: #c03;
}

img {
  margin: 15px;
}


#topLeftCorner {
  background: url('../img/bg.gif');
  color:#fff;
  padding:0px;
  vertical-align: top;
  text-align:left;
}

#bottomLeftCorner {
  background: url('../img/bg.gif');
  color:#fff;
  padding:0px;
  vertical-align: bottom;
  text-align:left;
}

#topBanner {
  color:#fff;
  padding:0px;
  vertical-align: center;

}

#topRightCorner {
  color:#fff;
  padding:0px;
  vertical-align: top;
  text-align:right;
  border-bottom:1px solid #336;
}


#leftMenu {
  background: url('../img/bg.gif');
  color:#fff;
  padding:15px;
  vertical-align:top;
}

#rightMenu {
  padding:15px;
  vertical-align:top;
  border-top:1px solid #336;
  border-right:1px solid #336;
  border-bottom:1px solid #336;
}

#mainContent {
  padding:15px;
  border-bottom:1px solid #336;
  border-top:1px solid #336;
  vertical-align:top;
}


div.menu {
	font-size:	16px;
}

div.menu a {
	text-decoration:	none;
	font-weight:	bold;
	color:	#fff;
}

div.menu a:hover {
	text-decoration:	underline;
}






div.news_item {
	font-size: medium;
	border-bottom: 1px solid #c03;
	padding: 15px;
	margin-bottom: 1em;
}

span.date {
  font-size: large;
  font-weight: bold;
  color: forestgreen;
}

span.title {
  font-style:italic;
  color: #336;
}

ul {
  font-size: small;
}

ul ul {
  font-size: x-small;
  font-style:italic;
}

div.title_text {
  color: forestgreen;
	font-size: large;
	font-weight:bold;
  text-align:center;
  margin-bottom:	1em;  
}

div.text {
	font-size: medium;
	margin-bottom:	1em;
}

div.column_right_border {
	position: relative;
	float: left;
	font-size: medium;
	width: 48%;
	padding: 5px;
	margin-bottom:	1em;
}

div.column {
	position: relative;
	float: left;
	font-size: medium;
	width: 48%;
	padding: 5px;
	margin-bottom:	1em;
}

div.boldtext {
	font-size:	medium;
	font-weight:	bold;
	margin-bottom:	1em;
}