/* - - - - - - [ Undo browser HTML defaults ] - - - - - -  */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-size: 1em;
vertical-align: baseline;
background: transparent;
}
body {line-height: 1;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after,
q:before, q:after {content: '';content: none;}
:focus {outline: 0;}
ins {text-decoration: none;}
del {text-decoration: line-through;}
/* tables still need 'cellspacing="0"' in the markup */
table {border-collapse: collapse;border-spacing: 0;}
/* - - - - - - [ Undo browser HTML defaults ] - - - - - -  */

body {
margin:0; padding:0;
background:#fff;
}
/* - - - - - - - - - -  [ Typography ] - - - - - - - - - - - - - - - - - - - -  		
text-size base:          16px
text-size default        1em          	= 16px
text-size smallest:     .75em     		= 12px          calc [12px/16px = .75]
text-size largest:       1.125em   	= 18px          calc [18px/16px = 1.125]
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */
html { font-size:100.01%; }
body { font-size:1em; }
html, body, form, label, input, textarea, p, li{
font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; 
line-height:1.3em;
text-align:left;}
h1{
padding:0.5em 0 0.5em 0;
font-size:1.2em;
/*color:#597c9f;*/
color:#993300;
font-weight:normal;
}
h2, h3, h4, h5, h6, h7{
padding:1em 0 0.5em 0;
/*color:#597c9f;*/
color:#993300;
font-weight:normal;
}
h2{font-size:1.1em;}
h3, h4, h5, h6, h7{font-size:1em;}
p { font-size:0.9em;margin: 0.5em 0 ;}
a { text-decoration:none; }
a:visited{color:#0000ff;text-decoration:underline;}
.copy { text-align:center; }
.clr{clear:both;}
#footer p{  font-size:0.8em; }
#left  ul a{
font:normal 0.8em Trebuchet MS, Arial, sans-serif;
text-transform: none;
text-decoration:none;    
}
#middle-left ul{
display:block;
margin: 0.5em 0 1.5em .5em;
}
#middle-left li{
font-size:0.9em;
background : url(/image-files/pattern.gif) no-repeat 0 20%; 
padding : 0 0 0 22px;
}
p.returnTo a {
display:inline-block;
-moz-border-radius-bottomleft:8px;
-moz-border-radius-bottomright:8px;
-moz-border-radius-topleft:8px;
-moz-border-radius-topright:8px;
background:#FFFFFF none repeat scroll 0 0;
border:1px solid #ccc;
color:#0000FF;
padding:0.5em 1em;
text-decoration:none;
margin-top:1em;
}
/*
p.returnTo{
display:block;
margin:2em 0 0 0;
padding:1em; 
border:1px solid #ddd; 
background:#fff; 	
}
p.returnTo a{
    text-decoration:none;
color:#0000ff;
}*/
p.blogIntro{
margin-bottom:1.5em;
}
hr{color:#659;}
#learn-spanish-blog .column-in a{
font-size:0.8em;
}
/* - - - - - - - - - -  [ Typography ] - - - - - - - - - - - - - - - - - - - - */
/* - - - - - - - - - -  [ Layout ] - - - - - - - - - - - - - - - - - - - - */
#header {
width: 60em; 
margin: 0 auto; 
padding:0;
/*background:/#659;*/
background: url(/image-files/hbg.jpg) repeat-x 0 0;/*      top left repeat-x;*/
height:8em; 
-moz-border-radius:8px;
-webkit-border-radius:8px;
}
#main1 {
width: 60em;
text-align: left; 
margin: 0 auto; 
padding:0;
background:#fff;/*#fff*/
border-left:0px solid #659;
border-right:0px solid #659;
}
#main2 {
margin:0; padding:0;
background:transparent;
}
#middle {
float:right;
width:80%;
margin:0; padding:0;
background:#fff;/*#fff*/
}
#middle-left{
float:left;
width:75%;
/*width:100%;*/
padding:0;
background:transparent;

}
#middle-right {
float:right;
width:25%;
/*width:0;*/
margin:1em 0 0 0;  padding:0;
background:transparent;
}
#left {
float:left;
width:20%;
margin:1em 0 0 0; padding:0;
background:#fff;
}
.column-in {
margin:0; padding:0.5em 1em;
}
#middle-left .column-in {
margin:0 0 0 1em;
}
.header-in {
width: 50em;
text-align: left; 
margin: 0 auto; 
padding:0;
height:9em;
line-height:9em;
}
.headTxt{
color:#fff;
width:100%;
margin-left:24%;
font-family:Trebuchet MS, Arial, sans-serif;
font-size:1.7em;
}

