* {
margin : 0;
padding : 0;
}
BODY {
background-color : #e5e5e5;
font : 0.8em Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
line-height : 1.5em;
color : #404040;
}
a {
color : #00205b;
text-decoration : none;
}
a:hover {
color : #b22222;
text-decoration : underline;
}
 div.c1 {text-align: center}
#container {
background-color : #fff;
margin : 0 auto;
padding : 0;
width : 1000px;
overflow : hidden;
}
#header {
padding : 0;
margin : 0;
width : 1000px;
overflow : visible;
}
#sidebar-right {
float : right;
width : 304px;
margin : 0;
padding : 2px;
color : #000;
overflow : hidden;
background-color : #fff;
}
#sidebar-left {
float : left;
width : 164px;
margin : 0;
padding : 2px;
overflow : hidden;
background-color : #fff;
}

#content {
margin : 0;
padding : 4px;
height : 1%;
overflow : hidden;
background-color : #fff;
}
#content-inner {
width : 100%;
overflow : hidden;
}
#footer {
clear : both;
margin : 0;
padding : 0;
width : 100%;
overflow : hidden;
}
.index_title {
font-size : 1.6em;
line-height : 1em;
font-weight : bolder;
}
.main_title {
font-size : 1.8em;
line-height : 1em;
font-weight : bolder;
}
.index_dir {
font-size : 1.4em;
line-height : 1.2em;
font-weight : bolder;
}
.index_summary {
font-size : 1.2em;
margin : 15px 0 15px 0;
font-weight : bolder;
}
.index_red {
font-size : 1.2em;
margin : 15px 0 15px 0;
color: #b22222;
}
.index_highlight {
font-size : 1em;
margin : 5px 0 5px 0;
font-weight : bolder;
}
.summary_date {
color : gray;
font-size : 1em;
line-height : 1.2em;
}
.summary_cap {
color : white;
font-size : 1em;
font-style : normal;
line-height : 1em;
}
.summary_breadcrumb {
font-size : 12px;
}
.piclarge {
border-color : #666666;
border-bottom : 1px solid;
border-top : 1px solid;
border-left : 1px solid;
border-right : 1px solid;
}

 img.c7 {border-width:0}
 img.c6 {float:left; margin:0px 10px;}
 div.c5 {display: none;}
 div.c4 {font-size: 10px}
 span.c3 {font-size: 10px}
 p.c2 {padding:0px}
 div.c1 {text-align: center}



 img.c2 {float:left; margin:0px 10px}

