/* CSS Document */

body {
	margin:0 auto;
	background-color:#fff;
	font-family:Arial, Helvetica, sans-serif;
}

.clear {
	clear:both;	
}

#wrapper {
	width:996px;
	margin:0 auto;
	color:#000;
	font-family:Arial, Helvetica, sans-serif;
}

#login {
	float:left;
	width:200px;
	padding-top:43px;
	font-size:14px;
	font-weight:bold;
	color:#999;	
}

	#login .returning {
		font-size:12px;	
	}

#header {
	padding-top:15px;
	padding-bottom:8px;
}

	#header img {
		border:none;
		float:left;	
	}
	
#sub {
	padding:10px 20px;
	padding-top:8px;
	font-size:14px;
	min-height:400px;
}

	#sub h1 {
		font-size:34px;
		font-weight:normal;
		font-family:Georgia, "Times New Roman", Times, serif;
		margin:0;
		padding:0;
		padding-bottom:8px;
		border-bottom:1px dashed #ccc;
		margin-bottom:10px;
	}

#officer {
	color:#000;
	margin-top:-5px;
}
	#officer .padding {
		padding:20px;
	}

	#officer h2 {
		padding:0;
		margin:0;
		font-size:28px;
		color:#002d56;	
	}

	#officer a, #officer a:link, #officer a:visited, #officer a:active  {
		color:#2160bd !important;
		font-size:12px;
		font-weight:bold;
		text-decoration:none;
	}
	
	#officer a:hover {color:#000;text-decoration:underline;}

	#officer .title {
		padding-bottom:15px;
		font-weight:bold;
		font-size:16px;	
	}
	
	#officer .info {
		background:url(../images/officerbg.jpg) top center repeat-x #d8e6f2;
		border:2px solid #b4d1ec;
		float:right;
		width:640px;
		height:325px;
	}
	
	#officer .contact {
		float:left;
		padding-top:3px;
		width:180px;
		height:220px;
		border-right:1px dashed #a0bfdc;
		font-size:12px;
	}
	
	#officer .description {
		float:right;
		line-height:18px;
		width:400px;
		font-size:12px;
	}
	
	
#contactinfo {
	width:400px;
	float:right;
	padding-right:3px;
	padding-top:0px;
}

	#contactinfo .divider {
		text-align:right;
		text-shadow: #fff 0px 0px 2px;
		background:url(../images/contactdiv.png) bottom right no-repeat;
		padding-bottom:5px;
	}
	
	#contactinfo .address {
		font-size:14px;
		text-align:right;
		padding-top:5px;
		font-weight:bold;
		color:#4c4c4c;
	}

	#contactinfo .contactus {
		color:#676767;
		padding-right:5px;
		font-size:16px;
		margin-top:-2px;
		font-weight:bold;
		text-transform:uppercase;
	}
	
	#contactinfo .number {
		font-size:20px;
		font-weight:bold;
		text-transform:uppercase;
	}

	#contactinfo .social {
		text-align:right;
		float:right;
		padding-bottom:3px;
		padding-top:1px;
	}

	#contactinfo .social img {
		padding-left:5px;
		opacity:0.6;
		filter:alpha(opacity=60)
	}
	
	#contactinfo .social img:hover {
		opacity:1;
		filter:alpha(opacity=100)
	}
	
#content {
	background:url(../images/contentbg.png) top center repeat-y;
	padding:0 28px;
	padding-left:30px;
	font-size:12px;
}

	.contenttop {
		height:26px;	
		background:url(../images/contenttop.png) top center no-repeat;
	}
	
	.contentbottom {
		height:26px;	
		background:url(../images/contentbottom.png) top center no-repeat #fff;
	}

#mortgageinfo {
	width:935px;
	height:239px;
	padding-top:30px;
	background:url(../images/linksbg.jpg) top left no-repeat;
	float:left;
	margin-top:14px;
	font-size:12px;
}



	#mortgageinfo ul {
		font-size:13px;
		margin:10px 0;
		padding:0;
		line-height:21px;
		padding-left:20px;
	}

	#mortgageinfo h3 {
		margin:0;
		padding:0;
		padding-bottom:5px;
		font-family:Georgia, "Times New Roman", Times, serif;
		font-size:22px;
		font-weight:normal;
	}
	
	#mortgageinfo p {
		padding:0;
		padding-bottom:15px;
		margin:0;	
	}
	
	#mortgageinfo .left {
		float:left;
		width:245px;
		padding-left:40px;
		padding-right:30px;
	}

	#mortgageinfo .right {
		float:left;
		border-left:1px solid #d9d9d9;
		width:230px;
		
		padding-left:35px;
	}

	.smallbutton {
		background:url(../images/smallbuttonshadow.png) top center no-repeat;
		width:225px;
		height:36px;	
	}

		.smallbutton a, .smallbutton a:link, .smallbutton a:visited, .smallbutton a:active  {
			color:#fff;
			display:block;
			font-size:12px;
			text-shadow: #333 0px 0px 2px;
			padding-top:8px;
			font-family:Arial, Helvetica, sans-serif;
			width:220px;
			font-weight:bold;
			text-align:center;
			height:24px;
			margin-top:2px;
			margin-left:3px;
			float:left;
			text-decoration:none;
			text-transform:uppercase;
		}
		
		.smallbutton a:hover {
			text-decoration:underline;
		}

