@charset "utf-8";
.regular-text {
	font-family: "lilith regular";
	font-size: 14pt;
	color: #336633;
}

/* set the image to use and establish the lower-right position */
.cssbox, .cssbox_body, .cssbox_head, .cssbox_head h2{
  background: transparent url(img/roundborder.png) no-repeat bottom right}
.cssbox{
/* intended total box width - padding-right(next) */
  width:800px !important; /* IE Win = width - padding */
  width: 785px; 
/* the gap on the right edge of the image (not content padding) */
  padding-right:15px; /* use to position the box */
  margin:20px auto}

/* set the top-right image */
.cssbox_head{background-position:top right;
/* pull the right image over on top of border */
  margin-right:-15px; 
/* right-image-gap + right-inside padding */
  padding-right:40px}

/* set the top-left image */
.cssbox_head h2{
  background-position:top left;
  margin:0; /* reset main site styles*/ 
  border:0; /* ditto */
/* padding-left = image gap + interior padding ... no padding-right */
  padding:25px 0 15px 40px; 
  height:auto !important;
  height:1%} /* IE Holly Hack */

/* set the lower-left corner image */
.cssbox_body{
	background-position:bottom left;
	margin-right:25px; /* interior-padding right */
	padding:15px 0px 15px 40px
} /* mirror .cssbox_head right/left */
  
.selected-section{
	background-image:url(img/selected.jpg);
	height: 110px;
	width: 150px;
	vertical-align: middle;
}

.unselected-section{
	height: 110px;
	width: 135px;
	vertical-align: middle;
}
a {
	font-family: "lilith regular";
	color: #336633;
	text-decoration: underline;
	font-size: large;
}
.logo {
	height: 100%;
	width: 100%;
	text-align: center;
	vertical-align: bottom;
}