#footer{
width: 60em; 
margin: 0 auto 0 auto; 
padding:1em 0 0 0;

background: url(/image-files/hbg.jpg) repeat-x 0 0;

height:8em; 
-moz-border-radius:8px;
-webkit-border-radius:8px;
color:#fff;}	
#footer .column-in{
width: 50em;
text-align: left; 
margin: 0 auto; 
padding:0;
background:transparent;height:7em; 
line-height:7em; 
}
#footer #copyright{
width:100%;
margin-top:1em;
text-align:center;
}	
#footer ul#footernav li{
    list-style:none;
   display:block;
    float:left;     
width:100%;    
text-align:center;    
}
#footer ul#footernav li a{
    font-size:0.8em;
    color:#0000ff; 
}
#middle-left .widget{
		display:block;
		width:200px;
		float:right;
		margin:0 0 10px 10px;
	}	

.cleaner {
clear:both;
height:1px;
font-size:1px;
border:none;
margin:0; padding:0;
background:transparent;
}
/* - - - - - - - - - -  [ Layout ] - - - - - - - - - - - - - - - - - - - - */

/* - - - - - - - - - -  [ paragraph floats ] - - - - - - - - - - - - - - - - - - - - */
.p-left{
display:block;
float:left;
background:#fff;
border:0px solid #ddd;
margin:.5em 1em .5em 0;
padding:6px;
}
/* - - - - - - - - - -  [ paragraph floats ] - - - - - - - - - - - - - - - - - - - - */

/* - - - - - - - - - -  [ Images] - - - - - - - - - - - - - - - - - - - - */
.img-left{
display:block;
float:left;
background:#fff;
border:0px solid #ddd;
margin:.5em 1em .5em 0;
padding:6px;
}
.AlexaSiteStatsWidget{
display:block;
float:left;
background:#fff;
border:0px solid #ddd;
margin:.5em 1em .5em 0;
padding:6px;
}
.img-right{
display:block;
float:right;
background:#fff;
border:0px solid #ddd;
margin:.5em 0 .5em 1em;
padding:6px;
}

a img{border:none;}
/* - - - - - - - - - -  [ Images] - - - - - - - - - - - - - - - - - - - - */

/* - - - - - - - - - -  [ Left Nav ] - - - - - - - - - - - - - - - - - - - - */	

/* Root */
ul#nav,
ul#nav li,
ul#nav ul {
margin: 0;
border: 0 none;
padding: 0;
width: 90%; 
list-style: none;
}
ul#nav ul{z-index:1000;}
ul#nav:after /*From IE 7 lack of compliance*/{
clear: both;
display: block;
content: ".";
height: 0;
visibility: hidden;
}

ul#nav li {
float: left; /*For IE 7 lack of compliance*/
display: block !important; /*For GOOD browsers*/
display: inline; /*For IE*/
position: relative;
background : #fff/* url(/image-files/dot.gif) repeat-x 0 100%*/;
}

/* Root Menu */
ul#nav a {
padding:4px 6px 4px 12px;
display: block;
color :#911719;
text-decoration: none;
height: auto !important;
height: 1%; /*For IE*/
}

/* Root Menu Hover Persistence */
ul#nav a:hover,
ul#nav li:hover a,
ul#nav li.iehover a {
background : #fff/* url(/image-files/dot.gif) repeat-x 0 100%*/;
color : #8f8c73;
}

/* 2nd Menu */
ul#nav li:hover li a,
ul#nav li.iehover li a {
background : #fff/* url(/image-files/dot.gif) repeat-x 0 100%;*/;
color :#a60400;
padding:4px 0 4px 0;
}

