/* CSS Document */
/* general.css  */
body, html {
	margin: 10px 0px;
	padding: 0px;
	background-color: #F0E8FF;
	color: #000;
}
body {
	font-family: "Trebuchet MS", Arial, Verdana, Helvetica, sans-serif;
	line-height: 125%;
	min-width: 750px;
}
blockquote {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-weight: bold;
	margin: 1em 1em;
	padding: 1em 1em;
	border: #9900FF dotted 1px;
	background-color: #FFFFCC;
	color: #0000FF;
	text-align: justify;
}
p {
	line-height: 125%;
	text-align: justify;
}

p.center {
	text-align: center;
}

a:link    {color: blue;   text-decoration:none; border-bottom: 1px dotted; font-style: normal;}
a:visited {color: purple; text-decoration:none; border-bottom: 1px dotted; font-style: normal;}
a:hover   {color: blue;   text-decoration:none; border-bottom: none; font-style: normal;}
a:active  {color: red;    text-decoration:none; border-bottom: none; font-style: normal;}

ul, ol {
	color: #526929; /*darkolivegreen */
}
ul ul, ul ol, ol ol {
	color: #9933CC; /*darkorchid = 9C30CE*/
}
ul li, ol li {
	margin-top: 0.3em;
	margin-bottom: 0.3em;
}

/* This removes the indent of un-ordered lists, and ordered lists */
/* So the heading is flush left underneath the heading above it 
ul {
	margin-left: 1.0em;
	padding-left: 0px;
}
ol {
	margin-left: 1.5em;
	padding-left: 0px;
} */

/* Lucinda Grande and font-families here are used because the serif on words allows the "Ill" to be
   distinguised on modern browsers, instead of looking like III with some fonts */
div h1, div h2, div h3 {
	font-family: "Trebuchet MS", "Lucinda Grande", "Lucinda Sans Unicode", Verdana, Arial, Helvetica, sans-serif;
	letter-spacing: 0.1em;
}

div h2 {
	font-family: "Century Gothic", Georgia, Verdana, sans-serif;
}

/* defines the headings at the beginning of Each page which correlate with the links on the 
   left or right side */
div h1, div h2 {
	font-size:26px;
	line-height: 135%;
	padding: 10px 10px;
	margin: 0px;
	margin-bottom:  20px;
	text-align: left;
	background-color: #868901; /*#E6FFBF; /*light-green*/
	background-color: green;
	border: none; /* 1px solid #39B000; */
	border-left: 0.3em solid #39B000;
	color: #FFF;
}


/* sub-headings */
div h3, div h4 {
	line-height: 135%;
	margin: 10px  5px 0px  5px;
	padding: 5px 10px 5px 10px;
	font-weight:normal;
}
div h3 {
	color: #1A627D; /*#1A627D*#FF00CC;pink*/
}
div h4 {
	color: #4E7269;
	font-weight: bold;
	font-style:italic;
}
div p {
	line-height: 150%;
	margin:  0px 5px  10px 5px;
	padding: 0px 10px 10px 10px;
}

.strikethrough {
	text-decoration:line-through;
	}
.special {
	color: #990000;
	background-color: #99FF99;
	}
/***** START LAYOUT DIVISIONS *******/
/* new navigation layout */
/* CSS Document */
#div-wrap {
	width: 750px;
	margin-top: 0;
	margin-bottom: 0;
	margin-left:   auto;
	margin-right:  auto;
	background-color: #F4EAF7;
	border: 1px solid #9900FF;

}
/*	border-right: 1px solid #9900FF; */

.cleardiv {
	clear:both;
}

#div-navhoriz {
	background-color: #CC9999;
	padding: 5px;
}

/*division main #div-main is the Content Area */
#div-main {
	background-color: #F7FAFB;
	/*float: right;
	width: 525px; /*Extra pixels subtracted here to account 4 movement when text-resized IE: */
	width: 100%;
}

