/* Start of CMSMS style sheet '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: #FFFFF0;
}

body {
  margin: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;*/
   width: 750px;
}

#mainContainer {
  color: #333300; 
/*  min-height: 630px;*/
}
* html #mainContainer {
  /*height: 630px;*/ /*** IE doesn't support min-height, but instead it handles height as min-height so we need to hack the height ***/
}

#topContainer{
  padding: 5px 0px;
}

#mainContainer {
 position:relative;
}

#header {
}

#menTrig1{
  position: absolute;
  z-index: 99;
  left: 177px;
  top: 131px;
  width: 573px;
}
#flym1 {
  position: absolute;
  z-index: 100;
  left: 368px;
  top: 147px;
  width: 188px;
  visibility: hidden;
}

#flym2a {
  position: absolute;
  z-index: 100;
  left: 562px;
  top: 147px;
  width: 188px;
  visibility: hidden;
}

#footerlogo {
  margin: 0px;
  padding:0px;
}

#siteWrapper{
  position: absolute;
  left: 0px;
  top: 156px;
}
/*============================= 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: url(images/strips_back.gif ) top left repeat-y; /* Background for Left Column */}
#sitePanel {/* Background for right Column */}
#coreFrame {/* 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: 215px;
}
#coreFrame {
  height: 1%;
  margin-right: 1px;
}
#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: -1px;
  position: relative;
  width: 1px;
}
#moreFrame {
  display: inline;
  float: left;
  margin-left: -215px;
  position: relative;
  width: 215px;
}
#coreFrame:after {
  clear: both;
  content: ".";
  display: block;
  height: 0;
  visibility: hidden;
}
/*=== Step 2 == End Layout Magic ====================*/
/*============================= End 3-Column Structure ==========*/

#flym1, #flym3 {
  margin: 0px;
  padding: 0px;
}

#flym1 ul { 
   width:186px;
   list-style: none; 
   margin: 0px;padding: 0px;
   background-color:#99cc99;
   border: #336633 solid;
   border-width: 0px 1px 1px 1px;
}
#flym1 ul.menu {margin: 0px;padding: 0px;}
#flym1 ul.menu a.activeparent, #flym1 ul dfn {display: none;}
#flym1 ul.menu ul {border: 0px #336633 solid;}
#flym1 ul.menu ul {padding: 0px 0px 0px 0px;border: #336633 solid;border-width: 0px 0px 0px 0px;}
#flym1 ul.menu ul li {margin-left: 15px;}

#flym3 ul { 
   width:186px;
   list-style: none; 
   margin: 0px;padding: 0px;
   background-color:#99cc99;
   border: #336633 solid;
   border-width: 0px 1px 1px 1px;
}
#flym3 ul.menu {margin: 0px;padding: 0px;}
#flym3 ul.menu a.activeparent, #flym3 ul dfn {display: none;}
#flym3 ul.menu ul {border: 0px #336633 solid;}
#flym3 ul.menu ul {padding: 0px 0px 0px 0px;border: #336633 solid;border-width: 0px 0px 0px 0px;}
#flym3 ul.menu ul li {margin-left: 15px;}

#flym3 {
   margin-top: -9px;
   margin-left: 17px;
}

#flym2a{
   width:186px;
   list-style: none; 
   margin: 0px;
   padding: 0px;
}

#flym2a #toploginform{ 
   width:186px;
   border: #336633 solid;
   border-top: #99cc99 solid;
   border-width: 20px 1px 1px 1px;
   background-color:#99cc99;
   margin-top:-2px;
}
#flym2a #toploginform label{
  clear:left;
  display: block;
  float:left;
  width: 70px;
  text-align: right;
  padding-right: 10px;
  margin-bottom: 5px;
  font-weight: bold;
}


#flym2a #toploginform input{
  width: 100px;
  margin-bottom: 5px;
}

#flym2a #toploginform p {
 text-align:center;padding: 3px;
}

#flym2a #toploginform p input {
  width: 52px;
  margin-bottom: 0px;
  padding-right:5px;
}

#menTrig2 {
  margin-top: 30px;
}

#textMenu{margin: 0 auto;padding: 10px 0px;}

/* End of 'Three column CSS fluid layout' */

/* Start of CMSMS style sheet 'Tymography' */
/* default link styles */
a, a:link, a:active, a:visited {
   text-decoration: none;
   background-color: inherit;
   color: #003300;
}
a:hover {
   text-decoration: underline;
   background-color: inherit;
   color: #003300;
}

/*====== Start textMenu ======*/
#textMenu {text-align:center;}
#textMenu a {
   margin: 0px; 
   padding: 3px 10px; 
   text-decoration: none;
   color: #333;
   font-family: Arial, Helvetica, Verdana, Geneva, sans-serif;
   font-size: 1em;
   line-height: 1em;
   font-weight: normal;
}
#textMenu a:link,#textMenu a:active, #textMenu a:visited{color: #333;}
#textMenu a:hover {
   text-decoration: underline;
   background-color: #eee;
   color: #333;
}
#textMenu span.thispage {
   margin: 0px; 
   padding: 3px 10px; 
}
/*====== End textMenu ======*/

#noauthorization {
  width: 60%;
  margin: 50px auto;
  padding-left: 30px;
  background: url("images/strips1_back.gif") top left repeat-y;
}

/* End of 'Tymography' */

/* Start of CMSMS style sheet 'vba_calendar' */
#calendar{font-size:10pt;margin-top:20px;}
#calendar #eventheader {margin:5px 0px 10px 0px;padding:0px;}
#calendar #eventheader div.eventdate {float:left;padding: 2px 0px 2px 3px;border:1px solid #ffcc99;width:120px;}
#calendar #eventheader div.eventtitle {float:right;font-weight:bold;background-color:#ffcc66;display:block;width:398px;padding: 2px 2px 2px 6px;border:1px solid #ffcc99;}
#calendar #event-info {clear:both;}
#calendar #event-info {margin-left:30px;padding: 0px 6px 6px 6px;}

#calendar #event-info .event-categories{text-align:right;}
#calendar #event-info .event-categories .category-title {font-weight:bold;}

#calendar #event-info .date-from {border:0px solid #ffcc99;border-width: 0px 0px 1px 0px;padding: 2px 0px;}
#calendar #event-info .date-from .date-title {display:block;width: 80px;float:left;font-weight:bold;}

#calendar #event-info .event-location {border:0px solid #ffcc99;border-width: 0px 0px 1px 0px;padding: 2px 0px;}
#calendar #event-info .event-location .location-title {display:block;width: 80px;float:left;font-weight:bold;}

/* End of 'vba_calendar' */