﻿body {
	margin:0px;
	background-color:#FFF;
/*	background-image:url('/images/shadowBackground.gif');*/
	background-position:center;
	background-repeat:repeat-y;
	font-family: HelveticaNeue-Light, "Helvetica Neue Light", "Helvetica Neue", helvetica, arial, HelveticaNeue-Light, "Helvetica Neue Light", "Helvetica Neue", helvetica, arial;
	color:#222;
	font-size:12pt;
}

a {
	color:#b19a66;
	text-decoration:underline;
}

a:hover {
	text-decoration:underline;
}

a:visited {
	color:#907d52;
}

img {
	border:0px;
}

h1 {
	margin:0px;
	color:#3f98cb;
	font-size:12pt;
}

h2 {
	margin-top:0;
	margin-bottom:0;
	padding-left:0;
	padding-right:0;
	color:#2279ab;
	font-size:12pt;
	width:27em;
}

h3 {
	margin-top:0px;
	margin-bottom:0px;
	font-size:12pt;
	color:#111;
}

h4 {
	margin-top:0px;
	margin-bottom:0px;
	font-size:12pt;
	color:#111;
}

p {
	line-height:150%;
	font-size:12pt;	
}

ul {
	margin-left:18px;
	margin-right:18px;
	margin-top:0em;
	margin-bottom:.5em;
	display:table;
	width:504px;
}

form {
	margin:0px;
	padding:0px;
}

fieldset {
	margin-left:13px;
	margin-right:13px;
	margin-bottom:13px;
	border:1px solid #507986;
	padding:.5em;
}

legend {
	padding-left:5px;
	padding-right:5px;
	padding-top:2px;
	padding-bottom:2px;
	border:1px solid #507986;
}

fieldset p {
	font-size:12pt;
	margin:0px;
	padding:0px;
	width:100%;
	text-align:left;
}

#headerAd {
	padding-top:1em;
	padding-bottom:1em;
	background-color:#a4c2c7;
	width:100%;
	text-align:center;
}

#headerContainer {
	padding:0px;
	background-color:#3f98cb;
	width:100%;
	display:table;
}

#header {
	width:767px;
	margin-left:auto;
	margin-right:auto;
	display:table;
	padding-top:1em;
}

#logo {
	float:left;
	clear:none;
	display:table;
	width:100%;
	margin-top:1em;
}

#globalNav {
	float:right;
	clear:none;
	display:table;
	background-color:#2279ab;
	color:#FFF;
	padding-top:5px;
	padding-bottom:5px;
	padding-left:1em;
	padding-right:1em;
	font-size:12pt;
	vertical-align:bottom;
}

#globalNav a {
	color:#FFF;
	text-decoration:none;
}

#globalNav a:hover {
	text-decoration:underline;
}

#main {
	width:768px;
	margin-left:auto;
	margin-right:auto;
}

#mainMenu {
	width:23%;
	float:left;
	clear:left;
	background-color:#DDD;
	padding-bottom:1em;
	padding-top:0em;
	margin-bottom:2em;
	margin-left:0px;
	margin-right:0px;
	background-image:url('/images/roundedBottom.gif');
	background-position:bottom;
	background-repeat:no-repeat;
}

#mainMenu .section {
	margin-top:1em;
	width:100%;
	font-size:12pt;
}

#mainMenu .section a, #mainMenu b, #mainMenu a {
	color:#000;
	white-space:nowrap;
	text-decoration:none;
	width:100%;
	margin-bottom:.5em;
}

#mainMenu .section b {
	padding:0px 0px 0px 12px;
	display:block;
}

#mainMenu .section a {
	padding:0px 0px 0px 12px;
	text-decoration:none;
	display:block;
}

#mainMenu .ios {
	padding:7px 0px 7px 12px;
}

#mainMenu img {
	float:left;
}

#mainMenu .section a:hover, #mainMenu a:hover {
	text-decoration:underline;
}

#mainMenu a.button:hover {
	text-decoration:none;
}

