body {
	margin: 0px;
	padding: 0px;
	line-height: 100%;
	text-align: center;
	min-width: 730px;
	font: 100% Verdana, Helvetica, sans-serif;
	color: #000000;
	background: #FFFFFF;
}

p, div {
	font: 11px Verdana, Helvetica, sans-serif;
	line-height:16px;
}

p { margin:0px; }

.clear {clear:both;}

.dropcap
{
float: left;
width: .7em;
font-size: 2em;
line-height: 83%;
}

.alignLeft {text-align: left;}
.alignCenter {text-align: center;}
.alignRight {text-align: right;}

.dkblue {color:#355272;}
.orange {color:#E46700;}
.green {color:#008469;}
.gold {color:#F4C000;}
.blue {color:#00A6D8;}
.dkred {color:#9C0053;}
.red {color:#C9001A;}
.purple {color:#842D9C;}

.TabArea
        {
                    background-color: White;
                    font-size: x-small;
                    position:relative;
                    top:0px;
                    height:400px;
                    z-index:-25;
        }


h1 {
	font: bold 16px Arial, Helvetica, sans-serif;
	color: #E46700;
	margin:0;
	border:0;
	padding: 10px 0 8px 0;
	line-height: 16px;
}

h2 {
	font: bold 14px Arial, Helvetica, sans-serif;
	color: #003366;
	margin: 0;
	padding-bottom: 10px;
	padding-top: 10px;
	line-height: 16px;
}


/*////////////// EMAIL
///////////////////*/

.reves {unicode-bidi:bidi-override; direction: rtl; color:#c00;}
.email {color:#000; text-decoration:none; border:0; font-size:2em; font-weight:bold;}

/*/////////////////////////////////*/

#promo {
	height: 120px;
}
#promo ul {
	float: left;
	width: auto;
	list-style: none;
	margin: 2px 0;
	padding-left: 9px !important;
	padding-left: 4px;
}
#promo li {
	float: left;
	margin: 6px;
}
#promo img {
	display: inline;
	float: left;
	margin: 8px 0 0 16px;
}

#img-products {
	width: 160px;
	height: 100px;
	background: url("../img/products_over.jpg") no-repeat;
}
#img-products a {
	width: 160px;
	height: 100px;
	background: url("../img/products.jpg") no-repeat;
	display: block;
}
#img-products a:hover {
	background: url("../img/products_over.jpg") no-repeat;
}
#img-services {
	width: 160px;
	height: 100px;
	background: url("../img/services_over.jpg") no-repeat;
}
#img-services a {
	width: 160px;
	height: 100px;
	background: url("../img/services.jpg") no-repeat;
	display: block;
}
#img-services a:hover {
	background: url("../img/services_over.jpg") no-repeat;
}
#img-about {
	width: 160px;
	height: 100px;
	background: url("../img/about_over.jpg") no-repeat;
}
#img-about a {
	width: 160px;
	height: 100px;
	background: url("../img/about.jpg") no-repeat;
	display: block;
}
#img-about a:hover {
	background: url("../img/about_over.jpg") no-repeat;
}

/*/////////////////////////////////*/

.titleGrn {
	font: bold 14px Arial, Helvetica, sans-serif;
	color: #008469;
	margin: 0px;
	padding: 0px;
}

ul { list-style-image: url(../img/bullet.gif); padding-top:-5px; border-top:0px; }

