@charset "utf-8";
/* Global styles */


* html {
font-size:101%;
}

body {
font:0.625em arial, helvetica, sans-serif;
margin-left:0;
margin-top:0;
margin-right:0;
margin-bottom:0;
background-color:#ebf1ed;
}

* {
margin-top:0;
}

p, li {
font-size:1.2em;
color:#404040;
}
	p, #col2 li {
	line-height:1.5;
	}
	p {
	margin-bottom:0.6em;
	}

h1 {
font-size:1.8em;
margin-bottom:0.6em;
}

h2 {
font-size:1.4em;
color:#404040;
line-height:1.5;
margin-bottom:0.6em;
}

h3 {
font-size:1.2em;
color:#404040;
line-height:1.5;
margin-bottom:0.6em;
}

/* Just to cover the bases if these are selected by editors, make all other headings the same as h3 */
h4, h5, h6 {
font-size:1.2em;
color:#404040;
line-height:1.5;
margin-bottom:0.6em;
}

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

/* LAYOUT --------------------*/
/* Width of 763px accommodates 7 navigation buttons of 109px each */
#pagecontainer {
width:760px;
margin:0 auto;
background:#ffffff url(../Images/Layout/pagebg.gif) repeat-y;
}

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

#headercontainer {
width:760px;
height:130px;
padding:0;
background-color:#5e88a2;
}
	
/* NAVIGATION BAR --------------------*/

#navbar {
width:760px;
height:25px;
background-color:#333333;
background:url(../Images/Buttons/bbg.gif) 0 0 repeat-x;
}
	#navbar ul {
	list-style:none;
	margin:0;
	padding:0;
	}
		#navbar ul li {
		display:inline;
		margin:0;
		padding:0;
		font-size:1.1em;
		}
			#navbar ul li a {
			display:block;
			float:left;
			/*width:95px;*/
			height:20px;
			margin:0;
			padding:5px 15px 0 15px;
			color:#ffffff;
			text-align:center;
			text-decoration:none;
			background:url(../Images/Buttons/bbg.gif) 0 0 repeat-x;
			border-left:1px solid #525a61;
			border-right:1px solid #2e3c45;
			}
				#navbar ul li a:hover {
				text-decoration:none;
				background:url(../Images/Buttons/bbg.gif) 0 -25px repeat-x;
				}
					/* Selected link style */
					#navbar ul li a.currentsection {
					background:url(../Images/Buttons/bbg.gif) 0 -50px repeat-x;
					border-left:1px solid #95b1c3;
					border-right:1px solid #52778e;
					}


/* BODY --------------------*/

#bodycontainer {
width:760px;
min-height:400px;
/*background:url(../Images/Layout/lilogolhmargin.gif) bottom left no-repeat;*/ /* NO LOGO AT BOTTOM OF LH MARGIN */
border-top:2px solid #dddfdf;
border-bottom:2px solid #dddfdf;
}

#col1 {
float:left;
display:inline;
width:180px;
padding:20px 30px 0 10px;
}
	#col1 a { /* For all links in the margin. Navigation link styles to follow. */
	color:#5e88a2;
	text-decoration:underline;
	}
		#col1 a:hover {
		text-decoration:none;
		}
	/* Navigation links */
	#col1 ul {
	list-style:none;
	margin:0;
	padding:0 0 2.4em 0;
	}
		#col1 ul li {
		font-size:1.1em;
		}
		#col1 ul li a {
		display:block;
		padding:0.6em 0;
		color:#5e88a2;
		text-decoration:none;
		border-bottom:1px solid #bacdce;
		}
		/* First link in the margin is darker */
		#col1 ul>li:first-child a {
		color:#333333;
		}
			#col1 ul li a:hover {
			text-decoration:underline;
			}
	#col1 h2, #col1 p {
	font-size:1.1em;
	}
		#col1 h2 {
		color:#5e88a2;
		font-weight:bold;
		margin-bottom:0;
		}
		#col1 p {
		color:#5e88a2;
		}

#col2 {
float:left;
display:inline;
width:500px;
padding:20px 20px 20px 20px;
}
	/* Normal bulleted lists have bullets */
	#col2 ul {
	margin-left:1em;
	padding-left:1em;
	}
	/* Bulleted lists in the home page body have an arrow bullet */
	#col2 ul.arrowbullets {
	list-style:none;
	margin:0 0 1.2em 0;
	padding:0;
	}
		#col2 ul.arrowbullets li {
		background:url(../Images/Bullets/bullet-arrow.gif) left 6px no-repeat;
		padding-left:15px;
		}

/* For 2 column body pages (in Projects section), there are 2 columns below the intro to the body */
#col2a {
float:left;
width:230px;
}

#col2b {
float:left;
width:250px;
margin-left:20px;
}

/* FOOTER --------------------*/

#footercontainer {
width:760px;
min-height:34px;
background-color:#ebf1ed;
}

#footerleft {
float:left;
display:inline;
width:210px;
padding:10px 10px 10px 0;
}
	#footerleft p {
	font-size:1em;
	margin-top:0;
	color:#939598;
	}

#footerright {
float:left;
display:inline;
width:520px;
padding:10px 0 20px 20px;
text-align:right;
}
	#footerright ul {
	list-style:none;
	margin:0;
	padding:0;
	}
		#footerright ul li {
		display:inline;
		margin:0;
		padding:0 2px;
		font-size:1em;
		border-left:1px solid #939598;
		}
			#footerright ul>li:first-child {
			border-left:none;
			}
			#footerright ul li a {
			color:#939598;
			text-decoration:none;
			}
				#footerright ul li a:hover {
				text-decoration:underline;
				}
				

/* OTHER DIV CLASSES --------------------*/

/* Clear floats */
div.cleardiv {
clear:both;
height:1px;
font-size:1px;
}