/* RESET and STUFF         */
* {margin:0;padding:0;}
dd,h1,h2,h3,h4,h5,h6, h9, p {padding:10px 15px;}
dt {padding:10px 15px 0 15px;}
#doc * ul,#doc * ol {padding-left:45px;padding-right:20px;}
#doc * * ul,#doc * * ol {padding-left:30px;}
img {border:none;vertical-align:bottom;}

/* FONT-FAMILY             */
#hd,#ft,h2,h3,h4, h1 {font-family:Georgia,"Times New Roman",Times, serif;} 
a:link {
 color: #596237;
 text-decoration: none;
}

a:hover {
 color: #596237;
 text-decoration: underline;
}

/* ELEMENTS                */
body {
 font-family:Arial, Helvetica, sans-serif;
 color:#002f2f;
 background:#fff;
 background-image: url(background.gif);
}
a {text-decoration:none;color:#596237;}
code {font-family:"Courier New", Courier, monospace;font-size:medium;*font-size:small;color:#36f;}

/* HEADINGS                */
h2 {font-weight:normal;font-size:1em;}
h3,h4,h5,h6 {font-weight:normal;font-size:1.1em;}
h3 {margin-top:10px;}
h4 {padding-bottom:0;font-size:.9em;font-weight:bold;}
/* the background-color is hiding the borders of #bd and #doc - we could use margin, but because of IE rounding errors it would not be consistent */
#bd h2 {background:#CCCC99;border-bottom:1px solid #336633; *border-bottom 1px solid #336633;}
#s2 h2 {color: #ffffff;}
#s3 h2 {text-align: right; padding-right: 10px;}

/* VERTICAL PADDING on main sections */
#ft {padding:5px 0;}
body,#s1,#s2,#s3 {padding-bottom:20px;}
/* HEADER                  */
#hd {background: #ffffff; border-top: 7px solid #CCCC99;}

/* SECTION 1               */
#doc #s1 .pFL_CENTER {text-align:left;}
#s1 img {margin:10px auto;display:block;}
#s1 {background: #B6C684; z-index: 100;}


/* SECTION 2               */
#s2 h1 {text-align: center; font-family: dauphin, georgia, times new roman; font-size: 3em; color: #B6C684;}
h1 {text-align: center; font-family: dauphin, georgia, times new roman; font-size: 3em; color: #B6C684;}

/* SECTION 3               */
#s3 {background: #B6C684;}
#s3 form {text-align:center;}
#s3 pre {color:#36f;margin-left:15px;}
#s3 pre span {color:#999;}
#s3 h3 {margin-top:0;}

/* FOOTER                  */
#ft {font-size: small;}
#ft p {text-align: center;}

/***************************/
/*  MISCELLANEOUS          */
/***************************/

/* add/remove content DIVs */
#ps1, #ps3 {float:left;margin:7px;padding:1px;border:1px dotted #999;background:#ffc;}
#ps2 {margin:15px;padding:10px;border:1px dotted #999;background:#cccc99;}

#ps1 {margin-top: 50px; font-family: georgia, times new roman;}
#ps1 img {border: 2px solid #596237;}

#ps1 p {text-indent: 20px; font-size: small;}
#ps1 h4 {text-align: right; font-size: small;}

/* for IE 5                */
body {text-align:center;}
#wp {text-align:left;}

/***************************/
/*  FOR ALL SIX LAYOUTS    */
/***************************/
#wp {text-align:left;}
#wp,#bd {margin:0;padding:0;}
#wp {margin:0 auto;list-style:none;}

/* we treat the LI that contains the UL with the three colums as a table */
#bd {display:table;table-layout:fixed;}
#doc {display:table-row;}
#s1,#s2,#s3 {display:table-cell;}

/* for IE, we use "inline" + "hasLayout" + "width" and "vertical-align" */
#s1,#s2,#s3,{display:inline;zoom:1;vertical-align:top;}

/* BORDERS:
check the "IE only" section to see how we create the borders in IE  */


/***************************/
/* FL_3C FLUID 3 COLUMNS   */
/***************************/
#FL_3C #wp,{margin:0 -3px;}
/* WIDTHS:
values must add up (100% = 20% + 60% + 20%) */
#FL_3C #wp,
#FL_3C #hd,
#FL_3C #bd,
#FL_3C #ft {width:100%;}
#FL_3C #s1 {width:15%;}
#FL_3C #s2 {width:60%;}
#FL_3C #s3 {width:25%;}
/* IE only:
trick to create the background columns or borders */
#FL_3C #bd,#FL_3C #s1,#FL_3C #s2,#FL_3C #s3,{position:relative;}
#FL_3C #bd,{width:80%;}/* = s1 + s2 */
#FL_3C #doc,{width:25%;}/* 25% of 80% is 20% (= s1) */
#FL_3C #s1,{width:100%;}/* = doc x 4 */
#FL_3C #s2,{width:300%;}/* = doc x 8 */
#FL_3C #s2,{margin-right:-300%;}/* = s2 */
#FL_3C #s3,{width:100%;}/* = doc x 4 */
#FL_3C #s3,{margin-right:-300%;right:-300%;}/* = width of #s2 */
/***************************/
/* FL_CENTER FLUID CENTER  */
/***************************/
#FL_CENTER #wp,{margin:0 -3px;}
/* removing vertical borders that will be created at the same time we set background colors */
#FL_CENTER #s1,
#FL_CENTER #s3,
#FL_CENTER #bd,
#FL_CENTER #doc,{border:0;}
/* layout stuff for good browsers */
#FL_CENTER #wp,
#FL_CENTER #hd,
#FL_CENTER #bd,
#FL_CENTER #ft {width:100%;}
#FL_CENTER #s1 {width:200px;}
#FL_CENTER #s2 {width:auto;}
#FL_CENTER #s3 {width:200px;}
/* layout stuff IE 7 */
#FL_CENTER #s1,{margin-right:-200px;}
#FL_CENTER #s2,{margin:0 200px;}
#FL_CENTER #s3,{margin-left:-200px;}
/* IE lt 7 gets nothing fancy, all "%" */
#FL_CENTER #s1,#FL_CENTER #s2,#FL_CENTER #s3{_margin:0;}
#FL_CENTER #s1 {_width:20%;}
#FL_CENTER #s2 {_width:60%;}
#FL_CENTER #s3 {_width:20%;}
/* background for decent browsers */
#FL_CENTER #s1 {background:#fff2f2;}
#FL_CENTER #s2 {background:#f0f0ff;}
#FL_CENTER #s3 {background:#ffffec;}
/* background for IE 6 and 7 using the "i" and "b" elements plugged in the "main" LI */
/* without this, these elements would make three equal width columns */
.col4ie {display:none;}
.col4ie,{display:inline;}
/* will paint the background for the "middle" column */
#FL_CENTER #bd,{background:#f0f0ff;}
#FL_CENTER #bd,{background-color:#f0f0ff;position:relative;z-index:0;overflow:hidden;}
/* background none because of rounding error that makes these elements slightly wider depending on width of viewport. We also need to make sure they are not hidden by the "i" and "b" elements used for background */
#FL_CENTER #s1,#FL_CENTER #s3,{background:none;position:relative;z-index:1;}
#FL_CENTER b.col4ie,
#FL_CENTER i.col4ie,{position:absolute;z-index:1;bottom:0;height:2000em;width:200px;_width:20%;}
#FL_CENTER b.col4ie,{left:0;background:#fff2f2;border-right:1px dotted #555;_border-right:1px solid #ccc;}
#FL_CENTER i.col4ie,{right:0;background:#ffffec;border-left:1px dotted #555;_border-left:1px solid #ccc;}
/* KIM's colors */
#FL_CENTER #s1 ul {border-color:#f4bdbd;}
#FL_CENTER #s1 ul li {background:#ffe6e6;border-color:#f6c8c8;}
#FL_CENTER #s1 li a {color:#a36d6d;border-color:#fff;}
#FL_CENTER #s1 a:hover,
#FL_CENTER #s1 a:active,
#FL_CENTER #s1 a:focus {background:#faeded;color:#000;}
/***************************/
/* MIN and MAX WIDTHS      */
/***************************/
#FL_3C .FL_3C-minMax #wp,
#FL_3C .FL_3C-minMax #hd,
#FL_3C .FL_3C-minMax #ft {min-width:800px;max-width:1200px;}
/* Avoiding BREAKAGE:
if content is larger than its container, container would expand, breaking the layout in IE lte 6 */
#bd {_word-wrap:break-word;}
#s1,#s2,#s3 {_overflow-x:hidden;}
/* containing float in header/footer (the width does it for IE) */
#hd,#ft {overflow:hidden;*overflow:visible;}
/***************************/
/* ieMAC - no fluid layout */
/***************************/
/* We use "float" and "inline-block". Then we need to overwrite rules set using the "comma" hack */
/*\*//*/ 
* html #hd,* html #bd,* html #ft {display:inline-block;}
* html #s1,* html #s2,* html #s3 {float:left;display:inline-block;position:static;}
* html #ft {clear:both;}
* html #ft p {overflow:visible;}
* html #FI_3C #wp,
* html #FI_3C #hd,
* html #FI_3C #bd,
* html #FI_3C #ft {width:800px;}
* html #FI_3C #s1 {width:210px;}
* html #FI_3C #s2 {width:400px;margin-right:0;}
* html #FI_3C #s3 {width:190px;margin-right:0;}
* html #EL_3C #wp,
* html #EL_3C #hd,
* html #EL_3C #bd,
* html #EL_3C #ft {width:55em;}
* html #EL_3C #s1 {width:12em;}
* html #EL_3C #s2 {width:29em;margin-right:0;}
* html #EL_3C #s3 {width:14em;margin-right:0;}
* html li.FL_3C-minMax,
* html li.FL_3C-100
* html li.FL_CENTER {display:none;}
/**/
/***************************/
/* ie8 fix for the links   */
/***************************/

/*/
#s1 a,#s3 a {position:relative;}
/**/


#float {
  float: left;
  margin: 5px;
  width: 111px;
  height: 180px;
  z-index: 1;
}

#float p {
 text-align: center;
 font-size: small;
 z-index: 1;
}

#float img {
  border: 2px solid #596237;
  wmode: transparent;
  z-index: 1;
}