div.next {
font-size : 1.2em;
margin : 5px 0 5px 0;
font-weight : bolder;
}
div.prev {
font-size : 1.2em;
margin : 5px 0 5px 0;
font-weight : bolder;
}
#nextlinks .prev {
text-align : left;
float : left;
}
#nextlinks .next {
text-align : right;
float : right;
}
.roundedcornr_box_984855 {
background : #00205b url(http://www.typicallyspanish.com/images/roundedcornr_984855_grad.gif) repeat-x top left;
}
.roundedcornr_top_984855 div {
background : url(http://www.typicallyspanish.com/images/roundedcornr_984855_tl.gif) no-repeat top left;
}
.roundedcornr_top_984855 {
background : transparent url(http://www.typicallyspanish.com/images/roundedcornr_984855_tr.gif) no-repeat top right;
}
.roundedcornr_bottom_984855 div {
background : url(http://www.typicallyspanish.com/images/roundedcornr_984855_bl.gif) no-repeat bottom left;
}
.roundedcornr_bottom_984855 {
background : transparent url(http://www.typicallyspanish.com/images/roundedcornr_984855_br.gif) no-repeat bottom right;
}
.roundedcornr_top_984855 div, .roundedcornr_top_984855, .roundedcornr_bottom_984855 div, .roundedcornr_bottom_984855 {
width : 100%;
height : 5px;
font-size : 1px;
}
.roundedcornr_content_984855 {
margin : 0 5px;
}
.roundedcornr_content_984855 a {
color : white;
}
.roundedcornr_box_111054 {
background : #ffffff url(http://www.typicallyspanish.com/images/roundedcornr_111054_grad.gif) repeat-x top left;
}
.roundedcornr_top_111054 div {
background : url(http://www.typicallyspanish.com/images/roundedcornr_111054_tl.gif) no-repeat top left;
}
.roundedcornr_top_111054 {
background : transparent url(http://www.typicallyspanish.com/images/roundedcornr_111054_tr.gif) no-repeat top right;
}
.roundedcornr_bottom_111054 div {
background : url(http://www.typicallyspanish.com/images/roundedcornr_111054_bl.gif) no-repeat bottom left;
}
.roundedcornr_bottom_111054 {
background : transparent url(http://www.typicallyspanish.com/images/roundedcornr_111054_br.gif) no-repeat bottom right;
}
.roundedcornr_top_111054 div, .roundedcornr_top_111054, .roundedcornr_bottom_111054 div, .roundedcornr_bottom_111054 {
width : 100%;
height : 5px;
font-size : 1px;
}
.roundedcornr_content_111054 {
margin : 0 5px;
}
.ddpanel .ddpanelcontent {
color : white;
background : #00205b;
}

#myGallery, #myGallerySet, #flickrGallery {
width : 506px;
height : 282px;
z-index :5;
border : 1px solid #2c3a54;
}
.jdGallery a {
outline : 0;
}
#myGallery img.thumbnail, #myGallerySet img.thumbnail {
display : none;
}
.jdGallery {
overflow : hidden;
position : relative;
}
.jdGallery img {
border : 0;
margin : 0;
}
.jdGallery .slideElement {
width : 100%;
height : 100%;
background-color : #000;
background-repeat : no-repeat;
background-position : center center;
background-image : url('img/loading-bar-black.gif');
}
.jdGallery .loadingElement {
width : 100%;
height : 100%;
position : absolute;
left : 0;
top : 0;
background-color : #000;
background-repeat : no-repeat;
background-position : center center;
background-image : url('img/loading-bar-black.gif');
}
.jdGallery .slideInfoZone {
position : absolute;
z-index : 10;
width : 100%;
margin : 0px;
left : 0;
bottom : 0;
height : 60px;
background : #333;
color : #fff;
text-indent : 0;
overflow : hidden;
}
* html .jdGallery .slideInfoZone {
bottom : -1px;
}
.jdGallery .slideInfoZone h2 {
padding : 0;
font-size : 14px;
margin: 0;
margin : 2px 5px;
font-weight : bold;
color : #ffd700;
}
.jdGallery .slideInfoZone p {
padding : 0;
font-size : 12px;
margin : 2px 5px;
color : #eee;
}
.jdGallery div.carouselContainer {
position : absolute;
height : 135px;
width : 100%;
z-index : 10;
margin : 0px;
left : 0;
top : 0;
}
.jdGallery a.carouselBtn {
position : absolute;
bottom : 0;
right : 30px;
height : 0;
text-align : center;
padding : 0 10px;
font-size : 13px;
background : transparent;
color : #fff;
cursor : pointer;
}
.jdGallery .carousel {
position : absolute;
width : 100%;
margin : 0px;
left : 0;
top : 0;
height : 115px;
background :#2e3a54;
color : #fff;
font-family : Trebuchet MS, Arial, Helvetica, sans-serif;
text-indent : 0;
overflow : hidden;
}
.jdExtCarousel {
overflow : hidden;
position : relative;
}
.jdGallery .carousel .carouselWrapper, .jdExtCarousel .carouselWrapper {
position : absolute;
width : 100%;
height : 116px;
top : 10px;
left : 0;
overflow : hidden;
}
.jdGallery .carousel .carouselInner, .jdExtCarousel .carouselInner {
position : relative;
}
.jdGallery h2, .jdGallery p {
font-family : Trebuchet MS, Arial, Helvetica, sans-serif;
}
.jdGallery .carousel .carouselInner .thumbnail, .jdExtCarousel .carouselInner .thumbnail {
cursor : pointer;
background : #000;
background-position : center center;
float : left;
border : 1px solid #fff;
}
.jdGallery .wall .thumbnail, .jdExtCarousel .wall .thumbnail {
margin-bottom : 10px;
}
.jdGallery .carousel .label, .jdExtCarousel .label {
font-size : 12px;
position : absolute;
bottom : 5px;
left : 10px;
padding : 0;
margin : 0;
}
.jdGallery .carousel .wallButton, .jdExtCarousel .wallButton {
font-size : 10px;
position : absolute;
bottom : 5px;
right : 10px;
padding : 1px 2px;
margin : 0;
background : #222;
border : 1px solid #888;
cursor : pointer;
}
.jdGallery .carousel .label .number, .jdExtCarousel .label .number {
color : #b5b5b5;
}
.jdGallery a {
font-size : 100%;
text-decoration : none;
color : inherit;
}
.jdGallery a.right, .jdGallery a.left {
position : absolute;
height : 99%;
width : 25%;
cursor : pointer;
z-index : 10;
	filter:alpha(opacity=20);
	-moz-opacity:0.2;
	-khtml-opacity: 0.2;
	opacity: 0.2;
}
* html .jdGallery a.right, * html .jdGallery a.left
{
	filter:alpha(opacity=50);
}

.jdGallery a.right:hover, .jdGallery a.left:hover
{
	filter:alpha(opacity=80);
	-moz-opacity:0.8;
	-khtml-opacity: 0.8;
	opacity: 0.8;
}

.jdGallery a.left {
left : 0;
top : 0;
background : url('img/fleche1.png') no-repeat center left;
}
* html .jdGallery a.left {
background : url('img/fleche1.gif') no-repeat center left;
}
.jdGallery a.right {
right : 0;
top : 0;
background : url('img/fleche2.png') no-repeat center right;
}
* html .jdGallery a.right {
background : url('img/fleche2.gif') no-repeat center right;
}
.jdGallery a.open {
left : 0;
top : 0;
width : 100%;
height : 100%;
}
.withArrows a.open {
position : absolute;
top : 0;
left : 25%;
height : 99%;
width : 50%;
cursor: pointer;
	z-index: 10;
	background: none;
	-moz-opacity:0.8;
	-khtml-opacity: 0.8;
	opacity: 0.8;
}
.withArrows a.open:hover {
background : url('http://www.typicallyspanish.com/img/open.png') no-repeat center center;
}
* html .withArrows a.open:hover {
background : url('http://www.typicallyspanish.com/img/open.gif') no-repeat center center;
filter:alpha(opacity=80);
}

#myCarousel {
text-align : left;
margin : 0 auto;
width : 980px;
height : 116px;
position : relative;
z-index : 10;
overflow : hidden;
}

.enewsbox {
float : left;
width : 135px;
line-height : 19px;
padding : 3px 5px;
margin : 2px;
border : 4px solid #b22222;
font-size : 13px;
}

.button {
display : block;
float : left;
width : auto;
line-height : 17px;
text-align : center;
background : #2c3a54;
border : 4px solid #404040;
color : #fff;
cursor : pointer;
margin : 2px;
padding : 3px 8px;
}

.enewsboxsmall {
float : left;
width : 132px;
height : 16px;
padding : 3px 5px;
border : 4px solid #191970;
font-size : 12px;
}
.buttonsmall {
display : block;
float : left;
width : 150px;
line-height : 1em;
text-align : center;
background : #2c3a54;
border : 4px solid #b22222;
color : #fff;
cursor : pointer;
margin : 1px;
padding : 1px 1px;
}


/* Based partially on Matthew Carroll's keyboard accessible flavor of Suckerfish 
 * Dropdowns by Patrick Griffiths and Dan Webb. 
 * http://carroll.org.uk/sandbox/suckerfish/bones2.html
 */

/* ----[ LINKS ]----*/

/* all menu links */
#nav a, #subMenusContainer a{
	text-decoration:none;
	display:block;
	padding:8px 10px;
	z-index: 50;
	color:#ffd700;
	background-color:transparent;
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
}

/* Just main menu links --[for non-javascript users this applies to submenu links as well]*/
#nav a{
	margin:0;
	float:left;	
}

/* Just sub menu links */
#subMenusContainer a, #nav li li a{
	text-align:left;
background-color:#333;
}

/* All menu links on hover or focus */
#nav a:hover, #nav a:focus, #subMenusContainer a:hover, #subMenusContainer a:focus, #nav a.mainMenuParentBtnFocused, #subMenusContainer a.subMenuParentBtnFocused{
	background-color:#2e3a54;
	color:#fff;
}

/* sub menu links on hover or focus */
#subMenusContainer a:hover, 
#subMenusContainer a:focus, 
#nav a.mainMenuParentBtnFocused, 
#subMenusContainer a.subMenuParentBtnFocused,
#nav li a:hover,
#nav li a:focus{
	background-color:#2e3a54;
	color:#fff;
}

