/* Produced by John Tomlinson, www.jt10000.com */

/* GENERAL */
body {background: #E1D7C1; color: #006; margin: 10px 5px; padding: 0; line-height: 1.4em; font-family: Georgia, "Times New Roman", serif; color: #006;  }
h1, h2, h3, h4, h5 {font-weight: normal; font-family: Georgia, "Times New Roman", serif; color: #006; background: transparent;  }

h1, h2 {font-size: 1.2em; text-transform: uppercase; font-weight: bold; letter-spacing: 0.1em;}
h2 small {font-size: 1.0em; font-weight: normal; text-transform: none; }
.subpagehead {font-size 1.0em; text-transform: none; font-weight: normal; letter-spacing: 0; font-style: italic;}
h3 {font-size: 1.0em; text-transform: uppercase; letter-spacing: 0.1em;}
h4 {font-style: italic; font-weight: normal;}
p {margin: 0 0 1.0em 0; }

a:link {color: #00f;}
a:visited {color: #039; }
a:active, a:hover {color: #00f; }


#top {border-left: 2px solid #0069AA; border-right: 1px solid #0069AA;}
#top, #foot {width: 90%; padding: 0 0 0 0; margin: auto ; border: 0; }
#main {width: 90%; padding: 0 10px 0 0; margin: auto ;  background: #fff; border-left: 1px solid #0069AA; border-right: 1px solid #0069AA; }

#top, .text {Georgia, "Times New Roman", sans-serif;  }

#foot {background: #0069AA; color: #fff; line-height: 18px; font-family: Arial, Helvetica, sans-serif; font-size: 11px; text-align: center; border: 1px solid #0069AA;}

.hometext, .text {padding: 5px 0 0 25px;}
.hometext p { }
.hometext ul {margin-bottom: 0.5em; margin-top: 0; padding-top: 0;}
p.chap {margin-bottom: 0; padding-bottom: 0;}
ul.tight {margin-top: 0; padding-top: 0;}

/* LOGO AND MOTTO AREA */
#top {background: url(heads/cabecera.gif) #003;}
#top p {font-size: 1.3em; line-height:1.1em; font-family: Georgia, "Times New Roman", sans-serif; color: #fff; text-transform: none; font-style: italic; font-weight: normal; padding: 0; margin: 72px 0 0 0;}
#top a:link, #top a:visited, #top a:active, #top a:hover  {#fff; text-decoration: none;}

/* SIDE NAVIGATION */
#navside {padding: 0; margin: 0; background: #C3D7A5; width: 140px; border: 0;}
#navcontainer {width: 100%; margin:0; padding: 0; }
#navcontainer ul {margin-left: 0; padding-left: 0; list-style-type: none;  }
ul#navlist li {line-height: 1.1em; letter-spacing: 0.1em; text-transform: uppercase; font-family: Arial, Helvetica, sans-serif; font-size: 11px; }
#navcontainer a {display: block; padding: 3px 3px 3px 10px; width: 140px; background-color: #C3D7A5; border-bottom: 1px solid #004;  }
#navcontainer a:link, #navlist a:visited {color: #009; text-decoration: none; }
#navcontainer a:hover {background-color: #0069aa; color: #fff;}
#current {background-color: #0069aa  ! important; color: #fff ! important; cursor: default ! important;}
a#section:link, a#section:visited, a#section:active   {background-color: #fff  ! important; color: #009 ! important;}
a#section:hover {background-color: #0069aa ! important; color: #fff ! important;;}

#subnav {text-transform: none ! important; font-size: 90%;}
#subnav a {display: block; padding: 3px 3px 3px 20px; width: 130px; background-color: #fff; border-bottom: 1px solid #004;  }
#subnav a:link, #subnav a:visited {color: #009; text-decoration: none; }
#subnav a:hover {background-color: #0069aa; color: #fff;}
#subnav #current { color: #fff ! important;}



/* PICTURES AND BOXES */
.leftpic, .leftphoto {float: left; margin: 0 10px 0 0;}
.rightpic, .rightphoto {float: right; margin: 0 5px 0 5px ;}
.rightbox200 {float: right; margin: 5px 5px 5px 15px ; padding: 5px; width: 200px; font-size: 90%; font-family: Arial, Helvetica, sans-serif; border-top: 3px solid #0069aa; border-bottom: 3px solid #0069aa;} 
.rightbox {float: right; margin: 0 5px 0 5px ; padding: 5px; font-size: 90%; font-family: Arial, Helvetica, sans-serif; border-top: 3px solid #0069aa; border-bottom: 3px solid #0069aa;} 
.rightbox200 strong,  {font-weight: normal; text-transform: uppercase; letter-spacing: 0.1em;}
/* .newsbox300 strong {font-weight: bold; text-transform: uppercase; letter-spacing: 0.1em;} */
.rightbox200 li, .rightbox ul {margin-top: 0; margin-bottom: 0; }

.newsbox300 {float: right; margin: 0 5px 0 5px ; padding: 5px; width: 304px; font-family: Arial, Helvetica, sans-serif;  } 
.impactbox {float: right; margin: 0 5px 0 5px ; padding: 1px; width: 300px; font-family: Arial, Helvetica, sans-serif; background: #0069aa; color: #fff; padding: 2px; border: 1px solid #0069aa; }
.impactbox h3 {color: #fff; margin: 0; padding: 0; font-family: Arial, Helvetica, sans-serif;}
.impactbox ul {margin:0; padding-top: 0; padding-right: 5px;}

.blueback {background: #0069aa; color: #fff; padding: 4px;}
.blueback p {margin-bottom: 6px; font-size: 85%; line-height: 1.3em;}

.blueback a:link, .blueback a:visited, .blueback a:active, .blueback a:hover {color: #fff;}

.gifts {width: 100%;}
.gifts td {padding: 0 1.0em 0.3em 0;}
.giftbutton {float: left; margin-right: 0.5em; width: 120px; padding: 0 0 3px 0; background-color: #003  ! important; color: #fff ! important; font-family: Arial, Helvetica, sans-serif; font-weight: bold; text-align: center;  text-transform: uppercase; font-size: 85%}
.giftbutton a:link, .giftbutton a:link, .giftbutton a:visited  {color: #fff; text-decoration: none;}
.giftbutton a:hover {color: #fff; text-decoration: underline;}

.learnbutton {float: left; margin-right: 0.5em; width: 110px; padding: 0 0 1px 0; background-color: #003  ! important; color: #fff ! important; font-family: Arial, Helvetica, sans-serif; font-weight: normal; text-align: center;  text-transform: uppercase; font-size: 70%}
.learnbutton a:link, .learnbutton a:link, .learnbutton a:visited  {color: #fff; text-decoration: none;}
.learnbutton a:hover {color: #fff; text-decoration: underline;}

#navside img, .rightphoto, .leftphoto  {border: 1px solid #003;}


/* MISC */
.tnr {font-family: "Times New Roman", serif;}

.pullcentered {text-align: center; text;  font-size: 1.2em; margin: 2.0em 6.0em; color: #2c56a3; font-style: italic;}

#footcontact a:link, #footcontact a:visited  {color: #fff; text-decoration: none;}
#footcontact a:active, #footcontact a:hover {color: #fff; text-decoration: underline;}

.formfield {width: 300px ; border: 1px #004 solid; margin: 0 0 5px 5px; }
.submit {border: 1px #004 solid; margin-left: 5px;  }
label {font-family: Arial, Helvetica, sans-serif; font-size: 13px; line-height: 16px;}

.infotable {border: 1px solid #004; margin: 0 5px 5px 0; float: left;}
.infotable td {padding: 3px;}


#catalogue h3 {margin: 2.0em 0 0 0; }
#catalogue h4 {margin: 0 ! important; padding-bottom: 0 ! important;}
#catalogue ul {margin-top: 0 ! important; margin-bottom: 0; padding-top: 0 ! important;}