/* ====================================================================
   TEMPLATE: xMambo Default v1.0
   AUTHOR: Tim Broeker
   DATE: 01/12/04
   NOTES: This style sheet is still experimental. There are several places
   to streamline, and some code is obsolete. Will fix for next release.
   Delete large comments from this file to decrease file size. There are
   included here for educational purposes only.
   WARNING: This template is very susceptible to box model problems. Be
   very careful if adjusting widths, margins and padding.
   ==================================================================== */

/* ====================================================================
   BODY AND OTHER GENERIC TYPOGRAPHY
   Generic styles for all elements with no class identifiers. All sizing
   based on ems. Do NOT make "body: font-size" any smaller than 76%. Adjust
   all other font sizing instead by adjusting ems in the classes below.
   Fonts smaller than .7em will not be readable on most browsers. See "A
   sane approach to CSS font sizing" for details on this sizing technique:
   http://www.thenoodleincident.com/tutorials/typography/index.html.

   NOTE: some generic Mambo classes are currently in this section as well,
   such as inputbox.
   ==================================================================== */

body {
	padding: 0;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 76%;
	font-weight: normal;
	color: #666666;
	background: #dedbde;
    width: 760px;
    position: relative;
    display: block;
    margin-left: auto;
    margin-right: auto;
	background-position: 0px 0px;
	line-height: 1.8em;

	}


a {
	text-decoration: none;
	font-weight: normal;
	color: #003366;

	}

a:link {
   color: #003366;

	}


a:hover {
   color: #000000;
	}

h1 {
	font-size: 2.0em;
	font-weight: normal;
	margin-top: 0em;
	margin-bottom: 0em;/*both set to zero and padding in header div is used intead to deal with compound ie pc problems that are beyound summary in a simple comment.*/
	}

h2 {
	font-size: 1.7em;
	margin: 1.2em 0em 1.2em 0em;
	font-weight: normal;
	}

h3 {
	font-size: 1.4em;
	margin: 1.2em 0em 1.2em 0em;
	font-weight: normal;
	}

h4 {
	font-size: 1.2em;
	margin: 1.2em 0em 1.2em 0em;
	font-weight: bold;
	}

h5 {
	font-size: 1.0em;
	margin: 1.2em 0em 1.2em 0em;
	font-weight: bold;
	}

h6 {
	font-size: 0.8em;
	margin: 1.2em 0em 1.2em 0em;
	font-weight: bold;
	}

img {
   border: 0;
	}

ul,ol {
   width: Auto;
   font-size: 1.0em;
   list-style-type: none;
   padding: 0;
   margin: 0;
   }

li {
   font-size: 1.0em;
   background: url(../images/list.gif);
   background-repeat: no-repeat;
   background-position: .3em .7em;
   line-height: 1.8em;
   margin: 0 0 0 1em;
   border: 0;
   padding: 0 0 0 1em;
   }

table,td {
	font-size: 1.0em;
   }

form {
   padding: 0;
   margin: 0;
   }

p {
	font-size: 1.0em;
	line-height: 1.8em;
	padding: 1em 0 0;
	margin: 0;
	}

pre {/*moz 1.0/1.1/1.2.1, net 7.0/7.01 make this way too small, but i'm not going to go larger because monospace tends to run you into overflow pretty quick. prior moz and net are okay.*/
	font-family: monospace;
	font-size: 1.0em;
	}

strong, b {
	font-weight: bold;
	}

input.checkbox {
  background: #ff9900;
  }

textarea {
    width: 99%;
    padding: 0;
    margin: 0;
   }

.button {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-style: normal;
	font-weight: bold;
	font-size: 10px;
	color: #cccccc;
	border-style: solid;
	padding: 0px 0px 2px 0px;
	margin: 6px 3px 2px 3px;

	width: Auto;
	border: 1px solid #999;
	background: #727C78;
   }

.inputbox {
   font-family: Verdana, Arial, Helvetica, sans-serif;
	font-style: normal;
	font-weight: bold;
	font-size: .8em;
	color: #666666;
   	background: #F4F4F4;
   	width: 65%;
	border: 1px solid #999;
   margin: 0;
   }

.textbox {
   position: relative;
   font-family: Verdana, Arial, Helvetica, sans-serif;
	font-style: normal;
	font-weight: bold;
	font-size: .8em;
	color: #ffffff;
   background: #F4F4F4;
   width: 95%;
   height: 300px;
   border: 1px solid #999;
   }

