/* Start of CMSMS style sheet 'SVRC:Three column CSS fluid layout' */
* /*Set's border, padding and margin to 0 for all values*/
{
  padding: 0;
  margin: 0;
  border: 0;
}

body, html {
  color: #000; 
  font-family: Arial, Verdana, Geneva, Tahoma, sans-serif;
  background-color: #99940F;
}

body {
  margin:1em 1em 0em 1em; /* gives some air for the pagewrapper */
  font-size: 75.01%;
}

/* center pagewrapper , min max width */
#pagewrapper {
   margin: 0 auto;     /* this centers wrapper */
   max-width: 80em; /* IE wont understand these, so we will use javascript magick */
   min-width: 65em;
}

#HeaderTop{
  margin: 0px;
  padding: 0px;
  background: url(images/logo-top.jpg) top right no-repeat;
  height:25px;
}

#HeaderMiddle{
  margin: 0px;
  padding: 0px;
  background: url(images/logo-middle.jpg) top right no-repeat;
  height:115px;
}
#HeaderBottom{
  margin: 0px;
  padding: 0px;
  background: url(images/logo-bottom.jpg) top right no-repeat;
  height:33px;
}

/*============================= Start 3-Column Structure ==========*/
/*** based on MacNimble Holly Grail Layout ******************/
/*** http://www.macnimble.com/HolyGrail/functionalTemplate.php */

/*== Step 1 == start divs definition ======================*/
#siteFrame{}
#siteFrame {/*background-color: #f00;*//* Background for Left Column */}
#sitePanel {/*background-color: #00f;*//* Background for right Column */}
#coreFrame {/*background-color: #0f0;*//* Background for Middle Column */}
#corePanel{}

#mainFrame, #menuFrame, #moreFrame{}
#mainFrame{} /* middle column */
#menuFrame{} /*right column */
#moreFrame{} /* left column */

#mainPanel, #menuPanel, #morePanel {}
#mainPanel {} /* middle column */
#menuPanel {} /*right column */
#morePanel {} /* left column */
/*=== end Step 1 ==================================*/

/*=== Step 2 == Start Layout Magic ====================*/
#sitePanel {
  margin-left: 165px; /* width of left column */
}
#coreFrame {
  height: 1%;
  margin-right: 253px; /* width of right column */
}
#corePanel {
  display: inline;
  float: right;
  position: relative;
  width: 100%;
}
#mainFrame {
  display: inline;
  float: left;
  position: relative;
  width: 100%;
}
#menuFrame {
  display: inline;
  float: right;
  margin-left: 0px;
  margin-right: -253px; /* same as width of right column */
  position: relative;
  width: 253px;           /* same as width of right column */
}
#moreFrame {
  display: inline;
  float: left;
  margin-left: -165px; /* same as width of left column */
  position: relative;
  width: 165px;         /* same as width of left column */
}
#coreFrame:after {
  clear: both;
  content: ".";
  display: block;
  height: 0;
  visibility: hidden;
}
/*=== Step 2 == End Layout Magic ====================*/
/*============================= End 3-Column Structure ==========*/

#topMenu{
  padding-top:5px;
  margin-right: 150px;
  text-align:right;
  color: #ebd1ba;
}
#topMenu a{
  padding:2px 5px;
  color:#ebd1ba;
  text-decoration:none;
}
#topMenu a:hover {
  color:#333;
  background-color: #fcb827;
}

#hours-of-operation {
  margin: 0px;
  padding: 0px;
  color: #d6d49f;
  padding-left:230px;
  padding-top: 60px;
}

/*============================= Start Footer ==========*/
#footer{
  margin: 0px;
  padding: 5px 0px 0px 0px;
}

#footer a {
   text-decoration: none;
   color: #333; /* needed becouse footer link would be same color as background otherwise */
   padding: 2px 5px;
}
#footer a:hover {
   background-color: #FDB827;
   color: #333;
}

#footer #textMenu {
  text-align: center;
}
/*============================= End Footer ==========*/

