html, body {
	margin: 0;
	padding: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
}

body {
	background-color: #0066CC;
	color: #999999;
	width: 100%;
}

#container {
	width: 90%;
	margin: 10px auto;
	background-color: #ffffff;
	color: #333; 
	/* border: 1px solid #808080; */
	border-bottom-width: 0px;
	line-height: 15px;
}

#top {
	padding: 0.5em;
	background-color: #003366; /*  Earier, it was #003366   */
	border-bottom: 1px solid #808080;
	z-index: 2;
}

.header {
	height: 150px;
	width: 725px;
}

#top2 {
	background-color: #176ABD;  /* originally #176abd, then 0066CC, then FD8601, then 00FF33, then FFFF33, then FF3333, then FD8601 */
/*	background: transparent url(../image-files/heading-2-orange.gif) repeat-x left; */
	border-bottom: 2px solid #808080;
	z-index: 98;
	border-bottom-style: ridge;
}

.open-cube-menu-1 {
	z-index: 999999;
	margin-left: 165px;
}

#leftnav {
	position: absolute;
	width: 140px;
	margin: 5%;
	padding: 1em;
	top: 128px;   /* Originally 173; later 203px     */
	left: 0px;
	background-color: #FFFFFF; /* Originally #F1EFE2;  */
}

#rightnav {
	position: absolute;
	width: 160px;
	margin: 5%;
	padding: 1em;
	top: 128px;   /* Originally 173; later 203px     */
	right: 0px;
	background-color: #FFFFFF; /* Originally #F1EFE2;  */
}

#content {
	/*The area that holds the primary content*/
   margin-left : 170px;
/*   border-left : 1px solid #808080; */
   margin-right : 190px;
/*   border-right : 1px solid #808080;  */
   padding : 1em;
/*	height: 1000px; */
	z-index: 1;
}

#footer {
	clear: both;
	margin: 0;
	padding: .5em 0 1em 0;
	color: #ffffff;
	background-color: #003366;
	border-bottom: 1px solid #808080;
/*	border-top: 1px solid #808080;  */
	text-align: center;
}

#top-advt {
	clear: none;
	margin: 0;
	padding: .5em 0 .5em 0;
	border-bottom: 1px solid #808080;
	border-top: 1px solid #808080;
	text-align: center;
}

#footer-advt {
	clear: none;
	margin: 0;
	padding: .5em 0 .5em 0;
/*	border-bottom: 1px solid #808080; */
	border-top: 1px solid #808080;
	text-align: center;
}

.nav {
	color: #003366;
	border-bottom: solid #999 1px;
	text-decoration: none;
	font-weight: bold;
/*	font-style: bold; */
}

.nav a:link {
	color: #003366;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
/*	font-style: bold; */
	text-decoration: none;
}

.nav a:visited {
	color: #003366;
	font-weight: bold;
/*	font-style: bold; */
	text-decoration: none;
}

.nav a:hover {
	color: #0000ff; /* Originally #0058f4  */
	text-decoration: none;
	font-weight: bold;
}

.nav a:active {
	color: #0000ff; /* Originally #0058f4  */
	text-decoration: none;
	font-weight: bold;
}

/*Default link colors for content area; */
a:link {
	color: #0000ff; /* Originally #a52a2a  */
	text-decoration: underline;
	font-weight: bold;
}

a:visited {
	color: #0000ff; /* Originally #a52a2a  */
	text-decoration: underline;
	font-weight: bold;
}

a:hover {
	color: #0000ff; /* Originally #a52a2a  */
	text-decoration: underline;
	font-weight: bold;
}

a:active {
	color: #0000ff; /* Originally #a52a2a  */
	text-decoration: underline;
	font-weight: bold;
}

/* Links within paragraphs (subtle) */
p a:link {
	color: #0000ff; /* Originally #a52a2a  */
	text-decoration: underline;
	font-weight: bold;
}

p a:visited {
	color: #0000ff; /* Originally #a52a2a  */
	text-decoration: underline;
	font-weight: bold;
}

p a:hover {
	color: #0000ff;
	text-decoration: underline;
	font-weight: bold;
}

p a:active {
	color: #0000ff;
	text-decoration: underline;
	font-weight: bold;
}

#top h1 {
   padding : 0;
   margin : 0;
}

#content p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
	text-align: justify;
}

#content pre {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: x-small;
	text-align: justify;
}

#ezine {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	border: thin solid Black;
	width: 350px;
	float: right;
	margin-left: 1em;
	margin-bottom: 0.5em;
	margin-top: 0.5em;
	z-index: 99;
}

#google-ads {
	z-index: 98;
}

.tabaweber {
	float: left;
	margin-right: 1em;
	padding: 0 10px 0 0;
}


.popover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
}

