/* HTML */
body{margin:10px;font-family:verdana,helvetica,arial,sans-serif;font-size:12px;color:#000000;
background-image:url(images.php?id=11);background-color:#000000;background-position:center top;}
div{border:0 solid #000000;font-family:verdana;}

/* DIVS */
#wrapper2{margin:0px auto 0px auto;width:1074px;}

#header{position:absolute;left:94px;top:0;width:980px;height:94px;
background-image:url(images.php?id=24);background-position:bottom left;}
#logo{z-index:999;position:absolute;left:780px;top:25px;width:187px;height:60px;
color:#ffffff;}

#shadow-left{position:absolute;left:0;top:94px;width:94px;height:521px;
background-image:url(images.php?id=25);background-position:top right;}
#shadow-right{position:absolute;left:1074px;top:94px;width:94px;height:521px;
background-image:url(images.php?id=26);background-position:top left;}
#shadow-top-right{position:absolute;left:1074px;top:0;width:94px;height:94px;
background-image:url(images.php?id=27);background-position:bottom left;}
#shadow-bottom-right{position:absolute;left:1074px;top:615px;width:94px;height:94px;
background-image:url(images.php?id=30);background-position:top left;}
#shadow-top-left{position:absolute;left:0;top:0;width:94px;height:94px;
background-image:url(images.php?id=28);background-position:bottom right;}
#shadow-bottom-left{position:absolute;left:0;top:615px;width:94px;height:94px;
background-image:url(images.php?id=29);background-position:top right;}

#wrapper{position:absolute;left:94px;top:94px;width:980px;height:521px;text-align:left;
background-color:#ffffff;}
#page-title{position:absolute;left:250px;top:0;width:420px;height:50px;background-color:#000000;
opacity:.70;filter:alpha(opacity=70);color:#ffffff;padding:40px 30px 0 30px;font-size:24px;}
/* for the scrolling */
#content{
  /* height:421px;  *//* this is removed by javascript if possible */
  z-index:999;position:absolute;padding:0px 30px 10px 30px;}
#content p, li {line-height:1.5;font-size:11px;}
#MRI{position:relative;top:0px;left:0px;width:100%;padding-top:0;}
/* this fixes a problem where IE6 was not layering items properly */
#topmenus,#showcase,#page-title{z-index:200;}
.Container{z-index:120} /* the flash player causes problems */

#topmenus{position:absolute;top:0;left:0;width:250px;height:500px;background-color:#ffffff;
  opacity:.60;filter:alpha(opacity=60);padding-top:21px;z-index:1010}
#showcase{z-index:20;position:absolute;left:25px;bottom:25px;width:200px;height:100px;;z-index:1020}

#footer{position:absolute;left:94px;top:615px;width:980px;height:94px;
color:#ffffff;font-size:x-small;line-height:1.6;background-image:url(images.php?id=23);
background-position:top left;}
#footer a{color:#ffffff;text-decoration:none;}
#footer a:hover{color:#ffffff;text-decoration:underline;}
#copyright{width:55%;float:left;margin:10px 0 0 5px;}
#nic-logo{float:right;margin:5px 5px 0 0;}

#content_cms{color:#FFFFFF;}


/* TEXT */
p{font-size:12px;margin:5px 0 15px 0;}
h1{font-size: 16px;margin:0px 0px 0px 0px; font-weight: 400;}
h2{font-size: 14px;margin:0px 0px 0px 0px; font-weight: 400;}
h3{font-size: 13px;margin:0px 0px 0px 0px; font-weight: 400;}
h4{font-size: 12px;margin:0px 0px 0px 0px; font-weight: 400;}
h5{font-size: 11px;margin:0px 0px 0px 0px; font-weight: 400;}
h6{font-size: 10px;margin:0px 0px 0px 0px; font-weight: 400;}
.quote{font-size: 10px;}
li {padding:0 0 5px 0;}

