/* $Id: layout-fixed.css,v 1.5 2008/09/14 10:39:32 johnalbin Exp $ */

/*
 * LAYOUT STYLES
 *
 * Define CSS classes to create a table-free, 3-column, 2-column, or single
 * column layout depending on whether blocks are enabled in the left or right
 * columns.
 *
 * This layout is based on the Border Politics Layout Method.
 *   http://drupal.org/node/201428
 *
 * Only CSS that affects the layout (positioning) of major elements should be
 * listed here.  Such as:
 *   display, position, float, clear, width, height, min-width, min-height
 *   margin, border, padding, overflow
 */


/** body **/
  body
  {
		font-size:62.5%;
  }

	h1 {
		/*font-size:2.4em;*/
		font-size: 21px;
                line-height: 21px;
                font-weight: bold;
		color: #CD3200;
	}

	h2 {
		/*font-size:2.4em;*/
		font-size: 13px;
                line-height: 16px;
                font-weight: bold;
		color: #666;
	}

	#content p, #content li {
		/*font-size: 1.4em;*/
		font-size: 13px;
		color:#666;
		line-height:150%;
	}
	
	li p {
		font-size:1em;
	}
	
	#content a {
		color:#cd3200;
	}

  #page,
  #closure-blocks
  {
    /*
     * If you want to make the page a fixed width and centered in the viewport,
     * this is the standards-compliant way to do that. See also the ie.css file
     * for the necessary IE5 hack to center a div.
     */
    margin-left: auto;
    margin-right: auto;
    width: 960px;
  }

  #page-inner
  {
  }

  #navigation-top,
  #navigation
  {
    position: absolute; /* Take the named anchors out of the doc flow    */
    left: -10000px;     /* and prevent any anchor styles from appearing. */
  }

  #skip-to-nav
  {
    float: right;
    margin: 0 !important;
    font-size: 0.8em;
  }

  #skip-to-nav a:link, #skip-to-nav a:visited
  {
    color: #fff; /* Same as background color of page */
  }

  #skip-to-nav a:hover
  {
    color: #000;
    text-decoration: none;
  }

  /* Alternatively, the skip-to-nav link can be completely hidden until a user tabs
     to the link. Un-comment the following CSS to use this technique. */
  /*
  #skip-to-nav a, #skip-to-nav a:hover, #skip-to-nav a:visited
  {
    position: absolute;
    left: 0;
    top: -500px;
    width: 1px;
    height: 1px;
    overflow: hidden;
  }

  #skip-to-nav a:active, #skip-to-nav a:focus
  {
    position: static;
    width: auto;
    height: auto;
  }
  */

/** header **/
  #header
  {
  }

  #header-inner
  {
  }

  #logo-title
  {
  }

  #logo
  {
    float: left;
  }

  #site-name
  {
  }

  #site-slogan
  {
  }

  #header-blocks
  {
    clear: both; /* Clear the logo */
  }

/** main (container for everything else) **/
  #main
  {
    position: relative;
  }

  #main-inner
  {
  }

/** content **/
  #content,
  .no-sidebars #content
  {
    float: left;
    width: 960px;
    margin-left: 0;
    margin-right: -960px; /* Negative value of #content's width + left margin. */
    padding: 0; /* DO NOT CHANGE. Add padding or margin to #content-inner. */
  }

  .sidebar-left #content
  {
    width: 688px;
    margin-left: 200px; /* The width of #sidebar-left. */
    margin-right: -888px; /* Negative value of #content's width + left margin. */
  }

  .sidebar-right #content
  {
    width: 760px;
    margin-left: 0;
    margin-right: -760px; /* Negative value of #content's width + left margin. */
  }

  .two-sidebars #content
  {
    width: 560px;
    margin-left: 200px; /* The width of #sidebar-left */
    margin-right: -760px; /* Negative value of #content's width + left margin. */
  }

  #content-inner
  {
    margin: 0;
    padding: 0px 20px 0 39px;
  }

