body {font-family: helvetica; color: #8f919b; background-color: #e6e6e5;}
a img {border: none;}
a:link {color:#444b71; text-decoration: none; }
a:visited {  color: #444b71;text-decoration: none; }
a:hover { color: #878fb3; text-decoration:  none; }

a {color:#444b71;}
h1{color: #444b71; font-size: .9em;}
h2{color:#444b71; font-size: .6em;}
p {font-size: .7em;
  line-height: 1.9em;}
li {font-size: 10px;
	text-transform: uppercase;}

	
/*** The wrapper contains EVERYTHING ***/
#wrapper {text-align: center;
	padding-top: 0px;}
	
.logo {
	text-align: left;
	margin-left: auto;
	margin-right: auto;
	width: 880px;
	margin-top: 30px;
	background-color: #ffffff;
	padding-left: 20px;
	padding-top: 20px;
	}
	
/*** This encases all the info under the logo and nav ***/
#mainbody {position: relative;
	margin-top: 0px;
	padding-top:100px;
	height: 450px;
	width: 900px;
	background-color: #fff;
	margin-left: auto;
	margin-right: auto;}
	
	#mainbody2 {position: relative;
		margin-top: 0px;
		padding-top:100px;
		height: 1450px;
		width: 900px;
		background-color: #fff;
		margin-left: auto;
		margin-right: auto;}
	

.maintext {float: right;
	width: 305px;
	text-align: left;
    margin-right: 43px;
background-color: #ffffff;
margin-top: -30px;
height: 300px;}

.maintextlong {float: right;
	width: 305px;
	text-align: left;
    margin-right: 43px;
background-color: #ffffff;
margin-top: -30px;
height: 430px;}

.maintext2 {float: right;
	width: 680px;
	text-align: left;
    margin-right: 90px;
background-color: #ffffff;
margin-top: -40px;
height: 900px;}

.mainimage {float: left;
	margin-left: auto;
	margin-right: auto;
	background: #ffffff;
	padding-left: 40px;}
	
ul li.bulletpts {text-transform: none;
	font-size: .7em;
	line-height: 1.9em;}
	
	/*** INTRO PAGE ZOOMS ***/	
	
	.mainimages 
	{float: right;
	text-align: left;
	margin-right: 32px;
	margin-top: -40px;
	width: 520px;}
	
		
		ul.images_main {margin-top: -350px;
			margin-left: 120px;
		width: 500px;
		background-color: white;}
		
		ul.images_main li {margin: 0; 
			padding: 5px;
			float: left;
			position: relative;
			width: 110px;
			height: 110px; 
			padding-bottom: 15px;
			list-style: none; 
			padding-right: 80px; 
			padding-bottom: 90px;
				text-transform: none;}
			
		ul.images_main li img {width: 140px; 
			height: 140px;
			border: 1px solid #ddd;
			padding: 5px;
			background: #e6e6e5;
			position: absolute;
			left: 0; 
			top: 0;-ms-interpolation-mode: bicubic; }
			
		ul.images_main li img.hover {background-color: #fff; }
		
		.title{position:absolute;
			width:220px;
			padding-bottom: 10px;
			margin:0;
			background-color: none;
			text-align:left; 
			color: #8f919b;}
			


/*** "MORE" PAGE ZOOMS ***/	
		
.imagegroups
{float: right;
text-align: left;
margin-right: 42px;
margin-top:10px;
width: 900px;}

	
	ul.images {margin-top: -40px;
		margin-left: 120px;
    	width: 900px;}
	
	ul.images li {margin: 0; 
		padding: 5px;
		float: left;
		position: relative;
		width: 110px;
		height: 110px; 
		padding-bottom: 15px;
		list-style: none; 
		padding-right: 80px; 
		padding-bottom: 90px;
		text-transform: none;}
		
	ul.images li img {width: 140px; 
		height: 140px;
		border: 1px solid #ddd;
		padding: 5px;
		background: #e6e6e5;
		position: absolute;
		left: 0; 
		top: 0;-ms-interpolation-mode: bicubic; }
		
	ul.images li img.hover {background-color: #fff; }
	
	.title2	{position:absolute;
		float: left;
			width:220px;
			padding-bottom: 10px;
			background-color: none;
			text-align:left; 
			color: #8f919b;}
			
/*** Ring descriptions ***/	


ul.description {float: left;
	list-style: none;
	text-align: left;
	margin-top: -253px;
	margin-left: 120px;
	width: 400px;
	text-transform: none;}
	
	
ul.description li  {
    padding-bottom: 15.5em;
	width: 150px;
	font-size: 10px;
	line-height: 1.5em;
	height: 50px;
	text-transform: none;
	}
	
	ul.description2 {float: left;
		list-style: none;
		text-align: left;
		margin-top: -426px;
		margin-left: 315px;
		width: 400px;
		text-transform: none;}


	ul.description2 li  {
	    padding-bottom: 15.5em;
		width: 150px;
		font-size: 10px;
		line-height: 1.5em;
		height: 50px;
		text-transform: none;
		}
		
		ul.description3 {float: left;
			list-style: none;
			text-align: left;
			margin-top: -427px;
			margin-left: 510px;
			width: 400px;
			text-transform: none;}


		ul.description3 li  {
		    padding-bottom: 15.5em;
			width: 150px;
			font-size: 10px;
			line-height: 1.5em;
			height: 50px;
			text-transform: none;
			}
			
			ul.description4 {float: left;
				list-style: none;
				text-align: left;
				margin-top: -427px;
				margin-left: 705px;
				width: 400px;
				text-transform: none;}


			ul.description4 li  {
			    padding-bottom: 15.5em;
				width: 150px;
				font-size: 10px;
				line-height: 1.5em;
				height: 50px;
				text-transform: none;
				}
				
				ul.introdescription {float: left;
					list-style: none;
					text-align: left;
					margin-top: -253px;
					margin-left: 120px;
					width: 400px;
					text-transform: none;}


				ul.introdescription li  {
				    padding-bottom: 15.5em;
					width: 150px;
					font-size: 10px;
					line-height: 1.5em;
					height: 50px;
					text-transform: none;
					}

					ul.introdescription2 {float: left;
						list-style: none;
						text-align: left;
						margin-top: -427px;
						margin-left: 315px;
						width: 400px;
						text-transform: none;
						}


					ul.introdescription2 li  {
					    padding-bottom: 15.5em;
						width: 150px;
						font-size: 10px;
						line-height: 1.5em;
						height: 50px;
						text-transform: none;
						}
img alt {text-transform: none;}
						
						/*** end ***/	
			

	
.footer {float: right;
	margin-top: 150px;
	margin-right: 0px;
	text-align: left;
	width: 345px;
	font-size: 10px;
	border-top: solid;
	border-color: #062192;
	border-width: 1px;
	padding-top: 10px;
	}
	

		
		.footer2 {float: right;
			margin-top: 130px;
			margin-right: 0px;
			text-align: left;
			width: 410px;
			font-size: 11px;
			border-top: solid;
			border-color: #062192;
			border-width: 1px;
			padding-top: 10px;
			}
			
		
		.footer3 {float: right;
			margin-top: 260px;
			margin-right: 0px;
			text-align: left;
			width: 410px;
			font-size: 11px;
			border-top: solid;
			border-color: #062192;
			border-width: 1px;
			padding-top: 10px;
			}

	
.more {float: right;
		margin-top: 60px;
		margin-right: -552px;
		text-align: right;
		width: 345px;
		font-size: 11px;
		border-top: solid;
		border-color: #062192;
		border-width: 1px;
		padding-top: 7px;
		padding-right: 45px;
		}

		
.more em {padding-right: 154px;
	font-style: none;}
		
		
.more2 {float: right;
				margin-top: -133px;
				margin-right: 0px;
				text-align: right;
				width: 345px;
				font-size: 11px;
				border-top: solid;
				border-color: #062192;
				border-width: 1px;
				padding-top: 7px;
				padding-right: 45px;
				
				}
				
				.more2 em {padding-right: 157px;
					font-style: none;}
					
.more3 {float: right;
									margin-top: -133px;
									margin-right: 0px;
									text-align: right;
									width: 345px;
									font-size: 11px;
									border-top: solid;
									border-color: #062192;
									border-width: 1px;
									padding-top: 7px;
									padding-right: 45px;
									}

									.more3 em {padding-right: 100px;
										font-style: none;}

.more4 {float: right;
																			margin-top: -133px;
																			margin-right: 0px;
																			text-align: left;
																			width: 345px;
																			font-size: 11px;
																			border-top: solid;
																			border-color: #062192;
																			border-width: 1px;
																			padding-top: 7px;
																			padding-right: 45px;
																			}

																		

	
	
	/*** NAV STYLES ***/
	.sf-menu, .sf-menu * {
		margin:			0;
		padding:		0;
		list-style:		none;
		position: relative;
		margin-left: 30px;
		margin-right: auto;
		text-align: left;
		padding-bottom: 3px;


		
		
	}
	.sf-menu {
		line-height:	1;
		margin-left: auto;
		margin-right: auto;
		padding-left: 435px;
		padding-right: 6px;
		border-top: solid;
		border-color: #062192;
		border-width: 1px;
		margin-top: -31px;
		width: 460px;


			

		

	
	
	
	}
	.sf-menu ul {
		position:		absolute;
		top:			-999em;
		width:			10em; /* left offset of submenus need to match (see below) */
		margin-left: auto;
		margin-right: auto;
		

		
	
	}
	.sf-menu ul li {
		width:			100%;
	
	
	}
	.sf-menu li:hover {
		visibility:		inherit; /* fixes IE7 'sticky bug' */
	}
	.sf-menu li {
		float:			left;
		position:		relative;
		margin-left: auto;
		margin-right: auto;
	}
	.sf-menu a {
		display:		block;
		position:		relative;
		margin-left: auto;
		margin-right: auto;
	}
	.sf-menu li:hover ul,
	.sf-menu li.sfHover ul {
		left:			0;
		top:			2.5em; /* match top ul list item height */
		z-index:		99;
	}
	ul.sf-menu li:hover li ul,
	ul.sf-menu li.sfHover li ul {
		top:			-999em;
	}
	ul.sf-menu li li:hover ul,
	ul.sf-menu li li.sfHover ul {
		left:			10em; /* match ul width */
		top:			0;
	}
	ul.sf-menu li li:hover li ul,
	ul.sf-menu li li.sfHover li ul {
		top:			-999em;
	}
	ul.sf-menu li li li:hover ul,
	ul.sf-menu li li li.sfHover ul {
		left:			10em; /* match ul width */
		top:			0;
	}

	/*** SKIN ***/
	.sf-menu {
		
		margin-bottom:	1.6em;
	}
	.sf-menu a {
		border-left:	none;
		border-top:		none;
		padding: 		.65em 1.4em;
		text-decoration:none;
	}
	.sf-menu a, .sf-menu a:visited  { /* visited pseudo selector so IE6 applies text colour*/
		color:			none;
	}
	.sf-menu li {
		background:		none;
		text-align: left;
	}
	.sf-menu li li {
		background:		#ffffff;
	}
	.sf-menu li li li {
		background:		#ffffff;
	}
	.sf-menu li:hover, .sf-menu li.sfHover,
	.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {
		background:		#ffffff;
		outline:		0;
	}

	/*** arrows **/
	.sf-menu a.sf-with-ul {
		padding-right: 	2.25em;
		min-width:		1px; /* trigger IE7 hasLayout so spans position accurately */
	}
	.sf-sub-indicator {
		position:		relative;
		display:		block;
		right:			.75em;
		top:			1.05em; /* IE6 only */
		width:			10px;
		height:			10px;
		text-indent: 	-999em;
		overflow:		hidden;
		background:		url('../images/arrows-ffffff.png') no-repeat -10px -100px; /* 8-bit indexed alpha png. IE6 gets solid image only */
	}
	a > .sf-sub-indicator {  /* give all except IE6 the correct values */
		top:			.8em;
		background-position: 0 -100px; /* use translucent arrow for modern browsers*/
	}
	/* apply hovers to modern browsers */
	a:focus > .sf-sub-indicator,
	a:hover > .sf-sub-indicator,
	a:active > .sf-sub-indicator,
	li:hover > a > .sf-sub-indicator,
	li.sfHover > a > .sf-sub-indicator {
		background-position: -10px -100px; /* arrow hovers for modern browsers*/
	}

	/* point right for anchors in subs */
	.sf-menu ul .sf-sub-indicator { background-position:  -10px 0; }
	.sf-menu ul a > .sf-sub-indicator { background-position:  0 0; }
	/* apply hovers to modern browsers */
	.sf-menu ul a:focus > .sf-sub-indicator,
	.sf-menu ul a:hover > .sf-sub-indicator,
	.sf-menu ul a:active > .sf-sub-indicator,
	.sf-menu ul li:hover > a > .sf-sub-indicator,
	.sf-menu ul li.sfHover > a > .sf-sub-indicator {
		background-position: -10px 0; /* arrow hovers for modern browsers*/
	}

	/*** shadows for all but IE6 ***/
	.sf-shadow ul {
		background:	url('../images/shadow.png') no-repeat bottom right;
		padding: 0 8px 9px 0;
		-moz-border-radius-bottomleft: 17px;
		-moz-border-radius-topright: 17px;
		-webkit-border-top-right-radius: 17px;
		-webkit-border-bottom-left-radius: 17px;
	}
	.sf-shadow ul.sf-shadow-off {
		background: transparent;
	}
	
	.sf-navbar {
		background:		#BDD2FF;
		height:			2.5em;
		padding-bottom:	2.5em;
		position:		relative;
	}
	.sf-navbar li {
		background:		#AABDE6;
		position:		static;
	}
	.sf-navbar a {
		border-top:		none;
	}
	.sf-navbar li ul {
		width:			44em; 
	}
	.sf-navbar li li {
		background:		#BDD2FF;
		position:		relative;
	}
	.sf-navbar li li ul {
		width:			13em;
	}
	.sf-navbar li li li {
		width:			100%;
	}
	.sf-navbar ul li {
		width:			auto;
		float:			left;
	}
	.sf-navbar a, .sf-navbar a:visited {
		border:			none;
	}
	.sf-navbar li.current {
		background:		#BDD2FF;
	}
	.sf-navbar li:hover,
	.sf-navbar li.sfHover,
	.sf-navbar li li.current,
	.sf-navbar a:focus, .sf-navbar a:hover, .sf-navbar a:active {
		background:		#BDD2FF;
	}
	.sf-navbar ul li:hover,
	.sf-navbar ul li.sfHover,
	ul.sf-navbar ul li:hover li,
	ul.sf-navbar ul li.sfHover li,
	.sf-navbar ul a:focus, .sf-navbar ul a:hover, .sf-navbar ul a:active {
		background:		#D1DFFF;
	}
	ul.sf-navbar li li li:hover,
	ul.sf-navbar li li li.sfHover,
	.sf-navbar li li.current li.current,
	.sf-navbar ul li li a:focus, .sf-navbar ul li li a:hover, .sf-navbar ul li li a:active {
		background:		#E6EEFF;
	}
	ul.sf-navbar .current ul,
	ul.sf-navbar ul li:hover ul,
	ul.sf-navbar ul li.sfHover ul {
		left:			0;
		top:			2.5em; /* match top ul list item height */
	}
	ul.sf-navbar .current ul ul {
		top: 			-999em;
	}

	.sf-navbar li li.current > a {
		font-weight:	bold;
	}



	/*** remove shadow on first submenu ***/
	.sf-navbar > li > ul {
		background: transparent;
		padding: 0;
		-moz-border-radius-bottomleft: 0;
		-moz-border-radius-topright: 0;
		-webkit-border-top-right-radius: 0;
		-webkit-border-bottom-left-radius: 0;
	}