/* stylesheet for www.cushen.com (c)2004 and 2010, Andrew Cushen & Cushen Computer Consulting
   All Rights reserved. You may not use any of the code on this site without permission,
   which can be obtained at http://www.cushen.com/permission.htm

*/

/*
///////////////////////////////////////////////////////////////////////////////////////////////////////// 

Basic styles     */

body 
{	
/*	font-family: Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif; */
	font-family: Arial, Verdana, Geneva, Helvetica, sans-serif; 
	font-size: small;
	margin: 0 auto;
	text-align: left;
	width: 816px;
/*	background-image: url('pc3.gif');
	background-repeat: repeat-x;*/
	background-image: url('bg-tile.png');
	background-repeat: repeat-x;
}

/* color for text in top logo, main body: */	 
#bodyDiv #topLogo h1 
{
 	padding: 0 0 0 0;
 	color: #000000;
 	visibility: hidden; /* THIS IS HIDDEN BECAUSE IT IS NOT NECESSARY WITH THE LOGO IN PLACE. */
}

#topLogo
{
	margin: 0 0 0 0;
	width: 800px;
	height: 150px;
	background-image:url('logo.jpg');
 	background-repeat:no-repeat;
 	border: 1px #4A4B4A solid;
}

#bodyDiv 
{
  border: 1px solid #a9a9a9;
 	display: block;
  	position: relative;
 /*	background-color: #A59BCC;
 	background-color: #4F4F4F;
 	
 	background-color: #ACACAC;*/
 /*	background-color: #FFFFFF; */
 	color: #000000;
 	border: 1px solid #000000;
 	margin: 0 auto;
 	margin-top: 1em;
 	
 }

/* #bodyDiv p, noscript
{
	padding: 0 0 1em 0; THIS CAUSED PROBLEMS SO WAS COMMENTED-OUT 
}*/

.normalTitle, #topLogo h1

{
	font-size: 2em;
}


/* Default Styles for links on all pages: */
/* a:link { color: blue; } 
   a:visited { color: #ff0000; } */
a:hover 
{ 
 	color: #ff0000;
/*	font-weight: bold;  */
}
a:active 
{ 
color: #ff0000; 
}


/* style for h1 headings  */
h1	
{		
	text-align: center;	
	font-size: large;
}
h2
{
	font-size: medium;
}

noscript
{
	color: red;
	background-color: white;
}



.accordionNoScript
{
	height: 500px;
	overflow:scroll;
	
}

.accordionNoScript a, a:hover, a:focus

{
	text-decoration: none;
	color: #000000;
	cursor: default;
}

   
/*li
{
	margin-top: 25px; NOT SURE WHY WE DID THIS 
}*/

address	
{
	color: #ffffff;
	font-size:x-small;
	/*font-weight: italic;*/
	text-align: center;
	background-image: url('bg-address.png');
	background-repeat:repeat-x;
}
address a:link
{
	color: #75b6f0;
	
}

/*  Next 2 styles force definition lists on the windowsProgramming.htm page to look more like <ul> lists.

	The styles add bullets and indentation, both of which are normally missing on a definition list.
							 																			*/
#windowsProgramming dl
{
	padding-left: 1em;
}
#windowsProgramming dt
{
	display: list-item;
	font-weight: bold;
}

/*  Class to be applied to spans on the windowsProgramming.htm page to simulate using a "-" as a bullet for a 
	definition list. Necessary because not doing this causes the text on all lines after the first to flow even 
	with the dash on the first line, which ruins the bulleted list item effect.
																													*/
#windowsProgramming .ddDash
{
	float: left; 
	margin: 0 0 0 -.5em;
}


#windowsProgramming h2
{
	font-size: 1.025em;
}
abbr
{
	background-color: InfoBackground;
}
/*  ---------------------------------------- ADD'L CLASSES / IDs ---------------------------------------------------------- */


#pageContent
{
	/*
	margin-top: 3em;  CAUSED PROBLEMS IN IE 7- : TOO MUCH SPACE ABOVE DIV */
	margin-bottom: 2em;	
	clear: both;
}

#clients #pageContent

{
	height: 500px;
}

/* OBSOLETED BY jQuery-UI "Highlight" EFFECT
#new-Blog
{
	height: 56px;
	line-height: 3.5em;
}		*/
  
#aboutUs blockquote
{
	margin: 10px 0;
	padding: 0 20px 0 50px;
	background: url('bqQuotes.png');
	background-repeat: no-repeat;
	background-position: 10px 0;
	border: none;

}
  
