/* \*/
* html #tlc, * html #trc {height: 1%;}
/* */

a:link    { color: black }    	/* unvisited links */
a:visited { color: black }   	/* visited links   */
a:hover   { color: black } 	/* user hovers     */
a:active  { color: black }   	/* active links    */

*
	{
	margin:0;
	padding: 0;
	}
 		
body
	{
	margin: 0;
	padding: 0;
	background-color: black;
	font-size: 100.01%;
	text-align: center; 
	}

#box
	{
	position: relative;
	margin-left: auto;
	margin-right: auto;	
	margin-top: 24px;
	width: 900px;	
	background-color: #CED4DE; 
	}
 	
#content
	{
	text-align: left;
	padding: 0;
 	font-family: arial, helvetica, tahoma, "arial narrow", sans-serif;
	background: #CED4DE;  
	color: black;
	}

/* ========== index ================= */

#index
	{
	padding-top: 10px;
	padding-bottom:10px;
	}

#index h1, h2, h3
	{
	text-align: left;
	color: #2a436c;
	font-family: helvetica, verdana, arial, sans-serif;	
	}

.index 
	{
	vertical-align: top;
	width: 900px;
	font-size: 14px;
	background: #CED4DE; 
	margin-bottom: -12px;
	}

#index table td
	{
	text-align: justify;
	padding-top: 10px;
	padding-right: 18px;
	padding-left: 18px;
	margin-bottom: -12px;
	vertical-align: top;
	}
	
#index table h2 
	{
	font-size: 16px;
	text-align: left;
	text-transform : uppercase;	
	color: #2a436c;
	font-family: verdana, helvetica, sans-serif;
	}

#index table p
	{
	margin-bottom: 0px;
	text-align: left;
	font-size: 14px;
	color: black;
	font-family: helvetica, verdana, helvetica, sans-serif;
	}

.readmore a
	{
	font-family: helvetica, verdana, arial, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #2a436c;
	text-transform: uppercase;
	text-decoration: none;
	}
	
.readmore a:hover		/* on mouseover */
	{
	color: white;
	text-decoration: none;
	}

.submitbtn
	{
	margin-left: 140px;
	}
	
#submit
	{
	color: #f8c831;
	}
	
/* ========== about ================= */
							
#about h1, h2
	{	
	color: #2a436c;
	font-family: helvetica, verdana, arial, sans-serif;
	}
				
#about
	{
	padding-top: 20px;
	padding-left:20px;
	padding-right:30px;	
	text-transform: none;
	}

#about h3
	{
	margin-top: 36px;
	font-family: helvetica, verdana, arial, sans-serif;
	font-size: 1.0em;
	font-weight: bold;
	text-align: left;
	text-transform: none;
	}
	
#about p
	{
	text-align: justify;
	font-size: 14px;
	line-height: 1.2;
	color: black;
	font-family: helvetica, verdana, arial, sans-serif;
	}

/* ========== philosophy ================= */

#phil
	{
	padding: 20px;
	padding-bottom: 35px;
	text-align: left;
	font-family: helvetica, verdana, arial, sans-serif;
	}

#phil h3
	{
	margin-top: 36px;
	margin-bottom: 22px;
	text-align: left;
	font-size: 20px;
	font-weight: normal;
	line-height: 1.2;
	color: #2a436c;
	font-family: helvetica, verdana, arial, sans-serif;
	text-transform: none;
	}

#phil h4
	{
	margin-top: 14px;
	padding-left: 475px;
	text-align: left;
	font-size: 20px;
	line-height: 1.2;
	color: black;
	font-family: helvetica, verdana, arial, sans-serif;
	}
	
/* ========== testimonial ================= */
		
#testimonial
	{
	padding-top: 20px;
	padding-left:20px;
	padding-right:30px;	
	}
	
.graph
	{
	margin-left: 16px;
	margin-right: 36px;
	margin-bottom: 20px;
	float: left;
	}
	
.quote
	{
	margin-top: 0px;
	text-align: left;
	font-size: 16px;
	font-weight: normal;
	line-height: 1.2;
	color: #2a436c;
	font-family: helvetica, verdana, arial, sans-serif;
	text-transform: none;
	}
.quote p
	{
	margin-bottom: 18px;
	}	
.quote .author
	{
	margin-top: 14px;
	padding-left: 605px;
	text-align: left;
	font-size: 14px;
	line-height: 1.2;
	color: black;
	font-family: helvetica, verdana, arial, sans-serif;
	}

/* ========== your-benefit ================= */

#benefit
	{
	padding: 20px;
	text-align: left;
	}

#benefit ul
	{
	padding: 28px;
	padding-top: 12px;
	padding-bottom: 12px;
	}

#benefit li
	{
	font-family: helvetica, verdana, arial, sans-serif;
	font-size: 14px;
	margin-left: 14px;
	}
	
#benefit p
	{
	color: black;
	font-family: helvetica, verdana, arial, sans-serif;
	font-size: 14px;
	font-weight: normal;
	padding-left: 28px;
	}

.inline
	{
	margin-left: -14px;
	}
	
.inline li
	{
	display: inline;
	padding-right: 14px;
	color: #2a436c;
	font-family: helvetica, verdana, arial, sans-serif;
	font-size: 14px;
	font-weight: bold;
	}
	
.inline-black
	{
	margin-left: -14px;
	margin-bottom: -8px;
	padding-top: 0px;
	}
	
.inline-black li
	{
	display: inline;
	padding-right: 14px;
	color: black;
	font-family: helvetica, verdana, arial, sans-serif;
	font-size: 14px;
	font-weight: normal;
	}
	
.benefit-table
	{
	width: 800px;
	}

