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

body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
	line-height: 1.5em;
	background: #DCCE87;
	background-image:url(images/FL-bgcolor.gif);
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	color: #3A4C00;
}


/*.shadow-one {
    position: absolute;
    padding-top: 50px;
    padding-left: 50px;
    }

.corner-a {
    position: absolute;
    right: 0;
    top: 0;
    width: 50px;
    height: 50px;
    background: url(images/FL-shadow.gif) right top no-repeat;
    }

.corner-b {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 50px;
    height: 50px;
    background: url(images/FL-shadow.gif) left bottom no-repeat;	
    }

.shadow-two {
    background: url(images/FL-shadow.gif) right bottom no-repeat;	

    }

.shadow-three {
    position: relative;
    left: -50px;
    top: -50px;
    background: url(images/FL-shadow.gif) left top no-repeat;	

    }

.shadow-four {
    position: relative;
    left: 25px;
    top: 25px;	
    }*/
#shadow-tiled {
	background: url(images/FL-shadow-side.gif) top left repeat-y;
	overflow: hidden
}

#shadow-top {
	background: url(images/FL-shadow-top.gif) top left no-repeat;
	overflow: hidden
}

#shadow-bottom {
	background: url(images/FL-shadow-btm.gif) bottom left no-repeat;
	overflow: hidden
}

#container {
	width: 850px;
	margin: auto;
}
#mainContent {
	background: #F9E9C0 url(images/FL-lilypad.jpg) left top repeat-y;
	width:800px;
	border:solid #FFFFFF 3px;
	border-bottom: none;
	overflow:hidden;
	margin:26px 19px 0;
}
#animation {
	float:right;
	display:inline;
	background-color:#FFFFFF;
	border-bottom: solid #FFFFFF 3px;
}
#nav {
	width:140px;
	margin-top:232px;
	float:left;
	display:inline;
}
.navlink a {
	background-image:url(images/trans-white.png);
	color:#004000;
	display:block;
	padding: 10px;
	margin-top: 10px;
	text-decoration:none;
	background-repeat: repeat-x;
	text-align:center;
	font-size:large;
}
.navlink a:hover {
	background-color:#FFFFFF;
	text-decoration: none;
}
#nav ul, #nav li {
	list-style-type: none;
	margin: 0;
	padding: 0;
}	
#copy {
	display:inline;
	float:right;
	margin: 50px 63px;
	width:521px;
	font-size: 90%;
	overflow:hidden;
}
h1 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: normal;
	line-height: 115%;
	color:#CC6600;
}
#logo {
	position:absolute;
	z-index: 10;
    width:204px;
	height:204px;
	margin-left: 20px;
	margin-top: 20px
}
#footer {
	color:#000000;
	width:800px;
	padding: 0px;
	text-align: center;
	margin: 0px;
	border: 3px solid #FFFFFF;
	background: #C2D39D;
	margin:0 19px 26px;
}

a:link, a:visited {
	color:#3A4C00;
}
a:hover, a:active {
	color:#CC6600;
}

#practibox {
	width: 200px;
	float: right;
	margin: 0 0 15px 15px;
	padding: 0 0 15px;
	background-color: #FFFFFF;
	text-align: center;
}

#practibox img {
	padding: 0px;
	margin: 0px;
}

#imagebox {
	width: 300px;
	float: right;
	margin: 0px 0px 0px 10px;
	padding: 0px;
}
.clientsimg {
	width: 200px;
	float: left;
	margin: 0 10px 0 0;
}
.clientsimg_r {
	width: 200px;
	float: right;
	margin: 0 0 0 10px;
}

li {
	padding: 2px 0px;
}

#copy h4 {
	padding: 0px;
	margin: 0px;
	text-decoration: underline;
}

.resourcepara {
	padding-top: 0px;
	margin-top: 0px;
}