@charset "utf-8";



/* GENERAL LAYOUT STYLES ---------------------------------------- */

html { 				min-height: 100%; margin-bottom: 1px; } 
					/* This setting takes care of an issue of browser scrollbar appearing/disappearing. 
					It prevents shifting between pages of different "above the fold" / "below the fold" heights. */
				
body { 				background-color: #ffffff; margin: 0px; padding: 0px; 
					font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 16px; color: #303133; }
					
a:link {            color: #4563a9; text-decoration: none; }
a:visited { 		color: #4563a9; text-decoration: none; }
a:hover { 			color: #4563a9; text-decoration: underline; }
a:visited:hover { 	color: #4563a9; text-decoration: underline; }
					
hr {				color: #303133; height: 1px; margin-top: 10px; margin-bottom: 0px; padding-bottom: 0px; 
					border: none 0; border-top: 1px solid #303133; }
					
ul.blue {			padding: 0px; margin: 0px; list-style-type: none; }				
li.blue {			font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #FFFFFF; line-height: 12px;
					padding: 0px 0px 5px 10px; margin: 0px;
					background-image: url(../images/listball-blue.gif); background-repeat: no-repeat; }					

					
.container {		width: 796px; margin: 0px auto 0px auto; padding: 0px; border: 1px solid #303133; }

.home-main {		width: 796px; height: 348px; 
					background-image: url(../images/home-logo-main.jpg); background-repeat: no-repeat; }

.inside-main {		width: 796px; height: 155px; 
					background-image: url(../images/inside-logo-main.jpg); background-repeat: no-repeat; }
					
.contact { 			width: 300px; height: 18px; float: right; margin-top: 35px; text-align: right; margin-right: 40px;
					font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #666666; }
					
.navigation { 		width: 759px; height: 37px; padding: 0px 0px 0px 37px;
					background-image: url(../images/navigation-background.gif); background-repeat: repeat-x; }
					
					.nav-item { 	float: left; height: 37px; padding: 11px 20px 0px 11px;
									background-image: url(../images/navigation-line.gif); background-repeat: no-repeat; }
									
					.nav-item-link { font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; color: #FFFFFF; }	
					a.nav-item-link:link { 			color: #FFFFFF; text-decoration: none; }
					a.nav-item-link:visited { 		color: #FFFFFF; text-decoration: none; }
					a.nav-item-link:hover { 		color: #FFFFFF; text-decoration: underline; }
					a.nav-item-link:visited:hover { color: #FFFFFF; text-decoration: underline; }
					
.home-left {		float: left; width: 481px; height: 280px; background-color: #3f8d45; padding: 40px 20px 20px 37px;
					font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #FFFFFF; }
					.home-left-1 { width: 220px; float: left; padding: 0px 20px 20px 0px; }
					.home-left-2 { width: 220px; float: left; padding: 0px 0px 20px 0px; }
					.home-left-3 { width: 220px; float: left; padding: 0px 20px 0px 0px; }
					.home-left-4 { width: 220px; float: left; }
					
.inside-left {		float: left; width: 461px; background-color: #FFFFFF; padding: 10px 40px 40px 37px;
					font-family: Arial, Helvetica, sans-serif; font-size: 14px; line-height: 18px; color: #3f8d45; }
					
h1 {				font-size: 175%; line-height: 175%; margin-top: 0px; padding-top: 0px; }
					
.home-right {		float: right; width: 205px; height: 300px; background-color: #354a86; padding: 20px;
					font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #FFFFFF; }
					
.footer { 			width: 722px; height: 35px; padding: 20px 37px 0px 37px;
					background-image: url(../images/footer-background.gif); background-repeat: repeat-x;
					font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #FFFFFF; }