div.container {
    text-align:center;
    top:10%;
    left:50%;
    padding:12px;
    margin: 10 auto;
    display:inline-block;
    font-family: 'Khula', sans-serif;
}

div.content {
    border: 1px ridge #bbb;
    background-color: #fff;
    width:700px;
    text-align:center;
    top:5%;
    left:50%;
    padding: 6px;
    margin: 1px;
    display:inline-block;
    font-family: 'Khula', sans-serif;
}

div.item0 {
    border: 10px lighgray;
    background-color: #eeeeee;
    width:670px;
    text-align:left;
    top:5%;
    left:50%;
    padding:10px;
    display:inline-block;
}

div.item {
    border: 10px #ECF2F7;
    background-color: #ECF2F7;
    width:670px;
    text-align:left;
    top:5%;
    left:50%;
    padding:10px;
    display:inline-block;
}

div.paddingcell {
    background-color: #fff;
    text-align:center;
    vertical-align: middle;
    line-height: 100px;
    width:700px;
    height: 150px;
    top:50%;
    left:50%;
    right:50%;
    padding:12px;
    margin:12px;
    display:inline-block;
}


div.footer {
    border: 1px ridge #bbb;
    background-color: #fff;
    width:686px;
    text-align:right;
    top:0%;
    left:50%;
    right:50%;
    padding:12px;
    margin: 5px;
    display:inline-block;
}


div.floatingfooter {
    border-bottom: 1px ridge #bbb;
    background-color: #fff;
    width:686px;
    height: 65px;
    text-align: center;
    vertical-align: middle;
    top:0%;
    left:50%;
    right:50%;
    padding:12px;
    margin: 5px;
    display:inline-block;
}


div.errorfooter {
    background-color: #fff;
    width:700px;
    text-align:right;
    top:0%;
    left:50%;
    right:50%;
    padding:5px;
    margin:0;
    display:inline-block;
}


div.title {
    background-color: #1F8AAF;
    width:700px;
    text-align:center;
    top:0%;
    padding: 5px;
    margin: 0px;
    display:inline-block;
    /*font-family: 'Montserrat Alternates', sans-serif; */
    font-family: Verdana, Geneva, Tahoma, sans-serif, sans-serif;
    font-size: 32px;
    color: white;
}


div.subtitle {
    /*background-color: #5E97AB;*/
    background-color: #1F8AAF;
    width:700px;
    text-align:center;
    top:0%;
    left:50%;
    padding: 5px;
    margin: 0px;
    display:inline-block;
    font-family: Verdana, Geneva, Tahoma, sans-serif, sans-serif;
    font-size: 26px;
    color: white;
}


.aligncenter {
    display: table-cell;
    top: 10px;
    left: 220px;
    position: relative;
}


/* Three image containers (use 25% for four, and 50% for two, etc) */
.icolumn {
    float: left;
    width: 30%;
    padding: 5px;
    /*vertical-align: bottom;*/
    margin-right:1%;
    margin-bottom: 0.5em;
}

/* Clear floats after image containers */
.irow::after {
    content: "";
    clear: both;
    height:50px;
    display: table;
}


.imgContainer{
    float:left;
    top: 0%;
    height:50px;
    vertical-align: top;
}


.separator {
    border: 5px #ffffff;
    background-color: solid white;
    text-align:left;
    padding: 5px;
    display:inline-block;
}


h1 {
    color: blue;
}

h2 {
    font-family: 'Khula', sans-serif;
    font-size: 30px;
    color: blue;
}

h3 {
    color: 	#000080;
}

h4 {
    color: black;
}


a:link {
  color: blue;
}


p.amzn2 {
    color: orange;
    font-family:Calibri;
    font-weight:bold;
    font-size:20;
    width: 70px;
    height:70px;
}

p.rhel {
    color: red;
    font-family:Calibri;
    font-weight:bold;
    font-size:20
}

p.ss {
    color:  black;
    display: inline-block;
}

p.detail {
    color:#000080;
    font-weight:normal;
    font-family:Calibri;
    font-size:20
}

span.normal { color:#6c6c6c;font-weight:bold;font-family:Calibri;font-size:20 }

span.rhel {
    color:#CC0000;
    font-weight:bold;
    font-family:Calibri;
    font-size:20px;
    top: 15px;
    left: -30px;
    width: 100px;
    height: 90px:
    align-content: center;
    position:relative;
}

span.fedora {
    float:left;
    color:#0B57A4;
    font-weight:bold;
    font-family:Calibri;
    font-size:20px;
    top: 22px;
    left: 110px;
    width: 60px;
    height: 19px;
    position:relative;
}

span.centos {
    color:#262626;
    font-weight:bold;
    font-family:Calibri;
    font-size:20;
    top: 0px;
    left: 0px;
    width: 130px;
    height: 50px;
    position:relative;
}

span.amzn2 {
    color:orange;
    float:left;
    font-weight:normal;
    font-family:Verdana, Geneva, Tahoma, sans-serif;
    font-size:24px;
    padding:5px;
    vertical-align: middle;
    text-align:right;
    top: 15px;
    left: 220px;
    position: relative;
    width: 220px;
    height: 90px:
}
