/* stylesheet for technicalauthoring.com */

/* general settings */
BODY {
     font-family: Verdana, Arial, Helvetica, sans-serif;
     font: normal 12px Verdana, Arial, Helvetica, sans-serif; 
     background-color: #002F55;
     padding: 0;
     margin: 0;
     text-align: center;
     height: 100%;
     }
#content {
     background-color: #D7F4FF;
     width: 740px;
     border-left: 3px solid white;  	
     border-right: 3px solid white; 		
     border-bottom: 0;
     border-top: 0;
     padding: 6px;
     text-align: left;
     height: 100%;
     }
     
/* Following is a workaround for pages that seem to be slightly too wide - haven't worked out why... */
/* BODY.narrow {																					 */
/*      margin-right: 20pt;																			 */
/*     }
                  																			 */
H1 {
     font-family: Arial, sans-serif;
	 font-weight: bold;
     font-size: 18pt;
     margin-bottom: 18pt;
     color: #002F55;
     }
H1.large {
     font-size: 36pt;
     color: #002F55;
     font-family: Arial, sans-serif;
     }
H2
     {
     font-family: Arial, sans-serif;
     font-size: 14pt;
     margin-bottom: 6pt;
     color: #002F55;
}
H3
     {
     font-family: Arial, sans-serif;
	 font-size: 12pt;
     color: #002F55;
}
H4   {
     font-family: Arial, sans-serif;
	 font-size: 10pt;	 
	 font-weight: bold;
}     

P, LI, TH, TD, DT, DD
	 {
	 font-size: 10pt;
	 margin-top: 0pt;
}
DT   {
	 font-weight: bold;
}     
TD UL {
     margin-bottom: 0pt;
     margin-top: 0pt;
}

/* Can't remember what I created this for... */
.impact {
     font-family: impact; 
     color: navy;
     }
/* provide an overline on headings, as required */
.overline {
     border-top: medium navy solid;
     }
.footer {
   font-size: 8pt;
   color: gray;
}
/* indent some stuff */
.indentit {
     margin-left: 10%
}
/* used to show filetypes a bit smaller */
span.filetype
{
     font-size: ;
     }
/* following definitions used by pulled quotes */
.pullqr { 
	 color: white;
     text-align: center; 
     background: #1D6396;
     font: 150% Helvetica, Arial, sans-serif; 
     border-top: medium black solid;
     border-bottom: medium black solid; 
     width: 25%; padding: 0.5em; 
     float: right;
     }
.pullql { 
     color: white;
     text-align: center; 
     background: #1D6396;
     font: 150% Verdana, Arial, sans-serif; 
     border-top: medium black solid;
     border-bottom: medium black solid; 
     width: 25%; 
     padding: 0.5em; 
     float: left;
     }
.sidebar { 
	 color: black;
     text-align: left; 
     background: #EAFDFF;
     font: 80% Helvetica, Arial, sans-serif; 
     border: thin #002F55 solid;
     width: 150px; padding: 1em;
     margin-left: 1em; 
     margin-bottom: 0.5em; 
     float: right;
     }
.breadcrumbs {
   font-size: 8pt;
   margin-top: 0;
   }
/* following styles used for sortable table on skills page */
.hidden {
	display: none;
	}
table.sortable a.sortheader {
/*    background-color:#eee; */
    color:#666666;
    font-weight: bold;
    text-decoration: none;
    display: block; 
}
table.sortable span.sortarrow {
/*    color: black; */
    text-decoration: none;
}

table.sortable a.sortheader:visited {
   COLOR: white;	
}
A.infozone {
	color: white;
	}

/* Following definition for use with pop-up explanations */
A.popup {
   color: purple;
   text-decoration: none;
   border-bottom: 1 dotted purple;
   }

/* Following definition for use with scrolling area on intro page */
.scrollbox
{
	font-family: Verdana;
	color: black;
	width:500px;
	height:200px;
	background-color: #FFFFCC;
	border: 1px solid #344170;
	padding: 6px;
	overflow: auto;
}
.scrolltext {
	font-size: 8pt;
	text-align: left;

}
/* Following definitions used for bookshelf */
.BookDesc {
     line-height: 125%;
     text-align: left; 
     }
