/* Start of CMSMS style sheet 'nebra' */
body { font: 10px arial,Arial,helvetica,sans-serif; ; color: #000000; background-color: #bbc291; padding: 10px;}

h1 {font-size: 14px; font-weight: normal; padding: 5px 0 2px 0;}
h2 {font-size: 12px;  font-weight: normal; padding: 5px 0 2px 0;}
p.clear {clear: both; margin: 0; padding: 0; line-height: 0;}

a {outline: none; color: #5c6a77;}
img {vertical-align: bottom; border: 0;}

input.text, input.submit, input.checkbox {border: 1px solid #5c6a77; height: 15px; font-size: 10px;}


#page_container { width: 900px;  margin: 0 auto 0 auto; }

#nav_container { margin-top: 0; height: 23px; background : url(uploads/images_layout/bar_across_page.jpg); }


/*#header_image {margin : 0; padding: 0; height: 308px; width: 900px; background : url(uploads/images_headers/about-us.jpg); }*/
#header_image {margin : 0; padding: 0; height: 308px; width: 900px; }

/* #squares_across_bar { 	position: absolute; 	top: 339px;	left: 400px;  }  DOESN'T WORK IN IE7... */
#squares_across_bar { height: 100px; margin-top: -22px; }
#squares_across_bar ul {list-style: none; display: block;  float: left; margin-left: 300px; padding:0; margin-top: 0;}
#squares_across_bar li{width:100px; height:100px; padding: 0 50px 0 0; float: left; }
img.square { position:relative; left:0px; top:0px; z-index:1; }
.square { position:relative; left:0px; top:0px; z-index:1; }


#content {height: 95%; padding: 0; display: block; margin-top: -78px; }
#content2 { float: left; background-color : white ; margin-top : -96px;  }
#content2 TD {text-align: left; vertical-align: top;}
.td_left {width : 200px;  padding: 0 10px; }



/* need to move margin-top down for IE for left and right */
/*#left {width: 210px; height: 100%; float: left; margin: -87px 0 4px 6px;  
	font-family : Georgia, Times, Times-New-Roman, Serif;  padding: 10px 15px 10px 10px;}*/
#left { font-family : Georgia, Times, Times-New-Roman, Serif;  padding: 10px 15px 10px 10px;}
#left H2 {font-size : 12px; font-weight: bold; }

/*#right {width: 650px; float: left;  margin: -87px 0 4px 6px;border-left-style:dotted; }*/
#right { border-left-style:dotted; padding: 10px; width:658px; color: #000000;}
#right_inbox { width: 550px; margin-left: 67px;     background: url(uploads/images_layout/textured_green.jpg) repeat; }
#right_inbox_content { padding: 100px 20px 20px 20px;  font-family: arial,Arial,helvetica,sans-serif; font-size: 12px; color : #000000; }
#right_inbox_content H1 { font-size: 20px; font-weight: bold; color: #94B130;}   /* #94B130 = grass green */
#right_inbox_content H2 { font-size: 16px; font-weight: bold; color: #94B130;}


#footer {float: left; width: 870px; background-color: #9ea47c; padding: 15px; color: #ecf2c2; font-size: 16px; font-weight: bold;}
#footer a { color: #ecf2c2; text-decoration: none; }

.calendar-date-from { font-weight: bold; padding: 3px 0px;}
.calendar-event-title { padding: 5px 0 2px 0; font-size: 16px; font-weight: bold; color: #94B130;}   /* #94B130 = grass green */
.calendar-details a{color: #006600; font-weight: bold; }  


/* End of 'nebra' */

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

#menu_vert {
   margin:0 1px;
}

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

/* Fix for Opera 8 */
.clearb { clear: both; }
#menuwrapper { 
   /* Fix for Opera 8 */ 
   /*   overflow: hidden;  */ 
/*   background-color: #b0b6a8;*/
   /*border-bottom: 1px solid #b0b6a8;*/
   width:900px;
   margin-left:0px;
   /*text-transform:uppercase;*/
   font-weight: bold;
}

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


/* 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; 
text-align:left;
}

/* Styling the basic apperance of the menu elements */
#primary-nav a { 
   display: block; 
   margin: 0px; 
   padding: 4px 22px; 
   text-decoration: none; 
   color: #3C5949; 
   color : #ecf2c2;   /*yellowish greenish*/
   font-size : 115%;
}
#primary-nav a:hover{
  background-color:#7f8463;    /*was c4c9bf */
color:#ecf2c2;
}
#primary-nav li a { 
   border-right: 1px solid #b0b6a8;
   border-left: 1px solid #b0b6a8;
}
#primary-nav li li a { 
   border: 1px solid #b0b6a8;
}	
#primary-nav li, #primary-nav li.menuparent { 
   /*background-color: #b0b6a8;*/
}

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

#primary-nav li.menuactive { 
   background-color: #7f8463;    /*was C4C9bf */
}

/* 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,
#primary-nav ul li a { 
   background-color: #666666;   /*was D1D4CC*/
}


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