/* 2nd Menu Hover Persistence */
ul#nav li:hover li a:hover,
ul#nav li:hover li:hover a,
ul#nav li.iehover li a:hover,
ul#nav li.iehover li.iehover a {
background : #fff /*url(/image-files/dot.gif) repeat-x 0 100%*/;
color : #8f8c73;
}
ul#nav ul {
display: none;
position: absolute;
top: 0;
left: 156px;
}
/* Do Not Move - Must Come Before display:block for Gecko */
ul#nav li:hover ul ul,
ul#nav li:hover ul ul ul,
ul#nav li.iehover ul ul,
ul#nav li.iehover ul ul ul {
display: none;
}
ul#nav li:hover ul,
ul#nav ul li:hover ul,
ul#nav ul ul li:hover ul,
ul#nav li.iehover ul,
ul#nav ul li.iehover ul,
ul#nav ul ul li.iehover ul {
display: block;
width:100%;
}
/* - - - - - - - - - -  [ Left Nav ] - - - - - - - - - - - - - - - - - - - - */	
/* - - - - - - - - - -  [ Contact ] - - - - - - - - - - - - - - - - - - - -  */		
        #middle-left form li{
            background : transparent;
            background-image:none;
           clear:both;margin-bottom:1em; 
        }		
	    form ul{list-style:none;}
        li label{
            display:block;
            float:left;
            width:40%;  
            text-align:right;
            margin-right:2em; }
        li.note{
            text-align:center;
            font-weight:bold;
        }
        #middle-left form li.err
        {
            color:#ff0000;font-weight:normal; margin:0 0 .6em 0;
            }		
/* - - - - - - - - - -  [ Contact ] - - - - - - - - - - - - - - - - - - - -  */		            		
        #social_div{
			clear:both;
            border:1px solid #ccc;
            
            padding:1em 0; 
            margin:2em 0 1EM 0; 
           z-index:1; 

-moz-border-radius-bottomleft:8px;
-moz-border-radius-bottomright:8px;
-moz-border-radius-topleft:8px;
-moz-border-radius-topright:8px;		   
        }
        #middle-left #social_div .socialHead{
        font-size:.9em;
        margin:0 0 0.5em 1.4em;
        padding:0; 
        }
        #middle-left #social_div ul{
           margin:0;
           padding:0;
        }
        #middle-left #social_div li{
            display:block;
            list-style-type:none;
            background:transparent; 
            float:left; 
            margin-bottom:2px; 
        }
        div.youTube{
            float:right;
            border:1px solid #ddd;
            margin:.5em 0 .5em 1em;
           padding:10px;             
        }
        div #toc{
            margin:2em 0 0 0;
           padding:1em; 
            border:1px solid #ddd; 
			background:url(/image-files/transpBlack10.png) repeat; 
        }
		div #toc p.toc_description{
			margin:-.5em 0 1em 0;
		}
        #tooltip{
        position:absolute;
        border:1px solid #ddd;
        background: url(/image-files/transpBlue50.png) repeat;
        padding:5px 10px;
        color:#333;
        display:none;
        font-size:0.8em;
        color:#fff;
        -moz-border-radius: 10px;
        -webkit-border-radius : 10px;	
        }	
	#shareSite{
	width:100%;
	height:7em;
	color:#597c9f;
	padding:0.5em;
	overflow:auto;
	margin:auto;
	font-family:georgia;
	border:1px solid #ddd;
	font-size:0.7em;}

	#ShowShareSite{
	width:100%;
	height:5em;
	color:#000;
	padding:0.5em;
	overflow:auto;
	background:#ddd;
	border:1px solid #fff;
	font-size:0.8em;
	}	
	
/* - - - - - - - - - -  [ Adsense ] - - - - - - - - - - - - - - - - - - - -  */		            		

span.adsenceRight{
	float:Right;
	margin:.2em 0 .2em .7em;
}

span.adsenceLeft{
	float:left;	
	margin:.2em .7em .2em 0;
}

span.adsenceHorizontal{
	width:100%;
	margin:0 auto;
}

#sa{
-moz-border-radius-bottomleft:3px;
-moz-border-radius-bottomright:3px;
-moz-border-radius-topleft:3px;
-moz-border-radius-topright:3px;
/*background:#EB4C07 none repeat scroll 0 0;*/
border:0 none;
color:#000;
/*float:left;*/
font-weight:bold;
margin:0;
padding:0.2em 0;
text-align:center;
width:80px;
}