/*------------------------------------------------------------
   GLOBAL
------------------------------------------------------------*/
body
{
   /* background-color: #b69e7e; */
   background-color: #aba99c;
   text-align: center;
}

.page
{
   background-image: url(../graphics/page_back.gif);
   background-repeat: repeat-y;
   background-color: #fff;
   margin: 0 auto;
   width: 850px;
}

a:link { color: #006; }
a:active { color: #ccc; }
a:visited { color: #006; }
a:hover { color: #999; }

/*------------------------------------------------------------
   Header
------------------------------------------------------------*/
.header
{ 
   margin: 0px;
   padding: 0px;
}

.header .shadow-ul
{
   background-image: url(../graphics/shadow_ul.gif);
   width: 25px;
   height: 135px;
   float: left;
}

.header .logo
{ 
   width: 184px;
   float: left;
}

.header .mission
{ 
   width: 616px;
   float: left;
}

.header .shadow-ur
{ 
   background-image: url(../graphics/shadow_ur.gif);
   width: 25px;
   height: 135px;
   float: left;
}

.banner
{
   margin: 0px;
   padding: 0px;
   width: 850px;
   height: 219px;
   text-align: center;
   clear: both;
}

/*------------------------------------------------------------
   Content
------------------------------------------------------------*/
.content
{
   margin: 0px 0px 0px 25px;
   padding: 0px;
}

.content .nav
{
   margin-top: 20px;
   width: 184px;
   float: left;
}

.content .nav ul
{
   font-family: arial, helvetica, verdana, sans-serif;
   font-size: 11px;
   font-weight: normal;
   line-height: 26px;
   list-style-type: none;
   text-align: right;
   margin: 0px;
   padding: 0px;
}

.content .nav li
{
   margin: 0px;
   border-bottom: dashed 1px #b3bab1;
}

.content .nav a
{
   display: block;
   padding-right: 17px;
   text-decoration: none;
   color: #993333;
}

/* Parent Menu */
.content .nav .parent a:link, .content .nav .parent a:visited { color: #993333; }
.content .nav .parent a:hover, .content .nav .parent a:active { background-color: #006a46; color: #fff; }

/* Parent Selected */
.content .nav .parent-sel a:link, .content .nav .parent-sel a:visited { background-color: #006a46; color: #fff; font-weight: bold; }
.content .nav .parent-sel a:hover, .content .nav .parent-sel a:active { background-color: #006a46; color: #fff; font-weight: bold; }

/* Child Menu */
.content .nav .child a:link, .content .nav .child a:visited { background-color: #bbc8b1; color: #555; font-weight: normal; padding-right: 17px; }
.content .nav .child a:hover, .content .nav .child a:active { background-color: #b3bda7; color: #fff; font-weight: normal; padding-right: 17px; }

/* Child Selected */
.content .nav .child-sel a:link, .content .nav .child-sel a:visited { background-color: #b3bda7; color: #fff; font-weight: bold; padding-right: 17px; }
.content .nav .child-sel a:hover, .content .nav .child-sel a:active { background-color: #b3bda7; color: #fff; font-weight: bold; padding-right: 17px; }


.content .text
{
   background-color: #edeadd;

   font-family: arial, verdana, helvetica, sans-serif;
   font-size: 12px;
   text-align: left;
   color: #333;

   margin: 25px 25px 0px 25px;
   width: 560px;
   float: left;
}

.content .text p, .content .text ul, .content .text ol
{
   line-height: 150%;
}

.content .text h1
{
   font-family: georgia, times, times new roman, palatino, serif;
   font-size: 16px;
   margin: 0px 0px 16px 0px;
   color: #663366;
}

.content .text h2
{
   font-family: georgia, times, times new roman, palatino, serif;
   font-size: 14px;
   padding-top: 6px;
   margin: 0px 0px 14px 0px;
   color: #663366;
}

.content .text .title
{
   font-family: georgia, times, times new roman, palatino, serif;
   font-size: 16px;
   font-weight: bold;
   color: #663366;
}

.content .text .subtitle
{
   font-family: georgia, times, times new roman, palatino, serif;
   font-size: 14px;
   font-weight: bold;
   color: #663366;
}

/*------------------------------------------------------------
   Tables
------------------------------------------------------------*/
.content .table1, .content .table2, .content .table3, .content .table4
{
   border-collapse: collapse;
   margin-left: 0px;
}

.content .table1
{
   border-top: solid 1px #c3c8b9;
   border-right: solid 1px #c3c8b9;
}

.content .table2
{
   border-top: solid 1px #c3c8b9;
}

.content .table3
{
   border-top: solid 1px #c3c8b9;
   border-right: solid 1px #c3c8b9;
   border-bottom: solid 1px #c3c8b9;
}

.content .table4
{
}

.content .table1 th, .content .table2 th, .content .table3 th, .content .table4 th
{
   font-family: verdana, arial, helvetica, sans-serif;
   font-size: 10px;
   font-weight: bold;
   text-align: left;
   /* text-transform: uppercase; */
}

.content .table1 th
{
   padding: 3px 2px 3px 4px;
   color: #fff;
   background-color: #006a46;
   border-top: solid 1px #006a46;
   border-right: solid 1px #006a46;
}

.content .table2 th
{
   padding: 3px 2px 3px 4px;
   color: #fff;
   border-top: solid 1px #006a46;
   background-color: #006a46;
}

.content .table3 th
{
   padding: 3px 2px 3px 4px;
   color: #663366;
   border-left: solid 1px #c3c8b9;
   border-bottom: solid 1px #c3c8b9;
}

.content .table4 th
{
   padding: 0px 0px 3px 0px;
   color: #663366;
}


.content .table1 td, .content .table2 td, .content .table3 td, .content .table4 td
{
   font-family: arial, "arial narrow", helvetica, verdana, sans-serif;
   font-size: 11px;
   font-weight: normal;
   color: #333;
}

.content .table1 td
{
   padding: 3px 2px 3px 3px;
   border-left: solid 1px #c3c8b9;
   border-bottom: solid 1px #c3c8b9;
}

.content .table2 td
{
   padding: 3px 2px 3px 3px;
   border-bottom: solid 1px #c3c8b9;
}


.content .table3 td
{
   padding: 3px 2px 3px 3px;
   border-left: solid 1px #c3c8b9;
}

.content .table4 td
{
   padding: 3px 0px 3px 0px;
}

/*------------------------------------------------------------
   Content Type - Gallery
------------------------------------------------------------*/
.gallery
{
   border: 0px;
   margin: 0px;
   padding: 0px;
}

.gallery .thumbMatte
{
   padding: 5px;
   background-color: #e2e1d4;
   border: solid 1px #b3bab1;
   margin-bottom: 6px;
}

.gallery .largeMatte
{
   padding: 5px;
   background-color: #e2e1d4;
   border: solid 1px #b3bab1;
   margin: 6px 0px 6px 0px;
}

.gallery td
{
   font-family: arial, "arial narrow", helvetica, verdana, sans-serif;
   font-size: 12px;
   font-weight: normal;
   color: #333;
}

/*------------------------------------------------------------
   Forms
------------------------------------------------------------*/
form
{
   margin: 0px;
   padding: 0px;
}

input, textarea
{
   font-family: arial, verdana, helvetica, sans-serif;
   font-size: 12px;
}

.button
{
   font-family: arial, verdana, helvetica, sans-serif;
   font-size: 12px;
}

/*------------------------------------------------------------
   Footer
------------------------------------------------------------*/
.footer
{
   margin: 0px;
   padding: 0px;
   clear: both;
}

.footer .shadow-ll
{
   background-image: url(../graphics/shadow_ll.gif);
   width: 25px;
   height: 79px;
   float: left;
}

.footer .text
{
   background-image: url(../graphics/footer.gif);

   font-family: arial, verdana, helvetica, sans-serif;
   font-size: 12px;
   font-style: italic;
   text-align: left;
   color: #666;

   width: 800px;
   height: 79px;
   float: left;
}

.footer .text p
{
   margin: 33px 0px 0px 209px;
}

.footer .shadow-lr
{
   background-image: url(../graphics/shadow_lr.gif);
   width: 25px;
   height: 79px;
   float: left;
}

/*------------------------------------------------------------
   MakeTree
------------------------------------------------------------*/
/*.content .text ul.noindent
{
   font-family: arial, verdana, helvetica, sans-serif;
   font-size: 12px;
   text-align: left;
   list-style-type: none;
   margin-left: 0em;
   padding-left: 0em;
   line-height: 150%;
   color: #663366;*/


/* Turn off list bullets */
ul.mktree li { list-style: none; color: #663366; } 
/* Control how "spaced out" the tree is */
ul.mktree, ul.mktree ul , ul.mktree li { margin-left:10px; padding:0px; }
/* Provide space for our own "bullet" inside the LI */
ul.mktree li .bullet { padding-left: 15px; }
/* Show "bullets" in the links, depending on the class of the LI that the link's in */
ul.mktree li.liOpen .bullet { cursor: pointer; background: url(../images/minus.gif)  center left no-repeat; }
ul.mktree li.liClosed .bullet { cursor: pointer; background: url(../images/plus.gif)   center left no-repeat; }
ul.mktree li.liBullet .bullet { cursor: default; background: url(../images/bullet.gif) center left no-repeat; }
/* Sublists are visible or not based on class of parent LI */
ul.mktree li.liOpen ul { display: block; }
ul.mktree li.liClosed ul { display: none; }