/* Layout */

* {
  margin: 0px;
  padding: 0px;
}

body {
  background: #dacba8 url(../images/background.jpg) repeat-x;
  color: #000000;
  font-size: 13px;
  font-family: Verdana, Arial, Trebuchet MS;
  line-height: 18px;
}

.clearfix {
	padding: 7px;
}

#logo {
  position: relative;
  top: 50px;
  left: 190px;
  background: url(../images/COSTLHeader.gif) no-repeat;
  height: 124px;
  width: 624px;
  text-indent: -9999px;
}

#logo a{
  display: block;
  height: 93px;
  width: 489px;
}

#tree {
  display: block;
  position: absolute;
  top: 0px;
  left: 750px;
  background: url(../images/tree.jpg) no-repeat;
  height: 229px;
  width: 250px;
  text-indent: -9999px;
}

#wrapper {
  min-width: 800px;
  max-width: 1000px;
  margin-right: auto;
  margin-left: auto;
}

#ribbon {
  position: absolute;
  background: url(../images/ribbon.gif) no-repeat top left;
  left: 5px;
  *left: 5px;
  height: 264px;
  width: 177px;
  z-index: -1;
  margin: 0px;
  padding: 0px;
}

#ribbonend {
  position: absolute;
  background: url(../images/ribbonend.gif) no-repeat top left;
  height: 473px;
  width: 177px;
  z-index: -1;
  margin: 0px;
  padding: 0px;
}

#header {
  position: relative;
  height: 250px;
  width: 1000px;
  margin-left: auto;
  margin-right: auto;
  clear: both;
}

#toolbar {
  height: 30px;
  float: right;
  clear: both;
}

#inset {
  width: auto;
  height: auto;
  background-color: #8F8890;
}

#search {
  float: right;
  background-color: #999999;
}

#mainnav {
  background: #FFFFFF;
  width: 100%;
  clear: both;
}

#menutitle {
  height: 20px;
  clear: both;
  color: #FFFFFF;
  padding: 5px 10px;
  font-size: 16px;
}

#breadcrumbs {
  clear: both;
}

#top {
  clear: both;
}

#maincontentwrap{
  width: 1000px;
  margin-right: auto;
  margin-left: auto;
  z-index: 1000;

}

#left_col {
  float: left;
  width: 177px;
  min-height: 500px;
  overflow: hidden;
  padding: 5px;
  background: url(../images/ribbonend.gif) no-repeat top;
  font-family: Georgia, Arial, Trebuchet MS;
}

#main_content {
  float: left;
  width: 500px;
  min-height: 500px;
  _height: 500px;
  margin: 0px 0px 0px 15px;
  padding: 10px 25px;
  background: #FFFFFF url(../images/contentbackground.jpg) repeat top;
  border: #CCCCCC solid 1px;
  border-top: 1px solid #bbbbbb;
  border-bottom: 2px solid #bbbbbb;
  border-right: 2px solid #bbbbbb;
}

#right_col {
  float: left;
  width: 230px;
  overflow: hidden;
  font-color: #f0e6d0;
  padding: 0px;
  margin: 0px;
  font-family: Georgia, Arial, Trebuchet MS;
}

#bottom {
  clear: both;
  background-color: #CCCCCC;
}

#footer {
  width: 100%;
  position: absolute;
  /*background: url(../images/footerbackground.jpg) repeat-x;*/
  min-height: 50px;
  margin: 20px auto 0px auto;
  clear: both;
  /*border-top: solid 2px #E5DDC5;*/
}

#customfooter {
  width: 100%;
  margin: 0px auto 0px auto;
  text-align: center;
}

#event_registration {

}

/* Global */

h1 {

	font-size: 24px;  
}

h2 {

	font-size: 18px;
}

h3 {
	font-size: 16px;
}

h3.subheader {
	padding-bottom: 0px;
}

h3.event_registration {
	font-size: 17px;
}

h4 {
	font-size: 14px; 
}


h5 {
	font-size: 12px;
}

a:link {
	color: purple;
	text-decoration: none;
}

a:visited {
	color: grey;
	text-decoration: none;
}

a:active {
	color: #purple;
	text-decoration: none;
}

a:hover {
	color: #purple;
	text-decoration: underline;
}

a:image {

}

a:image:hover {

}	

.moduletable_menu a {
	display: block;
	color: #cba5cb;
	padding: 1px 0px;
	text-decoration: none;
}

.moduletable_menu a:visited {
	display: block;
	color: #cba5cb;
	padding: 1px 0px;
	text-decoration: none;
}

.moduletable_menu a:hover {
	color: #F2F2F2;
}

.moduletable_menu ul {
	list-style: none;
	color: #FFFFFF;
	width: 177px;
	margin: 0px;
	padding: 5px 0px;
	border: none;
	font-size: 15px;
	text-align: center;
}

ul {
	list-style: outside;
	width: 450px;
	margin: 15px auto;
	padding-left: 20px;
}

ol {
	list-style: outside;
	width: 450px;
	margin: 15px auto;
	padding-left: 30px;
}

li {
	margin: 5px 0px;
}

p {
	margin: 10px 0px 10px 0px;
	line-height: 20px;
}

p img {
	padding: 5px;
}

textarea {
	background: #FFFFFF url(../images/inputbackground.jpg) repeat-x top;
}

input {
	margin: 0px auto;
	padding: 0px;
}


/* Articles */

/* Section */

.section {}

.sectiontableentry {}

.sectiontablefooter {}

.sectiontableheader {}

/* Category */

.category {}

a.category {}

/* Articles */

.pageinfo {
	margin: 0px;
}

.article_separator{}

.author{}

.blog{}

.blogsection{}

.blog_more{}

.blog_heading{}

.content_rating{}

.content_vote{}

.contentdescription{
	
}

.contentheading{
	font-size: 18px;
}

.componentheading{
	font-size: 18px;
}

.contentpagetitle{}

.contentpane{}

.contentpaneopen{}

.contenttoc{}

.createdate{
	margin: 0px;
}
.created-date{}
.date{}
.hastip{}
.highlight{}
.intro{}
.title{}
.modifydate{}
.mosimage{}
.mosimagecaption{}
.readon{}
.small{}
.smalldark{}
.wrapper{}

/* Modules */

.moduletable_menu {
	height: 473px;
}

.moduletable_menu h3{
	font-size: 15px;
	padding: 5px 10px;
	background: url(../images/menubackground.jpg) repeat-y;
	color: #ead9ea;
	text-align: center;
	
}

.moduletable {
	margin-bottom: 20px;
}

.moduletable {
	margin-bottom: 20px;
}

.moduletable_right {
	width: 205px;
	margin: 10px 0px;
	padding: 20px 0px 40px 20px;
}

.moduletable_event {
	width: 205px;
	margin: 10px 0px;
	padding: 20px 0px 40px 20px;
	background: #dacba8 url(../images/contentbackground.jpg) repeat;
	border-top: 1px solid #bbbbbb;
	border-bottom: 2px solid #bbbbbb;
	border-right: 2px solid #bbbbbb;
}

/* Email Forms */

.contact_email {
	padding: 10px 0px;
}
.contact_email_checkbox {
	padding: 10px 0px;
}
.button {
	paddings: 10px 0px;
}

/* Tables */

.category table {

}