h1 {
   font-size: 1.26em;
   line-height: 1.3em;
   margin: 0 0 0.25em 0;
}
h2 {
   font-size: 1.20em;
   line-height: 1.3em;
   margin: 0 0 0.25em 0;
}
h3 {
   font-size: 1.12em;
   line-height: 1.3em;
   margin: 0 0 0.25em 0;
}
h4 {
   font-size: 1.06em;
   line-height: 1.3em;
   margin: 0 0 0.25em 0;
}
h5 {
   font-size: 1.0em;
   line-height: 1.3em;
   margin: 0 0 0.25em 0;
}
h6 {
   font-size: 0.9em;
   line-height: 1.3em;
   margin: 0 0 0 0;
}
p {
   font-size: 1em;
   margin: 0 0 1em 0;  /* some air around p elements */
   line-height:1.3em;
   padding: 0;
}

ul, ol, dl {
  margin: 0 0 1em 0;
}
ul li, ol li {
   margin: 0 0 0 3em;
}

dl dd {
   margin: 0 0 0 1.5em;
}

blockquote {
   margin-left: 1em;
}

hr {
  border: 1px solid #000;
}

#secondary_menu{
  position:relative;
  height:40px;
}
div.breadcrumbs {
   padding: 0em 0em 0em 0em; 
   font-size: 90%;
   margin: 0em 0px 0em 165px;
   color:#666;
   font-weight:bold;
}

div.breadcrumbs a, div.breadcrumbs a, div.breadcrumbs a:link, div.breadcrumbs a:active, div.breadcrumbs a:visited {color:#666;text-decoration:none;}
div.breadcrumbs a:hover{color:#444;}
div.breadcrumbs .lastitem{color:#444;}

#printpage{
  position:absolute;
  top:0px;right:270px;
}
#printpage a, #printpage a:link, #printpage a:active, #printpage a:visited {color:#333;text-decoration:none;}
#printpage a:hover{color:#fcb827;}

#right_column_menu{
  position:absolute;
  top:0px;right:0px;
}

#mainPanel h1{
   font-size: 1.3em;
   color: #fcb827;
   text-transform: uppercase;
   padding-bottom: 1em;
}
#mainPanel h2{color:#ebd1ba;}
#mainPanel h3, #mainPanel h4, #mainPanel h5, #mainPanel h6 {}
#mainPanel p {font-size: 1.1em;line-height:1.2em;}

.floatLeft {float:left;margin-right: 1em;margin-bottom:1em;}
.floatRight {float:roght;margin-left: 1em;margin-bottom:1em;}
/* End of 'SVRC:Three column CSS fluid layout' */

/* Start of CMSMS style sheet 'SVRC:CSSMenu - Horizontal' */
/* Horizontal menu for the CMS CSS Menu Module */
/* by Alexander Endresen */

/*#menu_vert {
   margin-left: 0px;
   margin-right: 0px;
   padding-top: 5px;
   padding-bottom: 5px;
   padding-left: 5px;
   /*height: 59px;*/
   background-color: #f00;
}*/

#menu_horizontal{
   margin-left: 0px;
   margin-right: 0px;
   margin-top: 0px;
   margin-bottom: 0px;
   height: 26px;
}

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

/* Fix for Opera 8 */
.clearb { clear: both; }
#menuwrapper { 
   /* Fix for Opera 8 */ 
   /*   overflow: hidden;  */ 
   margin-left: 0px;
   margin-right: 0px;
   margin-top: 0px;
   margin-bottom: 0px;
   padding-top: 4px; /* position menu from top of parent div*/

   width: 100%;
}

#menuwrapper a:hover {
   /*background-color: #004990;*/
}

/* Set the width of the menu elements at second level. Leaving first level flexible. */
#primary-nav li li { 
   width: 180px; 
}


/* 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: 1px;
   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;
   padding-left: 5px;
   padding-right: 5px; 
}

/* Styling the basic apperance of the menu elements */
#primary-nav a { 
   display: block; 
   margin: 0px; 
   padding: 2px 10px; 
   text-decoration: none; 
   color: #333;
   font-weight:bold;
}
#primary-nav a:hover {
   background-color: #ebd1ba;
   color: #333;
}

