/*
CSS Style Sheet for Gold-Jobs.com Web Site
*/

body {
 font-family: Verdana, Helvetica, Arial, sans-serif;
 background-color: #e2edff;
 line-height: 125%
 padding: 15px;
 }
 
 eu (
  text-transform: uppercase;
   )
   
  el (
  text-transform: lowercase;
   )  
 
 h1 {
 font-family: "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif;
 font-size: x-large;
 margin: 0;
 }
 
 li {
  font-size: small;
  color: red;
  font-weight: normal;
  }
  
 lz {
  font-size: x-small;
  color: brown;
  font-weight: normal;
  list-style: circle  outside url("http://www.gold-jobs.com/html_mime_mail_2.5/web/bullet1.gif");
  }

  
  pi {
  font-size: x-small;
  color: red;
  font-weight: normal;
  } 
  
 h2 {
  color: blue;
  font-size: medium;
  font-weight: normal;
  }
  
 h3 {
  font-family: Times, "Times New Roman", serif;
  color: blue;
  font-size: 18px;
  font-weight: bold;
  }
  
 h4 {
  font-family: Times, "Times New Roman", serif;
  color: orange;
  font-size: 20px;
  font-weight: bold;
  }
  
   h5 {
  font-family: Times, "Times New Roman", helvetica, arial, serif;
  color: white;
  font-size: 14px;
  font-weight: bold;
  }

 p {
  font-family: Times, "Times New Roman", serif;
  font-size: small;
  color: navy;
  }
  
   p2 {
  font-family: Times, "Times New Roman", serif;
  font-size: 10px;
  color: yellow;
  }
  
 em {
   text-transform: uppercase;
   }
   
 a {
   font-weight: bold;
   }
 
 a:link {
    color: black;
    }
 
 a:visited {
    color: gray;
    }
    
 a:hover {
    text-decoration: none;
    color: white;
    background-color: navy;
  }
 
 a:active {
     color: aqua;
     background-color: navy;
  }
  
  #tagline p {
   font-style: italic;
   font-family: Georgia, Times, serif;
   margin: 0;
   }
   
#navigation a    {
    text-decoration: none;
    width: 140px;
    background-color: silver;
    border-top: 3px solid #7da5d8;
   }
   
      
  #header h1 {
    position: absolute;
    top: 40px;
    left: 10px;
    color: #C7A317;
    background-color: silver;
    width: 290px;
    height: 30px;
    padding: 2px;
    border-top: 2px solid #7da5d8;
    border-bottom: 2px solid #7da5d8;
    border-left: 3px solid #7da5d8;
    border-right: 3px solid #7da5d8;
    margin: 0;
    }
    
   #logo h1 {
    position: absolute;
    top: 40px;
    left: 10px;
    color: #C7A317;
    background-color: silver;
    width: 50px;
    height: 50px;
    padding: 2px;
    border-top: 3px solid #7da5d8;
    border-bottom: 3px solid #7da5d8;
    border-left: 3px solid #7da5d8;
    border-right: 3px solid #7da5d8;
    margin: 0;
    }   
    
  #mainform h1 {
    position: absolute;
    top: 50px;
    left: 20px;
    color: #C7A317;
    background-color: silver;
    width: 900px;
    height: 1500px;
    padding: 2px;
    border-top: 3px solid #7da5d8;
    border-bottom: 3px solid #7da5d8;
    border-left: 3px solid #7da5d8;
    border-right: 3px solid #7da5d8;
    margin: 0;
    }
    
  #footer h1 {
    color: red;
    background-color: green;
    }
  
  #bodycontent p {
    color: black;
    background-color: white;
    }

  
  #leftend p {
    color: red;
    background-color: green;
   }
   
 #navigation, #footer, #header, #leftend, #leftmid, #bodycontent {
   position: absolute;
   }
   
 #navigation {
    top: 90px;
   }
    
 #bodycontent {
    top: 140px;
   }
   
 #bodycontent {
    left: 220px;
    width: 740px;
   }
   
  #bodycontent2 {
    top: 20px;
    left: 20px;
    width: 900px;
   }
     