/*You can create a special image to use in lists, upload to the Graphics Library or image-files folder and be sure to name it li.gif*/
#content ul li{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: small; 
/*	list-style-image: url(../image-files/li.gif); */
/*	list-style-position: inside; */
/*	list-style-type: disc; */
}

.special-lists {
	list-style-position: outside;
	list-style-type: disc;
}

.special-lists-2 {
	list-style-position: outside;
	list-style-type: disc;
}

.special-lists-3 {
	list-style-position: outside;
	list-style-type: sqaure;
}

.special-lists-4 {
	list-style-position: outside;
	list-style-type: circle;
}

/* This UL list is used in imenus0 ID defined in Open Cube Menu System. Without this, the Open Menu system gets spoiled */
#imenus0 ul li {
	list-style-image: none;
	list-style-position: outside;
	list-style-type: none;
}

#imenus0 a:link {  /* As the other links are italicized, this is used to make the open cube menu without Italics */
	font-style: normal;
}

.swicki-entry {
	border: 1px solid #333333;	
}

OL, UL, DL {font-size:small;}/*font-family is already defined, here I only set the font-size*/
  
#top2 h1 {
   padding : 0;
   margin : 0;
}

#top2 span {
	padding: 0 0 0 10px;
}

#leftnav p, #rightnav p {
   margin : 0 0 1em 0;
}

#content h2 {
   margin : 0 0 .5em 0;
}

/* seen by IE5mac only, by Philippe Wittenbergh www.l-c-n.com */
*>html #footer img {
        margin : 0;
}
/* end */

#footer p {
	padding-left: 5px;
	color: #FFFFFF;
}

/*Settings for all heading tags*/
h1{
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 24px;
	color: #003366;
	text-align: center;
	text-decoration: none;
	padding-bottom: 15px;
	line-height: 25px;
}

h2 {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 15px;
	color: #003366;
	text-align: left;
	text-decoration: underline;
	padding-bottom: 15px;
}

h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #003366;
	text-transform: capitalize;
}

/* H4 is being used for Messages like "Good Wishes", "Best of Luck", etc. in the Body Copy */
h4 {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #ffffff;
	BORDER-TOP: thin solid #333333;
	BORDER-LEFT: thin solid #333333;
	BORDER-BOTTOM: thin solid #333333;
	BORDER-RIGHT: thin solid #333333;
   background-color: #176abd;
	text-align: center;
	font-weight: 900;
}

h5{
	margin-bottom: 5px;
	margin-top: 5px;
	font-family: Arial, Helvetica, sans-serif, Verdana, Eyechart, Geneva;
	font-size: x-small;
	color: #003366;
	font-weight: 900;
	background-color: transparent;
	text-decoration: underline;
	text-align: left;
}

h6 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: x-small;
	color: #003366;
	margin: 0;
	padding: 1px;
	text-align: center;
	background-color: #9999ff;
	border: 1px solid #333333;
}    

hr {
	margin-bottom: 5px;
	margin-top: 0;
	background-color: transparent;
	color: #494fb2;
}

hr.opt1 {
	border-bottom: 2px solid #999;	
}

hr.opt2 {
	border-bottom: thin dashed #848373;
}

#counter {
   display : none;
}

/* To display advertisements on the right or left side */
.advt-1 {
	color: #003366;
	font-weight: bold;
}

/* Use the following text alignment classes with any element */
.left-aligned {
	text-align: left !important;
}

.right-aligned {
	text-align: right !important;
}

.center-aligned {
	text-align: center !important;
}

.justify-aligned {
	text-align: justify !important;
}

.bold {        /* This bold Class can be used in any element for making the text Bold   */ 
	font-weight: 900;
}
    
strong, b {
	font-weight: 900;
}/*NN 4.xx needs that...*/ 

big {
	/*to emphasize words, use it in-line with a <span> class*/
	font-size: larger;
}

small {/*not really necessary, but one never knows...use it in-line with a <span> class*/
	font-size:smaller;
}

/*This removes the need to add border=0 to linked images*/
a img {border:0.1px none #000000;} 

/* These are used for placing images on the left or right side of body copy. Use IMG or Embed */
.image-left {
	border: none;
	margin-top: 5px;
	margin-bottom: 5px;
	margin-right: 10px;
	margin-left: 0;
	float: left;
}

.image-right {
	border: none;
	margin-top: 5px;
	margin-bottom: 5px;
	margin-right: 0;
	margin-left: 10px;
	float: right;
}

object, embed {
	z-index: 1;
}

em,i{ /*sets italics to bold to stand out better*/
	font-weight: bold;
	font-style: italic;
}

/* These styles replace a two column table. This is used in Table of Contents in Home Page and other 2-column tables */
#toc-leftcontent {
	float: left;
	width: 50%;
	background-color: transparent; /* Originally #dadaf8 */
	padding-bottom: 10px;
	padding-left: 10px;
	padding-right: 15px;
	padding-top: 10px;
}

