* { margin:0; padding:0; }
BODY { background-color:#fff;
		font: 0.8em Verdana, Arial, Helvetica, sans-serif;
		line-height:1.5em;
		color: #404040;
}
a { color:#404040;
text-decoration:none; }
a:hover { text-decoration:underline; }
#header { padding:0px; }
#container {
margin:0px auto;
width:1000px;
background-color:white;
}
#left {float:left;
width:150px;
padding:8px;
color:black;
background-color:#ffffff; }
#right { float:right;
width:300px;
padding:8px;
color:black;
line-height:1em;
background-color:#ffffff;}
#center { margin-right:315px;
margin-left:165px;
padding:8px;

}
    .index_title		{font-size:2em; line-height:1em; font-weight:bolder;}
    .index_dir		{font-size:2em; line-height:1.8em; font-weight:bolder;}
    .index_summary		{font-size:1.4em; margin:15px 0 15px 0; font-weight:bolder;}
.index_highlight 	{font-size:1.2em; margin:15px 0 15px 0; font-weight:bolder;}
.summary_date                   { color: gray; font-size: 1em; line-height:1.2em;}   
.summary_breadcrumb            {font-size: 12px; color:firebrick; } 
.piclarge { 
border-color: #666666; 
border-bottom: 1px solid;
border-top: 1px solid;
border-left: 1px solid;
border-right: 1px solid; 
} 

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; }



#footer { clear:both;
padding:8px; }
	.enewsbox{
		float: left;
		width: 150px;
		height: 17px;
		padding:3px 5px;
		border: 4px solid #b22222;
		font-size:13px;
	}
		.button{
		display: block;
		float: left;
		width: auto;
		line-height:1em;
		text-align: center;
		background: #808080;
		border: 4px solid #404040;
		color: #fff;
		cursor: pointer;
		margin:0;
		padding:3px 8px; /* IE6 */
	}
		.enewsboxsmall{
		float: left;
		width: 132px;
		height: 17px;
		padding:3px 5px;
		border: 4px solid #191970;
		font-size:13px;
	}
		.buttonsmall{
		display: block;
		float: left;
		width: 150px;
		line-height:1em;
		text-align: center;
		background: #808080;
		border: 4px solid #b22222;
		color: #fff;
		cursor: pointer;
		margin:1px;
		padding:1px 1px; /* IE6 */
	}








.glidecontentwrapper{
position: relative; /* Do not change this value */
width: 280px;
height: 80px; /* Set height to be able to contain height of largest content shown*/
border: 5px solid #404040;
overflow: hidden;
}
/*
	Total wrapper width: 280px+5px+5px=290px
	Or width of wrapper div itself plus any left and right CSS border and padding
	Adjust related containers below according to comments
*/


.glidecontent{ /*style for each glide content DIV within wrapper.*/
position: absolute; /* Do not change this value */
background: #cf6d5b;
padding: 8px;
visibility: hidden;
width: 280px;
}
/*
 Total glidecontent width: 270px+10px+10px=290px
	Or width of wrapper div itself (not counting wrapper border/padding)
*/

.glidecontenttoggler{ /*style for DIV used to contain toggler links. */
width: 290px;
margin-top: 5px;
text-align: center; /*How to align pagination links: "left", "center", or "right"
background: #fff; /*always declare an explicit background color for fade effect to properly render in IE*/
}
/*
 Total contenttoggler width: 280px+5px+5px=290px
	Or total width of wrapper div (counting wrapper border/padding)
*/

.glidecontenttoggler a{ /*style for every navigational link within toggler */
display: inline-block;
		width: auto;
		line-height:1em;
		text-align: center;
		border: 3px solid #b22222;
		cursor: pointer;
		margin:0;
		padding:3px 8px; /* IE6 */
}

.glidecontenttoggler a.selected{ /*style for selected page's toggler link. ".selected" class auto generated! */
background: #808080;
color: #fff;
}

.glidecontenttoggler a:hover{
background: #808080;
color: #fff;
}

.glidecontenttoggler a.toc{font:13px Arial;
}

.glidecontenttoggler a.prev, .glidecontenttoggler a.next{ /*style for "prev" and "next" toggler links. ".prev" and ".next" classes auto generated! */
}

.glidecontenttoggler a.prev:hover, .glidecontenttoggler a.next:hover{
background: #1A48A4;
color: white;
}

/* ######### CSS for top level tabs ######### */

.tabsmenuclass ul{
overflow: hidden;
width: auto;
top: 0;
margin: 0;
padding: 0;
list-style-type: none;
}

.tabsmenuclass li{
float: left;
}

.tabsmenuclass a{
display: block;
padding: 5px 7px;
background: #961b00;
color: #404040;
margin-right: 5px;
text-decoration: none;
font: bold 13px Arial;
}

.tabsmenuclass a:hover, .tabsmenuclass a.selected{
background: #cf6d5b;
color: white;
}

