/* Start of CMSMS style sheet 'new_css' */
body {margin:0px;	background-color: #481714;}

dfn {color: #481714}

#top {background-image:url(uploads/images/top_bkgd_2.jpg);background-repeat:repeat-x;height:41px}

#wrapper {background-image:url(uploads/images/body_bkgd_2.jpg);background-repeat: repeat;height:900px;vertical-align:text-top}

 img, div { behavior: url(uploads/images/iepngfix.htc) }

/* anchor menu links in page in red */ 
h1 {font-family: Georgia, serif;font-size: 18px;color: #bc1515; font-weight:normal }
h1 a, h1 a:visited {text-decoration: none;font-family: Georgia, serif;font-size: 18px;color: #591b16;font-weight:normal}
h1 a:hover {color: #bc1515}

/* menu subheaders in red */ 
h2 {font-family: Georgia, serif;font-size: 16px;color: #ae2910;line-height: 17px;font-weight:normal;margin-bottom:-0px}

*html h2 {font-family: Georgia, serif;font-size: 16px;color: #ae2910;line-height: 15px !important;margin-bottom:-0px;font-weight:normal;}

/* large brown */ 
h3 {font-family: Georgia, serif;font-size: 18px;color:#471f17;line-height:21px;margin-bottom:-0px}

h4 {font-family: Georgia, serif;font-size: 16px;color: #ae2910;line-height: 18px;font-weight:normal;margin-bottom:-0px}

*html h4 {font-family: Georgia, serif;font-size: 16px;color: #ae2910;line-height: 18px !important;margin-bottom:-0px;font-weight:normal;}

p {font-family:Georgia, serif; font-size: 14px;color: #591b16; line-height: 17px;}

.larger {font-family:Georgia, serif; font-size: 14px;color: #591b16; line-height: 17px;}

.text {font-family:Georgia, serif; font-size: 14px;color: #591b16; line-height: 17px;}



/*TOP NAV*/
#menubar {
background:url(uploads/images/nav_back.gif);
background-repeat:repeat-x;
height:25px;
font-family: Georgia, Georgia, serif;
font-size: 15px;
color: #facdae;
padding: 3px 10px 0px 10px;
letter-spacing:1px
}

#menuwrap {margin-top:0px}
#menubar a:link {color: #facdae;text-decoration: none}
#menubar a:hover {color: #bc1515;text-decoration: none}

.spacing {padding-left:10px;padding-right:5px}

.decor2 {padding-left:14px;padding-top:12px}

*html .decor2 {padding-left:16px;padding-top:1px}

/*LEFT NAV*/

#leftside_wrapper {margin-left: 20px}
*html #leftside_wrapper {margin-left: 0px}

#biglinksbox {
float:left;
width:200px;
height:520px;
}


.side_nav {
font-family: Georgia, Georgia, serif;
font-size: 14px;
color: #facdae;
text-align:left;
line-height: 26px;
padding-left:5px;

}

.side_nav2 {
font-family: Georgia, Georgia, serif;
font-size: 14px;
color: #facdae;
text-align:left;
line-height: 26px;
padding-left:0px;
}




.side_nav li{
font-family: Georgia, Georgia, serif;
font-size: 14px;
color: #facdae;
text-align:left;
margin-left:-10px;
list-style: none
}

.side_nav2 li{
font-family: Georgia, Georgia, serif;
font-size: 14px;
color: #facdae;
text-align:left;
margin-left:-10px;
list-style: none
}



 /*CONTENT AREA*/
 
.topmid {background:url(uploads/images/red_mid.jpg);background-repeat:repeat-x;}

.imageSlideshowHolder,.imageSlideshowHolder_left { 
margin: 0px;
width: 561px;  
height: 129px;	
position: relative;}

.imageSlideshowHolder img {	
position: absolute;	 
left: 0px;	
top: 0px; } 

.imageSlideshowHolder2,.imageSlideshowHolder_left2 { 
margin: 0px;
width: 632px;  
height: 489px;	
position: relative;}

.imageSlideshowHolder2 img {	
position: absolute;	 
left: 0px;	
top: 0px; }  


.upper {background:url(uploads/images/top_strip.jpg);background-repeat:repeat-x;}
.left  {background:url(uploads/images/left_strip.jpg);background-repeat:repeat-y;width:34px}
.right  {background:url(uploads/images/rt_strip.jpg);background-repeat:repeat-y;width:38px}
.bottom  {background:url(uploads/images/btm_strip.jpg);background-repeat:repeat-x;}

#main_image_content {margin-top: -4px}

div#content {text-align:left;margin: 8px 25px 2px 25px}

div.content_area {background-color: #f5e4d3;font-family: Verdana;font-size: 10px;
color:#49241c; text-align:left; padding:10px;overflow-y: scroll;	  overflow-x: hidden;
width:538px;height:420px}

div.content_area2 {background-color: #f5e4d3;font-family: Verdana;font-size: 10px;
color:#49241c; text-align:left; padding:10px;overflow-y: scroll;	  overflow-x: hidden;
width:538px;height:80px}

.content_area	 a, .content_area a:visited {color: #bc1515;}
.content_area	 a:hover {color: #591b16;}

.decor_space {padding-left:15px;margin-top:-20px}

*html .decor_space {padding-left:15px;margin-top:-30px}



  /*RIGHT SIDE*/

.rightside_wrapper {margin-right: 30px}

.decor_right {padding-top:10px}

*html .decor_right {padding-top:25px}

#addressbox {
padding-right: 30px;
width:200px;
height:80px;
background:url(uploads/images/);
background-repeat:no-repeat;
}

.addresscontent {
width:180px;
height:60px;
padding:10px;
font-family: Georgia, Georgia, serif;
font-size: 14px;
color: #facdae;
text-align:center;
}

/*.newsbox {
float:right;
width:200px;
height:150px;
background:url(uploads/images/);
background-repeat:no-repeat;
}*/

.newscontent {
background:url(uploads/images/side_mid.jpg);
background-repeat:repeat-y;
width:211px;
height:100%;
font-family: Georgia, Georgia, serif;
font-size: 12px;
color: #591b16;
text-align:left;
background-color: #f5e4d3;
}

.newscontent	a, .newscontent	a:visited {color: #bc1515;}
.newscontent	a:hover {color: #591b16;}




/*CALENDAR*/
/* tidy up text sizes for lists */	 

/*.calendarbox {
padding-right: 30px;
float:right;
width:250px;
height:150px;
}*/

.event {padding-top:5px;vertical-align:bottom}


.calendarcontent {
height:100%;	
text-align:center;
background-color: #f5e4d3;	
background:url(uploads/images/side_mid.jpg);
background-repeat:repeat-y;
width:211px;
font-family: Georgia, Georgia, serif;
font-size: 11px;
color: #591b16;line-height:12px;margin-top:-10px
}


.calendarcontent	 a, .calendarcontent	a:visited 
{color: #bc1515;text-align:center; text-decoration:underline;}

.calendarcontent	 a:hover {color: #591b16;text-align:center;}

#cal-list h1, #cal-upcominglist h1
{
  color: red;
  font-size: 10px;
}
#cal-list h2, cal-upcominglist h2
{
  font-size: 10px;
}

/* nice squares for the #big table */
#big th
{
  padding: 0px;
  width: 2px;
  height: 2px;
  text-align:center;
}

*html #big th
{
  padding: 0px;
  width: 2px;
  height: 2px;
  text-align:center;
}

#big{
  margin: 0px;
  height: 120px;
  text-align:center;
 }

 *html #big{
  margin: 0px;
  
  text-align:center;
 }

#big td {
text-align:center;
  vertical-align: center;
  padding: 0px;
  height: 2px;
  width: 2px;
  background-color: #f5e4d3;
}

/* format summaries nicely in #big */
#big ul
{
  margin: 0px;
  padding: 0px;
  padding-left: 5px;
  height: 2px;
  width: 2px;
}

#big li
{
  list-style-type: none;
  padding: 0px;
  margin: 0px;
  text-align:center;
}


#big .calendar-day
{text-align:center
background-color: #591b16;
color: #f5e4d3;
height: 2px;
width: 2px;

}

#big .calendar-today
{ text-align:center;
  font-weight: normal;
  background-color: #ae2910;
  color: #f5e4d3;
  height: 2px !important;
  width: 2px;
  
}

#big .calendar-today a:link
{ text-align:center;
  font-weight: normal;
  background-color: #ae2910;
  color: #f5e4d3;
  height: 2px !important;
  width: 2px;
  
}

*html #big .calendar-today a:link
{ text-align:center;
  font-weight: normal;
  background-color: #ae2910;
  color: #f5e4d3;
  height: 2px !important;
  width: 2px;
  
}

#cal-upcominglist h2,
#cal-upcominglist .calendar-date,
#cal-upcominglist .calendar-summary
{
  display: inline;
  padding-right: 25px;
font-size:10px
}

.calendar-event {font-size:11px;line-height:13px;height:60px
}

 /*FOOTER*/
#footer {
background:url(uploads/images/nav_back.gif);
background-repeat:repeat-x;
height:20px;
font-family: Georgia;
font-size: 12px;
color: #facdae;
padding: 4px 10px 0px 10px;
letter-spacing:1px
}

#footer a:link, a {color: #facdae;text-decoration: none}
#footer a:hover, a:hover {color: #bc1515;text-decoration: none}


#btm {background-image:url(uploads/images/btm_bkgd_2.jpg);background-repeat:repeat-x;height:134px;font-family: Georgia;
font-size: 12px;
color: #facdae;}




/*########################MENU###############################*/


/* Horizontal menu for the CMS CSS Menu Module */
/* by Alexander Endresen */


/* The wrapper clears the floating elements of the menu */

#menuwrapper { 
margin-left:10px;
width: 100%;
}

/* Set the width of the menu elements at second level. Leaving first level flexible. */

#primary-nav li li {width: 200px;}


/* Unless you know what you do, do not touch this */ 

#primary-nav, #primary-nav ul { 
	list-style: none; 
	margin: 0px; 
	padding: 0px; 
	}
#primary-nav ul { 
	position: absolute; 
	top: auto; 
	display: none; 
	}
#primary-nav ul ul { 
	margin-top: 0px;
 	margin-left: -1px;
	left: 100%; 
	top: 0px; 
	}
	
#primary-nav li { 
	margin-left: -1px;
	float: left; 
	}
#primary-nav li li { 
	margin-left: 0px;
	margin-top: -1px;
	float: none; 
	position: relative; 
	}

/* Styling the basic appearance of the menu elements */

#primary-nav a { 
	display: block; 
	margin: 0px; 
	padding: 5px 10px; 
	text-decoration: none; 
	}
#primary-nav li a { 
color:#f5e4d3;
	}
#primary-nav li li a { 
/*border: 1px solid #ffffff;
background:#FA8406;*/
	}
	
#primary-nav li, #primary-nav li.menuparent {}

/* Styling the basic appearance of the active page elements (shows what page in the menu is being displayed) */

#primary-nav li.menuactive { 
color: #ffffff; 
	}


/* Styling the basic apperance of the menuparents - here styled the same on hover (fixes IE bug) */

#primary-nav ul li.menuparent, #primary-nav ul li.menuparent:hover, #primary-nav ul li.menuparenth { 
	background-image: url(uploads/images/modules/MenuManager/images/arrow.gif); 
	background-position: center right; 
	background-repeat: no-repeat;
 text-decoration:  none;
	}


/* Styling the apperance of menu items on hover */

#primary-nav li:hover, #primary-nav li.menuh, #primary-nav li.menuparenth, #primary-nav li.menuactiveh { 

text-decoration:none;
color:#bc1515;
	}