#navigation   {
    left: 20px;
    padding: 5px;
    border-top: 3px solid #C7A317;
    border-bottom: 3px solid #C7A317;
    border-left: 3px solid #C7A317;
    border-right: 3px solid #C7A317;
    margin: 0;
  }
  
 #blueblock {
   position: absolute;
   top: 340px;
   left: 220px;
   background-color: darkblue;
   color: red;
   width: 300px;
   height: 300px;
   padding: 5px;
   border-top: 3px solid #C7A317;
   border-bottom: 3px solid #C7A317;
   border-left: 3px solid #C7A317;
   border-right: 3px solid #C7A317;
  }
  
  #blueblock2 {
   position: absolute;
   top: 340px;
   left: 220px;
   background-color: lightblue;
   color: red;
   width: 600px;
   height: 330px;
   padding: 5px;
   border-top: 3px solid #C7A317;
   border-bottom: 3px solid #C7A317;
   border-left: 3px solid #C7A317;
   border-right: 3px solid #C7A317;
  }
  
 #redblock {
   position: absolute;
   top: 340px;
   left: 520px;
   background-color: red;
   color: blue;
   width: 300px;
   height: 300px;
   padding: 5px;
   border-top: 3px solid #C7A317;
   border-bottom: 3px solid #C7A317;
   border-left: 3px solid #C7A317;
   border-right: 3px solid #C7A317;
  }
  
  #adverts {
   position: absolute;
   top: 430px;
   left: 950px;
   background-color: red;
   color: blue;
   width: 170px;
   height: 700px;
   padding: 25px;
   border-top: 3px solid #C7A317;
   border-bottom: 3px solid #C7A317;
   border-left: 3px solid #C7A317;
   border-right: 3px solid #C7A317;
  }
  
    #search {
   position: absolute;
   top: 1130px;
   left: 950px;
   background-color: green;
   color: blue;
   width: 170px;
   height: 200px;
   padding: 25px;
   border-top: 3px solid #C7A317;
   border-bottom: 3px solid #C7A317;
   border-left: 3px solid #C7A317;
   border-right: 3px solid #C7A317;
  }
  
    #search2 {
   position: absolute;
   top: 100px;
   left: 772px;
   background-color: purple;
   color: blue;
   width: 370px;
   height: 50px;
   padding: 5px;
   border-top: 3px solid #C7A317;
   border-bottom: 3px solid #C7A317;
   border-left: 3px solid #C7A317;
   border-right: 3px solid #C7A317;
  }
  
   #search3 {
   position: absolute;
   top: 180px;
   left: 950px;
   background-color: white;
   color: blue;
   width: 210px;
   height: 160px;
   padding: 5px;
   border-top: 3px solid #C7A317;
   border-bottom: 3px solid #C7A317;
   border-left: 3px solid #C7A317;
   border-right: 3px solid #C7A317;
  }

   #pinkblock {
   position: absolute;
   top: 640px;
   left: 220px;
   background-color: pink;
   color: black;
   width: 600px;
   height: 100px;
   padding: 5px;
   border-top: 3px solid #C7A317;
   border-bottom: 3px solid #C7A317;
   border-left: 3px solid #C7A317;
   border-right: 3px solid #C7A317;
  }
  
   #pinkblock2 {
   position: absolute;
   top: 670px;
   left: 220px;
   background-color: yellow;
   color: black;
   width: 600px;
   height: 300px;
   padding: 5px;
   border-top: 3px solid #C7A317;
   border-bottom: 3px solid #C7A317;
   border-left: 3px solid #C7A317;
   border-right: 3px solid #C7A317;
  }
  
   #greenblock {
   position: absolute;
   top: 740px;
   left: 220px;
   background-color: darkgreen;
   color: red;
   width: 300px;
   height: 300px;
   padding: 5px;
   border-top: 3px solid #C7A317;
   border-bottom: 3px solid #C7A317;
   border-left: 3px solid #C7A317;
   border-right: 3px solid #C7A317;
  }
  
   #greenblock2 {
   position: absolute;
   top: 970px;
   left: 220px;
   background-color: lightgreen;
   color: red;
   width: 600px;
   height: 300px;
   padding: 5px;
   border-top: 3px solid #C7A317;
   border-bottom: 3px solid #C7A317;
   border-left: 3px solid #C7A317;
   border-right: 3px solid #C7A317;
  }

 #orangeblock {
   position: absolute;
   top: 740px;
   left: 520px;
   background-color: goldenrod;
   color: blue;
   width: 300px;
   height: 300px;
   padding: 5px;
   border-top: 3px solid #C7A317;
   border-bottom: 3px solid #C7A317;
   border-left: 3px solid #C7A317;
   border-right: 3px solid #C7A317;
  }
  
 #yellowblock {
   position: absolute;
   top: 1040px;
   left: 220px;
   background-color: yellow;
   color: red;
   width: 300px;
   height: 190px;
   padding: 5px;
   border-top: 3px solid #C7A317;
   border-bottom: 3px solid #C7A317;
   border-left: 3px solid #C7A317;
   border-right: 3px solid #C7A317;
  }
  
 #ochreblock {
   position: absolute;
   top: 1040px;
   left: 520px;
   background-color: lightgreen;
   color: blue;
   width: 300px;
   height: 190px;
   padding: 5px;
   border-top: 3px solid #C7A317;
   border-bottom: 3px solid #C7A317;
   border-left: 3px solid #C7A317;
   border-right: 3px solid #C7A317;
  }
  
   #footer {
   position: absolute;
   top: 1270px;
   left: 10px;
   background-color: purple;
   color: yellow;
   width: 810px;
   height: 80px;
   padding: 5px;
   border-top: 3px solid #C7A317;
   border-bottom: 3px solid #C7A317;
   border-left: 3px solid #C7A317;
   border-right: 3px solid #C7A317;
  }
  
   #footer2 {
   position: absolute;
   top: 1290px;
   left: 10px;
   background-color: purple;
   color: yellow;
   width: 910px;
   height: 80px;
   padding: 5px;
   border-top: 3px solid #C7A317;
   border-bottom: 3px solid #C7A317;
   border-left: 3px solid #C7A317;
   border-right: 3px solid #C7A317;
  }
  
   #leftmid {
   position: absolute;
   top: 350px;
   left: 20px;
   background-color: white;
   color: black;
   width: 190px;
   height: 190px;
   padding: 5px;
   border-top: 3px solid #C7A317;
   border-bottom: 3px solid #C7A317;
   border-left: 3px solid #C7A317;
   border-right: 3px solid #C7A317;
  }
  
   #leftend {
   position: absolute;
   top: 550px;
   left: 20px;
   background-color: grey;
   color: black;
   width: 190px;
   height: 400px;
   padding: 5px;
   border-top: 3px solid #C7A317;
   border-bottom: 3px solid #C7A317;
   border-left: 3px solid #C7A317;
   border-right: 3px solid #C7A317;
  }
  
   #leftmid2 {
   position: absolute;
   top: 250px;
   left: 20px;
   background-color: white;
   color: black;
   width: 190px;
   height: 190px;
   padding: 5px;
   border-top: 3px solid #C7A317;
   border-bottom: 3px solid #C7A317;
   border-left: 3px solid #C7A317;
   border-right: 3px solid #C7A317;
  }
  
   #leftend2 {
   position: absolute;
   top: 450px;
   left: 20px;
   background-color: grey;
   color: black;
   width: 190px;
   height: 400px;
   padding: 5px;
   border-top: 3px solid #C7A317;
   border-bottom: 3px solid #C7A317;
   border-left: 3px solid #C7A317;
   border-right: 3px solid #C7A317;
  }
  
   #leftbtm {
   position: absolute;
   top: 1060px;
   left: 20px;
   background-color: blue;
   color: black;
   width: 190px;
   height: 100px;
   padding: 5px;
   border-top: 3px solid #C7A317;
   border-bottom: 3px solid #C7A317;
   border-left: 3px solid #C7A317;
   border-right: 3px solid #C7A317;
  }
  
   #leftbtmpic {
   position: absolute;
   top: 1180px;
   left: 20px;
   background-color: white;
   color: black;
   width: 190px;
   height: 40px;
   padding: 5px;
   border-top: 3px solid #C7A317;
   border-bottom: 3px solid #C7A317;
   border-left: 3px solid #C7A317;
   border-right: 3px solid #C7A317;
  }

   #rightbtm {
   position: absolute;
   top: 1120px;
   left: 820px;
   background-color: brown;
   color: black;
   width: 130px;
   height: 165px;
   padding: 5px;
   border-top: 3px solid #C7A317;
   border-bottom: 3px solid #C7A317;
   border-left: 3px solid #C7A317;
   border-right: 3px solid #C7A317;
  }

   #leftpic {
   position: absolute;
   top: 960px;
   left: 20px;
   width: 190px;
   height: 100px;   
  }
  
  #rightflag {
   position: absolute;
   top: 340px;
   left: 820px;
   background-color: maroon;
   color: blue;
   width: 130px;
   height: 500px;
   padding: 5px;
   border-top: 3px solid #7da5d8;
   border-bottom: 3px solid #7da5d8;
   border-left: 3px solid #7da5d8;
   border-right: 3px solid #7da5d8;
  }
  
   #rightpay {
   position: absolute;
   top: 840px;
   left: 820px;
   background-color: white;
   color: red;
   width: 130px;
   height: 280px;
   padding: 5px;
   border-top: 3px solid #7da5d8;
   border-bottom: 3px solid #7da5d8;
   border-left: 3px solid #7da5d8;
   border-right: 3px solid #7da5d8;
  }
  
   #browseblue1 {
   position: absolute;
   top: 340px;
   left: 220px;
   background-color: blue;
   color: red;
   width: 100px;
   height: 50px;
   padding: 5px;
   border-top: 3px solid #C7A317;
   border-bottom: 3px solid #C7A317;
   border-left: 3px solid #C7A317;
   border-right: 3px solid #C7A317;
  }
  
   #browsered1 {
   position: absolute;
   top: 340px;
   left: 370px;
   background-color: red;
   color: red;
   width: 100px;
   height: 50px;
   padding: 5px;
   border-top: 3px solid #C7A317;
   border-bottom: 3px solid #C7A317;
   border-left: 3px solid #C7A317;
   border-right: 3px solid #C7A317;
  }
  
   #browsegreen1 {
   position: absolute;
   top: 340px;
   left: 520px;
   background-color: green;
   color: red;
   width: 100px;
   height: 50px;
   padding: 5px;
   border-top: 3px solid #C7A317;
   border-bottom: 3px solid #C7A317;
   border-left: 3px solid #C7A317;
   border-right: 3px solid #C7A317;
  }
  
  #browsegold {
   position: absolute;
   top: 340px;
   left: 520px;
   background-color: green;
   color: red;
   width: 100px;
   height: 50px;
   padding: 5px;
   border-top: 3px solid #C7A317;
   border-bottom: 3px solid #C7A317;
   border-left: 3px solid #C7A317;
   border-right: 3px solid #C7A317;
  }

  #botmenu {
   position: absolute;
   top: 960px;
   left: 20px;
   background-color: white;
   color: orange;
   width: 150px;
   height: 20px;
   padding: 5px;
   border-top: 3px solid #C7A317;
   border-bottom: 3px solid #C7A317;
   border-left: 3px solid #C7A317;
   border-right: 3px solid #C7A317;
  }

  #paymenu {
   position: absolute;
   top: 95px;
   left: 20px;
   background-color: white;
   color: orange;
   width: 800px;
   height: 500px;
   padding: 5px;
   border-top: 3px solid #C7A317;
   border-bottom: 3px solid #C7A317;
   border-left: 3px solid #C7A317;
   border-right: 3px solid #C7A317;
  }
  
   #paymenu2 {
   position: absolute;
   top: 550px;
   left: 20px;
   background-color: white;
   color: blue;
   width: 800px;
   height: 200px;
   padding: 5px;
   border-top: 3px solid #C7A317;
   border-bottom: 3px solid #C7A317;
   border-left: 3px solid #C7A317;
   border-right: 3px solid #C7A317;
  }

  table.events {
  /* Declarations for Events Tables */
   }
   
  table.events {
    border-collapse: collapse;
    border: 2px solid black;
    }
  
  table.events th, table.events td {
    font-size: x-small;
    color: #666666;
    background: #e2edff url(td.jpg) repeat-x top;
    padding: 4px;
    border: 2px solid #ffffff;
    text-align: left;
    padding-top: 0;
    padding-bottom: 0;
    padding-left: 2px;
    padding-right: 2px;
    }

  
  .cityscape {
    border: 2px solid black;
    color: white;
    font-weight: bold;
    font-size: 300%;
    background: pink url(ad1.jpg);
    background-repeat: no-repeat;
    width: 140px;
    height: 70px;
    padding-left: 20px;
    padding-top: 20px;
    }
    
   .menu {
    border: 2px solid black;
    color: white;
    font-weight: bold;
    font-size: 300%;
    width: 950px;
    height: 70px;
    padding-left: 60px;
    padding-top: 20px;
    }

    .fun {
     font-family: Georgia, Times, serif;
     color: #339999;
     letter-spacing: 0.05em;
     background-color: orange;
      }
    
    .world {
    border: 2px solid red;
    color: white;
    font-weight: bold;
    font-size: 100%;
    background: pink url(Global1.jpg);
    background-repeat: no-repeat;
    width: 110px;
    height: 60px;
    padding-left: 20px;
    padding-top: 20px;
    }
    
    .smalltext {
    color: green;
    font-family: Georgia, Times, serif;
    font-weight: bold;
    font-size: 10px;
    }
    
    .medtext {
    color: green;
    font-family: Georgia, Times, serif;
    font-weight: bold;
    font-size: 12px;
    }
    
    .medtext2 {
    color: blue;
    font-family: Georgia, Times, serif;
    font-weight: bold;
    font-size: 12px;
    }
    
    #nav2 {
       float: right;
       width: 180px;
       background-color: silver;
         }
         
    #nav3 {
       float: right;
       width: 150px;
       background-color: gold;
         }
              
    #nav4 {
       float: right;
       width: 150px;
       background-color: orange;
         }
         
    #nav5 {
       float: left;
       width: 180px;
       background-color: gold;
         }
            
    .contentconstrained {
      padding-right: 150px;
         }
         
    .contentconstrained2 {
      padding-right: 150px;
         }
         
  .chromestyle{
width: 99%;
font-weight: bold;
}

