@charset "UTF-8";

* { margin: 0; padding: 0; }
body {
	background-position: center;
	background-color:#878787;
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
}
p {
	margin: 0; /* remove all extra space around text*/
	color: #000;
	font-size: 8px;
	text-align: left;
}
h1, h2, h3 {
	color: #006633; font-family: Arial, Helvetica, sans-serif;
}
em {
  font-style: normal;
  font-weight: bold;
}


 LINK STYLE 
a:link {color: #000; text-decoration: none;}
a:visited {color: #666; text-decoration: none;}
a:hover {color: #663399;}
a:active {color: #ff6600;}

/* DIVISION */
#header, #navt, #navb { width: 960px;}

.quote {font-family: "Times New Roman", Times, serif ; font-style: italic; font-size: .9em; margin-left: 0;}
.quoteauthor {font-family: "Times New Roman", Times, serif ; font-style: normal; font-size: .9em; margin-left: 0;}




/* HEADER **************************************************************************************************************/

#header {
  color: #fff;
  background: #ccc;
  horizontal-align: center;
}

/* NAV **************************************************************************************************************/
/* defualt for building website, each section has its own border-bottom-color.        */
/* However, the whold style need to redefine in each CSS used for differenct sections */
#navt{ 
margin-bottom: 15px;
border-bottom: 2px solid;
border-bottom-color:#009933;	
}

#navt p {padding: 6px 14px 4px;  font-size: .85em; text-align: left; color: #006633}

#navt p {color: #000 ; }
#navt a:link {color: #666; text-decoration: none;}
#navt a:visited {color: #666; text-decoration: none;}


#navb {
	margin-top: 15px;
	border-top: 2px solid;
	border-top-color:#009933;	
}
#navb p { padding: 4px 14px; font-size: .9em; text-align: right; }

#navt em, #navb em {padding: 0px .3em; font-size: 1.8em; line-height: .7em; font-weight: 900; vertical-align: -.18em; color: #f00; }

#navb p {color: #c0c ; }
#navb em {color: #c0c ; }
#navb a:link {color: #666; text-decoration: none;}
#navb a:visited {color: #666; text-decoration: none;}
#navb a:hover {color: #CC00CC;}
#navb a:active {color: #f00;}




.navdividerleft { font-size: 1em; padding-left: 2.5em; padding-right: .5em;}
.navdividerright { font-size: 1em; padding-left: .5em; padding-right: 2.5em; }

/* MENU **************************************************************************************************************/
#menu {
  	width: 220px;
	padding: 0 10px 0 14px;
}
#menu p  { font-size: .85em; line-height: 1.3em; padding-left: 10px; padding-bottom: .2em; }
#menu h1 { font-size: 1.2em; font-weight: bold; letter-spacing: 0.05em; padding-bottom: 1em; }
#menu h2 { font-size: .95em; line-height: 1.3em; font-weight: normal; padding-bottom: .1em;  color:#063}
#menu h3 { font-size: 1em; font-weight: normal; padding-left: 0; padding-bottom: .1em; color: #009933; }
#menu h4 { font-size: .9em; padding-left: 0; color: #ff0000; }
#menu h5 { font-size: .4em; }
#menu ol { list-style-type: disc; list-style-position: outside;}
#menu li { font-size: 1em; font-weight: bold; margin-left: 14px; padding-left: .05em;  padding-bottom: .2em; color: #f00; }
#menu li p { font-size: .9em; font-weight: normal; line-height: 1.3em; padding-left: 0; padding-bottom: .1em; color: #000; }

/* menu link style */
#menu a:link {color: #009900; text-decoration: none;}
#menu a:visit {color: #0f0; text-decoration: none;}
#menu a:hover {color: #663399;}
#menu a:active {color: #ff6600;}


/* MAIN **************************************************************************************************************/
#main {
	/*width: 472px;*/
	padding: 0 30px 0 30px;
	color: #000;
	background: #fff;
}
#main a:link {color: #000; text-decoration: none;}

#main p {font-size: 1em; line-height: 1.4em; padding-bottom: .8em; color: #000; }
#main p em  { font-size: 1.8em; font-weight: 900; vertical-align: -.18em; padding-left:.3em; padding-right: .3em; color: #f00; }
#main h1 {font-size: 1.3em; line-height: 1.4em; font-weight: bold; letter-spacing: 0.05em; }
#main h2 {font-size: 1em; font-weight: normal; letter-spacing: 0.03em; padding-top: 1em; padding-bottom: .4em; color:#009900}
#main h3 {font-size: 1.1em; font-weight: normal; letter-spacing: 0.03em; padding-top: 1em; padding-bottom: .4em; color:#666}
#main h4 {font-size: 1em;  font-weight: normal; padding-top: .6em;} /* author */
#main h5 {font-size: 1em;  font-weight: normal; padding-top: .6em; color: #009933} /* email */




/* Class **************************************************************************************************************/
.siteinfo {font-size: .85em; line-height: 1.4em;  padding-top: 0; padding-bottom: .8em; color: #666; } 


/* SIDEBAR **************************************************************************************************************/
#sidebar {
	width: 190px;
	padding: 6px 14px 0 10px;
	background: #fff;
}


/* FOOTER **************************************************************************************************************/
#footer {
  width: 932px;
  padding: 18px 14px 7px 14px;
  background: #ddd;
}
#footer  a:link { color: #000; text-decoration: none; }
#footer a:visited { color: #000; text-decoration: none; }
#footer a:hover {color: #663399;}
#footer a:active {color: #ff6600;}
#footer p { text-align: right; font-size: .85em; }
#footer em { font-size: 1em; padding-left: 0; padding-right: 0; color: #093; }


/* IMAGE **************************************************************************************************************/
#i1 {float: left; margin-left: 0px; margin-right: 2em; margin-bottom: 2em;}
#i2 {float: right; margin-left: 2em; margin-right: 0px; margin-bottom: 2em;}
#i3 {float: right; margin-left: 2em; margin-right: 0px; margin-bottom: 50%;}
#i4 {float: left; margin-left: 14px; margin-right: 0px; padding-bottom: 2em;}
#i2b {float: right; margin-left: 1.5em; margin-right: 0px; margin-bottom: 2em;}  /*based on #i2 */






/* TABLE **************************************************************************************************************/
.t1
{
	border-left: 1px;
	border-color: #000;
}

/* BACKGROUND DROP SHADOW ***********************************************************************************************/
#bgdropshadow {
background: url(../images/background-drop-shadow-2.gif) 50% 0 repeat-y;
width: 990px;
margin: 0 auto;
padding-left: 30px;
margin-top: 0;
}
#bodropshadow {
width: 1020px;
margin: 0 auto;
background: url(../images/background-drop-shadow-2-footer.gif)  50% 0 no-repeat;
}


/* MISC ***********************************************************************************************/
.sponsor {
	font-family: Verdana, Geneva, sans-serif;
}