/* The magic - set to work for up to a 3 level menu, but can be increased unlimited */

#primary-nav ul, #primary-nav li:hover ul, #primary-nav li:hover ul ul, 
#primary-nav li.menuparenth ul, #primary-nav li.menuparenth ul ul { 
	display: none; 
color:#bc1515;
	}
#primary-nav li:hover ul, #primary-nav ul li:hover ul, #primary-nav ul ul li:hover ul, 
#primary-nav li.menuparenth ul, #primary-nav ul li.menuparenth ul, #primary-nav ul ul li.menuparenth ul { 
	display: block; 
color:#bc1515;
	}


/* IE Hacks */

#primary-nav li li { 
	float: left; 
	clear: both; 
	}
#primary-nav li li a { 
	height: 1%; 
	}

/*hack for ie - not valid*/
*html #primary-nav li li { 
	margin-top: -4px; 
	}

/*hack for ie - not valid*/
*html #primary-nav li li li { 
	margin-top: 0px; 
	}

/*#############################NEWS###########################*/

.NewsSummary {
width:160px;
margin-top:5px;
 }


.NewsSummaryPostdate {
  font-size: 100%;
  font-weight: bold;
 }

#NewsPostDetailTitle {
  font-size: 25px;
  font-weight: bold;
}

.NewsSummarySummary {
}

 .NewsSummaryCategory, .NewsSummaryAuthor {
  font-style: italic;
  margin: 5px 0;
  font-size: 8px
 }

 
 #NewsPostDetailDate {
  font-size: 90%;
  font-style: italic;
  margin-bottom: 5px;
  }

