@charset "UTF-8";
/* CSS Document */

html {
  min-height: 100%;
  margin-bottom: 2px;
  background-color: #999999;
}

body {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 12px; 
	color: #666666;
	margin: 0;
	padding: 0;
	border: 0;
}

.clear {
	clear: both;
	height: 1px;
	margin: 0;
	padding: 0;
}

a:link { color: #A70A22; text-decoration: none; }
a:visited { color: #A70A22; text-decoration: none; }
a:active { color: #A70A22; text-decoration: underline; }
a:hover   { color: #A70A22; text-decoration: underline; }


#wrapper {
	text-align:left;
	width: 800px;
	background-color: #ffffff;
	margin-top: 30px;
	margin-left: 31px;
	padding: 0;
}

/*---- HEADER ELEMENTS  ------*/

#lcheader {
	height: 87px;
	margin: 0;
	padding: 0;
}

#lclogo img {
	padding: 18px 16px 0 0;
	width: 378px;
	height:28px;
	float: right;
}

#lclogo a {
	margin: 0 0 0 30px; 
	padding: 0;
}


#lcheader #lcTopNav {
	margin: 0;
	padding: 0;
	
}


#lcheader #lcTopNav ul {
	margin: 5px 4px 0 0;
	text-align: right;
	list-style: none;
	font-size: 9px !important;
	font-weight: normal;
	color: #000000;
	padding: 0;
}


#lcheader #lcTopNav ul li {
	display: inline;
	margin:0;
	padding: 4px 9px 4px 9px; 
}

#lcheader #lcTopNav ul li.lclastTopNav {
	padding-right: 16px;
	margin-right: 0px
}

#lcheader #lcTopNav ul li a {
	color: #000000;
	text-decoration: none;
	height: 21px;
}
#lcheader #lcTopNav ul li a:hover {
	color: #A70A22;
	text-decoration: none;

}

#lcheader #lcTopNav ul li a.onState {
	color: #A70A22;  
	text-decoration: none;
}

#lcheader #lcTopNav ul li a.onState:hover {
	color: #A70A22;  
	text-decoration: none;

}


#spaceUnderLogo {
	width: 1018px;
	height: 20px;
}

/* ====== END HEADER ==== */

/* ====== content ======*/

#lccontentwrap {
	
	margin: 66px 18px 16px 18px;
	padding-bottom: 16px;
}

#lccontent { /* right margin will be coded inline unless there is enough consistency to have several of these */
margin-left: 27px;
}

#lccontent h1 {
	margin: 0 0 5px 0;
	padding: 0px;
}

#lccontent p {
	font-size: 12px;
}

#lccontent p.intro {
	margin-top: 0;
	padding: 0;
	
}

#lccontent p strong, #lccontent p.intro strong {
	color: #000000;
	font-weight: normal;
}

#lccontent p.fauxbullets {
	margin-top: 0;
	padding: 0;
}

#lccontent p.fauxbulletsblack {
	margin-top: 0;
	padding: 0;
	color: #000000;
}

#lccontent p.principals {
	margin-top: -5px;
	padding: 0;
}
#lccontent p.principals img {
	margin-top: 5px;
}


p {
	/*letter-spacing: 1px; */
	line-height: 17px;
}

/* === Home Styles === */

#homeprojects {
	border-top: 5px solid black;
	margin-left: 3px;
	width: 618px;
}

#homeprojects img {
	margin: 0;
	padding: 0;
}

#homeprojects a:link img, #homeprojects a:visited img {
	border-bottom: 3px solid #ffffff;
}


#homeprojects a:hover img, #homeprojects a:active img {
	border-bottom: 3px solid #A70A22;
}


/* === flip navigation === */

.flipnav {
	margin: 0;
	padding: 0;
}

.flipnav ul {
	margin: 5px 4px 0 0;
	text-align: left;
	list-style: none;
	font-size: 13px ;
	font-weight: normal;
	color: #000000;
	padding: 0;
}


.flipnav ul li {
	display: inline;
	margin:0;
	padding: 4px 4px 4px 3px; 
}

.flipnav ul li.lclastflippNav {
	padding-right: 16px;
	margin-right: 0px
}

.flipnav ul li a {
	color: #000000;
	text-decoration: none;
	height: 21px;
	cursor:pointer;
}
.flipnav ul li a:hover {
	color: #A70A22;
	text-decoration: none;
	cursor:pointer;
}

.flipnav ul li a.onState {
	color: #999999;  
	text-decoration: none;
}

.flipnav ul li a.onState:hover {
	color: #999999;  
	text-decoration: none;
}


.fliphidden {
 visibility:collapse;
 display:none;
}

.flipvisible {
 visibility:visible;
 display:inherit;
}

img.flipimg {
	margin: 0;
	padding:0;
}

p.flipcaption {
	color: #000000;
	font-style: italic;
	margin: 0;
	padding: 0;
	margin-top: 5px;
}


/* --FOOTER --*/


#lcfooter {
	padding: 0;
	margin: 0;
	font-size: 9px;
	float: right;
}