.form-button {
  position: relative;
  margin: 2em 0 0 0;
  padding: 0;
  width:95%;
  text-align: right;
  }

a.image, a.image:hover  {
  border:0;
  }

.strong {
   font-weight: bold;
   }

.normal {
   font-weight: normal;
   }

/* ====================================================================
   XMAMBO CLASSES
   These are classes unique to xMambo that are used to style the various
   page elements. They are still experimental, and there is some duplication
   going on here. To be refined in next release.
   ==================================================================== */



#site-slogan h2 {
   position: relative;
	text-indent: -5000px;
	background: url(../images/slogan.gif) no-repeat;
	background-position: top right;
	height: 30px;
	margin: 0px 0 0 0;
   padding: 0;
   }



.leading-story {
    position: relative;
    background: none;
    width: Auto;
    margin: 1em 0 0 0;
    padding: 1em 0 0 0;
    border: 0px dashed #cccccc;
    margin: 0 0 0 0;
    clear:none;
    }

.float {
        width: 100%;
position: relative;
}

#weblink-categories {
   margin-top: 1em;
   }

td.site-map a {
  font-weight: bold;
  }

.contact-form {
   width: 100%;
   }

.author  {
   font-size: .8em;
   }

.createdate  {
   font-size:.8em;
   }

.content-entry H3 {
   color: #CCC;
   font-size: 1.5em;
   font-weight: bold;
   margin: 1em 0 0 0;
   }

#limit-box {
   text-align: right;
   }

.page-navigation {
 	color: #666;
   }

.page-results {
 	color: #999;
   }

a.pagenav {
   color: #666;
   border-bottom: 0;
  }

a.pagenav:hover {
   color: #000;
   border-bottom: 0;
   }

/* styling for the pdf/email/print icons */
a.pop-up {
   border-bottom: 0;
}

.pop-ups {
   float: right;
}

/* data-table tags used to style tables such as
   weblinks, clean up... */

.data-table {
   position: relative;
   width: Auto;
   border-collapse: collapse;
   padding: 0;
   margin: 1em 0 0 0;
   border:0;
   }

.data-table-header {
   padding: 0;
   margin: 1em 0 0 0;
   background: none;
   color: #F4F4F4;
   font-weight: bold;
   padding: 0 0 0 1em;
   border: 1px solid #CCCCCC;
   }

/* This should be combined with the .clr class above, no need for both */

div.spacer {
  clear: both;
  }

div.clr {
  clear:both;
  height: 0;
  }

/* these are all primarily for layout data generically in components. Used in Web Links,
   for example. */

.data-header {
   width: 100%;
   background: none;
   color: #F4F4F4;
   font-weight: bold;
   margin: 0 0 0 0;
   padding: 0 0 0 1em;
   border: 1px solid #CCCCCC;
}

.data-description {
   margin: 0 0 1em 0;
   }

.data-header-left {
  float: left;
  text-align: left;
  font-weight: bold;
  width: 49%;
  }

.data-header-right {
  float: right;
  text-align: right;
  font-weight: bold;
  width: 49%;

  }

.data-table-left {
   margin: 0 0 1em 0;
   }

.left {
  position: relative;
  display: block;
  float: left;
  text-align: left;
  width: 49%;
  }

.right {
       position: relative;
  display: block;
  float: right;
  text-align: right;
  width: 49%;
  }

/* ====================================================================
   MAMBO CLASSES
   These are largely the standard Mambo classes. Some may be obsolete
   in this version of xMambo.  Additionally, some may have been altered to
   fit the goals of xMambo, or perhaps even removed.
   ==================================================================== */

/* For content item titles that are hyperlink instead of Read On */


a.contentpagetitle h1,a.contentpagetitle:link, a.contentpagetitle:visited {
	text-decoration: none;
	font-weight: normal;
	color: #666;
	border-bottom: 0px;
	}

a.contentpagetitle:hover {
   color: #000;
   border-bottom: 0px  dashed #CCCCCC;
   text-decoration: none;
   }

/* Content - Sections & Categories */
.contentpane {
	background: none;
   }

.contentpaneopen {
	border : 0px ridge #DCDCDC;
   }


.contentpagetitle {
	font-size: 1em;
	font-weight: bold;
 	color: #333333;
	text-align:left;
	}

a.toclink:hover, a.toclink:visited, a.toclink:link {
	}

