/*
nshome.css
NovitskiSoftware.com
*/


/****************************/
/*   General & structural   */
/****************************/
*
{
	margin: 0;
	padding: 0;
	font-family: sans-serif;
	font-size: 99%;
	font-weight: normal;
	color: #3366ff;	/* darker blue */
}
/*
html
{
	overflow: hidden;
}
*/
body
{
	margin: 0;
	/* overflow: hidden; */
	background-color: lavender;
	background-image: url("nsimages/LeftCol.jpg");
	background-repeat: repeat-y;
}
a
{
	text-decoration: none;
}
img
{
	border: 1px solid #3366ff;	/* darker blue */
}
#RightCol
{
	margin-left: 151px;
	display: block;
	height: 100%;
}

#SiteTitle
{
	font-size: 300%;
	padding: 0.2em 0 0 0.5em;
	padding-bottom: 0.3em;
	background-color: #ADD8E6;	/* lightblue */
}
#SiteTitle a
{
	color: #4682B4;	/* steelblue */
	text-decoration: none;
}

.cssBodyText
{
	/* font-size: 100%; */
	margin-left: 10px;
	margin-bottom: 0.6em;
}

/****************************/
/*         Main Menu        */
/****************************/
ul#MainMenu
{
	list-style-type: none;
	border-top: 3px solid #4682B4;	/* steelblue */
	left: 0px;
	margin-left: 0px;
	padding-left: 0.5em;
	padding-bottom: 4px;
}
ul#MainMenu li
{
	float: left;
}

ul#MainMenu a
{
	display: block;
	background-color: #4682B4;	/* steelblue */
	font-weight: bold;
	/* /* font-size: 90%; */ */
	text-decoration: none;
	text-transform: lowercase;
	color: #ADD8E6;	/* lightblue */
	padding: 0px 8px 3px 8px;
	margin: 0px 4px 3px 4px;
	border-color: #4682B4;	/* steelblue */
	border-style: solid;
	border-width: 0 1px 1px 1px; 
}

/* the current menu item changes because Javascript has set the body class */
body.PageAbout a#menuAbout, 
body.PageArticle a#menuArticles, 
body.PageArticles a#menuArticles, 
body.PageServices a#menuServices, 
body.PageTools a#menuTools, 
body.PagePortfolio a#menuPortfolio, 
body.PageContact a#menuContact, 
body.PageLinks a#menuLinks
{
	color: #4682B4;	/* steelblue */
	background-color: lavender;
	outline-color: lavender;
	cursor: default;
}

/* these next two are used when the menu event is click, not mouseover as it is now */
ul#MainMenu a:hover
{
	color: white;
}
/* the current selection doesn't change on mouseover */
body.PageAbout a#menuAbout:hover,
body.PageArticle a#menuArticles:hover, 
body.PageArticles a#menuArticles:hover, 
body.PageServices a#menuServices:hover, 
body.PageTools a#menuTools:hover, 
body.PagePortfolio a#menuPortfolio:hover, 
body.PageContact a#menuContact:hover,
body.PageLinks a#menuLinks:hover
{
	color: #4682B4;	/* steelblue */
}
body.Article a#menuArticles:hover
{
	color: #ADD8E6;	/* steelblue */
	cursor: pointer;
}

div#ContentCell
{
	margin-top: 15px;
}

/****************************/
/*         Pagelets         */
/****************************/
/* These are the content sub-pages that display when menu picks are selected */

.cssPagelet,
#PageArticle
{
	display: none;
	position: absolute;
	visibility: hidden;
	top: 0px;
	width: 60%;
	padding-top: 20px;
	/* font-size: 90%; */
}

/* the current pagelet appears because Javascript has set the body class */
body.PageArticles div#PageArticles,
body.PageArticle div#PageArticle,
body.PageAbout div#PageAbout, 
body.PageServices div#PageServices, 
body.PageTools div#PageTools, 
body.PagePortfolio div#PagePortfolio, 
body.PagePortfolio div#PortfolioMenu, 
body.PageContact div#PageContact,
body.PageLinks div#PageLinks
{
	display: block;
	position: static;
	visibility: visible;
}

/****************************/
/*      Pagelet Lists       */
/****************************/
/* These are lists of items within each pagelet, displayed as a vertical series of boxes */

.cssPagelet ul
{
	list-style: none;
	background-color: lavender;
	margin: 0px 0px;
	padding: 0px;
}
.cssPagelet ul li
{
	/* font-size: 90%; */
	font-weight: normal;
	text-transform: lowercase;
	color: #3366ff;	/* darker blue */
	border: 1px solid #3366ff;	/* darker blue */
	width: 30em;
	margin: 0px 4px 3px 4px;
	padding: 3px 8px 6px 8px;
}
.cssPagelet ul li a
{
	text-decoration: none;
	display: block;
}
.cssPagelet ul li a:hover
{
	background-color: #3366ff;	/* darker blue */
	color: white;
}

