/* 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: #FFF;
}

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;
}

#mainContainer {
  color: #333300; 
  background: url(images/page-background.gif) top right repeat-y;
  border-left: 10px solid #fff;
  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{
  border-left: 10px solid #fff;
  border-right: 40px solid #fff;  /* to allow white vertical bar on the right side */
  padding: 5px 0px 20px 0px;
  font-weight:bold;
  font-size: 10pt;
  color: #999;
}

#phone{
  float:left;
}

#topMenu{
  float:right;
}

#footerlogo {
  position:absolute;
  bottom:-1px; /* for IE */
  right:0px;
  z-index:99;
  width:100%;
  background: url(images/footer-logo.gif) bottom right;
  height: 290px;
  margin: 0px;
  padding:0px;
}

/*============================= 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: #F9DB93;/* Background for Left Column */}
#sitePanel {background-color: #F9DB93;/* Background for right Column */}
#coreFrame {background-color: #F9DB93;/* 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: 205px;
}
#coreFrame {
  height: 1%;
  margin-right: 165px;
}
#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: -165px;
  position: relative;
  width: 165px;
}
#moreFrame {
  display: inline;
  float: left;
  margin-left: -205px;
  position: relative;
  width: 205px;
}
#coreFrame:after {
  clear: both;
  content: ".";
  display: block;
  height: 0;
  visibility: hidden;
}
/*=== Step 2 == End Layout Magic ====================*/
/*============================= End 3-Column Structure ==========*/

#siteFrame{
  margin-right: 40px;  /* to allow white vertical bar on the right side */
  padding-bottom:160px;
}

#textMenu{margin: 0 auto;padding: 10px 0px; border-left: 0px solid #fff; border-right: 40px solid #fff;}

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

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

#menu_horizontal{
   margin-left: 0px;
   margin-right: 0px;
   /*height: 39px;*/
}

/* 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;
   padding-top: 0px; /* 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 appearance of the menu elements */
#primary-nav ul { 
   border-top: 5px solid #80A751;
   border-bottom: 5px solid #80A751;
}

#primary-nav a { 
   display: block; 
   margin: 0px; 
   padding: 3px 10px; 
   text-decoration: none; 
   color: #4f4f4f;
   font-weight: bold;
   font-size: 9pt;
}
#primary-nav a:hover {
   background-color: #80A751; /* green */
   color: #fff;
}

#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 { 
   background-color: #F9DB93;
}

#primary-nav li.menuparent { 
   background-color: #F9DB93;
}

#primary-nav li li { 
   background-color: #80A751;
}

#primary-nav li li.menuparent { 
   background-color: #80A751;
}

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

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


/* 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:hover, 
#primary-nav li.menuh, 
#primary-nav li.menuparenth, 
#primary-nav li.menuactiveh { 
  background-color: #80A751; /* secondary menu hover color*/
}

#primary-nav li li:hover a:hover, 
#primary-nav li li.menuh a:hover, 
#primary-nav li li.menuparenth a:hover, 
#primary-nav li li.menuactiveh a:hover { 
  background-color: #F9DB93; /* secondary menu hover color*/
  color: #333;
}

/* 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 'Navigation: CSSMenu - Horizontal' */

/* Start of CMSMS style sheet 'Typography' */
div{font-size: 1em;}
img { border: 0;}

/* default link styles */
a, a:link, a:active, a:visited {
   text-decoration: none;
   background-color: inherit;
   color: #3366FF;
}
a:hover {
   text-decoration: underline;
   background-color: inherit;
   color: #CC3300;
}

h1 {
   font-size: 2.0em;
   line-height: 1.3em;
   margin: 0 0 0.25em 0;
}
h2 {
   font-size: 1.50em;
   line-height: 1.3em;
   margin: 0 0 0.25em 0;
}
h3 {
   font-size: 1.23em;
   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;
}

/*====== Start mainPanel ====== middle column ======*/
#mainPanel{padding: 0 1em 0 1em;}
#mainPanel h2 {color:#999966;}
#mainPanel h3 {color:#669999;}
#mainPanel h4 {color:#669999;}
/*====== End mainPanel ====== middle column ======*/

/*====== Start menuPanel ====== right column ======*/
#menuPanel {padding: 0;}
#menuPanel h2 {color:#666633;}
#menuPanel h3 {color:#669999;}
#menuPanel h4 {color:#669999;}

#toptenreasons{text-align:center;}
#toptenreasons h4 {color:#666633;font-weight:bold;}
/*====== End menuPanel ====== right column ======*/

/*====== Start morePanel ====== left column ======*/
#morePanel {padding: 0;}
#morePanel h2 {color:#666633;}
#morePanel h3 {color:#669999;}
#morePanel h4 {color:#669999;}
/*====== End menuPanel ====== left column ======*/

/*====== 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 ======*/

/* End of 'Typography' */