.contentdescription {
	font-size: 1em;
	text-align: left;
	}


.contentheading {
   position: relative;
   width: Auto;
   font-size: 1em;
   font-weight: bold;
   color: #666666;
   text-align:left;
   margin: 1em 0 0 0;
   padding: .2em 0 .2em 0;
   line-height: 1em;
   background:  none;
   border-bottom: 0px solid #666666;
}


.componentheading {
   position: relative;
   width: Auto;
	font-size: 1em;
	font-weight: bold;
 	color: #666666;
	text-align:left;
	margin: 1em 0 0 0;
    padding: .2em 0 .2em 0;
	line-height: 1em;
	background:  none;
	border-bottom: 0px solid #666666;
	}
.componentheading {
   position: relative;
   width: Auto;
	font-size: 1.2em;
	font-weight: bold;
 	color: #666666;
	text-align:left;
	margin: 1em 0 0 0;
    padding: .2em 0 .2em 0;
	line-height: 1em;
	background:  none;
	border-bottom: 0px solid #666666;
	}
#main-body {
  font-size: 1em;
  }

.page-title {
	background: #586384 url(/templates/xmambo_default/images/header_cap.gif) no-repeat bottom left;
   font-size: 1em;
   padding: 0 0 0 2em;
   font-weight: bold;
   color: #F4F4F4;
   width: 100%;
   }

/** category text format and links **/
.category {
	color: #999999; font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px; font-weight: bold; text-decoration: none;
	}

a.category:link, a.category:visited {
	text-decoration: none;
	font-weight: bold;
	color: #cccccc;
	border-bottom: 1px solid #f4f4f4;
	}

a.category:hover {
	text-decoration: none;
	font-weight: bold;
	color: #f4f4f4;
	border-bottom: 1px solid #f4f4f4;
	}

.poll {
	font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #666666;
	line-height: 14px
	}

.sectiontableentry1, .contentpane {
	background: none;
	}

.sectiontableentry2 {
	background: none;
	}

.sectiontableheader {
	background-color : #F4F4F4;
	color : #666666;
	font-weight : bold;
	}

.frontpageheader {
	 font-size: 1.3em;
    color : #333;
    font-weight : bold;
  }

/* Date Stamps */

.newsfeeddate {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #666666;
	font-weight: normal;
   }

.createdate {
   font-weight: normal;
	}

.modifydate {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #999999;
	text-decoration: none;
	font-weight: normal;
	}

/* RDF Styles */

.fase4rdf {
	font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px; color: #000000; font-weight: normal;
	}

a.fase4rdf:link {
	font-size: 11px; font-weight: normal; color: #FF9900;
	}

a.fase4rdf:hover {
	font-weight: bold; color: #808080;
	}

.newsfeedheading {
   font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
   font-size: 1em;
   font-weight: bold;
   color: #333333;
   text-align:left;
}

/* Search Text */

/* Contact Component */

/* Content voting */
.content_rating {
	font-weight: normal;
	font-size:.8em;
   }

.content_vote {
	font-weight: normal;
	font-size: .8em;
   }

/* for modifying {moscode} output.  Don't set the colour! */
.moscode {
	background-color: #f0f0f0;
   }

/* Text passed with mosmsg url parameter */
.message {
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size : 1em;
	color : #666;
	text-align: center;
   }

/* Styles for dhtml tabbed-pages */
.ontab {
	background-color: #666666;
	border-left: outset 1px #666;
	border-right: outset 1px #333;
	border-top: outset 1px #666;
	border-bottom: solid 1px #333;
	text-align: center;
	cursor: default;
	font-weight: bold;
	color: #FFFFFF;
	padding: .2em;
   }

.offtab {
	background-color : #cccccc;
	border-left: outset 1px #666;
	border-right: outset 1px #333;
	border-top: outset 1px #666;
	border-bottom: solid 1px #333;
	text-align: center;
	cursor: default;
	font-weight: normal;
	padding: .2em;
   }

.edit-tabs {
   padding: 1em;
   background: none;
   }

.tabpadding {

   }

.tabheading {
	background-color: #ffae00;
	text-align: left;
   }

.pagetext {
	visibility: hidden;
	display: none;
   }

a.mainlevel:link, a.mainlevel:visited {

}

a.mainlevel:hover {

	color: #FF9900;
}

/* ====================================================================
   MODULES
   These classes are used to style the various modules. Default class
   can be extended by using class_suffix parament in the back-end, and
   making a related class here.
   ==================================================================== */

