/** www.intangineer.com/styles.css
  * 
  * This file contains style elements used on the intangineer.com website.
  * 
  */


body {
   background-color: #0F0F0F;
   background-image: url('images/green_stripe_background_tiny.png');
   background-repeat:repeat-y;
   background-attachment:fixed;
   background-position:right; 
}

/** title1 is the main section user is in. */
.title1 {
	color: #00DD00;
   font-family: Courier, sans-serif;
   font-weight: bold;
   text-decoration: none;
}


/** title2 is the particular page user is on - page title version */
.title2 {
   color: #F0F0F0;
   font-family: Century Gothic, sans-serif;
   font-size: 150%;
   font-weight: bold;
   text-decoration: none;
	text-align: right;
	width: 100%;
/*   background-image: url('images/title2_bg.png');*/
   background-repeat:no-repeat;
   background-position:left;
   margin-left: 30px;
}

/** title3 is a sub-heading for content. */
.title3 {
   color: #F0F0F0;
   font-family: Century Gothic, sans-serif;
   font-weight: bold;
   text-decoration: none;
}

   
/** for content section */
.content {
   color: #F0F0F0;
   font-family: Century Gothic, sans-serif; /* usu. Arial */
   font-size: medium;
   margin-left: 10px;
   margin-right: 10px;
   vertical-align: top;
}

.content a {
   color: #56DD56;
   text-decoration: none;
   font-weight: none;
   cursor: pointer;
}

.content a:hover {
   color: #56FF56;
}

.content a:visited {
   color: #56FF56;
}

.caption {
   font-size: 75%;
   font-weight: bold;
   font-style: italic;
   margin-top: 5px;
	margin-left: 5px;
	margin-right: 5px;
	margin-bottom: 5px;
	text-align: center;
}


.sidebar td {
   width: 200px;
   margin-top: 5px;
}


.sidebarcaption {
	color: #696969;
   font-size: 75%;
   text-align: left;
	width: 10.5em;   /* related to ul.mbv ul width above */
}

.sidebarcaption a {
  color: #696969;
  text-decoration: none;
}

.note {
   font-size: smaller;
   font-style: italic;
}	

/** selected is the particular page user is on - menu version */
.selected {
	color: #FF6633;
   font-family: Century Gothic, sans-serif;
   font-size: small;
   font-weight: bold;
   text-decoration: none;
}


/** For the menu links. */
.links a {
   color: #417E73;
   font-family: Century Gothic, sans-serif;
   font-size: small;
   font-weight: none;
   text-decoration: none;
}

.links a:visited, a:hover {
	color: #619E93;
}

/** For quoting. */
.quote {
  font-family: Courier, serif;
  margin-left: 60px;
  margin-right: 60px;
}


/** For headers of tables. */
.table_header {
  font-variant: small-caps;
  font-size: small;
  text-align: center;  
}


/** For things you want offset from the rest of the content. */
.noticeMe {
  background-color: #F2F2F2;
  /* Just a little gray to offset from the white, and match the sidebar. */
}



/** vertical menu bar styles */

/* vertical menu bar */
ul.mbv {
	margin: 0;
	padding: 0;
	list-style: none;
	font-family: Courier;
	font-weight: bold;
/*	width: 9em;*/
}
ul.mbv li {
	margin: 0;
	padding: 0;
/*	border-bottom: 1px solid #F2F2F2; /* fixes gap problem in IE */
	position: relative;
	z-index: 1;
}
ul.mbv ul {
	margin: 0 0 0 2px;  /* top right bottom left */
	padding: 0;
	list-style: none;
	position: absolute;
	top: 0; /* if using borders, -1 to align top borders */
	left: 8em;
	width: 7em;   /* related to ul.mbv ul width above */
/*	background: #5F5F5F;
	border: 1px;
	border-color: #F2F2F2;*/
	z-index: 2;
}
/* separator to mark end of menu group */
ul.mbv li.end {
/*	border-bottom: 1px dashed #F2F2F2;*/
}


/* default, top level */ 
ul.mbv li a:link,
ul.mbv li a:visited,
ul.mbv li a:hover,
ul.mbv li a:active {
	display: block;
	padding: .2em .5em;
/*	width: 7em;   /* related to ul.mbv ul width above */
	text-decoration: none;
/*	background: #5F5F5F;
	color: #D0D0D0;
	background: #000000;
	color: #FFFFFF;*/
}

/* see it, not touching it, top level */
ul.mbv li a.hidden:link,
ul.mbv li a.hidden:visited {
	background: #505050;
	color: #C0C0C0;
}

/* see it, touching it, top level */
ul.mbv li a.visible:link,
ul.mbv li a.visible:visited,
ul.mbv li a.visible:hover,
ul.mbv li a.visible:active {
	background: #EEEE27;
	color: #000000;
	text-align: right;
}

/* see it, not touching it, 2nd level */
ul.mblevel2 li a:link,
ul.mblevel2 li a:visited,
ul.mblevel2 li a:hover,
ul.mblevel2 li a:active {
	display: block;
	padding: .2em .5em;
	width: 15em;   /* related to ul.mbv ul width above */
	background: #606060;
	color: #C0C0C0;
	font-size: 80%;
}

/* see it, touching it, 2nd level */
ul.mblevel2 li a:hover,
ul.mblevel2 li a:active {
	background: #DDDD16;
	color: #111111;
	text-align: right;
}