/* Body */

	body {
		background: #fff;
		color: #000;
	}

	#mainContent, #side {
		background: #fff;
		line-height: 1.3; /* value other than 'normal' needed for WinIE */
		color: #000;
	}

	#nav {
		line-height: 1em;
	}


	hr {
		height: 1px;
		background-color: #000;
		color: #000;
		margin: 2em 0;
	}

	input[type="submit"] {
		font-weight: bold;
	}

/* General Structure */
    body, td, th, input { /* redundant rules for bad browsers  */
            font-family: verdana, sans-serif;
            font-size: x-small;
            voice-family: "\"}\"";
            voice-family: inherit;
            font-size: small;
    }

    #desctext {
     font-family: verdana, sans-serif;
     font-weight: bold;
     padding-left: 10px;
     padding-right: 10px;
    }

	h1, h2, h3, h4, h5, h6 {
		margin: 1em 0 0.2em 0;
		border-bottom: 1px solid #ccc;
		font-family: arial, verdana, sans-serif;
	}
	li h1, li h2, li h3, li h4, li h5, li h6 {
		border: none;
	}

	#header h1 { border: 0; }

	h1 { font-size: 160%; font-weight: normal; }
	h2 { font-size: 150%; font-weight: normal; }
	h3 { font-size: 120%; }
	h4 { font-size: 100%; }
	h5 { font-size: 90%; }
	h6 { font-size: 90%; border: 0; }
	
/* Navigation */

        :link { color: #039; }
        :visited { color: #636; }
        :link:hover, :visited:hover { color: #333; }
        :link:active, :link:active { color: #000; }

	p.crumbs :link { color: #999; }
	p.crumbs :visited { color: #666; }

	.note {
		color: #666;
		font-style: normal;
	}
	
	.remark {
		color: #666;
	}
	
	.sidenote {
		border-color: #666;
	}

	.key-point:before {
		line-height: 0.1;
		font-size: 1px;
		background: transparent url("../../IMAGES/key-point_tr.gif") no-repeat top right;
		margin: -15px -15px 0 -15px;
		height: 15px;
		display: block;
		border: none;
		content: url("../../IMAGES/key-point_tl.gif");
	}
	.key-point {
		/*background: #00bfec url("../../IMAGES/key-point_back.gif") right repeat-y;*/
		background: #00bfec;
                padding: 15px;
		margin-bottom: 1em;
	}


	.key-point:after {
		display: block;
		clear: both;
		line-height: 0.1;
		font-size: 1px;
		content:  url("../../IMAGES/key-point_bl.gif");
		margin: 0 -15px -15px -15px;
		background: transparent url("../../IMAGES/key-point_br.gif") scroll no-repeat bottom right ;
	}

	.key-point h2, .key-point h3, .key-point h4, .key-point h5 {
		margin-top: 0;
		/* color: #00586d; */
		color: #006e88;
		border-color: #006e88;
                text-align: center;
                text-decoration: none;
	}

        .sitemap h2 a {
                text-decoration: none;
                font-weight: bold;
                font-size: 85%;
        }
	
        .sitemap ul {
	        list-style-type: none;
                padding-left: 0;
                font-weight: bold;
                margin-left: 0;
                font-size: 110%;
	}
        .sitemap ul ul {
	        list-style-type: none;
                font-weight: bold;
                padding-left: 0;
                margin-left: 2em;
                font-size: 85%;
	}

        .sitemap ul ul ul {
	        list-style-type: none;
                padding-left: 0;
                margin-left: 2em;
                font-weight: normal;
                font-size: 90%;
	}

        .sitemap ul a {
                text-decoration: none;
	}
	
	div.important,
	p.important {
		margin: 1em 0;
		padding: 1em;
		border: 1px solid #FF9999;
		background: #FFFF99;
		color: black;
		font-size: 1.1em;
	}
	
	.news dt {
		font-weight: normal;
		color: #666;
	}
	.news dt a {
		font-weight: bold;
	}
	
	ul.compact {
		margin-left: 0;
		padding-left: 20px;
	}

/* Q and A (FAQ) */

ol.faq li a {
	text-decoration: none;
	border-bottom: 1px dotted #6C98EE;
}

ol.faq li a:hover {
	border-color: #039;
}

	
/* Meta */

	address {
		color: #666;
	}
/* Basic Structure */
	body {
		min-width: 1175px;
		margin: 20px;
	}

	#container {
		min-width: 1175px;
		max-width: 1325px;
		margin: auto auto;
	}
	
	#mBody {
		clear: both;
		padding: 0 0 1em 0;
	}

	#side {
		float: left;
		width: 240px;
		margin-bottom: 1em;
		clear: left;
	}

	#mainContent {
		float: left;
		width: 73%;
		min-width: 749px; 
		margin-left: 35px;
		margin-right: 0;
		margin-bottom: 1em;
		clear: right;
	}

/* Header */

	#header { margin-bottom: 1em; }
	#header ul {
		margin: 0 0 1em 0;
		padding: 0;
	}
	
	#header li {
		display: inline;
		padding: 0 20px 0 0;
		margin: 0;
		white-space: nowrap;
	}

