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

   Stylesheet for RocksAndMinerals.com
   Author: Linda Lou Haywood
   
   TABLE OF CONTENTS
   1.0 Tag Rewrites - Line 17
   2.0 Containers - Line
   3.0 Header - Line
   4.0 Content - Line 77
     4.1 Left Sidebar
   5.0 Footer - Line
   6.0 Media - Line

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

/* ******************** 1.0 TAG REWRITES ****************** */

body {
    font-family : arial, helvetica, sans-serif;
    font-size : 14px;
    background-color : #ffffff;
    background-repeat : repeat;
    width : auto;
}

a:link {
    color : #ffffff;
    text-decoration : underline;
}

a:visited {
    color : #ffffff;
    text-decoration : underline;
}

a:hover {
    color : #C61414;
    text-decoration : underline;
}

a:active {
    color : #ffffff;
    text-decoration : none;
}

.caption { 
    margin: 5px; 
    text-align: center; 
    font-style: italic; 
    font-size: 12px; 
}

.caption1 { 
    margin: 5px; 
    text-align: center; 
    font-style: italic; 
    font-size: 12px; 
    float: left; 
}

.caption2 { 
    margin: 5px; 
    text-align: center; 
    font-style: italic; 
    font-size: 12px; 
    float: right; 
}

.right {
    float : right;
    margin : 5px 0 5px 15px;
}

.left {
    float : left;
    margin : 10px 20px 10px 0;
}

h1 {
    display : block;
    font-size : 2em;
    margin-top : 0.67em;
    margin-bottom : 0.67em;
    margin-left : 0;
    margin-right : 0;
    font-weight : normal;
}

h2 {
    display : block;
    font-size : 1.5em;
    margin-top : 0.83em;
    margin-bottom : 0.83em;
    margin-left : 0;
    margin-right : 0;
    font-weight : normal;
}

h4 {
    display : block;
    font-size : 0.90em;
    margin-top : 1.33em;
    margin-bottom : 1.33em;
    margin-left : 0;
    margin-right : 0;
    font-weight : bold;
}

h5 {
    display : inline;
    font-size : 1.0em;
    margin-top : 0;
    margin-bottom : 150px;
    margin-left : 60px;
    margin-right : 0;
    font-weight : normal;
}

h6 {
    display : block;
    font-size : 0.67em;
    margin-top : 2.33em;
    margin-bottom : 2.33em;
    margin-left : 0;
    margin-right : 0;
    font-weight : normal;
}

hr {
    display : block;
    border-style : none;
    background-color : #ffcc00;
}

p {
    text-align : justify;
    max-width : 700px;
    display : inline;
}

#table, th {
    background-color : white;
    text-align : center;
    padding : 2px;
}


#table, td {
    background-color:#bcc6cf;
}

ul {
    list-style-type : none;
    margin-left : 0;
    padding : 0;
}

    ul.a {
        list-style-type : none;
        margin-left : 1em;
        padding : 0;
    }

    ul.b {
        list-style-type : square;
        margin-top : 0;
        margin-bottom : 0;
        margin-left : 12px;
        padding : 5px;
    }

    ul.c {
        list-style-type:square;
        margin-top:0;
        margin-bottom: 0;
        margin-left: 20px;
        padding: 5px;
    }

        ul.rig {
            list-style: none;
            font-size: 0px;
            margin-left: -2.0%;

        }
            ul.rig li {
                display: inline-table;
                padding: 5px;
                margin: 0 0 2.5% 2.5%;
                background: #204060;
                border: 1px solid #ffffff;
                font-size: 14px;
                font-size: .9rem;
                vertical-align: top;
                box-shadow: 0 0 10px #204060;
                box-sizing: border-box; 
                border-radius: 4px; 
            }

                ul.rig li img {
                    max-width: 100%;
                    height:240px; 
                    width:210px;
                    margin: 0 -2px -5px;
                }
	
            ul.rig.columns-2 li {
                width: 47.5%;
            }
	
            ul.rig.columns-3 li {
                width: 30.65%;
            }

            ul.rig.columns-4 li {
                width: 22.5%;
            }

