/*
CSS for veronicatabares.com
*/

body{
font-family:Verdana, Helvetica, arial, sans-serif;
background-color:black;
padding:0;
font-size/* */:/**/small;
font-size: /**/small;
line-height: 125%;
margin:0;
}


#topimg{
border:1px solid black;
background-color:black;
background-image:url(images/background2.jpg);
background-repeat:no-repeat;
width:864px;
height:1000px;
}

#topimg-alt{
border:1px solid black;
background-color:black;
background-image:url(images/full-top.jpg);
background-repeat:no-repeat;
width:864px;
height:120px;
}

#background-alt{
border:1px solid black;
background-image:url(images/paper.jpg);
background-repeat:no-repeat;
width:864px;
height:1129px;
}

#header{
width:500px;
padding:10px;
font-style:italic;
}
 
#content{
padding:15px;
width:750px;
}

#content-bg{
background-color:#99ff99;
padding:35px;
width:780px;
}

h1, h2, h3{
font-family:"Trebuchet MS", HElvetica, Arial, sans-serif;
}

h1{
font-size: x-large;
color:maroon;
padding-top:1em;
padding-bottom:.2em;
padding-left:.4em;
margin:0;
}

h2{
color:maroon;
font-size:130%;
font-weight:normal;
padding-top:15px;
}


h2,ul{
margin-top:15px;
}

h3{
color:maroon;
font-size:110%;
font-weight:normal;
padding-top:1em;
}

div#navigation {
height: 20px;
width: 35%;
}

div#navigation ul {
margin: 0px;
padding: 0px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: small;
color: #FFF;
line-height: 30px;
white-space: nowrap;
}

div#navigation li {
list-style-type: none;
display: inline;
}

div#navigation li a {
text-decoration: none;
padding: 7px 10px;
color: #FFF;
}


div#navigation lia:link {
color: #FFF:
}


div#navigation lia:visited {
color: #CCC;
}


div#navigation lia:hover {
font-weight: bold;
color: #FFF;
background-color: black;
}

.inline-button {
   _width:12em;
   font: bold 85%/1 Verdana, sans-serif;
   margin: 0 0.2em; padding: 0.1em 0; _padding:0;
   border-top:6px outset #CC9900;
   border-bottom:6px outset #CC9900;
   border-left:5px outset #CC9900;
   border-right:5px outset #CC9900;
   white-space:nowrap;
   text-decoration: none;
   vertical-align:middle;
   background: #ccc;
   color: black;
   }
.inline-button em {
   _width:1em; _cursor:hand;
   font-style: normal;
   margin:0; padding: 0.1em 0.5em;
   background: white;
   color: black;
   }
.inline-button span {
   _width:1em; _cursor:hand;
   margin:0; padding: 0.1em 0.5em 0.1em 0.3em;
   }
.inline-button:hover {
   background: navy;
   color: white;
   }
.inline-button:hover em {
   background: black;
   color: white;
   }
.gold { background: maroon; color: black}
.gold em { background: black; color: maroon }


p{
  font-size: 12;
  color: black;
}

#title p{
font-style:italic;
font-family:Georgia,Times,serif;
padding-top:.2em;
padding-bottom:.2em;
padding-left:.8em;
margin:0;
}


li{
font-size: small;
list-style-type:none;
padding-top:.10em;
padding-bottom:.10em;
}

em{
text-transform:uppercase;
}

a{
font-weight:bold;
text-decoration:none;

}

a:link{
color:navy;
}

a:visited{
color:maroon;
}

a:hover{
text-decoration:none;
color:white;
background-color:navy;
}

a:active{
color:aqua;
background-color:navy;
}

/*
This section deals with the position of items on the screen. It uses absolute positioning-fixed x and y coordinates measured from top-left corner of the browser's content display.
*/

#navigation, ,#topimg, ,#topimg-alt, #background-alt, #content, #header, #title, #content-bg{
position:absolute;
}


#topimg{
top:.05em;
left:8.5em;
z-index:-2;
}

#topimg-alt{
top:.05em;
left:8.5em;
z-index:-2;
}

#background-alt{
top:8em;
left:8.5em;
z-index:+1;
}

#navigation{
top:7.5em;
left:13em;
z-index:+2;
}


#header{
top:1em;
left:5em;
z-index:-2;
}


#title{
top:.75em;
left:20em;
}


#content{
top:12em;
left:13.5em;
z-index:+2;
}

#content-bg{
top:8em;
left:9.5em;
}