#content {
	width:77%;
	display:table;
	float:left;
}

#footerAd {
	width:768px;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
	padding-top:1em;
	 margin-top:1em;
}

#footerContainer {
	padding:0px;
	width:100%;
	float:left;
	clear:both;
}

#footer {
	width:728px;
	margin-left:auto;
	margin-right:auto;
	padding-bottom:1em;
	text-align:right;
	font-size:12pt;
	display:table;
}

a.button {
	padding-top:3px;
	padding-bottom:2px;
	padding-left:5px;
	padding-right:5px;
	color:#FFF;
	background-color:#3f98cb;
	text-decoration:none;
	height:1.5em;
	font-size:12pt;
}

a.button:hover {
	background-color:#DDD;
	text-decoration:none;
}

.soundPlayer {
	margin:0px;
	padding:0px;
}

#errorMessages {
	margin-left:1em;
}

table {
	border-spacing:0px;
	border-collapse:collapse;
}

td {
	padding-top:2px;
	padding-bottom:2px;
	padding-left:5px;
	padding-right:5px;
	border-right:1px solid #DDD;
}

.gray td {
	background-color:#DDD;
}

.specialChar {
	padding:1px;
	color:#2279ab;
	height:1em;
	width:1em;
	font-size:9pt;
}

.specialChar:hover {
	text-decoration:underline;
}

/************
	Specific Content for INDEX.PHP
************/

#index {
	background-image:url('/images/sanTelmo3.jpg');
	width:591px;
	display:table;
	margin-bottom:1em;
	background-position:bottom;
	background-repeat:none;
}

#whatIsSpanish {
	margin-top:7em;
	margin-bottom:2em;
	margin-right:2em;
	float:right;
	clear:right;
	width:300px;
	background-color:#FFFFFF;
	border:1px solid #CCC;
	padding-bottom:10px;
}

#whatIsSpanish p {
	margin-left:17px;
	margin-right:17px;
	margin-bottom:13px;
	margin-top:7px;
	line-height:150%;
}

#whatIsSpanish h2 {
	margin-left:17px;
	margin-right:17px;
	margin-top:17px;
	margin-bottom:0px;
	width:auto;
}

#vosPodesAprender {
	margin-right:1em;
	float:right;
	clear:right;
	text-align:right;
}

/************
	Specific Content for CONTACT.PHP
************/

#contact {
	width:591px;
	display:table;
	padding:1em;
}

/************
	Specific Content for VIEWWORD.PHP
************/

#viewWord {
	margin-left:13px;
}

#wordInfo {
	font-size:24pt;
	font-weight:bold;
}

.spanish {
	color:#2279ab;
}

#viewWord p {
	margin-top:7px;
}

#viewWord table {
	font-size:10pt;
	border-bottom:1px solid #DDD;
}

#viewWord td {
	text-align:center;
}

th.tense {
	background-color:#3f98cb;
	color:#FFF;
	height:2.5em;
	width:12em;
	padding-left:5px;
	padding-right:5px;
	vertical-align:middle;
}

th.tense a {
	color:#FFF;
	text-decoration:none;
}

td.vos {
	border:1px solid #3f98cb;
	background-color:#FFF;
	font-weight:bold;
	width:12em;
}

.gray td.vos {
	border-top:0px;
}

th.person {
	background-color:#2279ab;
	color:#FFF;
	border:0px;
}

th.person a {
	color:#FFF;
	text-decoration:none;
}

/************
	Specific Content for VERBCONJUGATIONCHARTS.PHP
************/

#verbConjugationCharts {
	padding:1em;
}

#verbConjugationCharts p {
	margin-top:8px;
	margin-bottom:0px;
}

#verbConjugationCharts table {
	margin-top:8px;
	margin-bottom:1em;
	border-left:1px solid #DDD;
	border-bottom:1px solid #DDD;
}

/************
	Specific Content for CONJUGATIONHELP.PHP
************/

#conjugationHelp {
	padding:1em;
}

