/*****************************************************************************************/
/* Effective Management Systems, Inc.                                                    */
/* Standard Border Color (Dark): #323288																								 */
/* Standard Border Color (Light): #AEAEFF																								 */
/*****************************************************************************************/
body {
	font-family: arial;
	margin: 0px;
}

table {
	background: white;
}

img {
	border: 0px;
}

/* Body paragraph */
p {
	margin: 18px 10px 0px 10px;
	line-height: 130%;
}

p.l2 {
	margin-top: 38px;
}

td {
	font-size: 11;
}

li {
	line-height: 22px;	/* Affects bullet points spacing on home page */
	margin-right: 10px;	/* Match p */
}

ol li {
	margin-bottom: 10px;	/* Home, Book */
}

/* Book */
span#hl {
	color: blue;
	font-style: italic;
}
/* Body paragraph ends */

/* Block with 1pt border gap */
div.elegant {
	border: 1px solid #323288;
	padding: 1px;
}

/* Entire screen */
#body { width: 100%; }

/* Setting width to 100% will cause horizontal scroll on Firefox */
#footer {
	padding: 3px;
	margin: 0px;
	text-align: left;
	color: #000000;
	font-family: Trebuchet MS;
	font-size: 8pt;
	background: #EFEFFA;
	border-width: 1px 0px 1px 0px;
	border-style: solid;
	border-color: #323288;
}



/*****************************************************************************************/
/* e.g. Standard Anchor Link		                                                         */
/*****************************************************************************************/
a:link,
a:visited,
a:active {	color: blue; }
a:hover	{	color: red; }



/*****************************************************************************************/
/* e.g. Button Anchor 					                                                         */
/*****************************************************************************************/
a.button, a.button:visited, a.button:active {
	color: white;
	background: #666699;
	border: 1px solid #323288;
	padding: 4px;

	font-size: 11pt;
	text-align: center;
	text-decoration: none;
}

a.button:hover {
	color: #000033;
	background: #DDDDFF;
}



/*****************************************************************************************/
/* Top Menu Bar									                                                         */
/*****************************************************************************************/
td.menu	{
	border-width: 1px 0px 1px 0px;
	border-style: solid;
	border-color: #999999;
	color: #336666;
	height: 22px;
	background: url(images/BG-Menu.jpg) center repeat-x;
}

td.menu a:link,
td.menu a:visited,
td.menu a:active,
td.menu a {
	text-decoration: none;
	color: white;
	font-size: 10pt;
	font-family: Arial;
	line-height: 120%;
	padding: 0px 4px 0px 4px;		/* Adjusted to fit inside gradient */
}

td.menu a#hl {
	color: black;
	background: #FFFFCC;
}

td.menu a:hover,
td.menu a#hl:hover {
	color: black;
	background: #DDDDFF;
}


/*****************************************************************************************/
/* e.g. Main Panel, exclue banner, horizontal menu and footer                            */
/*****************************************************************************************/
td.main {
	background: url(images/BG-Border-Left.jpg) repeat-y top left;		/* Left border pattern */
	padding-left: 43px;																							
	padding-top: 4px;
	padding-bottom: 4px;
}

div.main {
	width: 750px;						/* Width of middle panel */
	zpadding-top: 65px;
}

/* Size menu and content panel */
table.main { width: 100%;	}

table.main td { vertical-align: top; }

/* Outer Thick Dark Border */
td#content {
	border: 2px solid #323288;
	padding: 1px;
}

/* Inner Thin Light Border */
div.thinlightborder {
	border: 1px solid #AEAEFF;
	background: #F9F9FF;
	margin: 0px;
	padding: 1px;
	min-height: 300px;				/* Minimum height */
	height: auto;
	-height: 300px;
}

div.h1 {
	margin: 0px;
}

h1 {
	margin: 0px;
	padding: 5px;
	padding-left: 38px;
	background: #111133 url('images/ico-H1.gif') no-repeat left center;
	color: #F0F0F0;
	font-size: 18pt;
	font-weight: normal;
	font-style: italic;
}

/* On Product page */
h2 {
	margin: 18px 0px 0px 0px;
	padding: 3px;
	text-align: left;
	color: white;
	background: #333366;
	font-size: 12pt;
	font-weight: normal;
	font-style: italic;
}

/*****************************************************************************************/
/* e.g. Side Menu Bar   				                                                         */
/*****************************************************************************************/
/* Size and position of menu block */
#sidemenu {
	background-image: url('images/BG-MenuV.jpg');
	border: 1px solid #323288;
	width: 120px;			/* Must match #navcontainer, required for pages with narrow content, otherwise menu will expand */
}

/* Size of menu block */
/* Ref: http://css.maxdesign.com.au/listamatic2/vertical14.htm */
#navcontainer {
	width: 120px;			/* Must synch with #navcontainer ul li a */
	zbackground: url('images/BG-MenuV.jpg') repeat-y top left;
}

#navcontainer ul {
	margin: 0px;
	margin-top: 5px;
	padding: 0px;
	list-style-type: none;
	width: 100%;
}

#navcontainer li {
	margin: 0px;
	padding: 2px 0px 1px 0px;
}

#navcontainer ul li a,
#navcontainer ul li a:link, #navcontainer ul li a:visited {
	display: block;
	background-image: url('images/Bullet.gif');
	background-repeat: no-repeat;
	background-position: 3px 0.4em;	/* Bullet space from Left (border) and Top (text) */
	width: 102px;					/* Width + Padding Left should equal size of #navcontainer */
	padding-left: 18px;		/* Space between text and bullet */
	font-size: 0.9em;
	text-decoration: none;
	color: white;
}

#navcontainer ul li a:hover {
	color: #333366;
	background: #DDDDFF;		/* Must be above image, otherwise overwrite */
	background-image: url('images/Bullet-over.gif');
	background-repeat: no-repeat;
	background-position: 3px 0.4em;	/* Bullet space from Left (border) and Top (text) */
}


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


p#marker {
	color: gold;	font-size: 18pt; background: white;
}