A:link { color: #3333CC; text-decoration: none; }
A:visited { color: #3333CC; text-decoration: none; }
A:hover { color: #E46700; text-decoration: none; }

.learnMore { 
	font-size: 10px;
	color: #E46700; 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	text-decoration: none; 
	font-weight: bolder;
	font-style: italic; 
	margin-right:0px;
	padding-right: 14px;
}

A.learnMore {
    font-size: 10px;
    color: #E46700;
    font-family: Verdana, Arial, Helvetica, sans-serif; 
    text-decoration: none;
    font-weight: bolder;
	font-style: italic;
	padding-right: 14px;
}

A.learnMore:visited {
    font-size: 10px;
    color: #E46700;
    font-family: Verdana, Arial, Helvetica, sans-serif; 
    text-decoration: none;
    font-weight: bolder;
	font-style: italic;
	padding-right: 14px;
}

A.learnMore:hover { 
	font-size: 10px; 
	color: #666666; 
	font-family: Verdana, Arial, Helvetica, sans-serif;  
	text-decoration:bolder; 
	font-weight:normal;
	font-style: italic; 
	background-image: url(../img/arr-sm.gif);
	background-color: transparent; 
	background-repeat: no-repeat; 
	background-position: right;
	padding-right: 14px;
}

.smLinks {
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 9.5px;
	font-weight: normal;
	color: #333;
		}
		
.smLinks A, .smLinks A:link, .smLinks A:visited, .smLinks A:active {text-decoration: none; color:#3333CC;}

.smLinks A:hover {text-decoration: none; color:red;}

.crumbs {
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: normal;
	color: #333;
		}
		
.crumbs A, .crumbs A:link, .crumbs A:visited, .crumbs A:active {text-decoration: none; color:#3333CC;}

.crumbs A:hover {text-decoration: none; color:red;}

#hintBox {background-image:url(../img/answer.gif); background-position:left; background-repeat:no-repeat;}

#missionBox {background-image:url(../img/book.gif); background-position:right bottom; background-repeat:no-repeat;}

.learning {padding-top:0; padding-bottom:0; margin-top:0; margin-bottom:0;}

.dropStyle {
width:160px;
color: #000000;
background-color: #F0F8FF;
font-family : Arial, Helvetica, sans-serif;
font-size : x-small;
}

.dropStyleW {
width:160px;
color: #000000;
background-color: #FFFFFF;
font-family : Arial, Helvetica, sans-serif;
font-size : x-small;
}

.dropStyle-selected {
width:160px;
color: #000000;
background-color: #FFFFFF;
font-family : Arial, Helvetica, sans-serif;
font-size : x-small;
}

#wrapper {
	text-align: left;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0px;
	margin-bottom: 5px;
}

/* ********** Head Images ********** */

#spanish, #study, #vocabulary, #professor, #professors, #directory, #journal, #programs, #students, #contact, #about, #sponsors, #projects, #history, #culture, #dictionary, #literature, #news-media, #translation, #linguistics, #faq {
	height: 126px;
	clear: both;
	background-color:#FFFFFF;
	background-repeat: repeat-x;
	}

#spanish {background-image: url(../img/bg-spanish-skyline.gif);}
#study {background-image: url(../img/bg-study.gif);}
#vocabulary {background-image: url(../img/bg-vocabulary.gif);}
#professor {background-color: #ACC4E0;}
#professors {background-image: url(../img/bg-molino.gif);}
#directory {background-image: url(../img/bg-online.gif);}
#journal {background-image: url(../img/bg-spanish-kings.gif);}
#programs {background-image: url(../img/bg-plaza.gif);}
#students {background-image: url(../img/bg-steeple.gif);}
#contact {background-image: url(../img/bg-wall.gif);}
#about {background-image: url(../img/bg-palace.gif);}
#sponsors {background-image: url(../img/bg-puzzle.gif);}
#projects {background-image: url(../img/bg-history.gif);}
#history {background-image: url(../img/bg-history.gif);}
#culture {background-image: url(../img/bg-culture.gif);}
#dictionary {background-image: url(../img/bg-dictionary.gif);}
#literature {background-image: url(../img/bg-literature.gif);}
#news-media {background-image: url(../img/bg-news.gif);}
#translation {background-image: url(../img/bg-translation.gif);}
#linguistics {background-image: url(../img/bg-linguistics.gif);}
#faq {background-image: url(../img/bg-acueducto.gif);}

/* ********** End Head Images 
			  Begin menuBlock ********** */
			  
.menuBlock, .study, .vocabulary, .professor, .professors, .directory, .journal, .programs, .students, .contact, .about, .sponsors, .projects, .history, .culture, .dictionary, .literature, .news-media, .translation, .linguistics, .faq {
	height:420px;
	margin-bottom: 5px;
	margin-right: 0px;
	padding:0;	
	border: 1px solid #CED5DD;	
	voice-family: "\"}\"";
	voice-family:inherit;
	background-repeat: no-repeat;
	background-position: bottom center;
	background-color: #FFFFFF;	
	}

.menuBlock {background-image: url(../img/spanish-people.jpg);}
.study {background-image: url(../img/vocabulary.jpg);}
.vocabulary {background-image: url(../img/vocabulary.jpg);}
.professor {background-image: url(../img/spanish-professor.jpg);}
.professors {background-image: url(../img/spanish-writing.jpg);}
.directory {background-image: url(../img/spanish-research.jpg);}
.journal {background-image: url(../img/kings.jpg);}
.programs {background-image: url(../img/spanish-class.jpg);}
.students {background-image: url(../img/spanish-students.jpg);}
.contact {background-image: url(../img/spanish-people.jpg);}
.about {background-image: url(../img/man.jpg);}
.sponsors {background-image: url(../img/man.jpg);}
.projects {background-image: url(../img/spanish-people.jpg);}
.history {background-image: url(../img/spanish-church.jpg);}
.culture {background-image: url(../img/spanish-people.jpg);}
.dictionary {background-image: url(../img/spanish-research.jpg);}
.literature {background-image: url(../img/spanish-books.jpg);}
.news-media {background-image: url(../img/spanish-research.jpg);}
.translation {background-image: url(../img/spanish-translator.jpg);}
.linguistics {background-image: url(../img/spanish-linguist.jpg);}
.faq {background-image: url(../img/spanish-linguist.jpg);}

/* ********** End menuBlock ********** */

#bannerContent {
	height: auto;
	clear: both;
	padding: 0px;
	margin-bottom:4px;
	line-height: 12px;
	background-image: url(../img/gradient.gif);
	background-repeat: repeat-y;
	background-color: #545E7B;
	border-top:1px solid #FFFFFF;	
	voice-family: "\"}\""; 
	voice-family:inherit;
}

.bannerText {
	width:1200px;
	height:28px;
	font-family:Sans Serif;
	font-size: 18px;
	color: #fff;
	font-weight: bolder;
	padding-left:10px;
	padding-top:6px;
	}

#leftCol {
	float: left;
	width: 140px;
}

#middleCol {
	float: left;
	width: 50%;
	margin: 0px 10px 0px 10px;
}