.Rating {
	clear: left;
    text-align: left; 
}
.whback {
     background-color: #FFFFFF;
}
/* Following definitions used for links page */
P.link {
	margin-top: 3px;
    margin-bottom: 3px;
    }
.linktitle {
	border-bottom: 2px solid #00008C;
}

/* hide preloaded images */
.hide {
   display: none;
}
.infolink {
	padding: 3px;
    font-weight: bold;
	margin-top: 3px;
    margin-bottom: 3px;
    background-color: #0099CC;
    color: #EAFDFF;
}
.infodesc {
    margin-left: 40px;
	margin-top: 3px;
    margin-bottom: 12px;     
    background-color: #EAFDFF;
    color: #0099CC;
}

.left {	
   text-align: left; 
   }

/* Following used for new menu

.leftMenu {	
   text-align: left; 
   }
		
.centerMenu { 
   text-align: center;
   }
		
.rightMenu { 
   text-align: right;	
   }
		
/* Following used for formatting the main menu options */		
a.MenuLabelLink	{ 
   COLOR: white;	
   FONT-SIZE: 9pt;
   FONT-FAMILY: Arial, Helvetica, sans-serif; 
   TEXT-DECORATION: None;
   margin: 0px; 
   padding: 0px; 
   font-weight: normal; 
   }
a.MenuLabelLink:link { 
   COLOR: white;	
   FONT-SIZE: 9pt;
   FONT-FAMILY: Arial, Helvetica, sans-serif; 
   TEXT-DECORATION: None; 
   font-weight: normal; 
   }
a.MenuLabelLink:visited	{ 
   COLOR: white;	
   FONT-SIZE: 9pt;
   FONT-FAMILY: Arial, Helvetica, sans-serif; 
   TEXT-DECORATION: None;	
   font-weight: normal; 
   }
a.MenuLabelLink:hover { 
   COLOR: white;	
   FONT-SIZE: 9pt;
   FONT-FAMILY: Arial, Helvetica, sans-serif; 
   TEXT-DECORATION: None;
   font-weight: bold;  
   }

/* Not sure what these are used for */		
a.MenuLabelLinkOn {	
   COLOR: #ffffff;  
   FONT-SIZE: 12px;
   FONT-FAMILY: Arial, Helvetica, sans-serif; 
   TEXT-DECORATION: None;
   margin: 0px; 
   padding: 0px; 
   font-weight: bold; 
   }
a.MenuLabelLinkOn:link { 
   COLOR: #ffffff; 
   FONT-FAMILY: Arial, Helvetica, sans-serif; 
   TEXT-DECORATION: None; 
   }
a.MenuLabelLinkOn:visited { 
   COLOR: #ffffff; 
   FONT-FAMILY: Arial, Helvetica, sans-serif; 
   TEXT-DECORATION: None; 
   }
a.MenuLabelLinkOn:hover { 
   COLOR: #ffffff; 
   FONT-FAMILY: Arial, Helvetica, sans-serif; 
   TEXT-DECORATION: None; 
   }

/* Following used for formatting the sub-menus */		
a.MenuItemLink { 
   COLOR: white; 
   FONT-SIZE: 9pt;
   FONT-FAMILY: Arial, Helvetica, sans-serif; 
   TEXT-DECORATION: None;
   margin: 0px; 
   padding: 0px; 
   font-weight: normal; 
   }
a.MenuItemLink:link { 
   COLOR: white; 
   FONT-SIZE: 9pt;
   FONT-FAMILY: Arial, Helvetica, sans-serif; 
   TEXT-DECORATION: None; 
   }
a.MenuItemLink:visited { 
   COLOR: white; 
   FONT-SIZE: 9pt;
   FONT-FAMILY: Arial, Helvetica, sans-serif; 
   TEXT-DECORATION: None; 
   }