/** navbar **/
  #navbar
  {
    float: left;
    width: 100%;
    margin-left: 0;
    margin-right: -100%; /* Negative value of #navbar's width + left margin. */
    padding: 0; /* DO NOT CHANGE. Add padding or margin to #navbar-inner. */
    /* The navbar can have any arbritrary height. We picked one
                      that is twice the line-height pluse 1em: 2 x 1.3 + 1 = 3.6
                      Set this to the same value as the margin-top below. */
  }

  .with-navbar #content,
  .with-navbar #sidebar-left,
  .with-navbar #sidebar-right
  {
    margin-top: 38px;
  }

  #navbar-inner .block
  {
		margin:0;
  }

  #search-box
  {
    width: 200px;
    margin-right: -200px; /* Negative value of #search-box's width. */
    float: left;
  }

  #primary
  {
    margin-left: 200px; /* Width of search-box */
  }

  #secondary
  {
    margin-left: 200px; /* Width of search-box */
  }

  #navbar ul /* Primary and secondary links */
  {
    margin: 0;
    text-align: left;
  }

  #navbar li /* A simple method to get navbar links to appear in one line. */
  {
    float: left;
    padding: 0 0;
  }

  /* There are many methods to get navbar links to appear in one line.
   * Here's an alternate method: */
  /*
  #navbar li
  {
    display: inline;
    padding: 0 10px 0 0;
  }
  */

/** sidebar-left **/
  #sidebar-left
  {
    float: left;
    width: 200px;
    margin-left: 0;
    margin-right: -200px; /* Negative value of #sidebar-left's width + left margin. */
    padding: 0; /* DO NOT CHANGE. Add padding or margin to #sidebar-left-inner. */
  }

  #sidebar-left-inner
  {
    margin: 0 20px 0 0;
    padding: 0;
  }

/** sidebar-right **/
  #sidebar-right
  {
    float: left;
    width: 200px;
    margin-left: 760px; /* Width of content + sidebar-left. */
    margin-right: -960px; /* Negative value of #sidebar-right's width + left margin. */
    padding: 0; /* DO NOT CHANGE. Add padding or margin to #sidebar-right-inner. */
  }

  #sidebar-right-inner
  {
    margin: 0 0 0 20px;
    padding: 0;
  }

/** footer **/
  #footer
  {
  }

  #footer-inner
  {
  }

/** closure **/
  #closure-blocks /* See also the #page declaration above that this div shares. */
  {
  }

/** Prevent overflowing content **/
  #header,
  #content,
  #navbar,
  #sidebar-left,
  #sidebar-right,
  #footer,
  #closure-blocks
  {
    overflow: visible;
    word-wrap: break-word; /* A very nice CSS3 property */
  }

  #navbar
  {
    overflow: hidden; /* May need to be removed if using a dynamic drop-down menu */
  }

  /* If a div.clear-block doesn't have any content after it, Firefox and Safari
     will mistakenly place several pixels worth of space between the bottom of
     the div and the bottom of the viewport. This fixes it. */
  #page { 
	width:888px;
	 } /* CSS3 property */

	/* $Id: nice_menus_default.css,v 1.6 2007/10/29 16:38:28 add1sun Exp $ */
	/*
	  This is the default layout template for nice menus, and will provide
	  a starting point for the look of your menus. To customize, it's
	  recommended to create a custom CSS file using this file as a template,
	  then configure the module to use your custom CSS file
	  (this is done in the global settings tab of the theme administration.)

	  To help understand the CSS, the HTML looks like this, where
	    x is a number;
	    TYPE is down/left/right;
	    PATH is the menu path such as node/343;
	    MID is the menu id such as 33):
	  <ul id='nice-menu-x' class='nice-menu nice-menu-TYPE'>
	    <li id='menu-MID' class='menu-path-PATH'><a href='#'>This is a menu item</a></li>
	    <li class='menuparent menu-path-PATH'><a href='#'>A submenu</a>
	      <ul...><li...>...</li>
	      </ul>
	    </li>
	    ...
	  </ul>

	  If you have more than one nice-menu and want to target a particular one,
	  use its id (e.g. ul#nice-menu-2).

	  See README.txt and the handbook page (http://drupal.org/node/185543)
	  for some CSS customization examples.
	*/

	/******************************
	 Global CSS for ALL menu types
	******************************/

	ul.nice-menu,
	ul.nice-menu ul {
	  list-style: none;
	  padding: 0;
	  margin: 0;
	  border-top: none;
	}

	ul.nice-menu li {
	  border: none;
	  border-top: 0;
	  float: left;
	  background-color: #669933;
	  /* Additional overrides to deal with Garland theme. */
	  margin: 0;
	  padding-left: 0;
	  background-image: none;
	}

	/* Overrides for Garland header. */
	#header-region ul.nice-menu li {
	  margin: 0;
	  /* Padding rules are needed to deal with Garland's header line-height. */
	  padding-top: 0.1em;
	  padding-bottom: 0.1em;
	  background: #eee;
	}

	ul.nice-menu a {
	  /*padding: 4px 20px 3px 20px !important;*/
              padding: 4px 24px 3px 24px !important;
		font-size: 13px;
		text-decoration:none;
		text-transform:uppercase;
		color:#fff;
		font-family: Arial, "MS Trebuchet", sans-serif;
	}

