/* CSS Document */

body {
	background-image: url(images/sky.jpg);
	background-position: center top;
	background-repeat: repeat-x;
	}

p, #content li {
	margin: 0;
	padding: 0 0 8px 0;
	font-size: 13px;
	line-height: 1.5em;
	}
a {
	color: #323232;
	}
	a:hover {
		text-decoration: underline;
		}
#container {
	margin: 0 auto;
	width: 950px;
	background-image: url(images/columns.gif);
	background-repeat: repeat-y;
	position: relative;
	z-index: 2;
	}
	#wrap {
		margin: 0 auto;
		padding: 10px 100px 0 100px;
		width: 750px;
		background-image: url(images/columns_top.gif);
		background-position: top;
		background-repeat: no-repeat;
		}
		
/***** Header *****/
#header {
	margin: 0 auto -60px auto;
	width: 950px;
	height: 320px;
	background-image: url(images/Rome_top1.gif);
	/*height: 226px;
	background-image: url(images/Rome_top2.gif);
	background-color: #FFFFFF;*/
	background-position: top;
	background-repeat: no-repeat;
	position: relative;
	z-index: 1;
	}
	#header a {
		display: block; 
		width: 100%; 
		height: 260px; 
		}
	#logo {
		margin: 10px auto 0 auto;
		width: 240px;
		height: 120px;
		}
/***** Navigation *****/
#nav {
	margin: 0;
	width: 100%;
	height: 40px;
	}
	#nav ul, #nav ul li #nav ul li a {
		margin: 0; padding: 0;
		}
	#nav ul li {
		display: inline;
		}
/***** Nav Buttons *****/
#nav_join {
	width: 55px; 
	height: 40px; 
	background: url("images/nav_toapply.jpg"); 
	float: left;
	}
	#nav_join a {
		display: block; 
		width: 55px; 
		height: 40px; 
		}
		#nav_join a:hover { 
			background: url("images/nav_toapply_on.jpg"); 
			}
#nav_states{
	width: 99px; 
	height: 40px; 
	background: url("images/nav_states1.jpg"); 
	float: left;
	}
	#nav_states a {
		display: block; 
		width: 99px; 
		height: 40px; 
		}
		#nav_states a:hover { 
			background: url("images/nav_states1_on.jpg"); 
			}
#nav_get {
	width: 86px; 
	height: 40px; 
	background: url("images/nav_compensation.jpg"); 
	float: left;
	}
	#nav_get a {
		display: block; 
		width: 86px; 
		height: 40px; 
		}
		#nav_get a:hover { 
			background: url("images/nav_compensation_on.jpg"); 
			}
#nav_req {
	width: 85px; 
	height: 40px; 
	background: url("images/nav_req1.jpg"); 
	float: left;
	}
	#nav_req a {
		display: block; 
		width: 85px; 
		height: 40px; 
		}
		#nav_req a:hover { 
			background: url("images/nav_req1_on.jpg"); 
			}		
#nav_mission {
	width: 56px; 
	height: 40px; 
	background: url("images/nav_mission1.jpg"); 
	float: left;
	}
	#nav_mission a {
		display: block; 
		width: 56px; 
		height: 40px; 
		}
		#nav_mission a:hover { 
			background: url("images/nav_mission1_on.jpg"); 
			}
			
			/*  above nav buttons have been changed  */
					
#nav_banking {
	width: 111px; 
	height: 40px; 
	background: url("images/nav_banking.jpg"); 
	float: left;
	}
	#nav_banking a {
		display: block; 
		width: 111px; 
		height: 40px; 
		}
		#nav_banking a:hover { 
			background: url("images/nav_banking_on.jpg"); 
			}
#nav_about {
	width: 74px; 
	height: 40px; 
	background: url("images/nav_about.jpg"); 
	float: left;
	}
	#nav_about a {
		display: block; 
		width: 74px; 
		height: 40px; 
		}
		#nav_about a:hover { 
			background: url("images/nav_about_on.jpg"); 
			}		