a.MenuItemLink:hover { 
   COLOR: white; 
   FONT-SIZE: 9pt;
   FONT-FAMILY: Arial, Helvetica, sans-serif; 
   TEXT-DECORATION: None; 
   }

/* Not sure what these are used for */		
a.MenuItemLinkOn { COLOR: #ffffff; FONT-SIZE: 12px;
FONT-FAMILY: Arial, Helvetica, sans-serif; TEXT-DECORATION: None;
margin: 0px; padding: 0px; font-weight: bold; }
a.MenuItemLinkOn:link { COLOR: #ffffff; FONT-FAMILY: Arial, Helvetica, sans-serif; TEXT-DECORATION: None; }
a.MenuItemLinkOn:visited { COLOR: #ffffff; FONT-FAMILY: Arial, Helvetica, sans-serif; TEXT-DECORATION: None; }
a.MenuItemLinkOn:hover { COLOR: #ffffff; FONT-FAMILY: Arial, Helvetica, sans-serif; TEXT-DECORATION: None; }
		
.myMenu { position: absolute; visibility: hidden; z-index: 5; }		
		
.myMenuLabelleft { padding: 0px 0px 0px 0px; text-align: left; }		
.myMenuLabelcenter { padding: 0px 0px 0px 0px; text-align: center; }		
.myMenuLabelright { padding: 0px 0px 0px 0px; text-align: right; }		
.myMenuItemleft { padding: 0px 0px 0px 0px; text-align: left; }		
.myMenuItemcenter { padding: 0px 0px 0px 0px; text-align: center; }		
.myMenuItemright { padding: 0px 0px 0px 0px; text-align: right; }		
		
#myTest { 
width: 480px;
padding: 0px 0px 0px 0px;
z-index: 1;
}

/* Following style settings used by the Blog */
.tf_news_table {
	width: 480px; 
}

hr.blog {
	color: #1D6396;
	width: 480px;
	}

.tf_news_title {
	background-color: #1D6396; 
	font-size: 11px;
	padding:2px;
	color: white;
    text-align: left; 
    font-weight: normal;
}
.tf_news_comment_title {
	background-color: #1D6396;
	font-size: 11px; 
	font-weight: bold; 
	padding:2px;
}
.tf_news_body {
	font-size: 11px;
    text-align: left; 
    font-weight: normal;
}
.tf_news_post_and_comment {
	font-size: 10px; 
	padding:2px;
    margin-bottom: 6px;
    text-align: left;
    font-weight: normal;
	color: gray;
}

/* hide the comment link */
.tf_news_post_and_comment A {
	display : none;
}
.tf_blogtitle {
   font-size: 12px; 
   font-weight: normal;
   padding: 2px; 
   text-align: left;
}

/* Following style settings used by the Guestbook */
div.gb              { 
	margin: 0px 0px 20px 0px; 
	padding: 0px; 
	border: 1px solid #0099cc; 
	line-height: 19px; 
	}
div.gb-author       { 
	margin: 0px; 
	padding: 1px 10px 1px 10px; 
	border-bottom: 1px solid #0099cc; 
	background: #0099cc;
	color: white; 
	}
p.gb-author-left    { 
	margin: 0px; 
	float: left; 
	}
p.gb-author-right   { 
	margin: 0px; 
	text-align: right; 
	}
div.gb-entry        { 
	margin: 0px; 
	padding: 10px;
	background: #eafdff; 
	}
p.gb-browse         { 
	text-align: right; 
	font-weight: bold; 
	}
p.gb-admin-buttons  { 
	margin: 5px 0px 0px 0px; 
	text-align: right; 
	}
.caution            { 
	color: red; 
	font-weight: bold; 
	}
.small              { 
	font-size: 11px; 
	line-height:16px; 
	}
.xsmall              { 
	font-size: 8pt; 
	line-height:10px; 
	}
.comment            { 
	margin: 10px 0px 0px 0px; 
	color: #808080; 
	font-style: italic; 
	}
img                 { 
	border: 0px; 
	}