#aboutUs blockquote div
{
	display: inline;
	font-weight: bold;
	margin-right: .125em; /* TODO: adjust this; see book */
}



.img-shadow 
{

  float:left;
 /* background: url(DropShadowBorder.png) no-repeat bottom right !important; */
  background: url(DropShadowBorder1.png) repeat bottom right;
  margin: 10px 0 0 10px !important;
  margin: 10px 0 0 5px;
}

 #bodyDiv 
{
  display: block;
  position: relative;
  background-color: #ffffff;   
  border: 1px solid #a9a9a9;
  margin: -6px 6px 6px -6px;
  padding: 4px; 
} 

/*****************************************************************************************/



/*.ClientsBodyDiv*/
#clients #bodyDiv
{
	height: 800px !important;
} 

#pageContent
{
/*	padding: .025em;

 	display: block;
  	position: relative; 
  	background-color: #ffffff;   
  	border: 1px solid #a9a9a9;
 	margin: -6px 6px 6px -6px;
  	padding: 4px; 
*/
}

/*.wrap:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}*/
/*.ClientsAccordionContainer  Immediate container of Accordion control on clients.htm page */
#accordion	/*#ClientsAccordionContainer */

{
	height: 450px !important; 
}


/*  
	Styles that show certain text and hide other text, depending on whether the user has JavaScript turned on or not.

 */
.NoScript
{
	
	display: none !important;
}

#ScriptOnly
{
	display: none;
}
.ScriptOnly
{
	display: inline !important;

}


#NoScriptOnly
{
	color: red;
}

/* 
/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// 
*/  

/*//////////////////////////////////////////
		Main (Header) Menu Styles 
				(with mouseovers)
///////////////////////////////////////////
*/
/*#above-menu #headerMenu
{
	
	border-bottom: 1px solid #FFF;  
}*/
#above-menu
{
	width: 100%;
	background: url('top-bannerUnderLogo.png') no-repeat; 
}

#below-Menu #headerMenu
{
	border-top: 1px solid #FFF;
}

#headerMenu 
{
	font-family: Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif; 
	background: #131313;
	float: left;
	font-size: 11px;
	text-transform: uppercase;
	width: 100%; height: 32px;
	margin: 0px; padding: 0px;
	margin-bottom: 1em;

}


/* This is the style for the first UL (horizontal) */
#headerMenu ul
{
	float: left;
	background: transparent;
	height: 32px; line-height: 32px;
	margin: 0px; padding: 0px;
}

/* This is the style for the top level list items */
#headerMenu ul li
{
	background: none;
	width: auto;
	display: block;
	float: left;
	list-style-type: none;
	height: 32px; line-height: 32px;
	margin: 0px; padding: 0;
}
#headerMenu ul li.home
{
	background: none;
}
/* The style for all links */
#headerMenu a
{
	color: #FFF;
	text-decoration: none;
}
/* The universal hover state colors and background for main menu LI items and links */
#headerMenu li:hover a,
#headerMenu li.sfhover a,
#headerMenu li a:hover
{
	color: #FFF;
	text-decoration: none;
	background: #0b2300 url(menu-active-b.gif) top center no-repeat;
}
/* This is the style for the main menu */
#headerMenu ul li a
{
	display: block;
	height: 32px; line-height: 32px;
	margin: 0px; padding: 0px 10px;
	text-decoration: none;
	border-right: 1px solid #FFF;
	background: #131313 url(menu-item-bg.gif) top center no-repeat;
}
/* Home link */
#headerMenu ul li.home a {
	width: 40px;
	text-indent: -9999px;
	overflow: hidden;
	background: #131313 url(images/menu-home-bg.gif) top center no-repeat;
}
#headerMenu ul li.home a:hover {
	width: 40px;
	text-indent: -9999px;
	overflow: hidden;
	background: #0b2300 url(menu-home-active-b.gif) top center no-repeat;
}
/* "Current Page" style-- turn off "special effects" because we're already on this page 
#headerMenu ul li.currentPage a, #headerMenu li.currentPage:hover a*/
#headerMenu ul a.currentPage, #headerMenu a.currentPage:hover

{
	color: gray;
/*	color: black; */
/*	background: #FFFFFF; */
	background: #131313 url(menu-item-bg.gif) top center no-repeat; 
	font-weight: normal;
	cursor: default;
}