.moduletable {
	width: 99%;
	padding: 0 0 0 0;
    border-top: 1px solid #666;
    border-right: 1px solid #666;
    border-left: 1px solid #666;
    border-bottom: 1px solid #666;
	margin: 0 0 1.5em 0;
	line-height: 1.8em;
	background: #f4f4f4 ;

}
.moduletable th {
	color: #fff;
    text-align: left;
	background: #424d9c;
   	font-size: 1em;
   	font-weight: bold;
   	padding: 0 0 0 1em;
	margin: 0 0 0 0;
    border:  solid #666;
    border-width:   0px 0px 1px 0px;

    }

.moduletable td {
    color: #333;
    font-weight: normal;
	padding: 0;
    border: 0px solid #000;
    padding: 0 10px 10px 10px;

	}
 .moduletable td td {
    width: auto;
    padding: 0;
    border-top: 0px solid #717577;
    border-left: 0px solid #000;
    border-right: 0px solid #000;
	}

 .blue-header {
 width: 120px;
   margin-bottom: 0;
  background: url(../images/rtc_top_menubuffer_blue.gif) no-repeat top right;
 }

 .blue-footer {
  background: url(../images/rtc_bottom_menubuffer_blue.gif) no-repeat bottom right;
  margin-bottom: 1em;
 }

.moduletable-mainmenu {
    width: 120px;
    padding:0;
    margin-bottom: 0;

    }
.moduletable-mainmenu tr {
    padding: 0;
    margin: 0;

    }

.moduletable-mainmenu td {
    padding: 0;

    background: #424d9c  url(../images/rtc_right_menubuffer_blue.gif) top right;
    }

.moduletable-mainmenu tr tr {
    background: none;
    padding: 0em;
    }

.moduletable-mainmenu td td {
     padding: 2px 0 2px 0;
    }

.moduletable-mainmenu  a {
    color: #FFFFFF;
    font-weight: bold;
    }

/* ORANGE */
/* PURPLE */
.moduletable-yellow {
    width: 120px;
    padding:0;
    margin-bottom: 1em;
    background: url(../images/rtc_bottom_menubuffer_yellow.gif) no-repeat bottom right;
    }
.moduletable-yellow tr {
    padding: 0;
    margin: 0;
    background: url(../images/rtc_top_menubuffer_yellow.gif) no-repeat top right;
    }

.moduletable-yellow td {
    padding: 10px 0 20px 0;
    }

.moduletable-yellow tr tr {
    background: none;
    padding: 0em;
    }

.moduletable-yellow td td {
    padding: 5px;
    }


.moduletable-yellow td td {
    padding: 5px;
    }

.moduletable-yellow  a {
    color: #FFFFFF;
    font-weight: bold;
    }
.moduletable-yellow a:hover  {
    color: #666;
    font-weight: bold;
    }
/* YELLOW */
.moduletable-orange {
    width: 120px;
    padding:0;
    margin-bottom: 1em;
      background: url(../images/rtc_top_menubuffer_orange.gif) no-repeat top right;

    }
.moduletable-orange tr {
    padding: 0;
    margin: 0;

    }
 .moduletable-orange th {
    color: #fff;
    padding: 5px 0 0 5px;
    }
.moduletable-orange td {
    padding: 0 0 20px 5px;
     background: url(../images/rtc_bottom_menubuffer_orange.gif) no-repeat bottom right;
    }

.moduletable-orange tr tr {
    background: none;
    padding: 0em;
    }

.moduletable-orange td td {
    padding: 5px;
    }

.moduletable-orange  a {
    color: #FFFFFF;
    font-weight: bold;
    }
.moduletable-orange  a:hover {
    color: #666;
    font-weight: bold;
    }



/* PURPLE */
.moduletable-purple {
    width: 120px;
    padding:0;
    margin-bottom: 1em;
    background: url(../images/rtc_bottom_menubuffer_purple.gif) no-repeat bottom right;
    }
.moduletable-purple tr {
    padding: 0;
    margin: 0;
    background: url(../images/rtc_top_menubuffer_purple.gif) no-repeat top right;
    }

.moduletable-purple td {
    padding: 10px 0 20px 0;
    }

.moduletable-purple tr tr {
    background: none;
    padding: 0em;
    }

.moduletable-purple td td {
    padding: 5px;
    }

.moduletable-purple  a {
    color: #FFFFFF;
    font-weight: bold;
    }

