/*
*	The rules for navigation start here. 
*	Heavily inspired by the following articles:
*		http://www.alistapart.com/articles/slidingdoors/
*		http://www.alistapart.com/articles/mountaintop/
*		http://www.alistapart.com/articles/sprites/
*/
	#menu {
		padding:0;
		line-height:normal;
		margin-top: -23px;
		margin-bottom: 20px;
		text-align: left;
		margin-right: 7px;
		float: right;
		border-top: 1px solid #d1d1d1;
		border-right: 1px solid #d1d1d1;
		border-left: 1px solid #d1d1d1;


	}
	#menu ul {		
		font-size: 11px;
		margin:0;
		padding:0px 0 0 0px;
		list-style:none;
		margin-bottom: 0px; padding-bottom: 0px;

	}
	#menu li {
		display:inline;
		margin:0;
		padding:0;
	}
/*
*	For the next two rules:	
*	1. A single image is used for the two doors, rather than one.
*	2. Ascetically, the 'font-weight:bold' was removed to closely mimic the www.digital-web.com tabs.
*	3. The padding was modified for personal preference.
*/
#menu a {
	float:left;
	background: #5E6BA2;
	padding:0 0 0 11px;
	text-decoration:none;
	color: #fff;
	font-family: tahoma; 
	margin-right: 2px;
	font-size: 13px;
	padding-bottom: 3px;
	padding-top: 3px;
}
#menu a span {
	float:left;
	display:block;
	background: #5E6BA2;
	padding:4px 17px 3px 6px;
	padding-bottom: 3px;
	padding-top: 3px;

}

#menu #current a {
	float:left;
	background: #fff;
	padding:0 0 0 11px;
	text-decoration:none;
	color: #000;
}
#menu #current a span {
	float:left;
	display:block;
	background: #fff;
	padding:4px 17px 3px 6px;
}
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#menu a span {float:none;}
/* End IE5-Mac hack */

/*
*	1. At this point many things are simplified. The hover and background colors are set,
*	and no positions are used because we aren't swapping images
*	2. 'padding-bottom:4px;' on the current span pushes that tab 1px higher than the others, 
*	exposing 1px of the background color of #menu and giving the effect of an underline.
*/

#menu #current a span {
	padding-bottom:4px;
}
#menu a:hover {

	background: #330099;
	padding:0 0 0 11px;
	text-decoration: none;
	color: #000;
	padding-bottom: 3px;
	padding-top: 3px;
}
#menu a:hover span {

	display:block;
	background: #330099;
	padding:4px 17px 3px 6px;
	color: #fff;
	padding-bottom: 3px;
	padding-top: 3px;

}
#menu #current a:hover span {
	color: #000;
}



body { background: #efefef url(/img/bodyBg.gif); margin: 0px; padding: 0px; margin-bottom: 30px;}
div.mainColContainer { background-color: #fff; margin-left: auto;  margin-right: auto; width: 805px; margin-top: 20px; border-right: 15px solid #EBEFF4; border-left: 15px solid #EBEFF4;}
div.mainCol { margin-left: auto; margin-right: auto; }
div.leftCol { float: left; width: 220px; font-size: 11px; color: black; background-color: #F2F0F0; padding: 15px; margin-left: 20px; margin-right: 20px; margin-bottom: 20px; margin-top: -10px; color: #737373; font-family: tahoma;}
div.leftCol h2 { color: #3300CC; }

#blurbSlide2 { margin-top: 0px;  font-size: 11px;}
#blurbSlide2 { width: 493px; height: 125px; background-color: #1F1D4E; border: 1px solid #d1d1d1; color: #FFFF99; background: url(/img/popupbg.jpg); }
#blurbSlide2 p { text-align: center; vertical-align: middle; padding: 10%; cursor: pointer;}
#blurbSlide2 input { background-color: #FFFFCC; border: 0px; color: #000; font-size: 0.8em; padding: 3px;}

div.iconnav { float: right; margin-right: 10px; margin-top: 10px;}
div.navitem a img { border: 1px solid #efefef; }
div.navitem a:hover img { border: 1px solid #d1d1d1; background-color: #D1D1D1; }

div.prodItem { background-color: #ddd;  font-size: 12px; border-right: 1px solid #a1a1a1;}
div.prodItem h1 { line-height: 14px; }
div.prodItem p { color: black; font-size: 10px;}

div.userId { font-size: 11px; text-align: right; margin-top: -20px; color: red; margin-bottom: 15px; }
div.userId a {  color: blue; text-decoration: none; } 
div.userId a:hover {  color: white; background-color: #330066; text-decoration: none; }

#footer { color: #C6C6C9; width: 805px; margin-left: auto; margin-right: auto; background-color: #38457E; font-size: 10px; font-family: tahoma; padding: 15px; margin-top: -39px;}
#footer a { color: #C4C44F; text-decoration: none; margin-left: 8px; margin-right: 8px;}
#footer a:hover { text-decoration: underline; }


div.editLink { text-align: right; font-size: 14px; }
div.editLink a { font-weight: bold; }