@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:#ffffff; margin:0; text-align:center; }
/* main section */
#main-area { width:950px; margin-top:8px; margin-bottom:8px; text-align:left; }

/* header area */
#header-area { margin-bottom:0px; height:100px; background:#63656C url(../images/coryphee_toplogobg.jpg) ; }

#header-menu-area {text-align:right; vertical-align:bottom; width:450px; }

#header-menu-area ul { font-size:11px; list-style-type:none; margin:4px 2px; padding:0pt; }
#header-menu-area ul li { color:#e8e5cc; cursor:default; display:inline; line-height:normal; padding:0pt 4px; font-weight:bold; }
#header-menu-area ul li a { color:#e8e5cc; text-decoration:none; text-transform:none; }
#header-menu-area ul li a:hover { color:#e8e5cc; text-decoration:underline; }

/* extra menu in pagebottom */
#bottom-menu-area { background-color:#63656C ; vertical-align:bottom; text-align:left; padding-top:10px;padding-left:2px; padding-right:2px; padding-left:2px; height:75px; background-image:url(../images/bottom_bg.jpg); }

#bottom-menu-area ul { list-style-type:none;  margin:0; padding:0; }
#bottom-menu-area ul li { margin:0; display:inline; line-height:normal; color:#dadbdd;  font-weight:bold;   }
#bottom-menu-area ul li img { vertical-align:top }
#bottom-menu-area ul li a {  padding-left:4px; padding-bottom:4px; color:#dadbdd; text-decoration:none; }
#bottom-menu-area ul li a:hover { color:#dadbdd; text-decoration:underline; }
#bottom-menu-area ul li a.menu-active { color:#dadbdd; }

#copyright-area { background-color:#63656C ; color:#dadbdd; vertical-align:bottom; text-align:left; padding:2px; height:20px; background-image:url(../images/bottom_bg.jpg); }
#copyright-area a { text-decoration:underline;  color:#dadbdd; font-weight:bold;  text-align:right;  }



/* logo image */
#logo-image-area { vertical-align:top; }
#logo-image-area img { margin-top:10px; margin-left:10px; }

/* main menu area on top */
#top-mainmenu-area { margin:0; padding:0px; vertical-align:bottom; background:url(../images/coryphee_toplmnubg.jpg) left top repeat-x #909196; height:25px;}


#top-mainmenu-area table { margin:0 auto 0 auto; height:25px;  }
#top-mainmenu-area table tr td { white-space:nowrap; vertical-align:bottom;}
#top-mainmenu-area table tr td a { display:block; line-height:22px; font-size:11px; font-weight:bold; text-transform:none;  text-decoration:none; padding-left:15px; padding-right:5px; vertical-align:bottom;}
#top-mainmenu-area table tr td a.top-mnu-1 {color:#ffffff; background:#e98a1b;}
#top-mainmenu-area table tr td a.top-mnu-2 {color:#ffffff; background:#f5c085;}
#top-mainmenu-area table tr td a.top-mnu-3 {color:#221e1f; background:#e8e5cc;}
#top-mainmenu-area table tr td a.top-mnu-4 {color:#221e1f; background:#f3f2e5;}
#top-mainmenu-area table tr td a.top-mnu-5 {color:#221e1f; background:#ffffff;}

#top-mainmenu-area table tr td a:hover { text-decoration:none;  line-height:25px; vertical-align:bottom;}
#top-mainmenu-area table tr td.first-menuitem { background:none; }
#top-mainmenu-area table tr td.menuitem-inrootline a { line-height:25px; }
#top-mainmenu-area table tr td.menuitem-inrootline a:hover {  }




/* 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:#909196;  font-weight:bold; }
#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;  padding-left:4px; color:#909196; text-decoration:none; }
#left-mainmenu-area ul li a:hover { color:#909196; text-decoration:underline; background:url(../images/leftmenu_arrow.gif)  no-repeat; padding-left:30px;}
#left-mainmenu-area ul li a.menu-active { color:#909196; background:url(../images/leftmenu_arrow.gif)  no-repeat; padding-left:30px;}
#left-mainmenu-area ul li a.menu-active:hover { color:#909196; background:url(../images/leftmenu_arrow.gif)  no-repeat; padding-left:30px; }
/* level 2*/
#left-mainmenu-area ul li ul { margin-top:8px; margin-left:8px; }
#left-mainmenu-area ul li ul li { color:#909196; text-transform:none; font-weight:bold;  }
#left-mainmenu-area ul li ul li a { color:#909196; padding-left:8px}
#left-mainmenu-area ul li ul li a:hover { color:#909196; background:url(../images/leftmenu_arrow.gif)  no-repeat;}
#left-mainmenu-area ul li ul li.menu-first {  padding-top:8px; }



/* 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:175px; vertical-align:top; background:#ffffff ; }
#colLeft-wrapper { width:175px; vertical-align:top; background:#ffffff ; }

/* bg lines on top of left and content areas */
#top-line { height:4px; background-color:#f1a95c;}

/* 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; width:600px }
#content-area { margin:20px 0 0 20px; }