#nav_services {
	width: 59px; 
	height: 40px; 
	background: url("images/nav_services.jpg"); 
	float: left;
	}
	#nav_services a {
		display: block; 
		width: 59px; 
		height: 40px; 
		}
		#nav_services a:hover { 
			background: url("images/nav_services_on.jpg"); 
			}
#nav_faq {
	width: 47px; 
	height: 40px; 
	background: url("images/nav_faq.jpg"); 
	float: left;
	}
	#nav_faq a {
		display: block; 
		width: 47px; 
		height: 40px; 
		}
		#nav_faq a:hover { 
			background: url("images/nav_faq_on.jpg"); 
			}
#nav_test {
	width: 78px; 
	height: 40px; 
	background: url("images/nav_test.jpg"); 
	float: left;
	}
	#nav_test a {
		display: block; 
		width: 78px; 
		height: 40px; 
		}
		#nav_test a:hover { 
			background: url("images/nav_test_on.jpg"); 
			}
/***** Content *****/	
#content {
	margin: 10px 0 0 0;
	width: 100%;
	}
	#flashContent {
		width: 100%;
		height: 135px;
		}
	#flashMap {
		width: 100%;
		height: 500px;
		margin: 5px 0 0 0;
		}
	#left {
		margin: 10px 0 0 0;
		width: 230px;
		background-image: url(images/leftContent_mid.jpg);
		float: left;
		}
		#leftImg {
			padding: 0 0 10px 0;
			background-color: #FFFFFF;
			}
		#leftContent {
			padding: 20px 20px 0 20px;
			width: 190px;
			background-image: url(images/leftContent_top.jpg);
			background-repeat: no-repeat;
			background-position: top;
			}
		#leftBtm {
			width: 100%;
			height: 13px;
			background-image: url(images/leftContent_btm.jpg);
			background-repeat: no-repeat;
			clear: both;
			}
	#right {
		margin: 10px 0 0 0;
		width: 510px;
		background-image: url(images/rightContent_mid.jpg);
		float: right;
		}
		#rightContent {
			padding: 20px 20px 0 20px;
			width: 470px;
			min-height: 250px;
			background-image: url(images/rightContent_top.jpg);
			background-repeat: no-repeat;
			background-position: top;
			}
		#rightBtm {
			width: 100%;
			height: 13px;
			background-image: url(images/rightContent_btm.jpg);
			background-repeat: no-repeat;
			clear: both;
			}
		
	#learnMore {
		position: relative;
		top: -30px;
		margin: 0 0 -30px 0;
		}
	#fullContentTop {
		margin: 10px 0 0 0;
		width: 750px;
		background-image: url(images/fullContent_mid.jpg);
		background-repeat: repeat-y;
		}
		#fullContent {
			padding: 20px 20px 0 20px;
			width: 710px;
			background-image: url(images/fullContent_top.jpg);
			background-repeat: no-repeat;
			background-position: top;
			}
		#fullContentBtm {
			width: 100%;
			height: 13px;
			background-image: url(images/fullContent_btm.jpg);
			background-repeat: no-repeat;
			clear: both;
			}
/***** Footer *****/		
#footer {
	margin: 0;
	padding: 10px 0 0 0;
	width: 100%;
	clear: both;
	text-align: center;
	position: relative;
	z-index: 2;
	}
	#licensing {
		padding: 8px 0;
		width: 100%;
		height: 24px;
		background-image: url(images/licensing.jpg);
		color: #666666;
		}
		#licensingTxt {
			margin: 0 0 0 40px;
			padding: 0 0 0 20px;
			border-left: 1px solid #666666;
			color: #333333;
			}
	#copyright {
		margin: 10px 0 0 0;
		padding: 0 0 10px 0;
		width: 100%;
		}
		
#bottomImg {
	margin: -60px auto 0 auto;
	width: 100%;
	height: 90px;
	background-image: url(images/rome_btm.gif);
	background-position: bottom;
	background-repeat: no-repeat;
	position: relative;
	z-index: 1;
	}
#bottomScenery {
	margin: -195px auto 0 auto;
	width: 100%;
	height: 195px;
	background-image: url(images/rome_buildings.jpg);
	background-position: center bottom;
	background-repeat: repeat-x;
	position: relative;
	z-index: 0;
	}