#newsletter {
	width:281px;
	float:right;
	color:#373737;
	font-weight:bold;
	font-size:12px;
	padding-left:40px;
	border-left:1px solid #d9d9d9;
}

	#newsletter p {
		padding-bottom:10px;
	}


	#newsletter input {
		border:1px solid #b5b5b5;
		padding:5px;
		padding-left:10px;
		width:207px;
		height:22px;
		background:url(../images/inputbg.jpg) top left no-repeat;
		font-family:Arial, Helvetica, sans-serif;
		font-size:11px;
		text-transform:uppercase;
		color:#666 !important;
		margin-bottom:3px;
	}
	
	#newsletter input:focus {
		color:#000;
		font-weight:bold;	
	}
	
	.smallbuttonnews {
		background:url(../images/smallbuttonshadow.png) top center no-repeat;
		width:225px;
		margin-left:-2px;
		margin-top:7px;
		height:36px;	
	}

		#newsletter button {
			margin:0;
			padding:0;
			color:#fff;
			display:block;
			font-size:12px;
			text-shadow: #333 0px 0px 2px;
			padding-top:0px;
			font-family:Arial, Helvetica, sans-serif;
			width:220px;
			font-weight:bold;
			text-align:center;
			height:32px;
			margin-top:2px;
			border:none;
			cursor:pointer;
			margin-left:3px;
			float:left;
			text-decoration:none;
			text-transform:uppercase;
		}
		
		#newsletter button:hover {
			text-decoration:underline;
		}


#intro {
	float:left;
	width:607px;
	height:301px;
	text-align:center;
	background:url(../images/introbg.jpg) top center no-repeat;
}

	#intro .padding {
		padding:20px 25px;	
		padding-right:28px;
	}
	
	#intro h1 {
		font-size:44px;
		font-weight:normal;
		font-family:Georgia, "Times New Roman", Times, serif;
		margin:0;
		padding:0;
		padding-bottom:1px;
	}

	#intro h2 {
		font-size:24px;
		color:#000;
		font-weight:normal;
		font-family:Georgia, "Times New Roman", Times, serif;
		margin:0;
		padding:0;
		padding-bottom:10px;		
	}

	#intro .message {
		padding:17px 0;
		padding-top:14px;
		margin-top:5px;
		font-size:15px;
		font-weight:bold;
		border-top:1px dashed #d1d1d1;
		border-bottom:1px dashed #d1d1d1;
		color:#666;
	}
	
	#intro .buttonpadding {
		padding-top:20px;
		padding-left:15px;
	}
	
	.introbutton {
		background:url(../images/introbuttonshadow.png) top center no-repeat;
		width:255px;
		float:left;
		height:57px;	
	}

		.introbutton a, .introbutton a:link, .introbutton a:visited, .introbutton a:active  {			
			background:url(../images/introbuttonglow.png) 1px center no-repeat;
			color:#fff;
			display:block;
			font-size:16px;
			text-shadow: #333 0px 0px 2px;
			padding-top:15px;
			font-family:Arial, Helvetica, sans-serif;
			width:249px;
			font-weight:bold;
			height:36px;
			margin-top:3px;
			margin-left:3px;
			float:left;
			text-decoration:none;
			text-transform:uppercase;
		}
		
		.introbutton a:hover {
			text-decoration:underline;
		}

#photos {
	float:right;
	width:317px;
	margin-right:2px;
	height:301px;
	z-index:10 !important;
	background:url(../images/photobg.jpg) top center no-repeat;
}

	#photos .padding {
		padding-top:4px;
		padding-left:4px;	
	}

	#photos ul#slide, #photos #slide ul {
		margin:0;
		padding:0;
		list-style:none;
		width:306px;
		z-index:10 !important;
		clear:both;
	}
	
		#photos ul#slide li img {
			border:none;
			position:absolute;		
			z-index:10 !important;
		}
	/*added this*/	
#photos ul#slideshow, #photos #slideshow ul {
  	margin:0;
	padding:0;
	list-style:none;
	width:306px;
	z-index:10 !important;
	clear:both;
}

#photos ul#slideshow > div {
	border:none;
	position:absolute;		
	z-index:10 !important;
}