/* 3/27/17 */

/* ********************* 2.0 CONTAINERS ******************* */

#wrapper {
    margin-top : 0;
    margin-bottom : 0;
    margin-left : auto;
    margin-right : auto;
    width : 1000px;
    background-color : #dce1e6;
    border : gray solid 1px;
}

#wrapper1 {
    margin-top : 0;
    margin-bottom : 0;
    margin-left : auto;
    margin-right : auto;
    width : 900px;
    background-color : #dce1e6;
    border : gray solid 1px;
}

#container {
    width : 750px;
    margin-left : 235px;
    margin-top : 10px;
    background-color : #8294a6;
    padding : 5px;
}

#container1 {
    width: 610px;
    margin-left: 250px;
    margin-top:10px;
    background-color:#97a6b5;
    padding: 10px;
}

#main {
    background-color : #bcc6cf;
    width : 720px;
    margin-left : 245px;
    margin-top : 10px;
    padding : 10px;
    border : gray solid 1px;
}

#main1 {
    background-color : #bcc6cf;
    width : 650px;
    margin-left : 165px;
    margin-top : 10px;
    padding : 10px;
}

#main2 {
    background-color : #bcc6cf;
    width : 600px;
    margin-left : 252px;
    margin-top : 10px;
    padding : 5px 10px 5px 10px;
}

#main3 {
    background-color:#bcc6cf; 
    width:740px;
    margin-left:70px;
    margin-top:10px;
    padding: 10px;  
}

#main4 {
    background-color:#bcc6cf; 
    width:740px;
    margin:15px;
    margin-top:10px;
    padding: 20px;  
}

#main5 {
    background-color:#bcc6cf; 
    width:720px;
    margin-left:255px;
    margin-top:10px;
    padding : 10px;
   
      
}
#section {
    width : 720px;
    margin-left : 245px;
    background-color : #bcc6cf;
    padding : 10px;
}

#section1 {
    width : 700px;
    margin-left : 5px;
    background-color : #bcc6cf;
    padding : 10px;
}

#section2 {
    width : 700px;
    text-align : justify;
}

#section3 {
    width : 700px;
    margin-left : 90px;
    background-color : #bcc6cf;
    padding : 10px;
}

#section4 {
    width : 100%;
    height : 100%;
    margin : 0;
    }

    .leftContent4 {
        float : left;
        width : 200px;
        height : 250px;
        margin-left : 50px;
    }

    .rightContent4 {
        width : 200px;
        height : 250px;
        margin-left : 390px;
}

#section5 {
    width : 100%;
    height : 100%;
    margin : 0;
    }

    .leftContent5 {
        float : left;
        width : 200px;
        height : 215px;
        margin-left : 50px;
    }

    .rightContent5 {
        width : 200px;
        height : 215px;
        margin-left : 390px;
}

#section6 {
    width : 710px;
    margin-left : 258px;
    background-color : #90a0b0;
    padding : 0 5px 2px 2px;
}

#section7 {
    width : 100%;
    height : 100%;
    }
    
    .leftcontent7 {
        float : left;
        width : 160px;
        height : 125px;
        margin-left : 60px;
    }

    .rightcontent7 {
        margin-top : 25px;
        float : right;
        width : 250px;
        height : 100px;
        margin-right : 60px;
}

#section8 {
    width : 700px;
    text-align : justify;
    margin-left : 5px;
}

#section9 {
    width:710px;
    margin-left:250px; 
    margin-top:10px;
    background-color:#90a0b0;
    padding: 0 10px 10px 10px;  
    text-align:justify; 
    margin-bottom:10px;          
}

