/***********************************
  * base.css
  *
  * handles the document structure, spacing, images

  * ********************************/
 	

 	/************************
	 * BODY
	 * *********************/
	body,
	html {
		margin:0;
		padding:0;
		background:#fff;
		background-image:url("../images/cornerimage-reflect.png"); 
		background-repeat:no-repeat;
    min-width:900px;
	}


	/************************
	 * NAV MENU
	 * *********************/
#nav {  
	} 

    .lavaLampBottomStyle {
			 position: relative; 
  			float:right;
        height: 29px;
        width: 100%;
        background-color: transparent;
        padding: 5px 0px 20px 0px;
        margin: 0;
        overflow: hidden;
        /* border: 1px solid gray; */
     }

	.lavaLampBottomStyle li {
        float: right;
        list-style: none;
	} 

    .lavaLampBottomStyle li.back {
		  border-bottom: 3px solid #ffd800;; 
		  /* background: #ffd800; */
      width: 9px;
		  height:25px;
      z-index: 8;
      position: absolute;
  }

  .lavaLampBottomStyle li a {
    top: 7px;
    z-index: 10;
    display: block;
		float: left;
		height: 30px;
		position: relative;
		overflow: hidden;
		margin: auto 10px;
	}   

	.lavaLampBottomStyle li a:hover, .lavaLampBottomStyle li a:active, .lavaLampBottomStyle li a:visited {}                        
    /***********************
	 * CONTENT DIVS
	 * ********************/
	
	#main {
        float:left;
        width:70%;
        padding:1%;
        margin: 0; 
            
        background-image:url("../images/shadow.png");
        background-repeat: repeat-y;
    }
	
	#wrap{
		height:100%;
		min-height:100%;
		width:80%;
	  margin:0px 0px 0px 149px;

	}
	#header {
	    padding:45px 0 0 0;
	    margin:0px;
      text-align:right;

      background-image:url("../images/logo.png");
      background-repeat: no-repeat;
      background-position:top right;
	}

	   

    #content {
      margin: 0 0 0 20px;
		  min-height: 725px;
    }
    
    #sidebar {
        float:right;
        width:22%;
        min-width: 100px;
        padding:15px;
        margin: 0px;
        background:#efefef;
    }

    #footer {
        clear:both;
        padding:5px 10px;
        /* background:#cc9; */
        
        background-image:url("../images/shadow.png");
        background-repeat: repeat-y;        
    }

    #footer p {
        margin:0.5em;
    }
    /*
    using the Star HTML CSS hack to give the footer a height only in IE 6:

   1. * html #footer {
   2. height:1px;
   3. }

    As strange as it may look, this does the job. 
    Thanks to another bug in IE, the footer will not 
    be just one pixel tall, 
    but as tall as its content dictates.
    */

    * html #footer {
        height:1px;
    }
    
    /***********************
	 * IMAGES
	 * ********************/
 	#banner {
		text-align: center; 
		background:url("../images/bg_shadow.png"); 
		background-repeat: no-repeat;
		background-position: top center; 
		height: 320px;
		padding: 14px;	/* this is the drop shadow @ the top & bottom */
	}

  #banner_tall {
		text-align: center; 
		background:url("../images/bg_shadow_tall.png"); 
		background-repeat: no-repeat;
		background-position: top center; 
		height: 350px;
		padding: 14px;	/* this is the drop shadow @ the top & bottom */
	}
	/***********************
	 * TABLES
	 * ********************/
 	table { 
		/* border-collapse: collapse; */
	width: 100%;
	}	

 	table, th, td {
	/*	border: 1px solid #333; */
    padding: 10px;
		text-align: center;
		vertical-align: top;
	}


  /************************
   * LISTS
   * ********************/
 .credit {
     margin-left: 0;
     padding-left: 0;
  }
  .credit li {
    margin-bottom:10px;
    list-style: none;
    /* border-bottom: 1px solid #333; */
  }

  
  #sidebar ul {
	  list-style: none;
  }