/* Parent Sub Menu Links ---[javascript users only]*/
.subMenuParentBtn{ 
	background: url(http://www.typicallyspanish.com/img/arrow_right.gif) right center no-repeat;  
}

/* Parent Sub Menu Links on hover or focus ---[javascript users only]*/
.subMenuParentBtnFocused{ 
	background: url(http://www.typicallyspanish.com/img/arrow_right_over.gif) right center no-repeat;  
}

/* Parent Main Menu Links ---[javascript users only]*/
.mainMenuParentBtn{	
	 background: url(http://www.typicallyspanish.com/img/arrow_down.gif) right center no-repeat; 
}

/* Parent Main Menu Links on hover or focus ---[javascript users only]*/
.mainMenuParentBtnFocused{	
	background: url(http://www.typicallyspanish.com/img/arrow_down_over.gif) right center no-repeat; 
}

/* ----[ OLs ULs, LIs, and DIVs ]----*/

/* Submenu Outer Wrapper - each submenu is inside a div with this class - javascript users only */
.smOW{ 
	display:none; 
	position: relative; 
	overflow:hidden; 
	/*the 2px left & right padding lets you have a 1px border 
	  on the ul or ol inside since overflow is set to hidden*/
	padding:0 2px;
	margin:0 0 0 -2px;
}


/* All ULs and OLs */
#nav, #nav ul, #nav ol, #subMenusContainer ul, #subMenusContainer ol { 
	padding: 0;
	margin: 0;
	list-style: none;
	line-height: 1em;
}

/* All submenu OLs and ULs */
#nav ol, #nav ul, #subMenusContainer ul, #subMenusContainer ol {	
	/*border around submenu goes here*/	 
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
	background:#333;	
	border:1px solid #b22222;
	left:0;
}


/* List items in main menu --[for non-javascript users this applies to submenus as well]  */
#nav li { 
	/*great place to use a background image as a divider*/
	display:block;
	list-style:none;
	position:relative;
	float:left;
	z-index: 5000000;
}

#subMenusContainer li{
	list-style: none;
}