/* newer margins of LPCI */
div#div-main p {
	line-height: 135%;
	margin:  0px 5px  5px 5px;
	padding: 0px 10px 5px 10px;
}


/* CSS Document */
/* header.css */
#div-header {
	background-color: #C46AFF; /* #E7C1FF; darker version of previous colour */
	border-bottom: 1px solid #9900FF;
}

/* This stops the background effect on the logo in IE 6.0 and FireFox*/
a.logo {text-decoration: none; border: none;}
/*a.logo:link    {text-decoration:none; border: none;}
a.logo:visited {text-decoration:none; border: none; font-style: normal}
a.logo:hover   {text-decoration:none; border: none; background-color: transparent;}
a.logo:active  {text-decoration:none; border: none;} */

/* div.header-left --> div#header-ttc -->a.logo* -->img */
/* div.header-left --> div#header-ttc -->a.text* -->img */
/* this contains the logo */
div.header-left {
	float: left;
	width: 200px;
	height: 200px;
	text-align: center; 
	padding: 0px;
	margin: 0px auto;

}

div#header-ttc {
	padding: 0px;
	font-size: 120%;
	}

div#header-ttc a.ttc-card img {
	border: none;
}
div#header-ttc p.ttc-text {
	font-size: 10px;
}

div#header-ttc a:link, div#header-ttc a:visited, div#header-ttc a:hover, div#header-ttc a:active 
{
	color: white;
	text-decoration: none;
	border: none;
	background-color: transparent;
}

#div-header h1, #div-header h2, #div-header h3, #div-header h4, #div-header hr {
	margin: 0px 20px 10px;
}
#div-header hr {
	background-color: #FFF;
	color: #FFF;
}
#div-header h1, #div-header h2, #div-header h3, #div-header h4 {
	border: none;
	color: white;
	background-color: transparent;
	font-weight: normal;
	text-align: center;
}
/* CSS Document */
/* div-footer.css */
#div-footer {
	clear: both;
	color: #9900FF;	
	background-color: #F3E1FF;
	border-top: 1px dashed #9900FF;
	padding-left: 20px;
	
}
#div-footer p {
	padding: 5px;
	margin: 0px;
	text-align: center;
}
#div-footer ul {
	list-style: none;
	border: none;
	float: left;
	margin-top: 10px;
	margin-left: 0px;
	padding-left: 0px;
}
#div-footer li.first {
	border-left: none;
}
#div-footer ul li {
	float: left;
	margin: 5px 0px;
	padding: 5px 10px;
	background-color: transparent;
	border-left: 1px solid purple;
}
#div-footer ul li a {
	border: none;
	display: block;	
}
#div-footer a:link, #div-footer a:visited, #div-footer a:hover, #div-footer a:active {
	text-decoration: none;
	border-bottom: 1px dotted purple;
}
#div-footer p {
	clear: both;
	font-weight:normal;
	text-align: left;
}

/* Yahoo Buzz buttoms*/
div.yahoobuzz a, div.yahoobuzz a:hover {
	text-decoration: none;
	border-bottom: none;
	border-top: none;
	background-color: transparent;
}
/*203x50px */
div#yahoobuzzlg {
	width: 220px;
	margin: 0px 0px 12px 10px;

}
/*182x39px */
div#yahoobuzzm {
	width: 200px;
	margin: 0px 0px 12px 10px;
}

/*signup form input*/
#signupform input {
	font-weight: bold;
	color: #009;
}
#signuform input:focus {
	background-color: #ECF5FF;
}

#signupform input.btn {
	color: #009;
	background-color: #D7D7FF;
	font-size: 1.2em;
	border: 1px solid #660;
	padding: 4px;
	margin: 5px;
	cursor: pointer;
	cursor: hand;
}
#signupform input.btn:hover, #signupform input.btn:focus {
	color: #009;
	border: 1px solid #FF0099;
	background-color: #CC99FF;
}