#conjugationHelp h2 {
	margin-top:1em;
}

#conjugationHelp p {
	margin-top:.5em;
	margin-bottom:.5px;
}

#conjugationHelp {
	padding-bottom:1em;
}

.conjugationExample {
	font-size:12pt;
	border:1px solid #DDD;
	padding:4px;
	margin-bottom:1em;
	margin-top:4px;
	display:table;
}

.conjugationDescription {
	padding:1px;
}

/************
	Specific Content for CONJUGATIONTRAINER.PHP
************/

#conjugationTrainer {
	padding:1em;
}

#response {
	border-top:1px solid #DDDDDD;
	border-left:1px solid #DDD;
	padding:.5em;
	font-size:12pt;
	margin-top:.5em;
}

.correct {
	color:green;
	font-weight:bold;
}

.incorrect {
	color:red;
	font-weight:bold;
}

#question {
	border-left:1px solid #DDD;
	font-weight:bold;
	padding:.5em;
}

#answer {
	border-left:1px solid #DDD;
	text-align:center;
	padding:1em;
}

#conj {
	margin-top:1em;
}

#conj table {
	border-bottom:1px solid #DDD;
}

#conj th {
	background-color:#3f98cb;
	color:#FFF;
	padding-left:.5em;
	padding-right:.5em;
	height:2em;
}

#conj td {
	border-top:1px solid #DDD;
}

/************
	Specific Content for LINKS.PHP
************/

#verbConjugationCharts {
	padding:1em;
	margin-bottom:4px;
}

#verbConjugationCharts h2 {
	font-size:12pt;
	margin-top:3px;
	margin-bottom:5px;
	padding-top:3px;
	padding-left:.5em;
	padding-bottom:3px;
	color:#FFF;
	background-color:#3f98cb;
}

#verbConjugationCharts th {
	background-color:#3f98cb;
	border-bottom:1px solid #3f98cb;
	color:#FFF;
	padding-left:.5em;
	text-align:left;
	width:50%;
}

#verbConjugationCharts td {
	padding-left:.5em;
	padding-right:.5em;
	text-align:left;
	width:50%;
	font-weight:bold;
	border-bottom:1px solid #DDD;
}

#verbConjugationCharts td.english {
	font-weight:normal;
}

.link {
	font-size:12pt;
	margin-bottom:.5em;
	width:27em;
}

#conjugationHelp h2 {
	font-size:12pt;
}

/************
	Specific Content for conjugationGuess.PHP
************/

#conjugationGuess {
	padding:1em;
}

#guessTheTense {
	margin-top:.5em;
	margin-bottom:.5em;
}

#guessTheTense td {
}

#guessConj {
	font-size:14pt;
	color:#FFF;
	background-color:#3f98cb;
	text-align:center;
	font-weight:bold;
}

#guessEnglish {
	background-color:#DDD;
	font-size:12pt;
	text-align:center;
}

#guessAudio {
	text-align:center;
	border-right:1px solid #DDD;
	border-bottom:1px solid #DDD;
}

#buttons {
	white-space:nowrap;
	padding:.5em;
	border-right:none;
}

#privacy, #termsOfUse {
	margin:1em;
}

/************
	Specific Content for PRONOUNS.PHP
************/

#pronouns {
	padding:1em;
}

#pronounTable {
	margin-top:1em;
}

#pronounTable th {
	padding-left:1em;
	padding-right:1em;
	color:#FFF;
	background-color:#2279ab;
	height:1.5em;
}

#pronounTable td {
	text-align:center;
	border-bottom:1px solid #DDD;
}

#pronounSubtitles td {
	color:#3f98cb;
	background-color:#EEE;
}

.pronounEnglish td {
	font-size:12pt;
	font-style:italic;
	background-color:#EEE;
	color:#444;
}

td.sectionStart {
	border-left:1px solid #DDD;
}

#pronounTable td.pronounBlank {
	background-color:#FFF;
	border-bottom:0px;
	border-right:1px solid #DDD;
}