#NewsPostDetailSummary {
  margin-bottom: 10px;
  line-height: 150%;
   }
.NewsSummaryLink {font-size: 20px;}
#NewsPostDetailContent {
  margin-bottom: 15px;
  line-height: 150%;
  }

/* to add specific style to the below div, uncomment them. */
/* 

.NewsSummaryMorelink {}
 #NewsPostDetailHorizRule {}
#NewsPostDetailCategory {}
#NewsPostDetailAuthor {}
#NewsPostDetailAuthor {}
#NewsPostDetailPrintLink {}*/


#NewsPostDetailReturnLink {
margin-bottom:20px;
}

	/* Sample FormBuilder CSS base */
	form {margin-top:0}
	form, td, th, li { font-size: 100%}
	form {line-height: 25px}
	form div {margin-bottom:0}
	fieldset div {
		margin-bottom:0.5em;
		margin-left:1em;
	}
	fieldset div div {
		margin-top:0.5em;
		margin-left:1em
	}
	fieldset {
		margin-bottom:1em;
		border:1px solid #F60;
		padding:0.5em
	}
	fieldset label {
		width:auto;
	}
	legend {
		color:#FFF;
		background:#F60;
		font-style:italic;
		font-size:1.2em;
		margin-bottom:0.5em;
		padding:0.2em;
		width:auto;
		border:1px solid #CCC
	}
	textarea {
		margin: 0.5em 0;
		width:98%;
		height: 6em
	}

	/* Apply this class to text/select input fields with shorter labels
		to help alignment */
	.short-label label {float:left; width:10em}
	.short-label fieldset div input,
	.short-label fieldset div select {width:16em}

	/* Pretty up your Captcha image output */
	.captcha {
		margin:0.5em 0;
		width:200px;
		text-align:center
	}
	.captcha img {border:1px solid #F60; margin-bottom:0.5em}
	.captcha input {width:196px; margin-top:0.5em}

	/* Just a bit more room for the Submit button */
	.submit {margin-top:0.5em}
/* End of 'new_css' */