#primary-nav li a { 
   border-right: 0px solid #C0C0C0;
   border-left: 0px solid #C0C0C0;
}
#primary-nav li li a { 
   /*border: 1px solid #C0C0C0;*/ /* border around each menus in the pull downs */
}	
#primary-nav li, #primary-nav li.menuparent { 
/*   background-color: #CC9900;*/
/*   background-color: #004990;*/
}

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

#primary-nav li.menuactive { 
   /*background-color: #008C9A;*/
}


/* 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 { 
/* arrow for menuparents */
   background-image: url(images/cms/arrow.gif); 
   background-position: center right; 
   background-repeat: no-repeat; 
}


/* Styling the apperance of menu items on hover */
#primary-nav li ul {
   background-color: #fcb827;
}

#primary-nav li:hover, 
#primary-nav li.menuh, 
#primary-nav li.menuparenth, 
#primary-nav li.menuactiveh { 
   background-color: #ebd1ba; 
}


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

/* 
just add 
#primary-nav li:hover ul ul, 
#primary-nav li.menuparenth ul ul ul,
for fourth level 
*/
#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; 
}

/* add 
#primary-nav ul ul ul li:hover ul, 
#primary-nav ul ul ul li.menuparenth ul,
for fourth level
*/
#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; 
}


/* IE Hacks */
#primary-nav li li { 
   float: left; 
   clear: both; 
}
#primary-nav li li a { 
   height: 1%; 
}
/* End of 'SVRC:CSSMenu - Horizontal' */

/* Start of CMSMS style sheet 'SVRC:CSSMenu - Left Side' */
/*** Left Menu  ***/

#left_menu {
   padding-left: 0;
   margin-right: 1em;
   margin-top: 40px;
   font-size: 9pt;
}


/* third level has some padding to have it stand out */
div#left_menu ul ul ul {
   padding-bottom: 0.5em;
}

/* menu li block */
#left_menu li {
   list-style: none;
   margin: 0;
   border-bottom: 1px solid #888537;
   display: block;
}

#left_menu li ul{
   margin-bottom: 0em; 
}

#left_menu ul ul li {
   border: none;
}

/** fix stupid ie bug with display:block; **/
* html #left_menu li a { height: 1%; } 
* html #left_menu li hr { height: 1%; }
/** end fix **/

/* first level links */
div#left_menu a {
   text-decoration:none; /* no underline for links */
   display: block; /* IE has problems with this, fixed above */
   padding: 0.2em 0em 0.2em 0em; /* some air for it */
   color: #EBD1BA; /* this will be link color for all levels */
   /*font-weight: bold;*/
   background: url(images/cms/arrow.gif) no-repeat 0.5em center; 
   background: transparent; 
   min-height:1em; /* Fixes IE7 whitespace bug */ 
}


/* next level links, more padding and smaller font */
div#left_menu ul ul a {
   font-size: 90%;
   padding: 0.2em 0.5em 0.2em 1.5em;
   /*background-position: 1.5em center;*/
   background: url(images/cms/dash.gif) no-repeat 0.5em center; 
}

/* third level links, more padding */
div#left_menu ul ul ul a {
   padding: 0.2em 0.5em 0.2em 3em;
   background: url(images/cms/dash.gif) no-repeat 1em center; 
}

/* hover state for all links */
div#left_menu a:hover {
   color: #333;
   background-color: #ebd1ba;
}
div#left_menu a.activeparent:hover {
   color: #333;
   background-color: #ebd1ba;
}

/* 
active parent, that is the first-level parent 
of a child page that is the current page 
*/
div#left_menu li a.activeparent {
   /*background: url(images/cms/arrow-right.gif) no-repeat 0em center; padding-left:1em;*/
   /*background-color: #385C72;*/
   color: #ebd1ba;
}