#section10 {
    width : 100%;
    height : 100%;
    }
    
    .leftcontent10 {
        float : left;
        width : 100px;
        height : 130px;
        margin-left : 60px;
    }

    .rightcontent10 {
        width :485px;
        height : 130px;
        margin-left : 250px;
}

#section11{
    width: 100%;
    height:100%;
    margin: 0;
    }

    .centerContent11 {
        float:left;
        width:201px;
        margin-left:auto;
        height:200px;
}

#section12 {
    width : 100%;
    height : 100%;
    margin : 0;
    }

    .leftContent12 {
        float : left;
        width : 200px;
        height : 325px;
        margin-left : 25px;
    }

    .rightContent12 {
        width : 200px;
        height : 325px;
        margin-left : 510px;
}

#section13 {
    width : 100%;
    height : 100%;
    margin : 0;
    }

    .leftContent13 {
        position:absolute;
        width : 175px;
        height : 230px;
        margin-left : 20px;
    }

    .middleContent13 {
        width : 175px;
        height : 230px;
    }

    .rightContent13 {
        position:absolute;
        width : 175px;
        height : 230px;
        margin-left: 540px;
}

#section14 {
    margin-left: 15px; 
    width: 725px;  
    text-align:justify;  
}

#section15 {
    width : 100%;
    height : 100%;
    margin : 0;
    }

    .leftContent15 {
        float : left;
        width : 150px;
        height : 125px;
        margin-left : 15px;
    }

    .rightContent15 {
        width : 575px;
        height : 125px;
        margin-left : 160px;
}

#section16 {
    width : 100%;
    height : 100%;
    margin : 0;
    }

    .leftContent16 {
        float : left;
        width : 200px;
        height : 350px;
        margin-left : 15px;
    }

    .rightContent16 {
        width : 200px;
        height : 350px;
        margin-left : 375px;
}

#section17 {
    width : 100%;
    height : 100%;
    margin : 0;
    }

    .leftContent17 {
        float : left;
        width : 200px;
        height : 300px;
        margin-left : 5px;
    }

    .rightContent17 {
        width : 200px;
        height : 300px;
        margin-left : 360px;
}
/* 3/27/17 */

/* ********************** 3.0 HEADER ********************** */
#header {
    background-color : #204060;
    color : white;
    height : 125px;
    width : 1000px;
    top : 0;
    background-image : url(http://www.rocksandminerals.com/images/logo3.png);
    background-repeat : no-repeat;
    padding-top : 20px;
    padding-bottom : 4px;
}

#header1 {
    background-color : #204060;
    color : white;
    height : 125px;
    width : 900px;
    top : 0;
    background-image : url(http://www.rocksandminerals.com/images/logo3.png);
    background-repeat : no-repeat;
    padding-top : 20px;
    padding-bottom : 4px;
}
/* 3/27/17*/

/* ********************** 4.0 CONTENT ********************* */

a.ContentLink
{
	color : #000;
}/* 8/28/17RLK*/

a.ContentLink:hover
{
	text-decoration: none;
}/* 8/28/17RLK*/

.FloatLeft
{
    width: 125px;
    float:left;	
}/* 8/28/17RLK*/

h1.c1 {
    color : #c61414;
}

h2.c4 {
    color : #c61414;
}

span.c1 {
    color : #000000;
}

span.c2 {
    color : #C61414;
}

span.c3 {
    color : #ffcc00;
}

span.c4 {
    color : #ffffff;
}

span.c5 {
    color : #0033cc;
}

span.c6 {
    color:#009900;
}

div.c1 {
    text-align : left;
}

div.c2 {
    text-align : center;
}

div.c3 {
    text-align : right;
    margin-right : 30px;
}

div.c4 {
    text-align : justify;
}

div.c5 {
    text-indent : 50px;
}

