/*   Layout of default page (Header + left Sidebar navigation)                     */
/*   file headerSidebar.css                                                        */
/*   version 1.1     Date 2005-09-01    Same style for sidebar and sitemap column  */

/* ------ overall properties ------------------------------------- */
body {
	color: black;
	background-color: white;
	font-size: 77%;
	margin: 0;
	padding: 0;
}

body, textarea, input {
     font-family: Verdana, Georgia, sans-serif;
/*	 font-family: arial, helvetica, sans-serif; */
}

textarea:focus, input:focus {
	background-color: #ffc;
}

/* ---  Presentation of Links   --- */
a {
	color: #00c;
	text-decoration: none;
	background: url(../images/3x1999.gif) bottom left repeat-x;
}
a:visited {
	color: #66c;
}
a:hover {
	color: #00c;
	text-decoration: underline;
	background: none;
}
a:active {
	color: red;
}

/* --- abbreviations and acronyms, need script/abbr.js --- */
abbr, acronym, .abbr {
	border: 0;
	cursor: help;
}

.separator {
    clear: both;
    height: 0;
}

.hide { 
    display: none 
}

/* show text only when css is not found or not understood by browser   */
#header span,  .commentNumber span,  #youAreHere span  {
	overflow: hidden;
	width: 0;
}


/* ------------------- Top header Navigation ------------------- */
 
div#headerObject {        /* used in pages which import headerObject  */
	height:       150px;  /* > div#header, 150 needed for IE */
	width:        780px;
    margin: 0;
    padding: 0 0 0 5px;
}

#headerObject object {
	position: absolute;
	top:  0px;
	left: 0px;
	background-color: #33FFFF;
	height: 150px;
	width:  770px;
	visibility: visible;  /* added with DW */
	overflow: visible;    /* added with DW */
}

/* --- applied in headerObject.html only                     --- */
div#header {    /* used in headerObject  */
   /* position: absolute;
    top: 0px;
    left: 0px;  */
	height: 135px;
    width:  720px;
    margin: 0 0 0 2px;
}

#header #atlasLogo {
	position: absolute;
	top: 16px;
	left: 140px;
	width: 47px;
	height: 105px;
	background: url(../images/atlaslogo2.gif) no-repeat;
	background-image: url(../images/atlaslogo2.gif);
	background-color: #FFFFFF;
}

#header a#atlasLogo:hover {
    background-color: #ffc;     /*   pale orange   */
}

/* main header navigation  */

#header #headAtlas a, #header #headComputing a, #header #headTwiki a, #header #headWorkbook a {
	display: block;
	color: #00c;
	background: white;
	padding: 0.15em 0.5em;
	border: 1px solid #ccc;
	margin: 1px 0 1px 0;
	font-size: 1.2em;
	font-weight: bold;
}  

#header #headAtlas {
	position: absolute;
	top: 47px;
    left: 250px;
    width: 110px;
    height: 42px;   /* border-bottom not seen by IE for smaller height */  
  	background: #eee;
	color: #ccc;
	border-bottom: 1px solid blue;   
}

#header #headComputing {
	position: absolute;
	top: 47px;
    left: 360px;
    width: 120px;
    height: 42px;
 	background: #eee;
	color: #ccc;
	border-bottom: 1px solid red;    
}

#header #headTwiki {
	position: absolute;
	top: 47px;
    left: 480px; 
    width: 120px;
    height: 42px;
 	background: #eee;
	color: #ccc;
	border-bottom: 1px solid #0c0;  
}

#header #headWorkbook {
	position: absolute;
	top: 47px;
    left: 600px; 
    width: 110px;
    height: 42px; 
 	background: #eee;   /* red */
	color: #ccc;
	border-bottom: 1px solid #0c0;  
}


/* --- small left header nav --- */

#header #headLeftNav {
	position: absolute;
	left: 12px;
	top: 16px;
	width: 94px;
	height: 94px;   
	padding: 1em 1em 0em 1em;                 
}

#header #headLeftNav ul {
	list-style: none;
	margin: 0 0 0.5em 0;
	padding: 0;
}

#header #headLeftNav li {
	font-size: 1.2em;
	color: #36c;
	font-weight: bold;
}

#header #headLeftNav li li {
	font-size: 0.833333333em;
	font-weight: normal;
    padding-left: 1em;      /* defines indentation */
}


/* -------- Left Navigation Bar and sitemap columns ------------------- */
div#primaryNavObj {  /* used in the page which imports the left navigation bar */
	position: absolute;
	left: 0;
	top: 150px;
   padding: 0 0 5px 0;
	height: auto;
	width: 14em;
   /* background-color: #3366FF;  */     /*  blue for test  */
}
/*  sidebar only  */
    /* height and width are needed to display the object, determine size of object */
    /* height: 1000px;   height is reset in the html file */