/* Footer */

	#footer {
		clear: both;
		margin-top: 16px;
	}
		
	#footer ul {
		margin: 0 0 16px 0;
		padding: 0;
	}
	
	#footer li {
		display: inline;
		padding: 0 20px 0 0;
		margin: 0;
		white-space: nowrap;
	}
	
	#footer p {
		margin: 9px 0;
	}

/*accessibility tweaks*/
	.skipLink {
		position: absolute;
		left: -999px;
		width: 990px;
	}
	hr.hide {
		display: none;
	}
/* Basic Structure */
	body {
		background: #fff url("../../IMAGES/body_back.gif") repeat-x;
	}

/* Header */

	#header {
		background: #006E88 url("../../IMAGES/header_bl_palm.png") bottom left no-repeat;
		position: relative;
		min-height: 39px;
		height: 5em;
		padding: 0;
		voice-family: "\"}\"";
		voice-family: inherit;
		height: 3em;
		padding: 15px 0;
                z-index: 80;
	} #ignored {}
	
	#header h1 {
		position: absolute;
		top: 0;
		left: 0;
		margin: 0;
		font-size: 2px;
		background: url("../../IMAGES/header_tl.gif") no-repeat;
		height: 8px;
                z-index: 100; /* above the UL */
	}
	#header h1 a {
		display: block;
		width: 520px;
		height: 80px;
		/*AP background: transparent url("../../IMAGES/header_logo.gif") no-repeat; */
		background: transparent url("../../IMAGES/header_logo_tl_short.gif") no-repeat;
		text-indent: -700em;
		text-decoration: none;
	} 
	#header ul {
		width: auto;
		position: absolute;
		bottom: 0;
                right: 0; 
                margin: 0;
		padding: 0 15px 0 0;
		list-style: none;
		background: url("../../IMAGES/header_br.gif") no-repeat bottom right;
                z-index: 90; /* below the H1 */
	}
	#header li {
		float: right;
		background: transparent url("../../IMAGES/header_tab.gif") 100% -600px no-repeat;
		padding: 0 6px 0 0;
		margin: 0 1px 0 0;
		border-bottom: 1px solid #00BFEC;
	}
	#header ul a {
		float: left;
		display: block;
		padding: 4px 4px 4px 10px;
		background: transparent url("../../IMAGES/header_tab.gif") 0% -600px no-repeat;
		font-weight: bold;
		color: #006E88;
		text-decoration: none;
	}
	#header ul li:hover a { 
                background-position: 0% -400px; 
                color: #fff; }
	#header ul li:hover { background-position: 100% -400px; }


	
/* Search Field */

	#header form {
		position: absolute;
		top: 0;
		right: 0;
		padding: 12px 20px 0 0;
		background: url("../../IMAGES/header_tr.gif") no-repeat top right;
		margin: 0; /* need for IE Mac */
		text-align: right; /* need for IE Mac */
		white-space: nowrap; /* for Opera */
	}
	#header form label { color: #fff; font-size: 85%; }
	#header form input { font-size: 85%; }
	
	#header form #submit {
		font-size: 85%;
		background: #00BFEC;
		/* background: #6A7389; */
		color: #006E88;
		padding: 1px 4px;
		border-right: 1px solid #283043;
		border-bottom: 1px solid #283043;
		border-top: 1px solid #9097A2;
		border-left: 1px solid #9097A2;
	}
	
	#header form #q {
		width: 170px;
		font-size: 85%;
		border:	1px solid #9097A2;
		background: #CBDFE3;
		padding: 2px;
	}
	#header form #q:hover, #header form #q:focus {
		background: #fff;
	}