.benefit-table th
	{
	color: #2a436c;
	font-family: helvetica, verdana, arial, sans-serif;
	font-size: 14px;
	font-weight: bold;
	}
	
.benefit-table td
	{
	padding-left: 45px;
	color: black;
	font-family: helvetica, verdana, arial, sans-serif;
	font-size: 14px;
	}
	
.benefit-table th img
	{
	vertical-align: middle;
	margin-right: 4px;
	margin-left: 25px;
	}
	
.blue
	{
	color: #2a436c;
	font-family: helvetica, verdana, arial, sans-serif;
	font-size: 14px;
	font-weight: bold;
	}
	
.wtej
	{
	padding-left: 28px;
	padding-top: 8px;
	color: #2a436c;
	font-family: helvetica, verdana, arial, sans-serif;
	font-size: 18px;
	font-weight: bold;
	text-transform: uppercase;
	}
	
			
/* ========== suggested ================= */

#suggested
	{
	padding: 20px;
	border: 1px solid, black;
	}

#suggested h1 , h2, h3
	{
	margin-top: 8px;
	margin-bottom: 0px;
	padding-left: 28px;
	text-transform: none;		
	color: #2a436c;
	font-family: helvetica, verdana, arial, sans-serif;
	font-size: 1.0em;
	font-weight: bold;
	text-align: left;
	}

#suggested ul
	{
	padding: 20px;
	padding-top: 14px;
	padding-left: 60px;
	text-align: left;
	font-size: 14px;
	line-height: 1.4;
	color: black;
	font-family: helvetica, verdana, arial, sans-serif;
	}


/* ========== articles ================= */

#articles
	{
	padding: 20px;
	border: 1px solid, black;
	}

#articles p
	{
	font-size: 14px;
	line-height: 1.2;
	color: black;
	font-family: helvetica, verdana, arial, sans-serif;
	margin-bottom: 14px;
	padding-left: 28px;
	padding-right: 28px;
	}

#articles h1 , h2, h3
	{
	margin-top: 8px;
	margin-bottom: 0px;
	padding-left: 28px;
	text-transform: none;		
	color: #2a436c;
	font-family: helvetica, verdana, arial, sans-serif;
	font-size: 1.0em;
	font-weight: bold;
	text-align: left;
	}

#articles ul
	{
	padding: 20px;
	padding-top: 14px;
	padding-left: 60px;
	text-align: left;
	font-size: 14px;
	line-height: 1.4;
	color: black;
	font-family: helvetica, verdana, arial, sans-serif;
	}


/* ========== contact ================= */

#contact
	{
	padding-top: 20px;
	padding-left:20px;
	padding-right:20px;
	padding-bottom: 30px;
	}

#contact h2
	{
	margin-left: 2px;
	margin-top: 22px;	
	color: #2a436c;
	font-family: helvetica, verdana, arial, sans-serif;
	font-size: 1.0em;
	font-weight: bold;
	text-align: left;
	}

#contact h3
	{
	margin-left: 2px;
	margin-top: 24px;
	margin-bottom: 22px;	
	color: black;
	font-family: helvetica, verdana, arial, sans-serif;
	font-size: 14px;
	font-weight: bold;
	text-align: left;
	}

#contact p
	{
	margin-left: 30px;	
	color: black;
	font-family: helvetica, verdana, arial, sans-serif;
	font-size: 14px;
	text-align: left;
	}
	

.center
	{
	text-align: center;
	border: 1px solid red;
	}
					
#logon
	{
	position: relative;
	display: block;
	background: #002d78;	
	text-align: left;
	text-transform: uppercase;
	font-size: 14px;
	font-family: helvetica, verdana, arial, sans-serif;
	color: white;
	padding-top: 4px;
	padding-left: 20px;
	padding-right: 10px;
	padding-bottom: 10px;
	}

form
	{
	margin-top: 15px;
	margin-left: 0px;
	}

.w300
	{
	width: 300px;
	}

.w280
	{
	width: 300px;
	text-align: center;
	color: #180083;
	}
					
.left
	{
	float: left;
	margin: 3px 20px 6px 1px;
	}
	
.header
	{
	margin-bottom: 14px;
	}
		
.clear
	{
	clear:both;
	}
	
.form-error
	{
	font-weight: bold;
	}

#copyright
	{
	font-size: 12px;
	padding-top: 16px;
	padding-bottom: 8px;
	padding-left: 0px;
	font-family: helvetica, verdana, arial, sans-serif;
	text-align: left;
	color: #a1a1a1;
	text-transform : uppercase;		
	}
				
/* ===  main horizontal navigation -- */

#navcontainer
	{
	margin-top: -3px;
	margin-bottom: 0px;
	font-size: 14px;
	padding-top: 8px;
	padding-bottom: 12px;
	font-family: helvetica, verdana, helvetica, sans-serif;
	text-align: center;
	text-transform : uppercase;	
	list-style-type: none;
	background-color: black;
	color: #a1a1a1;
	width: 100%;
	border-bottom: 1px solid black;
	}
	
#navcontainer ul
	{
	font-size: 15px;
	margin-top: 0px;
	padding-top: 0px;
	}

#navcontainer li
	{
	display: inline;
	margin: -1px;
	}

#navcontainer li a		/* at rest */
	{
	padding-top: 5px;
	padding-bottom: 12px;
	text-decoration: none;				/* else underlined */
	background-color: black;
	color: #a1a1a1;
	padding-left: 5px;
	padding-right: 12px;
	}

#navcontainer li a:hover		/* on mouseover */
	{
	background-color: black;
	color: white;
	}

#navcontainer li a.down
	{
	color: white;
	}