/****************************/
/*     Portfolio List       */
/****************************/
/* (a variant of the pagelist list) */

div#PageArticles ul li,
div#PortfolioMenu ul li
{
	margin: none;
	padding: 0px;
}
.cssPortfolioPage
{
	margin-top: 15px;
}
.cssPortfolioText
{
	/* font-size: 90%; */
	margin-bottom: 0.6em;
}

div#PageArticles ul li a,
div#PortfolioMenu ul li a
{
	padding: 2px 6px 4px 6px;
	/* font-size: 90%; */
}
/****************************/
/*        portfolio pages   */
/****************************/
div.cssPortfolioPage
{
	display: none;
	margin-left: 5px;
}
body.portfolioJW div#PortfolioJW,
body.portfolioEG div#PortfolioEG,
body.portfolioLT div#PortfolioLT,
body.portfolioMG div#PortfolioMG,
body.portfolioWC div#PortfolioWC,
body.portfolioCW div#PortfolioCW,
body.portfolioER div#PortfolioER,
body.portfolioDA div#PortfolioDA,
body.portfolioMO div#PortfolioMO,
body.portfolioMM div#PortfolioMM
{
	display: block;
}

/****************************/
/*        Links Menu        */
/****************************/
/* (a variant of the pagelist list) */

#PageLinks ul
{
	padding: 3px 6px 4px 6px;
	font-weight: bold;
	/* font-size: 90%; */
}
#PageLinks ul li
{
	font-weight: normal;
	text-transform: none;
	padding: 0px;
}

#PageLinks ul li a
{
	padding: 3px 6px 4px 6px;
}
#PageLinks ul li a:hover
{
	background-color: #3366ff;	/* darker blue */
	color: white;
}

/****************************/
/*       Contact Form       */
/****************************/
#PageContact
{
	margin-top: 25px;
	margin-left: 5px;
	width: 45em;
	/* font-size: 90%; */
	font-weight: normal;
	text-transform: lowercase;
	color: #3366ff;	/* darker blue */
	padding: 5px;
}
#PageContact label
{
	float: left;
	width: 6em;
	text-align: right;
	padding-right: 0.5em;
	vertical-align: top;
	padding-top: 0.25em;
	/* font-size: 90%; */
}
#PageContact input, #PageContact textarea
{
	border: 1px solid #3366ff;	/* darker blue */
	margin-bottom: 5px;
}
#PageContact textarea
{
	width: 75%;
	height: 15em;
}

.cssPagelet img
{
	float: left;
	margin-right: 1em;
}

/****************************/
/*       Articles       */
/****************************/
div#PageArticle
{
	clear: left;
}
div#PageArticle h2,
div#PageArticle h3,
div#PageArticle h4,
div#PageArticle h5,
div#PageArticle h6
{
	margin-bottom: 0.5ex;
	color: #4682B4;	/* steelblue */
}
div#PageArticle h2
{
	font-size: x-large;	/* 2.5em;*/
}
div#PageArticle h3
{
	margin-top: 1ex;
	font-size: large;		/* 1.5em;*/
}
div#PageArticle h4
{
	font-size: large;	/* 1.5em;*/
}
div#PageArticle h5
{
	margin-bottom: 1ex;
	font-size: small;	/* 1.25em;*/
}
div#PageArticle h6
{
	font-size: large;	/*1.2em;*/
}
div#PageArticle p
{
	margin-bottom: .6em;
	line-height: 1.3em;
	color: #3366ff;	/* darker blue */
	color: #3366ff;	/* darker blue */
}
div#PageArticle p.byline
{
	margin-bottom: 1em;
	font-size: small;
}
div#PageArticle p.ArticleDate
{
	text-align: right;
	margin: 0;
}
/*
div#PageArticle span.initcap
{
	float: left;
	display: block;
	margin: 0;
	margin-top: -.3ex;
	margin-right: .5ex;
	line-height: 1em;
	font-size: 1.5em;
}
*/
div#PageArticle span.initcap
{
	float: left;
	display: block;
	margin: 0;
	margin-right: .5ex;
	line-height: 1em;
	font-size: 2em;
}
div#PageArticle code,
div#PageArticle pre
{
	font-size: 1.1em;
	font-family: Monospace;
	color: #00008B;		/* darkblue */
}
div#PageArticle code
{
}
div#PageArticle pre
{
	margin-left: 2em;
	margin-bottom: .3em;
}
div#PageArticle a
{
	border-bottom: 1px dotted blue;
	font-weight: bold;
}
div#PageArticle a:hover
{
	color: Blue;
}










* div.cssPortfolioPage div.cssPortfolioText a
{
	font-weight: bold !important;
	text-decoration: none;
}
div.cssPortfolioPage div.cssPortfolioText a:hover
{
	color: #999;	/*gray*/
}