/* stylesheet.css */

/* stylesheet for Spain 2011 web site update */

/* Body text and page background light gray */
body {
 font-family: Verdana, Arial, Helvetica, sans-serif;
 color:#000000;
 background-color: #fff7e8;
 margin: 0px;
 padding: 0px;
 }

/* Add some margin space to main content, 1 column layout */
#main{
     padding-left: 10px;
     padding-right: 10px;
     width: 95%;
     margin-left: 10px;
}


/* Page header style 2009 */
#header {
     height: 120px;
     clear: both;
     width: 100%;
     background-color: #ff7500; 
     border-bottom: thin solid #ff1900; 
     padding-left: 10px;
     padding-right: 10px;
     text-align:center;
     padding-top: 5px;
}

/* Page footer style 2009 */ 
#footer { 
height: 80px; 
width: 100%; 
background-color: #ff7500; 
border-top: thin solid #ff1900; 
padding-left: 10px;
}

/* Links */

a:link {color:#ff1900;
text-decoration: none;}
a:visited {color:#ff8538;
text-decoration: none;}
a:focus {color:#ff7500;
text-decoration: none;}
a:hover {color:#ff7500;
text-decoration: none;}
a:active {color:#ff7500;
text-decoration: none;}

/* Style for main content column, 2 column layout */
#main2{
       /* margin-left must equal */
       /* total width of left sidebar */
       margin-left: 27em;
       margin-right: 5em;
}

/* Style for sidebar column */
#sidebar{
           float: left;
           display: inline;
           padding: 0;
           margin: 1em;
           width:25em;
            /* Total width is 27em */
}


/* Level 1 headings */
h1 {
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-weight: bold;
 text-align:center; 
 color: #ff7500;
}

/* Level 2 headings */
h2 {
 font-family: Verdana, Arial, Helvetica, sans-serif;
 text-align: left;
 color: #ff1900;
 font-weight: normal;
}

/* Level 3 headings */
h3 {
 font-family: Verdana, Arial, Helvetica, sans-serif;
 text-align: left;
 color: #ff1900;
 text-decoration: none;
 border-bottom: 1px dotted #ff1900;
}

/* Paragraph style  */
p {
 font-family: Verdana, Arial, Helvetica, sans-serif;
 text-align: left;
}

/* Paragraph style italic */
p.it {
 font-style:italic;
}

/* Paragraph style bold */
p.b {
 font-weight:bold;
}

/* Paragraphs styled as caption or footnote */
p.caption {
 font-style:italic;
 color: #000000;
 font-size:70%;
 margin-left:10px;
 margin-right:100px;
}

p.fn {
 font-style:italic;
 color: #000000;
 font-size:70%;
 margin-left:100px;
 margin-right:100px;
}

p.block {
 margin-left:2em;
 margin-right:2em;
}

li.blue {
 color: #1e2c5b;
}

/* Unordered list */
ul {
	list-style: none;
	margin-left: 0;
	padding-left: 1em;
	text-indent: -1em;
	}

/* Drop cap */
span.first
{
 float: left;
 font-size: 300%; 
 line-height: 0.8em; 
 margin-right: 0.0em; 
 padding-bottom: 0.05em; 
}

/* Generic image border */
img{
   border-style: solid;
   border-width: 1px;
   border-color: #ff7500;
   }

/* Generic image no border */
img.noborder{
   border-style: none;
   }   
   

/* Header image */
img.headeralt{
   float: right;
   margin-right: 250px;
   }
   
/* Header image */
img.header{
   text-align: center;
   }   
   

/* Float image to left of paragraph */
img.floatLeft{
   float: left;
   margin-right: 1em;
   border-style: solid;
   border-width: 1px;
   border-color: #ff7500;
}

/* Float image to right of paragraph */ 
img.floatRight{ 
float: right; 
margin-left: 6px;
   border-style: solid;
   border-width: 1px;
   border-color: #ff7500;
}

/* Center image between margins */ 
div.center{ 
width: 100%; 
text-align: center;
margin: auto;
}

/* Align image and text */
.textbottom {vertical-align:text-bottom;} 
.textmiddle {vertical-align:middle; margin-right:5px} 
.texttop {vertical-align:top;}

.photos {vertical-align: top;
   border-style: solid;
   border-width: 1px;
   border-color: #ff7500;
   margin: 2px;
}

td.photo{
vertical-align: top;
margin: 2px;
}

/* =Dynamic Drive Code
----------------------------------------------------------------------*/

/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.gallerycontainer{
position: relative;
height: 160px;
/*Add a height attribute and set to largest image's height to prevent overlaying*/
}

.thumbnail img{
border: 1px solid #b31504;
margin: 0 10px 10px 0;
}

.thumbnail:hover{
background-color: transparent;
}

.thumbnail:hover img{
border: 1px solid #ff7500;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: #e3e5f7;
padding: 5px;
left: -1000px;
border: 1px solid #ff7500;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail:hover span{ /*CSS for enlarged image*/
visibility: visible;
top: 10px;
left: 20px; /*position where enlarged image should offset horizontally */
z-index: 50;
}

/* Style for map popup on links page */

.mappopup img{
border: 1px solid #ff7500;
margin: 0 10px 10px 0;
}

.mappopup:hover{
background-color: transparent;
}

.mappopup:hover img{
border: 1px solid #ff7500;
}
.mappopup span{ /*CSS for enlarged image*/
position: absolute;
background-color: #e3e5f7;
padding: 5px;
left: 100px;
border: 1px solid #ff7500;
visibility: hidden;
color: black;
text-decoration: none;
}

.mappopup span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.mappopup:hover span{ /*CSS for enlarged image*/
visibility: visible;
top: 200px;
left: 100px; /*position where enlarged image should offset horizontally */
z-index: 50;
}



/* Style for centered table */
table.center{
   text-align: center;
   border-collapse: collapse;
   margin: auto;
}

/* Style for tables of thumbnail images */
table.thumbs{
   text-align: center;
   border-collapse: collapse;
   margin: auto;
}

/* Style for table cells that contain thumbnails */ 
td.thumbs{ 
border: solid 5px #453779; padding: 10px;
}

/* Style for thumbnail images */ 
img.thumbs{ 
width:100px; 
}