#hg_title p, #g_footer p, #g_description p {
    margin: 0;
  }
  /*

  	-- -- -- -- -- -- --
  	Browser Fixes
  	-- -- -- -- -- -- --
  	
  	This file uses CSS filtering methods to fix various
  	layout bugs.

  	Each of the following three imported files is a 
  	separate, browser-specific CSS file that keeps all 
  	hacks out of the main style sheet.
  	
  	Over time, as supporting these browsers no longer
  	remains a priority, cleaning up the hacks is as
  	easy as deleting the @import statement below, or
  	simply no longer linking this file from the HTML.
  	
  */

  /* 
    fix ie6 "peekaboo bug" using the "holly hack". 
    Note, this style only gets applied to ie6
  */
  * html .wrapper {
    height: 0.1%;
  }

  /* 
   * IE5 mac - overrides the IE/Win hack 
   */

  /*\*//*/

  * html #threecolumn div {
  	height: auto;
  }

  /**/


  /* 
   * IE5/Win-specific CSS -ensures #container wraps all content on window resize
   */

  @media tty {
   i{content:"\";/*" "*/}} * html #container { height: 1%; } /*";}
  }/* */
  /* Styling for editable elements. Eventually, this will be part of the style. */
  .editable {
    border: 1px dashed blue;
  }
  
  #footer {
    clear: both;
  }
  
  /* Extra divs hidden by default. The custom CSS can override this though */
  #extraDiv1, #extraDiv2, #extraDiv3, #extraDiv4, #extraDiv5, #extraDiv6 {
    display: none;
  }
  
  a img,:link img,:visited img {border: none;}



  body {
    text-align: left;
    z-index: 0;
  }
  #container {
    width: 718px;
    height: 570px;
    text-align: left;
    margin: 0 auto;
  }
  #menu {    
    border: 1px solid orange;
 	height: 25px;
	margin-bottom: 5px;
	padding-top: 6px;
  }
.menu-item{
background-color: rgb(204, 0, 0);
padding: 3px;
margin-left: 2px;
color: rgb(255, 153, 0);
font-weight: 300;
}
.menu-item:hover,.menu-item-active{
color: rgb(204, 0, 0);
padding: 3px;
margin-left: 2px;
background-color: rgb(255, 153, 0);
font-weight: 300;
cursor: hand;
cursor: pointer;
}


  #main-content {
    margin-left: 10px;
    border: 2px dashed orange;
    float: left;
    height: 415px;
    width: 240px;
    padding: 5px;
    margin-bottom:2px
  }
  #sidebar {
    border: 2px dashed orange;
    text-align: justify;
    float: left;
    width: 240px;
    height: 415px;
    padding: 5px;
    margin-bottom:2px
  }
  #sidebar-alternate {
    margin-left: 30px;
    float: left;
    width: 160px;
    height: 415px;
    padding: 0px;
    margin-bottom:2px
  } 

.nice-button{
background-color: rgb(255, 153, 0);
border: 1px solid rgb(204, 0, 0);
color: rgb(204, 0, 0);
cursor: hand;
cursor: pointer;
}
.nice-textfield{
border: 1px solid orange;
}

#middle{
height: 430px;
}
  #footer {
    clear: both;
	text-align: right;
  }

.total-width{
    width:714px;
    border: 2px dashed orange;
    overflow: auto;
    float: left;
    height: 425px;
    margin-bottom:2px
}



  /** BEGIN CUSTOM SKIN **/
  /*

  	-- -- -- -- -- -- --
  	Base CSS
  	-- -- -- -- -- -- --
  	
  	This file simply removes default styling on most HTML elements in 
  	order to reduce the need to later override them.
  	
  */

  h1,h2,h3,h4,h5,h6,pre,code,p {font-size: 1em;}
  dl,li,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input {margin: 0; padding: 0;}
  a img,:link img,:visited img {border: none;}
  address {font-style: normal;}html {background:#eee;}
  body {background:#eee;font-family:'Verdana','Helvetica', 'Arial', sans-serif;font-size:0.85em;}
  a {color:#00c;text-decoration:underline !important;}
  a:visited {color:#551a8b;}
  b, strong {font-weight:bold;}
  blockquote {border-left:1px solid #ccc;margin:1em 3em;padding-left:1em;font-size:0.9em;}
  blockquote p {line-height:1.45em;}
  em {font-style:italic;}
  h1, h2, h3, h4, h5, h6 {font-weight:normal;margin:1.5em 0 0.5em 0;}
  h1 {font-size:2.25em;color:#666;margin:0;}
  h2 {font-size:1.5em;color:#333;}
  h3 {font-size:1.3em;}
  h4 {font-size:1.15em;}
  h5 {font-size:1em;}
  h6 {font-size:0.8em;}
  p, li {color:#000;line-height:1.75em;margin:0 0 1.5em 0;}
  blockquote p, table p, dd p, li p, #header p {margin-bottom:0.5em;}
  ul, ol {margin:1em 0; padding-left: 1.6em;}
  li {margin:0.25em 0;}
  ul li {list-style-type:disc;}
  ol li {list-style-type:decimal;}
  /*table {border:1px solid #ccc;border-width:1px 1px 0 1px;}
  table caption {display:block;font-style:italic;white-space:nowrap;margin:0.5em 1em;}
  table td, table th {padding:0.5em 1em;text-align:left;vertical-align:top;}
  table th {font-weight:bold;border-bottom:1px solid #999;}
  table td {border-bottom:1px solid #ddd;}*/



  #container {
  	padding: 5px 40px 2px 40px; 
  	border: 1px solid orange;
  	background:#fff;
  	margin:1em auto;
  }
  #footer {border-top:1px solid #ccc;}
  #header {border-bottom:1px solid #ccc;margin-bottom:2px;}
  #sidebar {font-size:1.0em;}
  #sidebar :first-child {margin-top:0;}
  #sidebar-alternate {font-size:1.0em;}
  #sidebar-alternate :first-child {margin-top:0;}
  #main-content {background:#fff;}
  #main-content h2:first-child {margin-top:0;}	

  @media print {
    html {background:#fff !important;}
    #container {border-width:0px !important;padding:0 !important;}
  }



  /* ie5win */
  @media tty { i{content:"\";/*" "*/}} * html #container { padding: 25px 0px 10px 10px; } /*";}
  }/* */

  /** END CUSTOM SKIN **/