div#left_menu ul ul li a.activeparent {
   background-position: 1.5em center; 
   background-color: transparent;
   color: #333;
}


/* 
current pages in the default Menu Manager 
template are unclickable. This is for current page on first level 
*/
div#left_menu ul h3 {
   /*background: url(images/cms/arrow-right-active.gif) no-repeat 0.4em center;*/
   /*background-color: #385C72;*/
   display: block; 
   padding: 0.2em 0.5em 0.2em 0em;  /* some air for it */
   color: #444;                                 /* this will be link color for all levels */
   font-size: 1em;                           /* instead of the normal font size for <h3> */
   margin: 0;                                  /* as <h3> normally has some margin by default */
}

/* 
next level current pages, more padding, 
smaller font and no background color or bottom border 
*/
div#left_menu ul ul h3 {
   font-size: 90%;
   /*background-position: 1.4em center;*/
   background-color: transparent;
   border-bottom: none;
   color: #333;     
   padding: 0.2em 0.5em 0.2em 1.5em;
   background: url(images/cms/dash.gif) no-repeat 0.5em center; 
}

/* current page on third level, more padding */
div#left_menu ul ul ul h3 {
   padding: 0.2em 0.5em 0.2em 4.3em;
   background: url(images/cms/arrow-right-active.gif) no-repeat 2.7em center; 
}

/* section header */
div#left_menu li.sectionheader {
   border-right: none;
   font-size: 130%;
   font-weight: bold;
   padding: 1.5em 0 0.8em 0;
   background-color: #fff;
   line-height: 1em;
   margin: 0;
   text-align:center;
}



/* separator */
div#left_menu li.separator {
   height: 1px !important;
   margin-top: -1px;
   margin-bottom: 0;
   padding:2px 0 2px 0;
   background-color: #000;
   overflow:hidden !important;
   line-height:1px !important;
   font-size:1px; /* for ie */
}

div#left_menu li.separator hr {
   display: none; /* this is for accessibility */
}
/* End of 'SVRC:CSSMenu - Left Side' */

/* Start of CMSMS style sheet 'SVRC:News' */
#news {
  margin: 10px 6px 0 9px;  /* margin for the entire div surrounding the news list */
}

#news h2{
  text-transform: uppercase;
  color: #EBD1BA;
  font-size: 1.25em;
  border-bottom: 2px solid #888537;
  width:99%;
}

.NewsSummary {
  clear:both;
  padding-top:10px;
}
.NewsSummary img.icon{
  border: 1px solid #EBD1BA;
  margin-right: 1em;
  margin-bottom: 0.5em;
}

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

.NewsSummaryLink {
    font-weight: bold;
    padding-top: 0.2em;
    font-size:1.2em;
    padding-bottom: 0.3em;
}
.NewsSummaryLink a, .NewsSummaryLink a:link, .NewsSummaryLink a:active, .NewsSummaryLink a:visited, .NewsSummaryLink a:hover{color:#333;text-decoration:none;}

.NewsSummaryLink a:hover{color:#fcb827;}

.NewsSummaryCategory {
  font-style: italic;
  margin: 5px 0;
 }

.NewsSummaryAuthor {
  font-style: italic;
  padding-bottom: 0.5em;
}

.NewsSummarySummary, .NewsSummaryContent {
  /*line-height: 140%;*/
 }

.NewsSummaryMorelink {
}
.NewsSummaryMorelink a{
 float:right;
 color: #333;
 text-decoration:none;
}
.NewsSummaryMorelink a:hover{color:#fcb827;}
.NewsSummaryMorelink span#line {
  border-bottom: 1px solid #888537;
  width:75%;
  display:block;
  position:relative;
  top:0.8em;
}

#NewsPostDetailDate {
  font-size: 90%;
  margin-bottom: 5px;
  font-weight: bold;
  }

#NewsPostDetailSummary {
   line-height: 150%;
   }

#NewsPostDetailCategory {
  font-style: italic;
  border-top: 1px solid #ccc;
  margin-top: 0.5em;
  padding: 0.2em 0;
}