/* Sidebar */

	#nav:before {
		line-height: 0.1;
		font-size: 1px;
		background: transparent url("../../IMAGES/menu_tr.gif") no-repeat top right;
		margin: 0;
		height: 9px;
		display: block;
		border-bottom: 1px solid #02ACD4;
		content: url("../../IMAGES/key-point_tl.gif");
	}
	#nav {
		/* AP background: #E0E9E9 url("../../IMAGES/menu_back.gif") right repeat-y; */
		background: #00BFEC ;
	}
	#nav:after {
		display: block;
		padding-top: 0;
		line-height: 0.1;
		font-size: 1px;
		content:  url("../../IMAGES/key-point_bl.gif");
		margin: 0 0 0 0;
		height: 8px;
		background: transparent url("../../IMAGES/menu_br.gif") no-repeat bottom right ;
		border-top: 1px solid #0DD1FF;
	}
	
	#nav, #nav ul {
		margin: 0;
		padding: 0;
		list-style: none;
	}
	#nav {
		margin-bottom: 1em;
	}	
	#nav li {
		display: inline;
		padding: 0;
		margin: 0;
	}
	
	#nav li span { /* used for un-linked menu items */
		display: block;
		padding: 6px 5px 6px 15px;
		font-weight: bold;
		color: #666;
	}

	#nav li span#configParent, #nav li span #configuration {
		display: inline;
		font-weight: normal;
		padding: 0;
	}
	
	#nav li a {
		display: block;
		padding: 8px 5px 8px 12px;
		text-decoration: none;
                color: #006688;
		background: #00BFEC;
		border-bottom: 1px solid #02ACD4;
		border-top: 1px solid #0DD1FF;
		border-right: 1px solid #02ACD4;
	}

	#nav li span.section {
		display: block;
		padding: 8px 5px 8px 12px;
		text-decoration: none;
                color: #006688;
		background: #00BFEC;
		border-bottom: 1px solid #02ACD4;
		border-top: 1px solid #0DD1FF;
		border-right: 1px solid #02ACD4;
	}

	#nav li a:hover {
		background: #00A0C6;
                color: #fff;
                /*cursor: url("../../IMAGES/palm_cursor.gif"), pointer;*/
	}

	#nav li li span { /* used for un-linked menu items */
		padding: 4px 8px 4px 20px;
	}
	
	#nav li li a {
		padding: 6px 18px 6px 22px;
	}
	
	#oN {
		background-color: #E0E9E9;
	}
	#oN:hover {
		background-color: #C6DCDC;
	}

/* Footer */

	#footer {
		border-top: 1px solid #999;
		margin: 32px 0;
		padding: 16px 0;
		text-align: center;
	}
	
	#footer ul {
		margin: 0;
		padding: 0;
		list-style: none;
	}
	
	#footer li {
		display: inline;
	}
	
	#footer a {
		white-space: nowrap;
	}
	
	#footer p,#footer p a {
		color: #666;
	}
	
	#footer p a:hover {
		color: #000;
	}

	footer p span {
		padding-right: 16px;
	}

	.announcements_banner div.ann_date,
	.announcements_banner div.ann_title,
	.announcements_banner .ann_text {
                font-size: 80%;
        }

	div.announcements_home {
	        margin-left: 25px;
	        margin-right: 30px;
	}

	div.ann_date, div.ann_title {
		margin: 1em 0 0.2em 0;
		border-bottom: 1px solid #ccc;
		font-family: arial, verdana, sans-serif;
        }

	div.ann_date {
		margin-bottom: 5px;
	        font-size: 105%;
		font-weight: bold;
 		color: red;
       }

	div.ann_title {
                margin-top: 10px;
                margin-bottom: 0px;
	        margin-left: 15px;
                font-size: 126%;	
		font-weight: bold;
        }

        .ann_text {
                padding-left: 15px;
        }

        p.ann_text {
                padding-bottom: 10px;
	        margin-top: 10px;
	        margin-bottom: 25px;
                border-bottom: 2px solid #aaa;
        }

	.img_frame { padding: 5px; background: #00bfec;}
	#o-palm_home { padding: 10px; background: white; 
		       font-family: verdana, sans-serif;
}



/* chapter definition for header's tabs color change
   VERY IMPORTANT: modify this list in case of modifcation of the 
      header tab list */

	body.chapterOverview li#menu_overview a,
	body.chapterApplications li#menu_applications a,
	body.chapterDocuments li#menu_documents a,
	body.chapterBecomeauser li#menu_becomeauser a,
	body.chapterUserscorner li#menu_userscorner a,
	body.chapterHelp li#menu_help a {
		background-position: 0% -200px;
		color: #006E88;
	}

	body.chapterOverview li#menu_overview,
	body.chapterApplications li#menu_applications,
	body.chapterDocuments li#menu_documents,
	body.chapterBecomeauser li#menu_becomeauser,
	body.chapterUserscorner li#menu_userscorner,
	body.chapterHelp li#menu_help {
		background-position: 100% -200px;
		border-bottom: 1px solid #fff;
	}
	


	body.chapterOverview li#menu_overview:hover,
	body.chapterApplications li#menu_applications:hover,
	body.chapterDocuments li#menu_documents:hover,
	body.chapterBecomeauser li#menu_becomeauser:hover,
	body.chapterUserscorner li#menu_userscorner:hover,
	body.chapterHelp li#menu_help:hover {
		background-position: 100% 0%;
	}
	
	body.chapterOverview li#menu_overview:hover a,
	body.chapterApplications li#menu_applications:hover a,
	body.chapterDocuments li#menu_documents:hover a,
	body.chapterBecomeauser li#menu_becomeauser:hover a,
	body.chapterUserscorner li#menu_userscorner:hover a,
	body.chapterHelp li#menu_help:hover a {
		background-position: 0% 0%;
		color: #006E88;
	}