/* main menu ul or ol elment */
#nav{
	display:block;
	position: relative;
	width: 100%;
	list-style:none;
	margin:0 0 0 0;
	z-index:50;
	text-align: center;
}

#subMenusContainer{	display:block; 	position:absolute;	top:0;	left:0;	width:auto;	height:0;	overflow:visible;	z-index:1000000000; }


/* --------------------------[ The below is just for non-javscript users ]--------------------------*/
#nav li li{	float:none; }

#nav li li a{ /* Just submenu links*/	
	position:relative;
	float:none;
}

#nav li ul { /* second-level lists */
	position: absolute;
	width: 10em;
	margin-left: -1000em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
	margin-top:2.2em;
}

/* third-and-above-level lists */
#nav li ul ul { margin: -1em 0 0 -1000em; }
#nav li:hover ul ul {	margin-left: -1000em; }

 /* lists nested under hovered list items */
#nav li:hover ul{	margin-left: 0; }
#nav li li:hover ul {	margin-left: 10em; margin-top:-2.5em;}

/* extra positioning rules for limited noscript keyboard accessibility */
#nav li a:focus + ul {  margin-left: 0; margin-top:2.2em; }
#nav li li a:focus + ul { left:0; margin-left: 1010em; margin-top:-2.2em;}
#nav li li a:focus {left:0;  margin-left:1000em; width:10em;  margin-top:0;}
#nav li li li a:focus {left:0; margin-left: 2010em; width: 10em;  margin-top:-1em;}
#nav li:hover a:focus{ margin-left: 0; }
#nav li li:hover a:focus + ul { margin-left: 10em; }



.img-desc {
	position: relative;
	display: block;
	width: 250px;
	float:left;margin:10px 10px 10px 10px;
}
.img-desc cite {
	background: #111;
	filter:alpha(opacity=55);
	opacity:.55;
	color: #fff;
	bottom: 1px;
	position: absolute;
	left: 1px;
	width: 240px;
	padding: 5px;
}