body {
font-family: Arial,sans-serif; font-size:14pt;
background-color: #ECE6E6; color: black;
}
A:link {text-decoration: none; color: blue}
A:visited {text-decoration: none; color: blue}
A:active {text-decoration: none}
A:hover {text-decoration: underline; color: maroon;}

h1 {font-family:Arial,sans-serif; font-size:18pt; font-weight:bold; text-align:center; text-decoration:underline;}
h2 {font-family:Arial,sans-serif; font-size:16pt; font-weight:bold; text-align:center; text-decoration:underline;}
h3 {font-family:Arial,sans-serif; font-size:14pt; font-weight:bold; text-decoration:underline;}
h4 {font-family:Arial,sans-serif; font-size:14pt; font-weight:bold; }
h5 {font-family:Arial,sans-serif; font-size:14pt; font-weight:bold; }

div.top-image {
    width: 100%;
    height: 150px;
    background-image: url('../images/st-andrews-college_curso-ingles-grupo-jovenes.jpg');
    background-repeat: no-repeat;
    background-size: 100% 100%;
    border: 1px solid black;
}

table.top {
cellpadding:0; cellspacing:0; width:100%; margin-top:1pt; margin-bottom:1pt;
}
td.one {
 vertical-align:top;
font-family: Arial,sans-serif; font-size:14pt; 
background-image:url('../images/spanish-man-english-woman-top.jpg'); width:240px; height:200px; border:0;
background-repeat:no-repeat;
}
td.two {
 vertical-align:top;
font-family: Arial,sans-serif; font-size:14pt; 
background-image:url('../images/san-francisco-usa.jpg'); width:222px; height:140px; border:0;
background-repeat:no-repeat;
}
td.three {
 vertical-align:top;
font-family: Arial,sans-serif; font-size:14pt; 
background-image:url('../images/london.jpg'); width:211px; height:140px; border:0;
background-repeat:no-repeat;
}
td.four {
 vertical-align:top;
font-family: Arial,sans-serif; font-size:14pt; 
background-image:url('../images/sevilla-city.jpg'); width:211px; height:140px; border:0;
background-repeat:no-repeat;
}
td.five {
 vertical-align:top;
font-family: Arial,sans-serif; font-size:14pt; 
background-image:url('../images/peru.jpg'); width:235px; height:140px; border:0;
background-repeat:no-repeat;
}
td.six {
 vertical-align:top;
font-family: Arial,sans-serif; font-size:14pt; 
background-image:url('../images/girl-writing-emails.jpg'); width:133px; height:200px; border:0;
background-repeat:no-repeat;
}
td.logo {
 vertical-align:top;
font-family: Arial,sans-serif; font-size:14pt; 
background-image:url('../images/top_logo_gram_inglesa.gif');  width:515px; height:58px; border:0;
background-repeat:no-repeat;background-position: 50% 20%; 
padding-top:6px; padding-left:6px; padding-right:6px;
font-family: Arial,sans-serif; font-size:14pt;
}
div#centrelogo {
background-repeat:no-repeat;background-position: 50% 20%; 
}
#container{
margin-left: auto;
margin-right: auto;
text-align: left;
width:100%;
}
table.main {
cellpadding:0; cellspacing:0; width:100%; margin-top:1pt; margin-bottom:1pt;
}
td.left {
width:18%; vertical-align:top;
font-family: Arial,sans-serif; font-size:14pt;
background-image:url('../images/background_index_page_left.png'); border:0;
background-repeat:repeat-x; background-color:#DEEFFE;
padding-top:20px; padding-left:6px; padding-right:6px;
}
td.middle {
width:64%; vertical-align:top;
font-family: Arial,sans-serif; font-size:14pt;
padding-top:0px; padding-left:15px; padding-right:15px;
}
td.right {
width:180px; vertical-align:top;
text-align:center;
font-family: Arial,sans-serif; font-size:14pt;
background-image:url('../images/background_compile_email.png'); border:0;
background-repeat:repeat-x; background-color:#F6F0F0;
}
table.email {
width:85%;
margin-left:auto; 
margin-right:auto;
border-width: 2px;
border-spacing: 2px;
border-style: outset;
border-color: gray;
border-collapse: collapse;
horizontal-align:center;
}
table.letterformat {
width:85%;
margin-left:auto; 
margin-right:auto;
border-width: 2px;
border-spacing: 2px;
border-style: outset;
border-color: gray;
border-collapse: collapse;
background-color:white;
}
td.letterformat2 {
padding-top:40px; padding-left:40px; padding-right:40px; padding-bottom:40px;font-size:14pt;
}
td.emailtable {
width:100%; vertical-align:top;
font-family: Arial,sans-serif; font-size:14pt;
background-color:#F7E1D5;
padding-top:10px; padding-left:10px; padding-right:10px; padding-bottom:10px;
color:maroon;
}
td.half_emailtable {
width:50%; vertical-align:top;
font-family: Arial,sans-serif; font-size:14pt;
background-color:#F7E1D5;
padding-top:10px; padding-left:10px; padding-right:10px; padding-bottom:10px;
color:maroon;
}
td.emailtable2 {
width:75%; vertical-align:top;
font-family: Arial,sans-serif; font-size:14pt;
background-color:#DEEFFE;
padding-top:10px; padding-left:10px; padding-right:10px; padding-bottom:10px;
color:navy;
}
td.punct {
width:25%; vertical-align:top;
font-family: Arial,sans-serif; font-size:14pt;
background-color:#F7E1D5;
padding-top:6px; padding-left:6px; padding-right:6px; padding-bottom:6px;
color:navy;
}
p.centremaroon {
font-family: Arial,sans-serif; font-size:14pt; color:maroon; 
text-align:center;
}
td.quest_answer {
width:50%; font-family: Arial,sans-serif; font-size:14pt;
padding-top:4px; padding-left:4px; padding-right:4px; padding-bottom:4px;
vertical-align:top;
}
p.centerit {
text-align:center; font-size:14pt;
}
p.gencenter {
text-align:center;font-family: Arial,sans-serif; font-size:14pt; line-height:120%;

}
p.gencenterbrown {
text-align:center;color:brown;font-family: Arial,sans-serif; font-size:14pt; line-height:120%;

}
p.genleftbrown {
color:brown;font-family: Arial,sans-serif; font-size:14pt; line-height:150%;

}
td.valinetop {
padding-top:3px; padding-left:5px; padding-right:5px; padding-bottom:3px;vertical-align:top;
}
option.dk {
background-color: #E4E0E0;
}
.align_right {
font-family: Arial,sans-serif; font-size:14pt; text-align:right; font-size:14pt;
}
table.gentable {
width:100%; 
padding-top:10px; padding-left:10px; padding-right:10px; padding-bottom:10px;vertical-align:top;
}
td.wide {
width:100%; font-family: Arial,sans-serif; font-size:14pt;
padding-top:6px; padding-left:6px; padding-right:6px; padding-bottom:6px;
vertical-align:top;background-color:#F7E1D5;
border-style: outset;
border-width: 2px;
border-spacing: 2px;
border-color: blue;
}
.strikethru {
font-family: Arial,sans-serif; font-size:14pt;text-decoration:line-through;
}
.italic {
font-family: Arial,sans-serif; font-size:14pt;font-style:italic;
}
.underline {
font-family: Arial,sans-serif; font-size:14pt;text-decoration:underline;
}
ul {
font-family: Arial,sans-serif; font-size:14pt; line-height:150%;

}
ul.two {
color:black !important; font-family: Arial,sans-serif; font-size:14pt; line-height:150%;

}
ul.index {
color:black !important; font-family: Arial,sans-serif; font-size:14pt; line-height:150%;

}
p {line-height:120%;}
p.ind_head {
font-family: Arial,sans-serif; font-size:14pt;
line-height:120%
}
table.gram_table {
width:100%;
border-collapse: collapse;
}
table.verb_demo {
width:30%;
background-color:#FFCC99
}
td.demo_cell {
width:33%;
font-family: Arial,sans-serif; font-size:14pt;
padding-top:6px; padding-left:10px; padding-right:10px; padding-bottom:6px;
}
td.demo_cell-r {
width:33%;
font-family: Arial,sans-serif; font-size:14pt;
padding-top:6px; padding-left:10px; padding-right:10px; padding-bottom:6px;
color:red;
}
td.demo_cell-m {
width:33%;
font-family: Arial,sans-serif; font-size:14pt;
padding-top:6px; padding-left:10px; padding-right:10px; padding-bottom:6px;
color:magenta;
}
td.gram_cell {
width:50%; vertical-align:top;
font-family: Arial,sans-serif; font-size:14pt;
padding-top:3px; padding-left:10px; padding-right:10px; padding-bottom:3px;
border-width: 2px;
border-spacing: 2px;
border-collapse: collapse;
}
.text_red {
font-family: Arial,sans-serif; font-size:14pt;
color:green;
}
.text_maroon {
font-family: Arial,sans-serif; font-size:14pt;
color:maroon;
}