#leftfloat {
  float: left;
  margin: 15px;
  margin-right: 5px;
  width: 100px;
  height: 100px;
  z-index: 1;
  border: 2px solid #596237;
}

#leftfloat p {
 text-align: center;
 font-size: small;
 z-index: 1;
}

#floaterbox {
text-align: center;
margin: 0 auto;
}

#spacer {
 clear: both;
}

/***************************/
/* dropdown navbar         */
/***************************/
.menu {
 margin: 10px;
 height: 100px;
 font-size: 9pt;
 font-family: georgia;
}

.menu ul {
 margin: 0pt;
 padding: 0pt;
 position: relative;
 z-index: 500;
 list-style-type: none;
 width: 10em; 
}

.menu li { 
 background-color: #ffffcc;
 float: left; 
 margin-left: -30px;
}

.menu li.sub {
 background-color: #ffffcc;
}

.menu table {
 position: absolute;
 border-collapse: collapse;
 top: 0pt; left: 0pt;
 z-index: 100;
 font-size: 1em;
 margin-top: -1px;
}

.menu a, .menu a:visited {
 border: 1px inset #666633;
 display: block;
 text-decoration: none;
 height: 2em;
 line-height: 2em;
 width: 10em;
 color: #003300;
 padding-left: 1em;
 font-weight: normal;
 font-style: normal;
 font-variant: normal;
 text-transform: none;
}