#thumbwrap {
    position : relative;
    margin : auto;
    width : auto;
    height : auto;
    }

    .thumb img {
        background-color : #637990;
        padding : 2px;
        box-shadow : 0 0 6px rgb(132, 132, 132);
        border-radius : 4px;
    }

    .thumb span {
        position : absolute;
        visibility : hidden;
        background-color : #ffcc00;
        padding : 5px;
        font-family : arial, helvetica, sans-serif;
        font-size : 0.9em;
        text-align : center;
        color : #000000;
        box-shadow : 0 0 20px rgb(0, 0, 0);
        border-radius : 8px;
    }

    .thumb:hover, .thumb:hover span {
        visibility : visible;
        top : auto;
        left : 100px;
        z-index : 1;
}

#thumbwrap1 {
    position : relative;
    margin : auto;
    width : auto;
    height : auto;
}

    .thumb1 img {
        background-color : #e8e8e8;
        padding : 5px;
        box-shadow : 0 0 30px rgb(132, 132, 132);
        border-radius : 5px;
    }

    .thumb1 span {
        position : absolute;
        visibility : hidden;
        background-color : #ffcc00;
        padding : 5px;
        font-family : arial, helvetica, sans-serif;
        font-size : 0.9em;
        ext-align : center;
        color : #000000;
        box-shadow : 0 0 20px rgb(0, 0, 0);
        border-radius : 8px;
}
/* 3/27/17 */

/* ********** 4.1 LEFT SIDEBAR ********** */

#nav1 {
    line-height : 30px;
    height : 625px;
    width : 210px;
    margin-left : 10px;
    position : absolute;
    padding : 5px;
    margin-top : 10px;
    background-image : url(http://www.rocksandminerals.com/backdrop.jpg);
}

#nav2 {
    line-height : 30px;
    background-color :#98a1b7;
    color:#ffffff;
    height:355px;
    width:240px;
    float:left;
    margin-left:30px;
    padding:5px;
    bottom:100px;
}

#nav3 {
    line-height:30px;
    background-color:#98a1b7;
    color:#ffffff;
    height:205px;
    width:290px;
    float:left;
    margin-left:225px;
    padding:5px;
    top: 200px; 
}

#nav4 {
    line-height : 30px;
    background-color : #204060;
    color : #ffffff;
    height : 30px;
    width : 350px;
    text-align : center;
    padding : 5px;
}

#nav5 {
    line-height : 30px;
    background-color : #204060;
    color : #ffffff;
    height : 30px;
    width : 430px;
    text-align : center;
    padding : 5px;
}

#nav6 {
    line-height:30px;
    height:830px;
    width:210px;
    margin-left:10px;
    position: absolute;
    padding:5px;
    margin-top:10px;
    background-image:url(http://www.rocksandminerals.com/backdrop.jpg); 
}

#nav7 {
    line-height:30px;
    height:655px;
    width:210px;
    margin-left:10px;
    padding:5px;
    position: absolute;
    margin-top:10px;
    background-image:url(http://www.rocksandminerals.com/backdrop.jpg); 
}

/***#nav7 a removed
 {
	text-decoration:none;
    font-weight:bold;	
}***/
/*8/28/17RLK*/
/***10/15/17LLH***/

#nav8 {
    line-height:30px;
    height:400px;
    width:210px;
    margin-left:10px;
    padding:5px;
    position: absolute;
    margin-top:10px;
    background-image:url(http://www.rocksandminerals.com/backdrop.jpg); 
}
/* 3/27/17 */

/* ********************** 5.0 FOOTER ********************** */

#footer {
    background-color : #204060;
    color : #ffffff;
    width : 980px;
    bottom : 0;
    padding : 10px;
    text-align : center;
    clear : both;
}

#footer1 {
    background-color : #204060;
    color : #ffffff;
    width : 880px;
    bottom : 0;
    padding : 10px;
    text-align : center;
    clear : both;
}
/* 3/27/17 */

/* ********************** 6.0 MEDIA *********************** */