/*for IE6 only*/
	/** html ul.nice-menu a {*/
	/*  padding: 4px 20px 3px 17px !important;*/
	/*}*/
	
        li.nice_last_item a
        {
              /*margin-left: 1px;*/
              /*padding-right: 2px;*/
              /*margin-top: 20px;*/
        }

/*for IE6 only*/        
        /** html li.nice_last_item a*/
        /*{*/
        /*      margin-left: 4px;*/
        /*      margin-right: 3px;*/
        /*      /*margin-top: 20px;*/*/
        /*}*/

	ul.nice-menu li li a {
		padding-left:10px !important;
	}

	ul.nice-menu ul,
	/* Repeat for Garland header. */
	#header-region ul.nice-menu ul {
	  top: 23px;
	  /*left: -1px;*/
	  border: 0;
	  	}
		ul.nice-menu li a.active, ul.nice-menu li a:hover {
			background-color:#99cc66;
                        /*border-right: 1px solid #99cc66;*/
                            /*margin-left: 0px;*/
                            /*padding: 0px;*/
                        /*margin-right: 1px;*/
		}
	
	ul.nice-menu-down .menuparent a {
	  /*margin-right: 1px;*/
/*margin-left: -2px;*/
/*padding: 0px;*/
	}

	ul.nice-menu ul li,
	/* Repeat for Garland header. */
	#header-region ul.nice-menu ul li {
		border-top:solid 1px #fff;
	}

	/* Override for Garland header. */
	#header-region ul.nice-menu ul {
	  top: 1.7em;
	}

	ul.nice-menu ul {
	width: 250px;
		z-index:550;
	}

	ul.nice-menu ul li {
	  	width:100%;
		white-space: nowrap;
	}

	/******************************
	 VERTICAL (left/right) menus
	******************************/

	/* This is the default width of all vertical menus. */
	ul.nice-menu-right, ul.nice-menu-left,
	ul.nice-menu-right li, ul.nice-menu-left li {
	  width: 12.5em;
	}

	/* VERTICAL menus where submenus pop RIGHT (default). */
	ul.nice-menu-right ul {
	  width: 12.5em;
	  left: 12.5em;
	  top: -1px;
	}

	ul.nice-menu-right ul ul {
	  width: 12.5em;
	  left: 12.5em;
	  top: -1px;
	}

	ul.nice-menu-right li.menuparent,
	ul.nice-menu-right li li.menuparent {
	  background: #eee url(arrow-right.png) right center no-repeat;
	}

	ul.nice-menu-right li.menuparent:hover,
	ul.nice-menu-right li.over,
	ul.nice-menu-right li:hover
	ul.nice-menu-right li li.menuparent:hover,
	ul.nice-menu-right li li.over {
	  background: #99cc66 url(arrow-right.png) right center no-repeat;
	}

	/* VERTICAL menus where submenus pop LEFT. */
	ul.nice-menu-left li ul {
	  width: 12.5em;
	  left: -12.65em;
	  top: -1px;
	}

	ul.nice-menu-left li ul li ul {
	  width: 12.5em;
	  left: -12.65em;
	  top: -1px;
	}

	ul.nice-menu-left li.menuparent,
	ul.nice-menu-left li li.menuparent {
	  background: #eee url(arrow-left.png) left center no-repeat;
	}

	ul.nice-menu-left li.menuparent:hover,
	ul.nice-menu-left li.over,
	ul.nice-menu-left li li.menuparent:hover,
	ul.nice-menu-left li li.over {
	  background: #99cc66 url(arrow-left.png) left center no-repeat;
	}

	ul.nice-menu-left a, ul.nice-menu-left ul a {
	  padding-left: 14px;
	}

	/******************************
	 HORIZONTAL (down) menus
	******************************/

	ul.nice-menu-down {
	  float: left;
	  border: 0;
	}

	ul.nice-menu-down li {

	}

	ul.nice-menu-down li li {
	}

	ul.nice-menu-down ul {
	  left: 0;
	}
	
	/*ul.nice-menu-down #menu-124 ul {*/
		/*left:-143px;*/
	/*}*/
        
	ul.nice-menu-down #menu-770 ul {
		left:-89px;
	}
        
        #menu-770 {background-color: #669933;}
        /*#menu-770 a {background-color: #CD3200;}*/
        /*#menu-770:hover {background-color: #FBD73B;}*/
        /*#menu-770 a:hover {background-color: #FBD73B;}*/