#mainCol {
	clear:right;
	float: left;
	width: 30%;!important
	margin: 0px;
}

#rightCol {
	float: left;
	width: 20%;
}

#rightColDir {
	float: left;
	width: 10%;
}

.english-spanish {
	position:relative; 
	left:0; 
	border-top: 140px solid #FFFFFF;
	}

.contentBlockLSub, .contentBlockRight {
	margin-bottom: 5px;
	margin-right: 5px;
	padding: 10px;	
	border: 1px solid #CED5DD;	
	voice-family: "\"}\""; 
	voice-family:inherit;
	border: 1px solid #CED5DD;	
	}
	
.contentBlockRight2, .contentBlockLSub2 {
	margin-bottom: 5px;
	margin-right: 5px;
	padding: 0px;
	}

.contentBlockHead, .contentBlockMiddle {
	margin-bottom: 5px;
	margin-right: 5px;	
	voice-family: "\"}\""; 
	voice-family:inherit;
	}

.contentBlockHead p {
	margin:0px; padding: 0px 0px 12px 8px; 
}

.contentBlockMiddle p {
	margin:0px; padding: 0px 0px 6px 8px; 
}

#contentCrumbs {
	margin-bottom: 5px;
	margin-right: 5px;
	padding-right: 20px;	
	text-align:right;
	voice-family: "\"}\""; 
	voice-family:inherit;
	}

.menuBlock {
	height:420px;
	margin-bottom: 5px;
	margin-right: 5px;
	padding:0;	
	border: 1px solid #CED5DD;	
	voice-family: "\"}\"";
	voice-family:inherit;
	background-image: url(../img/spanish-people.jpg);
	background-repeat: no-repeat;
	background-position: bottom center;
	background-color: #fff;	
}