.menu b {
 float: right;
 margin-right: 5px; 
}

* html .menu a, * html .menu a:visited { width: 10em; }
* html .menu a:hover {
 border-color: #666600;
 color: #336600;
 background-color: #cccc99;
 position: relative;
 font-weight: normal;
 font-style: normal;
 font-variant: normal;
 text-decoration: none;
 text-transform: none;
}

.menu li:hover { position: relative; }

.menu a:active, .menu a:focus {
 border-color: #666600;
 color: #336600;
 background-color: #cccc99;
 font-weight: normal;
 font-style: normal;
 font-variant: normal;
 text-decoration: none;
 text-transform: none;
}

.menu li:hover > a {
 border-color: #666600;
 color: #336600;
 background-color: #cccc99;
 font-weight: normal;
 font-style: normal;
 font-variant: normal;
 text-decoration: none;
 text-transform: none;
}

.menu li ul {
 padding: 2em;
 visibility: hidden;
 position: absolute;
 top: -2em;
 left: 6em;
 background-color: transparent; 
}

.menu li:hover > ul { visibility: visible; }
.menu ul a:hover ul ul { visibility: hidden; }
.menu ul a:hover ul a:hover ul ul { visibility: hidden; }
.menu ul a:hover ul a:hover ul a:hover ul ul { visibility: hidden; }
.menu ul a:hover ul { visibility: visible; }
.menu ul a:hover ul a:hover ul { visibility: visible; }
.menu ul a:hover ul a:hover ul a:hover ul { visibility: visible; }
.menu ul a:hover ul a:hover ul a:hover ul a:hover ul { visibility: visible; }

#boxbox {
  width: 754px;
  padding-top: 50px;
  margin: auto;
  position: relative;
  overflow: auto;
}


#introbox {
  width: 750px;
  margin-top: 50px;
  margin: auto;
  background: #B6C684;
  position: relative;
  padding: 2px;
  overflow: visible;
}

#ir {text-align:left; width: 750px;}

div.sidelink {
 width: 106px;
 height: 315px;
 float: left;
 margin-left: 10px;
}

h5 {font-family:Georgia,"Times New Roman",Times, serif;} 

h5 a:link {
 color: #002f2f;
 text-decoration: none;
}

h5 a:hover {
 text-decoration: underline;
}

#article p {
 text-indent: 25px;
}