/*for IE6 only*/
/*        * html ul.nice-menu-down #menu-124 ul {*/
/*		left:-137px;*/
/*	}*/

/*for IE6 only*/
        * html #donate_now_button_main {
		margin-left: 0px;
                padding-left: 0px;
                margin-bottom: 0px;
                padding-bottom: 0px;
		margin-right: 15px;
	}

	ul.nice-menu-down ul li {
	  clear: both;
	}

	ul.nice-menu-down li ul li ul,
	/* Repeat for Garland header. */
	#header-region ul.nice-menu-down li ul li ul {
	  left: 12.5em;
	  top: -1px;
	}

	ul.nice-menu-down li.menuparent,
	/* Repeat for Garland header. */
	#header-region ul.nice-menu-down li.menuparent {
	  background:  none;
	}

	ul.nice-menu-down li.menuparent:hover,
	ul.nice-menu-down li.over,
	/* Repeat for Garland header. */
	#header-region ul.nice-menu-down li.menuparent:hover,
	#header-region ul.nice-menu-down li.over {
	  background: #99cc66 url(arrow-down.png) right center no-repeat;
	}

	ul.nice-menu-down li li.menuparent,
	/* Repeat for Garland header. */
	#header-region ul.nice-menu-down li li.menuparent {
	  background: #eee url(arrow-right.png) right center no-repeat;
	}

	ul.nice-menu-down li li.menuparent:hover,
	ul.nice-menu-down li li.over,
	/* Repeat for Garland header. */
	#header-region ul.nice-menu-down li li.menuparent:hover,
	#header-region ul.nice-menu-down li li.over {
	  background: #99cc66 url(arrow-right.png) right center no-repeat;
	}
	
	ul.menu li {
		background:none !important;
		list-style-image:none;
		list-style:none;

                line-height: 14px;		
		font-size: 13px;
		/*font-size:1.4em;*/
		font-family: Arial, sans-serif;
		font-weight: bold;
                /*font-family: "Arial Bold", Arial, "MS Trebuchet", sans-serif;*/
		border-top: solid 1px #fff;
		padding: 7px 0;
	}
	
	ul.menu li.first {
		border-top:none;
	}
	
	ul.menu li li {
		font-size:1em;
	}
	ul.menu li a {
		color:#fff;
		text-decoration:none;
	}
	
	#block-menu-menu-quick-links h2.title {
		color:#fc0;
                /*margin-left: -2px;*/
	}
	
	#block-menu-menu-quick-links a {
		color:#FBD73B;
	}
	
	#block-menu-menu-quick-links li {
		border-color:#FBD73B;
	}
	
	#block-block-2 a {
		/*display:block;*/
		/*text-decoration:none;*/
		/*color:#CD3200;*/
		/*font-size:16px;*/
		/*text-align:center;*/
		/*background:#FFFFCC;*/
		/*padding:9px 0;*/
		/*margin:0 0 0 14px;*/
	}