html>body .menuBlock, .contentBlockLSub, .contentBlockRight {
	border: 1px solid #CED5DD;
} 

.contentBlockRight {
	margin-right: 0px;
}

.clear {
	clear: both;
}

.goL 
{
	float: left; 
	width: 75px;
	height: 65px;
	color: #666666;
	margin-top:5px;
	margin-right: 10px;
	margin-bottom: 2px;
	border: 1px solid #E46700;
	font-style: italic;
	font-size: 8pt;
}

.goR
{
	float: right; 
	width: 75px;
	height: 65px;
	color: #666666;
	margin-top:5px;
	margin-left: 10px;
	margin-bottom: 2px;
	border: 1px solid #E46700;
	font-style: italic;
	font-size: 8pt;
}

#textGoR {width: 200px; height:auto; float: right; padding: 10px; margin-left:10px;}

#textGoL {width: 200px; height:auto; float: left; padding: 10px; margin-right:10px;}

.borderBlue {border: 1px solid #003366;}
.borderGray {border: 1px solid #666666;}

.imageFloatL {
	padding: 0px 10px 0px 0px;
	float: left;
	margin: 0px 0px 0px 0px;
}

.imageFloatR { padding: 0px; float: right; margin: 0px 0px 0px 0px; text-align:center; }


/* ********** page move buttons ************ */

.pageMove {
	margin: 0 0 0 0;
	background-color: #FFFFFF;
	background-image: url(../images/gradient1.gif);
	color: #666666;
	float:right;
	padding-bottom:2px;
	padding-top:2px;
	
}

.pageMove a { margin: 0 8px 0 0; font-size: 10px;}

.pageMove a, .pageMove a:visited {
	font-size: 10px;
	color: #666666;
	padding: 1px 6px;
	background-color: #FFE9D4;
	border: 1px solid #CED5DD;
	text-decoration: none;
}

.pageMove a:hover, .pageMove a:active {
	font-size: 10px;
	color: #333333;
	background-color: #FF871C;
	border: 1px solid #CED5DD;
}

/* ********** end page move buttons ************ */

.link {
		width:480px;
		background-image: url(../img/bg-list.gif);
		background-repeat: repeat-y;
		background-color: #fff;
		border-left:20px solid #ECECEC;
		padding-top:4px;
		border-bottom: 8px solid white;
		}
.link-list {
		width:480px;
		border-left:20px solid #fff;
		}
.link-information {
		width:480px;
		border-left:26px solid #fff;
		padding-top:6px;
		padding-bottom:0px;
		}

/* ********** bottom jump buttons ************ */

#jump {
	margin: 0 0 6px 0;
	padding: 4px 0 0 4px;
	border-top: 1px solid #CED5DD;
	background-color: #FFFFFF;
	text-align: left;
	background-image: url(../images/gradient1.gif);
	color: #666666;
}

#jump p {margin: 0 0 12px 0; padding: 6px 0 0 0; font-size: 10px;}

#jump a { margin: 0 8px 0 0; font-size: 10px;}

#jump a, #jump a:visited {
	font-size: 10px;
	color: #666666;
	padding: 1px 6px;
	background-color: #FFE9D4;
	border: 1px solid #CED5DD;
	text-decoration: none;
}

#jump a:hover, #jump a:active {
	font-size: 10px;
	color: #333333;
	background-color: #FF871C;
	border: 1px solid #CED5DD;
}

/* Tooltips */