.chromestyle:after{ /*Add margin between menu and rest of content in Firefox*/
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}

.chromestyle ul{
border: 1px solid #BBB;
width: 100%;
background: url(chromebg4.gif) center center repeat-x; /*THEME CHANGE HERE*/
padding: 4px 0;
margin: 0;
text-align: center; /*set value to "left", "center", or "right"*/
}

.chromestyle ul li{
display: inline;
}

.chromestyle ul li a{
color: #C7A317;
padding: 4px 7px;
margin: 0;
text-decoration: none;
border-right: 1px solid #E8BEBE; /*THEME CHANGE HERE*/
}

.chromestyle ul li a:hover{
background: url(chromebg2-over.gif) center center repeat-x; /*THEME CHANGE HERE*/
}

.chromestyle ul li a[rel]:after{ /*HTML to indicate drop down link*/
content: "v";
/*content: " " url(downimage.gif); /*uncomment this line to use an image instead*/
}


/* ######### Style for Drop Down Menu ######### */

.dropmenudiv{
position:absolute;
top: 0;
border: 1px solid #E8BEBE; /*THEME CHANGE HERE*/
border-bottom-width: 0;
font:normal 12px Verdana;
line-height:18px;
z-index:100;
background-color: lightblue;
width: 200px;
visibility: hidden;
filter: progid:DXImageTransform.Microsoft.Shadow(color=#CACACA,direction=135,strength=4); /*Add Shadow in IE. Remove if desired*/
}


.dropmenudiv a{
width: 100%;
display: block;
text-indent: 3px;
border: 1px solid #E8BEBE; /*THEME CHANGE HERE*/
padding: 2px 0;
text-decoration: none;
font-weight: bold;
color: black;
}

.dropmenudiv a:hover{ /*THEME CHANGE HERE*/
background-color: red;
}