/* Pane layout.  Most text styles are defined in skin.css, and may be overridden here if necessary. */

#pagebody { background:  url(images/pagebodyhome_bg.jpg) top left repeat-y; margin:  0; padding:  0;  }

/* Left, Right, and Center Content Panes */
#leftArea, #rightArea, #contentArea { width: 295px; top:  0; padding:  0; border:  none; clear:  none; font-size:  100%; float:  left; padding: 0; margin:  10px 14px; overflow:  hidden; display:  inline; }
#leftArea h3, #rightArea h3, #contentArea h3 { text-align:  left; color:  #000; font-weight:  bold; font-style:  italic; font-size:  100%; margin:  0 0 10px 0; width:  295px; }
#contentArea ul { text-align:  left; list-style:  none; margin: 0 0 15px 76px; padding: 0; font-size:  100%; }
#contentArea ul li { text-align:  left; list-style:  none; line-height:  1.4em; margin: 0; padding:  0; font-size:  100%; }

#leftArea ul { text-align:  left; list-style:  none; margin: 0 0 15px 76px; padding: 0; font-size:  100%; }
#leftArea ul li { text-align:  left; list-style:  none; line-height:  1.4em; margin: 0; padding:  0; font-size:  100%; }
#leftArea ol { text-align:  left; list-style:  none; margin: 0 0 15px 130px; padding: 0; font-size:  100%; }
#leftArea ol li { text-align:  left; list-style:  none; line-height:  2.0em; margin: 0; padding:  0; font-size:  100%; }

#leftArea div.borderless-container, #rightArea div.imgl-container, #rightArea div.imgr-container, #leftArea div.hairline-container, #rightArea div.imglborder-container, #rightArea div.imgrborder-container { width:  295px; }

/* Container Titles */
#contentArea .container-title, #leftArea .container-title, #rightArea .container-title { margin: 10px 0; width: 295px; text-align:  left; color:  #000; font-size:  125%; padding:  0; }