.moduletable-yellow  a  {
    color: #666;
    font-weight: bold;
    }

.moduletable-yellow a:hover {
    color: #333;
    font-weight: bold;
    }


.module-header-mainmenu  {
  display: block;
  position: relative;
  height: 25px;
  background: #FFFFFF url(../images/rtc_top_menubuffer_blue.gif) no-repeat top right ;
  margin: 0 0 0 0;
  padding: 0;
  }

.module-footer-mainmenu  {
  display: block;
   position: relative;
   height: 25px;
   margin: 0 0 .5em  0;
   padding: 0;
   background: #FFFFFF url(../images/rtc_bottom_menubuffer_blue.gif) no-repeat bottom right ;
   }
.module-mainmenu a {
     color: #ffffff;
     border-bottom: 0;
     text-decoration: underline;
}


/* PURPLE */

.module-purple {

   padding: 0 5px 0 5px;
   margin: 0;
   background: #FFFFFF url(../images/rtc_right_menubuffer_purple.gif) top right;
   }

.module-purple  H3 {
   width: auto;
   display: block;
   position: relative;;
   font-size: 1em;
   padding: 0;
   margin: 0 0 0 0;
   color: #FFFFFF;
   font-weight: bold;
     }

.module-header-purple  {
  display: block;
  position: relative;
  height: 25px;
  background: #FFFFFF url(../images/rtc_top_menubuffer_purple.gif) no-repeat top right ;
  margin: 0 0 0 0;
  padding: 0;
  }

.module-footer-purple  {
  display: block;
   position: relative;
   height: 25px;
   margin: -2px 0 .5em  0;
   padding: 0;
   background: #FFFFFF url(../images/rtc_bottom_menubuffer_purple.gif) no-repeat bottom right ;
   }
.module-purple a {
     color: #ffffff;
     border-bottom: 0;
     text-decoration: underline;
}

/* YELLOW */

.module-yellow {

   padding: 0 5px 0 5px;
   margin: 0;
   background: #FFFFFF url(../images/rtc_right_menubuffer_yellow.gif) top right;
   color: #333;
   }

.module-yellow  H3 {
   width: auto;
   display: block;
   position: relative;;
   font-size: 1em;
   padding: 0;
   margin: 0 0 0 0;
   color: #FFFFFF;
   font-weight: bold;
     }

.module-header-yellow  {
  display: block;
  position: relative;
 height: 25px;
  background: #FFFFFF url(../images/rtc_top_menubuffer_yellow.gif) no-repeat top right ;
  margin: 0 0 0 0;
  padding: 0;
     color: #333;
  }

.module-footer-yellow  {
  display: block;
   position: relative;

   height: 25px;
   margin: -2px 0 .5em  0;
   padding: 0;
   background: #FFFFFF url(../images/rtc_bottom_menubuffer_yellow.gif) no-repeat bottom right ;
   }
.module-yellow a {
     color: #ffffff;
     border-bottom: 0;
     font-weight: bold;
     text-decoration: underline;
}

.module-randomstories H3 {
     width: 100%;
     position: relative;
    color: #666666;
    background: #dddddd;
    font-weight: bold;
    font-size: 1em;
    padding: .1em;
    }


.module-top {
   position: relative;
   width: Auto;
   background: #F4F4F4;
   font-size: 1em;
   font-weight: normal;
   padding: 1em;
   color: #666666;
   border: 1px solid;
   margin: 1em 0 0 0;
   border: 0;
   }

.module-top H3 {
 	width: auto;
   display: block;
   background: #DDE7E8;
   font-size: 1em;
   padding: 0 0 0 1em;
	margin: 0 0 1em -1em;
   color: #003366;
   font-weight: bold;
   }

.module {
   color: #FFFFFF;
   padding: 0 10px 0 5px;
   margin: 0;
   background: #FFFFFF url(../images/rtc_right_menubuffer_blue.gif) top right;
   }

   .module a {
     color: #ffffff;
     border-bottom: 0;
     text-decoration: underline;
     }

.module H3 {
   width: auto;
   display: block;
   position: relative;;
   font-size: 1em;
   padding: 0;
   margin: 0 0 0 0;
   color: #FFFFFF;
   font-weight: bold;
     }

.module-header {
  display: block;
  position: relative;
 height: 25px;
  background: #FFFFFF url(../images/rtc_top_menubuffer_blue.gif) no-repeat top right ;
  margin: 0 0 0 0;
  padding: 0;
  }

