@import url("./css_content.css");					/* import general and csc styles */
@import url("../../css/common.css");				/* import common styles */
@import url("../../searchbox/searchbox.css");		/* import searchbox styles */

/* general, body */
body { background-color:#EEEAD2; margin:0; text-align:center; }
/* main section */
#main-area { width:900px; margin:auto; margin-top:8px; margin-bottom:8px; text-align:left; }

/* header area */
#header-area { margin-bottom:2px; height:80px; background:#D3C499 url(../images/baetica_toplogobg.jpg) left top no-repeat; }
/* logo image */
#logo-image-area { vertical-align:top; }
#logo-image-area img { margin-top:16px; margin-left:16px; }
/* extra menu in header */
#header-menu-area { width:550px; background:transparent url(../images/topbg.jpg) right top no-repeat; vertical-align:bottom; text-align:right; }
#header-menu-area ul { list-style-type:none; margin:4px 2px; padding:0; font-size:10px; font-weight:bold; }
#header-menu-area ul li { display:inline; padding:0 4px; line-height:normal; color:#3A4B17; cursor:default; cursor:default; }
#header-menu-area ul li a { text-decoration:none; color:#3A4B17; }
#header-menu-area ul li a:hover { text-decoration:underline; color:#3A4B17; }

/* main menu area on top */
#top-mainmenu-area { margin:0; padding:2px; background-color:#D86016; }
#top-mainmenu-area table { margin:0 auto 0 auto; }
#top-mainmenu-area table tr td { vertical-align:top; padding:0; }
#top-mainmenu-area table tr td a { display:block; padding:0 10px; line-height:20px; font-size:10px; font-weight:bold; text-transform:uppercase; color:white; text-decoration:none; border-left:2px solid #E28850;  }
#top-mainmenu-area table tr td a:hover { text-decoration:none; color:white; background-color:#DF7D40; }
#top-mainmenu-area table tr td.first-menuitem a { border-left:none; }
#top-mainmenu-area table tr td.menuitem-inrootline a { color:#5F2317; }
#top-mainmenu-area table tr td.menuitem-inrootline a:hover { color:#5F2317; }

/* Fix IE. Hide from IE Mac \*/
* html #top-mainmenu-area table tr td a { height:1%; }
/* End */

/* middle area; left menu, content*/
#middle-area-wrapper { clear:both; margin:0; }
/* left area; searchbox, left menu */
#left-area-wrapper { width:192px; vertical-align:top; background:#D2C398 url(../images/leftmenu_bg.jpg) left top no-repeat; }
#searchbox-area { margin:0; padding:4px 0; background-color:#BBAA77; }
/* bg lines on top of left and content areas */
div.lefttop-line-bg { margin:0; padding:0; background-color:#D49256; border-top:1px solid #D67936; height:4px; font-size:4px; line-height:4px; }
div.righttop-line-bg { margin:0; padding:0; background-color:#E3A574; border-top:1px solid #DE8144; height:4px; font-size:4px; line-height:4px; }

/* left main menu */
#left-mainmenu-area { padding:4px 6px; margin:16px 0; }
/* level 1 */
#left-mainmenu-area ul { list-style-type:none; margin:0; padding:0; }
#left-mainmenu-area ul li { margin:0; padding:8px 0px; line-height:normal; color:#EEEAD2; text-transform:uppercase; font-weight:bold; background:url(../images/brown_leftmenudot_bg.gif) left top repeat-x; }
#left-mainmenu-area ul li.menu-first { background-image:none; padding-top:0; }
#left-mainmenu-area ul li.menu-last { padding-bottom:0; }
#left-mainmenu-area ul li a { display:block; background:url(../images/darkbrown_arrow.gif) 0px 3px no-repeat; padding-left:8px; color:#746845; text-decoration:none; }
#left-mainmenu-area ul li a:hover { color:#746845; text-decoration:underline; }
#left-mainmenu-area ul li a.menu-active { background:url(../images/darkgreen_arrow.gif) left 3px no-repeat; color:#3A4B17; }
#left-mainmenu-area ul li a.menu-active:hover { color:#3A4B17; }
/* level 2*/
#left-mainmenu-area ul li ul { margin-top:8px; margin-left:8px; }
#left-mainmenu-area ul li ul li { color:#746845; text-transform:none; font-weight:bold; }
#left-mainmenu-area ul li ul li a { color:#746845; }
#left-mainmenu-area ul li ul li a:hover { color:#746845; }
#left-mainmenu-area ul li ul li.menu-first { background-image:url(../images/brown_leftmenudot_bg.gif); padding-top:8px; }

/* Fix IE. Hide from IE Mac \*/
* html #left-mainmenu-area ul li a { height:1%; }
* html #left-mainmenu-area ul li ul li a { height:1%; }
* html #left-mainmenu-area ul li ul li ul li a { height:1%; }
/* End */

/* content area */
#content-area-wrapper { vertical-align:top; }
#content-area { margin:20px 0 0 20px; }

/*===========================*/
/* baetica v2 - leftmenu-mod */
/*===========================*/
/* left menu - green/orange */
/*
#left-mainmenu-area ul li a { color:#3A4B17; }
#left-mainmenu-area ul li a:hover { color:#3A4B17; }
#left-mainmenu-area ul li a.menu-active { color:#AC4A19; }
#left-mainmenu-area ul li a.menu-active:hover { color:#AC4A19; }
#left-mainmenu-area ul li ul li a { color:#3A4B17; }
#left-mainmenu-area ul li ul li a:hover { color:#3A4B17; }
#left-mainmenu-area ul li a { background:url(../images/darkgreen_arrow.gif) 0px 3px no-repeat; }
#left-mainmenu-area ul li a.menu-active { background:url(../images/darkorange_arrow.gif) left 3px no-repeat; }
*/

/* left menu - dark-brown/orange */
/*
#left-mainmenu-area ul li a { color:#746845; }
#left-mainmenu-area ul li a:hover { color:#746845; }
#left-mainmenu-area ul li a.menu-active { color:#AC4A19; }
#left-mainmenu-area ul li a.menu-active:hover { color:#AC4A19; }
#left-mainmenu-area ul li ul li a { color:#746845; }
#left-mainmenu-area ul li ul li a:hover { color:#746845; }
#left-mainmenu-area ul li a { background:url(../images/darkbrown_arrow.gif) 0px 3px no-repeat; }
#left-mainmenu-area ul li a.menu-active { background:url(../images/darkorange_arrow.gif) left 3px no-repeat; }
*/