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

@import url('/styles/brandedheader.css');

#branding-small {
	padding-top:15px;
  
}
#branding-small h1 a {
  background: url(../images/ufplogo.jpg) no-repeat 0 0;
  }
  
#navbar-small {
background: url(../images/graynavbar.jpg) no-repeat 0 0;
width: 287px;

}

body {
  margin-bottom:0;
  padding:0;
  background:#6b635d url(../images/bodybckgrd.jpg) repeat-x 0 0;
  text-align:center;
  font-family:Arial, Helvetica, sans-serif;
  font-size:62.5%;
  color:#454545;
}

#header {
  background:url(../images/headerbckgrd.jpg) no-repeat 0 0;
  width:976px;
  height:123px;
  padding-left:25px;
  }

#header .logo {
	padding-top:36px;
  }

#wrapper {
  background:url(../images/int-wrapper.jpg) repeat-y 0 0;  
  position:relative;
  width: 1000px;
  margin: 0 auto;
  padding: 0;
  text-align: left;
}

#container {
	background:url(../images/int-container.jpg) no-repeat 0 0;
	min-height:441px;
	margin-top:60px;
	font-size:1.1em;
}

#content {
	float:right;
	width:705px;
	padding-top:20px;
	padding-bottom:20px;
	padding-right:15px;
	font-size:1.1em;
}

#content .feature-image {
	float:right;
	margin:0 5px 20px 20px;
}

#content h3 {
	margin-bottom:0;
	font-size:1.1em;
}

#content p {
	margin-top:5px;
}

#content ol li {
	margin-bottom:10px;
	margin-left:0;
}

#footer {
	background:#6b635d url(../images/footer.jpg) no-repeat 0 0;
	clear:both;
	width:1000px;
	color:#fff;
	padding-top:10px;
	text-align:center;
}

#footer li{
	display:inline;
	padding:0 30px 0 0;
}

#footer a{
	color:#adcbe0;
}

h2 {
	font-size:1.2em;
}

h4 {
	font-size:1em;
	margin-top:3px;
	font-style:italic;
	
}

a {
	color:#ae5c37;
}

/*========= NAV ==========*/

#nav {
	float:left;
	margin-left:10px;
	font-size:1.1em;
	margin-top:40px;
}

#nav a{
	border-bottom:1px solid #aaaaaa;
	border-top:1px solid #FFF;
	float:left;
	clear:left;
	padding:10px 20px;
	text-decoration:none;
	width:196px;
}

#nav a:hover{
	background:url(../images/navhover.jpg) repeat-x 0 0;
	font-weight:bold;
	color:#6B635D;
}

#nav a.active{
	font-weight:bold;
	color:#6B635D;
}

#nav .latitudespromo {
	margin-left:-20px;
}

#nav a.nohover:hover{
	background:none;
}




/*========= HOME ==========*/
.home #wrapper {
	background:url(../images/wrapper.jpg) repeat-y 0 0;  
}

.home #container {
	background:url(../images/container.jpg) no-repeat 0 0;
}

.home #content {
	background:url(../images/home-content.jpg) no-repeat 0 0;
	width:979px;
	float:none;
	min-height:490px;
	margin-left:10px;
	margin-bottom:13px;
}

.home #content .feature-image {
	margin:4px 24px 24px;
	float:none;
}

.home #content #promo {
	background:url(../images/promosbckgrd.jpg) no-repeat 0 0;
	width:387px;
	height:360px;
	position:absolute;
	top:194px;
	right:25px;
	font-size:.9em;
}

.home #content #promo .promo-fill {
	height:152px;
	width:367px;
	float:left;
	clear:left;
	padding:14px;
}

.home #content #promo .promo-fill a {
	color:#adcbe0;
	text-decoration:none;
}

.home #content #promo .promo-fill img {
	float:left;
	padding-right:10px;
}

.home #content #promo .promo-fill h3 {
	margin:5px 0;
	font-size:1em;
	text-transform:uppercase;
}

.home #content #promo .promo-fill p {
	color:#FFF;
	margin:0 10px 4px 10px;
}

.home #content #promo .promo-fill .more {
	float:right;
}

.home #content h2 {
	margin:0 0 0 34px;
	
}

.home #content p {
	margin: 10px 34px;
	line-height:1.3em;
}


/*========= HTB_CONTACT ==========*/
.htb_contact #content {
	padding-top:30px;
}

/*========= TABLES ==========*/

#content #conForm table{
		width: 650px;
	}

#content #conForm table table{
		width: 250px;
	}

thead {
	font-size:1.2em;
	margin-bottom:4px;
}

#HowToBuyControl_pnlHTBForm thead th {
	padding-bottom:10px;
}

#HowToBuyControl_pnlResults tr td {
	padding-bottom:15px;
}

/*========= NAVIGATION ==========*/

#navigation {
  background:transparent url(../images/navigationbckgrd.jpg) no-repeat scroll 0;
  font-size:1.2em;
  left:0;
  padding:0;
  position:absolute;
  top:113px;
  width:1000px;
  height:81px;
  clear:both;
}


#navigation ul {
list-style:none;
margin-left:25px;
}

#cssdropdown {
padding:15px 0 12px 0;
}

#cssdropdown li {
float:left;
position:relative;
padding:0;

}

#cssdropdown .mainitemshtb {
border-right:none;
}


.mainitems a {
padding:5px 12px;
color:#fff;
text-decoration: none;
}

.mainitems a:hover {
color:#fff;
}

.mainitemshome a {
padding:5px 12px;
color:#fff;
text-decoration: none;
margin-bottom:10px;
}

.mainitemshome a:hover {
color:#fff;
}

.home #cssdropdown .mainitemshome {
	visibility:hidden;
}

.mainitemshtb a {
padding:5px 15px;
color:#ffd457;
text-decoration: none;
}

.mainitemshtb a:hover {
color:#fff;
}

.subuls {
z-index:0;
clear:both;
font-size:1em;
display:none;
border-bottom:1px solid #666;
padding-left:0;
width:180px;
}

#cssdropdown .subuls {
text-transform:none;
margin:0;
position:absolute;
left:0;
padding-bottom:0;
top:1.1em;
padding-top:11px;
}

#cssdropdown .subuls li {
background:url(../images/green.png) repeat 0 0;
border-left:1px solid #666;
border-right:1px solid #666;
display:block;
width: 180px;
padding:5px 0;
}

#cssdropdown li .heading {
border-top:1px solid #999;
font-size:1em;
text-transform:uppercase;
font-weight:bold;
padding:5px 0;
}

#cssdropdown .subuls li :hover {
display:block;
width:163px;
background: #f3e183;
margin:-5px 0;
}

#cssdropdown .subuls li a {
text-decoration: none;
color:#455718;
padding-left:5px;
border-right:none;
letter-spacing:0;
}
  
#cssdropdown li>ul { /* to override top and left in browsers other than IE, which will position to the top right of the containing li, rather than bottom left */
padding-bottom:10px;
top:.9em;
left:0;
}

#cssdropdown li:hover ul, li.over ul { /* lists nested under hovered list items */
display: block;}