#footer {
	font-size:12px;
	padding:15px 5px;
	color:#666;
	text-align:center;
}

	#footer a, #footer a:link, #footer a:visited, #footer a:active  {
		color:#282828 !important;	
	}

	
	#footer p {
		padding:0;
		margin:0;
		padding-bottom:6px;	
	}
	
	#footer span {
		padding:0 2px;
		padding-left:4px;
		color:#6d6d6d;	
	}

/* MAIN NAV */

	.menushadow {
		background:url(../images/menushadow.png) top center no-repeat;
		height:64px;
		padding-left:3px;
		padding-right:3px;
		padding-top:3px;
	}

	#menu {
		background:url(../images/navglow.png) top center no-repeat;
		height:55px;
		padding-right:8px;
		z-index:15000 !important;
		position: relative;
	}

	#nav {
		line-height: 100%;
		margin:0;
		padding:0;
		padding-top:11px;
		padding-left:10px;
	}
	
	#nav li {
		margin-right:4px;
		padding-right:6px;
		float: left;
		background:url(../images/navdiv.png) top right no-repeat;
		position: relative;
		list-style: none;


	}
	/* main level link */
	#nav a {
		float:left;
		display:block;
		color: #fff !important;
		font-weight:bold;
		font-size:14px;
		font-family:Arial, Helvetica, sans-serif;
		height:17px;
		text-decoration: none;
		display: block;
		padding:6px 15px;
		padding-top:7px;
		margin: 0;
		text-shadow: #000 1px 1px 0px;
		text-transform:uppercase;
	}
	
	#nav a img {
		border:0;
		padding-right:4px;
		margin-bottom:-2px;
	}
	
	/* main level link hover */
	
	#nav .current a {
	}
	
	#nav li:hover > a {
		color: #fff;
		background:url(../images/subhoverglow.png) center 1px no-repeat #000;
		-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .2);
		-moz-box-shadow: 0 1px 1px rgba(0, 0, 0, .2);
		box-shadow: 0 1px 1px rgba(0, 0, 0, .2);

	}
	/* sub levels link hover */
	#nav ul li:hover a, #nav li:hover li a {
		background:url(../images/navbulletsub.png) 4px 10px no-repeat #333;
		border: 1px solid #484848;
		color: #fff;
		font-size:12px;
		font-weight:bold;
		text-transform:none !important;
		font-family:Arial, Helvetica, sans-serif;
		width:184px;
		padding:6px 10px;
		padding-left:15px;
		position: inherit;
		margin-bottom:2px;
		-webkit-box-shadow: none;
		-moz-box-shadow: none;
	}
	#nav ul a:hover {
		background:url(../images/navbulletsub.png) 4px 10px no-repeat #484848 !important;
		color: #fff !important;
	}
	/* level 2 list */
	#nav ul {
		background:#000; /* for non-css3 browsers */
		display: none;
		margin: 0;
		padding: 5px;
		width: 210px;
		position: absolute;
		top: 30px;
		left: 0px;
		z-index:10000 !important;
		text-transform:none !important;
		border-bottom:1px solid #192114;
		border-right:1px solid #192114;

	}
	/* dropdown */
	#nav li:hover > ul {
		display: block;
	}
	#nav ul li {
		float: none;
		margin: 0;
		padding: 0;
		
	}
	#nav ul a {
		font-weight: normal;
		color:#fff;
	}
	/* level 3+ list */
	#nav ul ul {
		left: 181px;
		top: -3px;
		z-index:20000 !important;
	}
	/* rounded corners for first and last child */
	#nav ul li:first-child > a {
	}
	#nav ul li:last-child > a {
		margin:0;
	}
	/* clearfix */
	#nav:after {
		content: ".";
		display: block;
		clear: both;
		visibility: hidden;
		line-height: 0;
		height: 0;
	}
	#nav {
		display: inline-block;
	}
	html[xmlns] #nav {
		display: block;
	}
	* html #nav {
		height: 1%;
	}


#slideshow {
  padding-top:4px;
  padding-left:4px;
  width:306px;
  z-index:10 !important;
  clear:both;
}

#slideshow > div {
  position: absolute;		
  z-index:10 !important;
}

/*iframed Rates page https://ths.cumortgagecenter.com/pages/mortgage-rates */
.wrapRates { width: 500px; height: 400px; padding: 0; overflow: hidden; float: left;}
.frameRates { width: 500px; height: 400px; border: 1px solid black}

.frameRates {
    // zoom: 0.25;
    -moz-transform: scale(0.25);
    -moz-transform-origin: 0 0;
    -o-transform: scale(0.25);
    -o-transform-origin: 0 0;
    -webkit-transform: scale(0.25);
    -webkit-transform-origin: 0 0;
}