/* LINKS */
a{color:#ffffff;text-decoration:underline;}
a:hover{color:#dddddd;text-decoration:underline;}
a:visited{;}
a:active{;}
a img{border:0;}


/* FORMS */
form {margin: 0px;padding:0px; } /* removes annoying line breaks before and after forms */
input{font-family:verdana,helvetica,arial,sans-serif;font-size:10px;}
textarea{font-family:verdana,helvetica,arial,sans-serif;font-size:10px;}
select{font-family:verdana,helvetica,arial,sans-serif;font-size:10px;}
.form_field_name{float:left;margin-bottom:5px;}
.form_field{float:left;margin-left:2px;margin-bottom:5px;}


/* MENUS */
.menu_lvl1{   margin:0 20px 0 15px;font-size:12px;padding-left:10px;padding-right:10px;padding-top:10px;padding-bottom:0;}
.menu_lvl1 a{color:#000000;text-decoration:none;}
.menu_lvl1_on{margin:0 20px 0 15px;font-size:12px;padding-left:10px;padding-right:10px;padding-top:10px;padding-bottom:0;font-weight:bold;}
.menu_lvl1_on a{color:#000000;text-decoration:none;}
.menu_lvl2{   margin-left:25px;margin-right:10px;margin-top:4px;font-size:10px;padding-left:10px;padding-right:10px;padding-top:2px;padding-bottom:2px;}
.menu_lvl2 a{color:#000000;text-decoration:none;}
.menu_lvl2_on{margin-left:25px;margin-right:10px;margin-top:4px;font-size:10px;padding-left:10px;padding-right:10px;padding-top:2px;padding-bottom:2px;font-weight:bold;}
.menu_lvl2_on a{color:#000000;text-decoration:none;}
.menu_lvl3{   margin-left:10px;margin-right:10px;margin-top:4px;background-color:#AAFFAA;font-size:12px;padding-left:10px;padding-right:10px;padding-top:2px;padding-bottom:2px;}
.menu_lvl3 a{color:white;}
.menu_lvl3_on{margin-left:10px;margin-right:10px;margin-top:4px;background-color:#AAAAAA;font-size:12px;padding-left:10px;padding-right:10px;padding-top:2px;padding-bottom:2px;font-weight:bold;}
.menu_lvl3_on a{color:white;}
.menu_lvl4{   margin-left:10px;margin-right:10px;margin-top:4px;background-color:#DDDD00;font-size:11px;padding-left:10px;padding-right:10px;padding-top:2px;padding-bottom:2px;}
.menu_lvl4 a{color:white;}
.menu_lvl4_on{margin-left:10px;margin-right:10px;margin-top:4px;background-color:#AAAAAA;font-size:11px;padding-left:10px;padding-right:10px;padding-top:2px;padding-bottom:2px;font-weight:bold;}
.menu_lvl4_on a{color:white;}
.menu_lvl5{   margin-left:10px;margin-right:10px;margin-top:4px;background-color:#AA00DD;font-size:10px;padding-left:10px;padding-right:10px;padding-top:2px;padding-bottom:2px;}
.menu_lvl5 a{color:white;}
.menu_lvl5_on{margin-left:10px;margin-right:10px;margin-top:4px;background-color:#AAAAAA;font-size:10px;padding-left:10px;padding-right:10px;padding-top:2px;padding-bottom:2px;font-weight:bold;}
/* definition for a specific menu id */
/* #menu_12{background-color:red;} */


/* PAGES Vertical */
div.page_lvl1{   margin-left:05px;margin-top:2px;margin-bottom:2px;}
div.page_lvl1 a{display:block;}
div.page_lvl1_on{margin-left:05px;margin-top:2px;margin-bottom:2px;}
div.page_lvl1_on a{display:block;font-weight:bold;}
div.page_lvl2{   margin-left:15px;margin-top:2px;margin-bottom:2px;}
div.page_lvl2 a{display:block;}
div.page_lvl2_on{margin-left:15px;margin-top:2px;margin-bottom:2px;}
div.page_lvl2_on a{display:block;font-weight:bold;}
div.page_lvl3{   margin-left:25px;margin-top:2px;margin-bottom:2px;}
div.page_lvl3 a{display:block;}
div.page_lvl3_on{margin-left:25px;margin-top:2px;margin-bottom:2px;}
div.page_lvl3_on a{display:block;font-weight:bold;}
div.page_lvl4{   margin-left:35px;margin-top:2px;margin-bottom:2px;}
div.page_lvl4 a{display:block;}
div.page_lvl4_on{margin-left:35px;margin-top:2px;margin-bottom:2px;}
div.page_lvl4_on a{display:block;font-weight:bold;}
div.page_lvl5{   margin-left:45px;margin-top:2px;margin-bottom:2px;}
div.page_lvl5 a{display:block;}
div.page_lvl5_on{margin-left:45px;margin-top:2px;margin-bottom:2px;}
div.page_lvl5_on a{display:block;font-weight:bold;}


/* PAGES Horizontal */
span.page_lvl1{   }
span.page_lvl1 a{padding:0px 5px 0px 5px;}
span.page_lvl1_on{}
span.page_lvl1_on a{}
span.page_lvl2{   }
span.page_lvl2 a{}
span.page_lvl2_on{}
span.page_lvl2_on a{;}
span.page_lvl3{   ;}
span.page_lvl3 a{;}
span.page_lvl3_on{;}
span.page_lvl3_on a{;}
span.page_lvl4{   ;}
span.page_lvl4 a{;}
span.page_lvl4_on{;}
span.page_lvl4_on a{;}
span.page_lvl5{   ;}
span.page_lvl5 a{;}
span.page_lvl5_on{;}
span.page_lvl5_on a{;}


/* scrolling arrows */
/* from http://n-son.com/scripts/jsScrolling/new/example1.html */
/* PADDING from content matters here, and must be added in */

.Container{
  width:480px;height:431px;
  position:absolute;left:250px;top:90px;}
.Container img{  z-index:1000;}
.Scroller-Container { /* will be very similar to content */
  left:0;
  top:0;
  position:absolute;
}
/* additional information here, if needed */
#Scroller-1{
  width:480px;height:431px;
  overflow:hidden;
  position:absolute;
  background-color:#000000;
  opacity:.70;filter:alpha(opacity=70);
  color:#ffffff;
}

.Scrollbar-Up {
/*   visibility:hidden; */
  cursor: pointer;
  position: absolute;
  top: 10px; right: 10px;
}
.Scrollbar-Down {
/*   visibility:hidden; */
  cursor: pointer;
  position: absolute;
  bottom: 10px; right: 10px;
}

/* CMS */
.error{color:#FF0000;}
.error_highlighted{background:#FFEEEE;}
.updated{font-size:10px;color:#BBBBBB;}
.all_ok{color:#008800;font-weight:bold;}
.cell_highlighted{background:#D0E0FF;}


/* freshSPRING (Do Not Alter) */
.fresh {color:#3366FF;}
.fresh_bgcolour{background-color:#3366FF;}
.fresh_logo{color:#FFCC66;}
.spring {color:#FF9900;}
.spring_bgcolour{background-color:#FF9900;}
.spring_logo{color:#99CCFF;}
.serving{color:#808080;}
.serving_light{color:#ADADAD;}
.hope{color:#009900;}


/*  stop divs from flowing out of boxes can use class="clearfix NEEDED_NAME" to use multiple classes on one object */
/*  obtained from http://www.positioniseverything.net/easyclearing.html */
.clearfix:after {content: ".";display: block; height: 0px; clear: both; visibility: hidden; font-size:0px;}
.clearfix {display:inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block; font-size:0px;}
/* End hide from IE-mac */