.module-footer {
  display: block;
   position: relative;
   height: 25px;
   margin: -2px 0 .5em 0;
   padding: 0;
   background: #FFFFFF url(../images/rtc_bottom_menubuffer_blue.gif) no-repeat bottom right ;
   }

.module-highlight {
   margin: 0 0px 0 0;
   padding: 0 1em 1em 0;
   background: #DDE7E8;
   padding: 1em;
   border-left: 1px solid #666666;
   }
.search-form {
   margin: -0;
   padding: 0;
   border: 0;
   }

input.searchbox {
   margin: 0 0 0 1em;
   padding: 0 0 0 0;
   font-family: Verdana, Arial, Helvetica, sans-serif;
	font-style: normal;
	font-weight: bold;
	font-size: .8em;
	color: #666666;
   background: #F4F4F4;
   width: 65%;
   height: 1.5em;
   border: 1px solid #999;

   }

 .searchbutton {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-style: normal;
	font-weight: bold;
	font-size: .8em;
	color: #cccccc;
	border-style: solid;
	padding: 0;
	margin: 0 3px 0 3px;
	height: 18px;
	width: Auto;
	border: 1px solid #999;
	background: #727C78;
   }







/* ====================================================================
   NAVIGATION
   These classes are used to style the various menus and navigation
   elements, which are rendered using unordered lists. Each menu is
   exposed to the class_suffix parameter for custom menu styling.
   ==================================================================== */
.pathway {
  width: 730px;
  text-align: left;
  margin-top: 0;
  margin: 0;
  margin-right: 0;
  margin-left: 2px;
  background: #668134;
  color: #fff;
}

.pathway-separator {
    color: #FFFFFF;
    }

.photo-header {
  margin-top: -5em;
  z-index: 1;
  }

#nav-pathway ul {
   margin: 0;
   padding: 0;
   display: inline;
   list-style-type: none;

   }

#nav-pathway ul li { display: inline;
   }
a.pathway {
       color: #FFFFFF;
	   border-bottom: 0px dashed #003366;
	   }

a.pathway:visited {
       color: #FFFFFF;
	   border-bottom: 0px dashed #003366;
	}

#navigation-mainmenu
{
padding-left: 0;
margin:0;

width: 100%;

}

#navigation-mainmenu ul
{
 display:block;
   width: 90%;
}

#navigation-mainmenu  li
{
width: 100%;
background: none;
list-style: none;
margin: 0 0 0px 0px;
padding: .1em;
border-top: 0px solid #ffffff;
}

#navigation-mainmenu  li a {
  display: block;
  width: 100%;
  color: #FFFFFF;
  text-decoration: none;
  font-weight: bold;
  padding: 0 0 0 4px;
  border-top: 0px solid #999999;
  border-left: 0px solid #999999;
   border-bottom: 0px solid #666666;
   border-right:0px solid #666666;
  }

 #navigation-purple
{
padding-left: 0;
margin:0 0 0 0;
border-bottom: 0px solid gray;
width: 100%;

}

#navigation-purple ul
{
 display:block;
   width: 90%;
}

#navigation-purple  li
{
width: 100%;
background: none;
list-style: none;
margin: 0 0 0px 0px;
padding: .1em;
border-top: 0px solid #ffffff;

}

#navigation-purple  li a {
  display: block;
  width: 100%;
  color: #FFFFFF;
  text-decoration: none;
  font-weight: bold;
  padding: 0 0 0 4px;
  border-top: 0px solid #999999;
  border-left: 0px solid #999999;
   border-bottom: 0px solid #666666;
   border-right:0px solid #666666;
  }



/* Used in conjuction with MyMenus component for top navigation */

#navigation-inset {
   position:relative;
   top: 0;
   margin: 0 0 0 0;
   padding: 0;
   height: 1.5em;
   background: none;
   text-align: right;
   }

#navigation-inset ul {
   display: block;
   border: 0;
   margin: 0 0 0 0;
   padding: 0;
   list-style-type: none;
   text-align: center;
   float: right;
   }

#navigation-inset ul li {
   width: auto;
   float: right;
   }

.main-body {
    background: #fff;
    }

.main-buffer {
    padding: 1em;
    }

.left-gutter {
  background: #fff url(../images/left_gutter.gif);
  width: 11px;
  }

.right-gutter {
  background: #fff url(../images/right_gutter.gif);
  width: 19px;
  }