#toc-leftcontent p {
	font-size:10px;
	margin-left:0px;
}

#toc-leftcontent p a {
	color: #0000ff;
	text-decoration: underline;
	font-weight: bold;
	font-style: italic;
}

#toc-leftcontent p a:link {
	color: #0000ff;
	text-decoration: underline;
	font-weight: bold;
	font-style: italic;
}

#toc-leftcontent p a:hover { 
	color: #0000ff;
	text-decoration: underline;
	font-weight: bold;
	font-style: italic;
}

#toc-rightcontent {
	background-color: transparent; /* Originally #dadaf8 */
	padding-bottom: 10px;
	padding-left: 10px;
	padding-right: 15px;
	padding-top: 10px;
}
		
#toc-rightcontent p {
	font-size:10px;
	margin-left:0px;
}

#toc-rightcontent p a {
	color: #0000ff;
	text-decoration: underline;
	font-weight: bold;
	font-style: italic;
}

#toc-rightcontent p a:link {
	color: #0000ff;
	text-decoration: underline;
	font-weight: bold;
	font-style: italic;
}

#toc-rightcontent p a:hover { 
	color: #0000ff;
	text-decoration: underline;
	font-weight: bold;
	font-style: italic;
}


/*---:[ content styles ]:---*/

.entry { margin: 0 0 1.5em 0; font-size: 1.3em; line-height: 1.5em; }
		
	.entry blockquote { font-size: 1.0em; margin: 0 0 0 130px; }
	
		.entry blockquote.right { width: 256px; color: #C3C3C3; font-style: italic !important; font-size: 1.3em !important; margin: 0.3em 0 0.3em 15px !important; padding: 0.3em 0 !important; border: 3px double #33CCFF; border-width: 3px 0; text-align: center; float: right; }
		
		.entry blockquote.left { width: 256px; color: #C3C3C3; font-style: italic !important; font-size: 1.3em !important; margin: 0.3em 15px 0.3em 1280px !important; padding: 0.3em 0 !important; border: 3px double #C3C3C3; border-width: 3px 0; text-align: left; float: left; }
	
			.entry blockquote p, .entry blockquote.right p, .entry blockquote.left p { margin: 0 16px 16px 16px !important; line-height: 1.5em !important; }

	.entry a {color: #5F5F5F; text-decoration: none; background: #F7F7F7; }
	
	.entry a:visited {color: #5F5F5F; text-decoration: none; }

	.entry a:hover { color: #5F5F5F; padding: 2px 0 0; background: #D9D9D9; border-bottom: dotted 1px #5F5F5F; text-decoration: none; }
	
	.entry a img{ text-decoration: none; background: #none; }

	.entry li p { margin: 1em 0.5em 0.5em 0; }  /* Originally margin: 0 16px 1.5em 128px;   */	
	
	.entry p { margin: 0 0.5em 0.5em 0.5em; }  /* Originally margin: 0 16px 1.5em 128px;   */

	.entry ul, .entry ol { margin: 0 0 0.5em 0.5em; }  /* Originally margin: 0 0 1.5em 152px;   */
	
	.entry ul { list-style-type: square; }
	
		.entry li { margin: 0 0 0.5em 0; }
		
			.entry ul li ul, .entry ul li ol, .entry ol li ul, .entry ol li ol { margin: 0.5em 0 0.5em 32px; }
	
	.entry dl { margin: 0 0 1.5em 0; }
			
		.entry dt { font-weight: bold; margin: 0 0 0.5em 0; }
		
		.entry dd { margin: 0 0 1.5em 16px; }
		
	.entry .ad { margin: 0 0 0.5em 16px; float: right; clear: right; }
	
		.entry .ad_left { margin: 0 16px 0.5em 0; float: left; clear: left; }

	.entry img { max-width: 490px; height: auto; width: expression(this.width > 490 ? 490: true); }

		.entry img.left { padding: 3px; margin: 0 16px 0.5em 0; border: 3px double #C3C3C3; float: left; clear: left; }
		
		.entry img.right { padding: 3px; margin: 0 0 0.5em 16px; border: 3px double #C3C3C3; float: right; clear: right; }
		
		.entry img.center { display: block; padding: 3px; margin: 6px auto 1.5em auto; border: 3px double #C3C3C3; float: none; }
	
		.entry img.off { padding: 0 !important; border: none !important; }
		
		.entry img.stack { clear: none !important; }
		
	
/*--- Used by Quizzes. Created by Need-an-Article writer"kywrite (Jamie)" ---*/		
.para {
	margin-bottom: 10px;
	visibility: hidden;
	position: relative;
	}