#primaryNavObj object {
    padding: 0 0.5em 0 0.5em;
    margin-left: .2em;
    width: 13em;  /*  14 - (0.5+0.5)  */
	 border: solid #ccc;
	 border-width: 1px; 
    /* background-color: #FF99CC;  */    /* pink for test */
}

div.primaryNav {
	position: absolute;
	left: 0;
	top:  0;
	padding:  22px 0 8px 4px;
   margin: 0 0 0 4px;
   height: auto;
	width: 13em;   /* 12.5-epsilon to avoid scrollbar and display left border */
   border: 1px solid #ccc;
   border-right: 0;
   border-left:  0;
   border-bottom: 0;
	/* background-color: yellow; */  /*  for test  */
}

/* style of left Nav bar and columns of sitemap */
.primaryNav ul, .primaryNav ol, .column ul {
	list-style: none;
	margin: 0 0 1em 0;
	padding: 0;
}

.primaryNav ul ul {
	margin: 0 0 0 0.5em;
}
.primaryNav ul ul ol {
	margin: 0;
}

.primaryNav li {
	font-size: 1.2em;
	color: #36c;
	font-weight: bold;
}

.primaryNav li li {
	/* display: inline; */  /* inline not supported IE 5.0, not needed */
	font-size: 0.833333333em;
	font-weight: normal;
}

.primaryNav li li ul, .primaryNav li li ol {
	font-size: 1.15em;
	border-left: 0.5em solid #eef;
	margin-left: 0.5em;
}

/*  --- Display of links in nav columns ---   */
.primaryNav li a, .primaryNav li em {
	display: block;
	color: #00c;
	background: white;
	padding: 0.15em 0.5em;
	border: 1px solid white;
	margin: 1px 0;
}

.primaryNav li li li a {
	margin: 1px 0 1px 0.5em;
}

/*  Display of current link, which is without a   */
.primaryNav li li em {
	margin: 1px 0 1px 0;
	padding-left: 1em;
	color: black;
	background: url(../images/marker.gif) left no-repeat;
}

.primaryNav li a:hover {
	background: #eee;
	text-decoration: none;
	border-color: #ccc;
}

.primaryNav .bottomred a:hover  {
	border-bottom-color: red;
}
.primaryNav .bottomgreen a:hover  {
	border-bottom-color: #0c0;
}
.primaryNav .bottomblue a:hover  {
	border-bottom-color: blue;
}
/*  text in nav column */
.primaryNav p {
    line-height: 1.5; 
}


/* ------------------- CONTENT AREA ------------------- */

#section {
	background: white;
	border: solid #ccc;
	border-width: 1px 0 0 1px;
	margin: 0 2em 2em 14.4em;  /* 13em = width of #primaryNavObj object */
}

/*  small navigation of type youAreHere     */
.sNav {
	background: #eee;
	color: #ccc;
	border-bottom: 1px solid #ccc;
}
.sNav p {
	position: relative;
	left: -1px;
	color: #999;
	padding: 0.25em 0 0.25em 2em;
	margin: 0;
}
#youAreHere.sNav p {
	bottom: 0;
	top: -1px;
	background: url(../images/curve.gif) top left no-repeat;
}

#goToTop {
	border-top: 1px solid #ccc;
}
#goToTop p {
	width: 6em;
	bottom: -1px;
	background: url(../images/curve2.gif) bottom left no-repeat;
}

.sNav a {
	color: #99c;
}
.sNav em a {
	color: #00c;
	font-weight: bold;
	font-style: normal;
}
.sNav a:hover {
	color: #00c;
}


/*   the Content section        */
#content {
	line-height: 1.5em;
	padding: 2em;
	border-right: 1px solid #ccc;
    margin-right: 0em;  /* defines position of right border */
}

#home #content {
	position: relative;
	top:  -1px;
    left: -1px;
	/* background: url(../images/curve.gif) top left no-repeat; */
}


h1 {
	color: #339;
	font-size: 2em;
	font-weight: normal;
	font-style: italic;
	line-height: 1;
	margin: 0;
}

#content h2 {
	color: #36c;
	font-size: 1.2em;
	margin: 1.5em 0 0 0;
}

#content h2.break {
	padding-top: 1em;
	border-top: 1px solid #ccc;
	clear: left;
}

h3 {
	font-size: 1.1em;
	font-style: italic;
	margin: 1em 0 0 0em;
}

