body {
       	/*background-image: url("./pictures/background_deck.gif");*/
       
        margin: 0;
        padding: 0;
        border: 0;
        /* This removes the border around the viewport in old versions of IE */
        
        width: 100%;
        background: #fff;
        /*min-width:600px;*/
        /* Minimum width of layout - remove line if not required */
        /* The min-width property does not work in old versions of Internet Explorer */
        
        font-family: Arial, Helvetica, sans-serif;
        font-size: 90%;
    }
    fieldset {
        /*border: 1px solid #CCA383;*/
        
        width: 100%;
        /*background: #FFE8EF;*/
        /*padding: 3px;*/
    }
    fieldset legend {
        /*background: #CCA383;*/
        /*padding: 6px;*/
        
        font-weight: bold;
    }
    label {
        /*color: #B4886B;*/
        
        font-weight: bold;
        /*display: block;*/
        /*width: 50%;
	    float: left;*/
        /*padding-left:1px;*/
    }
    a {
        color: #369;
    }
    a:hover {
        color: #fff;
        background: #369;
        text-decoration: none;
    }
    h1,
    h2 {
        margin: .8em 0 .2em 0;
        padding: 0;
    }
    h3 {
        margin: 0 0 0 0;
        padding: 0;
    }
    p {
        margin: .4em 0 .8em 0;
        padding: 0;
    }
    img {
        margin: 10px 0 5px;
    }
    /* Header styles */
    
    #header {
    /*background-image: url("./pictures/back_small.png");*/
        clear: both;
        /*float:left;*/
        
        width: 100%;
    }
    #header {
        border-bottom: 1px solid #000;
    }
    #header p,
    #header h1,
    #header h2 {
        padding: .4em 15px 0 15px;
        margin: 0;
    }
    #header ul {
        clear: left;
        float: left;
        width: 100%;
        list-style: none;
        margin: 10px 0 0 0;
        padding: 0;
    }
    #header ul li {
        display: inline;
        list-style: none;
        margin: 0;
        padding: 0;
    }
    #header ul li a {
        display: block;
        float: left;
        margin: 0 0 0 1px;
        padding: 3px 10px;
        text-align: center;
        background: #eee;
        color: #000;
        text-decoration: none;
        position: relative;
        left: 15px;
        line-height: 1.3em;
    }
    #header ul li a:hover {
        background: #369;
        color: #fff;
    }
    #header ul li a.active,
    #header ul li a.active:hover {
        color: #fff;
        background: #000;
        font-weight: bold;
    }
    #header ul li a span {
        display: block;
    }
    /* 'widths' sub menu */
    
    #layoutdims {
        clear: both;
        background: #eee;
        border-top: 4px solid #000;
        margin: 0;
        padding: 6px 15px !important;
        text-align: right;
    }
    #footer {
        clear: both;
        float: left;
        width: 100%;
        border-top: 1px solid #000;
    }
    #footer p {
        padding: 10px;
        margin: 0;
    }
    div.centre {
        width: 90%;
        display: block;
        /*margin-left: 10px;*/
        margin-right: auto;
        float: left;
        clear: both;
    }
    button.action {
        width: 20em;
        height: 3em;
        margin: 5px 5px 5px 0;
    }
    input.amount {
        width: 10em;
        height: 3em;
        margin: 5px 5px 5px 0;
    }
    #article {
    	/*background-image: url("./pictures/back_small.png");*/
    	display: block;
    	clear: both;
    
        margin: 20px;
        padding: 20px;
        border: 0;
        /* This removes the border around the viewport in old versions of IE */
        
        width: 80%;
        background: #c6d9ec;
        /*min-width:600px;*/
        /* Minimum width of layout - remove line if not required */
        /* The min-width property does not work in old versions of Internet Explorer */
        
        font-family: Arial, Helvetica, sans-serif;
        font-size: 120%;
        text-align: justify;
        text-justify: auto;
    }
    #article img {
        max-width: 500px;
        max-height: 500px;
    }
    div.img {
        max-width: 320px;
        max-height: 320px;
        margin: 10px;
        padding-bottom: 15px;
        border: 1px solid #ccc;
        /*float: left;*/
      
    }
  
    div.img:hover {
        border: 1px solid #777;
    }
    div.img img {
    	max-width: 270px;
        max-height: 240px;
    
        width: 100%;
        height: auto;
        
    }
    div.desc {
        padding-top: 1px;
        padding-left: 1px;
        padding-right: 1px;
        /*padding-bottom: 10px;
        margin-bottom: 10px;*/
        text-align: center;
        border: 10px;
        
    }