/* ######### CSS for sub menu container below ######### */

.tabsmenucontentclass{
clear: left;
background: #cf6d5b;
width: 99%;
height: 15px;
padding: 5px;
border: 0px solid silver;
}

.tabsmenucontentclass ul{
margin: 0;
padding: 0;
list-style-type: none;
}

.tabsmenucontentclass li{
float: left;
margin-right: 1em;
font: 12px Arial;
}



.roundedcornr_box_984855 {
   background: #cf6d5b url(http://www.typicallyspanish.com/images/roundedcornr_810924_grad.gif) repeat-x top left;
}
.roundedcornr_top_984855 div {
   background: url(http://www.typicallyspanish.com/images/roundedcornr_810924_tl.gif) no-repeat top left;
}
.roundedcornr_top_984855 {
   background: transparent url(http://www.typicallyspanish.com/images/roundedcornr_810924_tr.gif) no-repeat top right;
}
.roundedcornr_bottom_984855 div {
   background: url(http://www.typicallyspanish.com/images/roundedcornr_810924_bl.gif) no-repeat bottom left;
}
.roundedcornr_bottom_984855 {
   background: transparent url(http://www.typicallyspanish.com/images/roundedcornr_810924_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}







/* ######### Drop Down ULs CSS ######### */

.ddsubmenustyle, .ddsubmenustyle ul{ /*topmost and sub ULs, respectively*/
font: bold 12px Arial;
margin: 0;
padding: 0;
position: absolute;
left: 0;
top: 0;
list-style-type: none;
background: white;
border: 1px solid #9A9A9A;
border-bottom-width: 0;
visibility: hidden;
z-index: 100;
}


.ddsubmenustyle li a{
display: block;
width: 160px;
color: #ffffff;
background-color: lightyellow;
text-decoration: none;
padding: 4px 5px;
border-bottom: 1px solid #9A9A9A;
}

* html .ddsubmenustyle li a{ /*IE6 CSS hack*/
display: inline-block;
}

.ddsubmenustyle li a:hover{
background-color: black;
color: white;
}

/* ######### Neutral CSS  ######### */

.downarrowpointer{ /*CSS for "down" arrow image added to top menu items*/
padding-left: 4px;
border: 0;
}

.rightarrowpointer{ /*CSS for "right" arrow image added to drop down menu items*/
position: absolute;
padding-top: 3px;
right: 2px;
border: 0;
}

.ddiframeshim{
position: absolute;
z-index: 500;
background: transparent;
border-width: 0;
width: 0;
height: 0;
display: block;
}

/* ######### Marker List Vertical Menu ######### */

.markermenu{
width: 140px; /*width of side bar menu*/
clear: left;
position: relative; /*Preserve this for "right" arrow images (added by script) to be positioned correctly*/

}

.markermenu ul{
list-style-type: none;
margin: 3px 0;
padding: 0;
border: 1px solid #9A9A9A;
}

.markermenu ul li a{
background: #961b00 no-repeat; 
font: bold 12px Arial;
color: #ffffff;
display: block;
width: auto;
padding: 3px 0;
padding-left: 10px;
text-decoration: none;
border-bottom: 1px solid #B5B5B5;
}

* html .markermenu ul li a{ /*IE6 hack*/
width: 155px;
}

.markermenu ul li a:visited, .markermenu ul li a:active{
color: #ffffff;
}

.markermenu ul li a:hover, .markermenu ul li a.selected{
color: #ffffff;
background-color: #cf6d5b;
}

/* ######### Customized Drop Down ULs CSS (inherits from ddlevelsmenu-base.css) ######### */

.blackwhite li a{
background: #961b00 ;
}

.blackwhite li a:hover{
background: #cf6d5b;
color: white;
}

/* ######### CSS for Shade Tabs. Remove if not using ######### */

.shadetabs{
padding: 3px 0;
margin-left: 0;
margin-top: 1px;
margin-bottom: 0;
font: bold 12px Verdana;
list-style-type: none;
text-align: left; /*set to left, center, or right to align the menu as desired*/
}

.shadetabs li{
display: inline;
margin: 0;
}

.shadetabs li a{
text-decoration: none;
position: relative;
z-index: 1;
padding: 3px 7px;
margin-right: 3px;
border: 1px solid #778;
color: #2d2b2b;
background: white url(http://www.typicallyspanish.com/shade.gif) top left repeat-x;
}

.shadetabs li a:visited{
color: #2d2b2b;
}

.shadetabs li a:hover{
text-decoration: underline;
color: #2d2b2b;
}

.shadetabs li a.selected{ /*selected main tab style */
position: relative;
top: 1px;
}

.shadetabs li a.selected{ /*selected main tab style */
background-image: url(http://www.typicallyspanish.com/shadeactive.gif);
border-bottom-color: white;
}

.shadetabs li a.selected:hover{ /*selected main tab style */
text-decoration: none;
}