h4 {
	font-size: 1em;
	font-weight: bold;
	/*  display: compact;     compact not supported IE 5 to 6 NN 6 */
	/*  display: run-in;       run-in  not supported IE 5 to 6 NN 6 */ 
	margin: 0em 0 -1em  0em;
}

#content img {
	float: left;
	border: 1px solid #ccc;
	margin: 1em 1em 1em 0;
}

#content p {
	margin: 1em 0;
}

/*  --- list style --- */
#section ul {
	list-style: square outside;
	padding: 0;
	margin: 1em 0 0 2em;
}
#section ul ul  {
	list-style: circle outside;
}
#section ul ul ul {
	list-style: square outside;
}
#section ul ul, #section ul ol #section ol ol {
	margin: 0 0 1em 0.5em;
}
#section li {
	margin-bottom: 0.5em;
}
/*  --- Table of contents --- */
#toc li {
    margin-bottom: 0;
}
ol#toc {
	padding-bottom: 1em;
	border-bottom: 1px solid #ccc;
}
/*  --- Definition List   --- */
dl    {
    margin-left: 2em;
}   
dt    { 
	font-weight: bold;
}
dd {
	margin: 0 0 1em 1em;
}


/* ---  code --- */ 
code {
	color: #900;
	font-family: "Courier New", Courier, monospace;
	font-size: 1em;
}

pre, div.note pre {
	white-space: normal;  /* not supported by IE 5.0 */
	font: 1em "Courier New", Courier, monospace;
	padding: 1em;
	border: 2px dotted #ccc;  /* not supported IE 5.0 */
	margin: 1em 0 1em 0;
	overflow: auto;
	width: 95%;
}

pre strong {
	color: #c00;
}

pre code {
	display: block;
	color: black;
	padding: 0.5em 0 0 0;
	margin: 0;
}

pre .m1 { margin-left: 2em; }
pre .m2 { margin-left: 4em; }
pre .m3 { margin-left: 6em; }
pre .m4 { margin-left: 8em; }
pre .m5 { margin-left: 10em; }
pre .m6 { margin-left: 12em; }


/* ---  note  --- */
.note {
	background-color: #f2f5fc;
	padding-bottom: 0em;
	border: 1px #cce solid;
	margin-top: 1em;
}

.note h3 {
	background-color: #e3eaf9;
	color: #339;
	padding: 0.25em 1em;
	border-bottom: 2px white solid;
	margin-top: 0;
}

.note p {
	padding: 0 1em;
}

.note pre {
	margin: 1em 1em 0 1em;
}


/* --- tables --- */
table.noBorder {
    background: transparent;
    border: 0;
}
table.noBorder th {
	background: transparent;
    border:        0;
    padding: 0.25em 1em 0.25em 1em;
}
table.noBorder td {
    border:     0;
    padding: 0em 1em 0em 1em;    
}

/* --- standard table ---  */
caption {
    caption-side:  bottom;      /* not supported by IE 5 to 6 */
    padding: 0.5em 2em 0.5em 2em;
}
table {
    margin-top: 1.5em;
    background: #f2f5fc;
    border: 2px solid #cce ; 
    border-collapse: collapse;  /* not supported by NN 6.0 */
}
th    {
	background-color: #e3eaf9;
    border:        1px solid #cce;
	border-bottom: 2px solid #cce;
    padding: 2px 5px;
}
td    {
    border: 1px solid #cce;
    padding: 2px 5px;
}


/* ---  footer  --- */
#footer {
	margin-left:   15em;
	margin-right:   3em;
	padding-bottom: 1em;
}

#footer p {
	color: #999;
	font-size: 0.9em;
	margin: 0.5em 0 0 0.5em;
	width: 100%;
}

div#footer #footerleft, div#footer #footerright  {
	position: relative;
	display: inline;
   height: auto;
	width:  49%;
}
div#footerleft {
	display:inline;
	float: left;
}
div#footerright {
		display:inline;
float: right;
}

/* table for footer is obsolete   */
#footer table {
    table-layout: auto;
    background: transparent;
    width:  90%;
    border:  0;
    padding: 0;
    
}
#footer table td {
    border:     0;
    color: #999;
    font-size: 0.9em;
    background: transparent;
}



/* --- print --- */
/* --- removes features which are not useful on paper (mainly navigation) ---  */

@media print {

	body {
		font-size: 10pt; 
	}
	
	a {
		color: black;
		background: none;
	}
	
	#section {
		margin-left: 1em;
	}
	
	#content {
		font-family: "times new roman", times, serif;
		margin-right: 0;
	}
	
	#footer {
	    margin-right:  3px;
	    margin-left:  10px;
	}

	#primaryNavObj, #headerObject {
		display: none;
    }	
	
}