/* page definition for side navigation buttons color change
   VERY IMPORTANT: modify this list in case of modifcation of the 
      side navigation lists */

/* CHAPTER OVERVIEW */
  /*section Key Concepts*/
  .pagekeyconcepts #nav li a#keyconcepts,
       .pagewhatsacoupler #nav li a#whatsacoupler,
       .pagedynamiccoupling #nav li a#dynamiccoupling,
       .pageparallelcoupling #nav li a#parallelcoupling,
       .pageendpointcommunications #nav li a#endpointcommunications,
       .pageprepalm #nav li a#prepalm,
       .pagealgebratoolbox #nav li a#algebratoolbox,
       .pageruntimemonitoring #nav li a#runtimemonitoring,
       .pageperformancesanalysis #nav li a#performancesanalysis,
 /*section Applications*/
  .pageapplications #nav li a#applications,
       .pagemodelcoupling #nav li a#modelcoupling,
       .pagedataassimilation #nav li a#dataassimilation,
       .pageassembling #nav li a#assembling,
 /*section History*/
  .pagehistory #nav li a#history, 
       .pageorigin #nav li a#origin,
       .pagePALM_SP #nav li a#PALM_SP,
       .pagePALM_MP #nav li a#PALM_MP,
       .pageO-PALM  #nav li a#O-PALM,
       .pagePALMTeam #nav li a#PALMTeam,
 /*section Training and Support*/
  .pagetraining #nav li a#training, 
/* CHAPTER APPLICATIONS */
 /*section Users*/
  .pageusers #nav li a#users, 
 /*section Projects*/  
  .pageprojects #nav li a#projects, 
  /*section Model Coupling*/
  .pagecoupling #nav li a#coupling, 
  /*section Data Assimilation*/
  .pagedataassimilation #nav li a#dataassimilation, 
  /*section Code Assembling*/
  .pageassembling #nav li a#assembling, 
 /*section Gallery*/  
  .pagegallery #nav li a#gallery,
/* CHAPTER BECOMEAUSER */
  /*section Conditions*/
  .pageconditions #nav li a#conditions, 
  /*section Instructions*/
  .pageinstructions #nav li a#instructions, 
  /*section Training*/
  .pagetraining #nav li a#training, 
  /*section Contacts*/
  .pagecontacts #nav li a#contacts,
/* CHAPTER USERSCORNER */
  /*section Projects*/
  .pageprojects #nav li a#projects,
       .pagesheets_coupling #nav li a#sheets_coupling,
       .pagesheets_assimilation #nav li a#sheets_assimilation,
       .pagesheets_assembling #nav li a#sheets_assembling,
  /*section Units*/
  .pageunits #nav li a#units,
  /*section Install*/
  .pageinstall #nav li a#install,
  /*section Hints and Experiences*/
  .pagesuggestions #nav li a#suggestions,
/* CHAPTER DOCUMENTS */
  /*section Manuals*/
  .pagemanuals #nav li a#manuals,
       .pageuserguide #nav li a#userguide,
       .pageinstallguide #nav li a#installguide,
  /*section Presntations*/
  .pagepresentations #nav li a#presentations,
 /*section Applications*/
  .pageapplications #nav li a#applications,
/* CHAPTER HELP*/
  /*section FAQ*/
  .pagefaq #nav li a#faq,
       .pageinstall #nav li a#install,
       .pageprepalm #nav li a#prepalm,
       .pageruntime #nav li a#runtime,
       .pagealgebra #nav li a#algebra,
  /*section Glossary*/
  .pageglossary #nav li a#glossary  {
	        background: transparent url("../../IMAGES/triangle_palm.gif") no-repeat center left ;
		color: #FFF;
                cursor: url("../../IMAGES/empty_cursor.gif"), crosshair;
	}

	
	
  .page #nav li a#,
       .page #nav li a#,
      .page #nav li a#{
       }