.left-nav {
    padding-top: 1em;
    width: 120px;
    }

/* === SMART PAGES ===================================================
    Styles for com_smartpages
   ================================================================== */


 h1#smartpages-title {
 font-size: 1.5em;
 font-weight: bold;
 margin: 1em 0 0 0;
 }

 #smartpages-desc {
    display: block;
    width: 100%;
    position: relative;
   margin: 2em 0 0 0;
 }


#smartpages-search {
    display: block;
    width: 100%;
    position: relative;
    text-align: right;
    }

#smartpages-listing h1 {
 font-size: 1.5em;
 font-weight: bold;
 margin: 1em 0 1em 0;
}
#smartpages-categories {
width: 100%;
position: relative;
display: block;
margin: 1em 0 2em 0;

}

.smartpages-listing {
 margin: 1em 0 1.5em 0;
}

.smartpages-level0 {
   padding: .5em 0 .5em 0;
}

.smartpages-column1 {
    display: block;
    position: relative;
    float: left;
    width: 45%;
    }

.smartpages-column2 {
    display: block;
    position: relative;
    float: right;
    width: 45%;
    }

#smartpages-contactinfo {
    width: auto;
    background: #F4F4F4;
    padding: 1em;
    margin: 1em 0 1em 0;
}

#smartpages-notes {
    width: auto;
    background: #F4F4F4;
    padding: 1em;
    margin: 1em 0 1em 0;
}

.smartpages-attribute {
 width: 100%;
 display: block;
 position: relative;
 text-align: left;

}

.smartpages-header {
 width: 100%;
 display: block;
 position: relative;
 text-align: left;
 font-size: 1.2em;
 font-weight: bold;
 margin-bottom: -.5em;

}
.smartpages-param {
 font-weight: bold;
}

.smartpages-inputbox {
   font-family: Verdana, Arial, Helvetica, sans-serif;
    font-style: normal;
    font-weight: bold;
    font-size: .8em;
    color: #666666;
   background: #F4F4F4;
   width: 40%;
   height: 1.5em;
   border: 1px solid #999;
   margin: 0;
   }

.smartpages-randomstory {
margin: 1em 0 2em 0;
}


/* === SMART PAGES ===================================================
    Styles for com_smartpages
   ================================================================== */


 h1#resources-title {
 font-size: 1.5em;
 font-weight: bold;
 margin: 1em 0 0 0;
 }

 #resources-desc {
    display: block;
    width: 100%;
    position: relative;
   margin: 2em 0 0 0;
 }


#resources-search {
    display: block;
    width: 100%;
    position: relative;
    text-align: right;
    }

#resources-listing h1 {
 font-size: 1.5em;
 font-weight: bold;
 margin: 1em 0 1em 0;
}
#resources-categories {
width: 100%;
position: relative;
display: block;
margin: 1em 0 2em 0;

}

.resources-listing {
 margin: 1em 0 1.5em 0;
}

.resources-level0 {
   padding: .5em 0 .5em 0;
}

.resources-column1 {
    display: block;
    position: relative;
    float: left;
    width: 45%;
    }

.resources-column2 {
    display: block;
    position: relative;
    float: right;
    width: 45%;
    }

#resources-contactinfo {
    width: auto;
    background: #F4F4F4;
    padding: 1em;
    margin: 1em 0 1em 0;
}

#resources-notes {
    width: auto;
    background: #F4F4F4;
    padding: 1em;
    margin: 1em 0 1em 0;
}

.resources-attribute {
 width: 100%;
 display: block;
 position: relative;
 text-align: left;

}

.resources-header {
 width: 100%;
 display: block;
 position: relative;
 text-align: left;
 font-size: 1.2em;
 font-weight: bold;
 margin-bottom: -.5em;

}
.resources-param {
 font-weight: bold;
}

.resources-inputbox {
   font-family: Verdana, Arial, Helvetica, sans-serif;
    font-style: normal;
    font-weight: bold;
    font-size: .8em;
    color: #666666;
   background: #F4F4F4;
   width: 40%;
   height: 1.5em;
   border: 1px solid #999;
   margin: 0;
   }

.resources-randomstory {
margin: 1em 0 2em 0;
}

.inline-header {
  background: #ccc;
  color: #666;
      font-weight: bold;
    font-size: 1em;

}
.select-header {
    font-weight: bold;

}

#active_menu {
 color: #ff9900;
}