a.tip{position: relative;z-index:24;background-color:#ccc; color:#000; text-decoration:none}
a.tip:hover{z-index:25;background-color: #ff0}
a.tip span{display: none}
a.tip:hover span{display:block;
    position:absolute; top:2em;left:2em; width:15em;
    border:1px solid #0cf; background-color:#cff; color:#000;text-align: center}
.floatL {float:left;}


/* styling the bones of the main content table */

		div#maincontent table {
			width: 100%;
			font-size: 100%;
			padding:0;
			margin:0;
		}
		
		div#maincontent td{
			vertical-align: top;
		}
		
		div#interior-rightcolumn td{
			padding: 0;
			vertical-align: top;
		}

		td#leftcolumn{
			width: 140px;
			background-color: #EEF3F9;
			border-right: 1px solid #7C8A8D;
			padding:0;
		}
		
		td#middlecolumn{
			width: 68%;
			padding: 0em 1em 0em 2em;
			
		}
		td#rightcolumn{
			width: 22%;
			background-color: #EEF3F9;
			border-left: 1px solid #CED5DD;
			border-bottom: 1px solid #CED5DD;
		}
		div#interior-leftcolumn{}
		div#interior-middlecolumn.navsite ul {list-style:none;}
		div.interior{padding:0.5em;}
		div.interiorMenu{text-align:center;}
		div.anim {padding: 10.4em 0 0 0.5em;}
		div.interior-ad{background-color:#FFF; text-align:center; padding:0.8em 0.5em 0.8em 0.5em;}
		div.interior-darkGray{font-size:12px; color:#FFFFFF; font-weight:bold; background-color:#646464; padding:0.2em 0.5em 0.2em 0.5em;}
		div.interior-grayBlue{font-size:12px; color:#FFFFFF; font-weight:bold; background-color:#96A4BA; padding:0.2em 0.5em 0.2em 0.5em;}
		div.interior-darkBlue{font-size:12px; color:#FFFFFF; font-weight:bold; background-color:#55729C; padding:0.2em 0.5em 0.2em 0.5em;}
		div.interior-orange{font-size:12px; color:#FFFFFF; font-weight:bold; background-color:#FF7E00; padding:0.2em 0.5em 0.2em 0.5em;}
		div.interior-green{font-size:12px; color:#FFFFFF; font-weight:bold; background-color:#339999; padding:0.2em 0.5em 0.2em 0.5em;}
		div.interior-red{font-size:12px; color:#FFFFFF; font-weight:bold; background-color:#993333; padding:0.2em 0.5em 0.2em 0.5em;}
		div.interior-blue{font-size:12px; color:#FFFFFF; font-weight:bold; background-color: #006699; padding:0.2em 0.5em 0.2em 0.5em;}


/* (by item) 
------------------------------------*/
div#byitem {border: 1px solid #006699;}

div#byitem ul.vert {
	list-style-type: none;
	padding: 0;
	margin: 0;
	width: 540px;
	}
div#byitem ul.vert li {
	padding: 4px 0;
	margin: 0;
	height: 14px; /* space out your rows */
	}
div#byitem ul.vert li.odd {
	background-color: #eee;
	}
div#byitem ul.horz {
	clear: left;
	list-style-type: none;
	padding: 0;
	margin: 0;
	}
div#byitem ul.horz li {
	float: left;
	width: 80px;
	padding: 0 20px 0 0;
	margin: 0;
	}
div#byitem ul.horz li.name { /* size your columns individually at the expense of »
  slightly bloated markup (labelling each appropriate <li> with this class) */
	width: 130px;
	}
div#byitem ul.horz li.price {
	text-align: right;
	padding-right: 0;
	}


/* Footer */

#footer {
	clear: both;
	margin: 0 0 0 0;
	padding: 4px 0 0 10px;
	border-top: 1px solid #CED5DD;
	background-color: #FFFFFF;
	text-align: left;
	background-image: url(../images/gradient1.gif);
	color: #666666;
}

#footer p {margin: 0 0 12px 0; padding: 6px 0 0 0; font-size: 10px;}

#footer a { margin: 0 16px 0 0; font-size: 10px;}

#footer a, #footer a:visited {
	font-size: 10px;
	color: #666666;
	padding: 1px 6px;
	background-color: #F0F8FF;
	border: 1px solid #CED5DD;
	text-decoration: none;
}

#footer a:hover, #footer a:active {
	font-size: 10px;
	color: #333333;
	background-color: #ACC4E0;
	border: 1px solid #CED5DD;
}

#script { border:0px; }