#NewsPostDetailContent {
  margin-bottom: 15px;
  line-height: 150%;
  }

#NewsPostDetailAuthor {

  padding-bottom: 1.5em;
  font-style: italic;
}


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

/* 
#NewsPostDetailTitle {}
#NewsPostDetailHorizRule {}
#NewsPostDetailPrintLink {}
#NewsPostDetailReturnLink {}
*/
/* End of 'SVRC:News' */

/* Start of CMSMS style sheet 'SVRC:Calendar CSS' */
/*
Example stylesheet for Calendar module

For using this "big"-class insert something like this in your page
or template;

{cms_module module='Calendar' table_id='big'}

*/



/* make all links red */
.calendar tr td a
{
  color: red;
}

/* highlight "today" for the small calendar */
.calendar-today
{
  font-weight: bold;
}

/* display the "upcominglist" as one line per entry (assuming table_id='cal-upcominglist') */
#cal-upcominglist .calendar-date-title
,#cal-upcominglist .calendar-summary-title
{
  display: none;
}

#cal-upcominglist h2
,#cal-upcominglist .calendar-date
,#cal-upcominglist .calendar-summary
{
  display: inline;
  margin-right: 5px;
}

/* tidy up text sizes for lists */
#cal-list h1, #cal-upcominglist h1
{
  color: red;
  font-size: 120%;
}
#cal-list h2, cal-upcominglist h2
{
  font-size: 110%;
}

/** large calendar rules (assuming table_id='big') **/
/* border on for #big */
#big{
  margin: 0px;
  border-collapse:    collapse;
  border: 1px solid black;
}

/* nice squares for the #big table */
#big th
{
  border: 1px solid black;
  padding: 3px;
  width: 106px;
}

#big td {
  border: 1px solid black;
  vertical-align: top;
  padding: 3px;
  height: 75px;
  width: 75px;
}

#big td a {color:#333;font-size:8pt;}
#big td a:hover{text-decoration:underline;}

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

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

/* background colours for #big */
#big td
{
  background-color: silver;
}

#big .calendar-day
{
  background-color: #80ff80;
}

#big .calendar-today
{
  font-weight: normal;
  background-color: #8080ff;
}

.calendar-event .calendar-date-title,
.calendar-event .calendar-summary-title,
.calendar-event .calendar-details-title
{
  display: none;
}

#whiteboard h2{
  border-bottom:2px solid #888537;
  color:#EBD1BA;
  font-size:1.25em;
  text-transform:uppercase;
  width:99%;
}

#whiteboard .calendar-event .calendar-date-from h3{
}

#whiteboard .calendar-event .calendar-details h4{
  font-size:1em;
  font-weight:normal;
  margin-bottom:0;
  /*text-transform:uppercase;*/
  color:#EBD1BA;
}

#whiteboard .calendar-event .calendar-details p{
  margin-bottom: 0.5em;
}

#whiteboard .whiteboard-home .calendar-event .calendar-details p{
  /*background:transparent url(images/cms/dash.gif) no-repeat scroll 0.5em center;*/
  padding-left: 1em;
}

#upcomingboard h2{
  border-bottom:2px solid #888537;
  color:#EBD1BA;
  font-size:1.25em;
  text-transform:uppercase;
  width:99%;
}

#upcomingboard .calendar-event .calendar-date-from h3{
  clear: both;
}

#upcomingboard .calendar-event .calendar-details h4{
  display:block;
/*  float:left;*/
/*  clear:left;*/
/*  clear:both;*/
  width:100px;
  margin-bottom:0;
  color:#EBD1BA;
  font-size:1em;
  font-weight:normal;
  text-align:right;
}

#upcomingboard .calendar-event .calendar-details p{
  margin-bottom: 0.5em;
/*  clear:right;*/
/*  float:left;*/
  padding-left:1em;
  margin-left: 100px;
  margin-top: -1.1em;
}

/* End of 'SVRC:Calendar CSS' */