@charset "utf-8";
/* CSS Document, Brandi Jones @4Site Studios 6.20.11 */

/* wrapper elements */

html {
	
}

body {
	padding:0px 0px 40px 0px;
	margin:0px;
	background-image:url(/assets/images/homepage/2011/bkgr-header.gif);
	background-position:left -40px;
	background-repeat:repeat-x;
	font-family:Arial, Helvetica, sans-serif;
	color:#000000;
}

/* typographics elements */


h1, h2, h3, h4, h5, h6, p {
	margin-top:0px;
}

.noBotMarg {
	margin-bottom:2px;
}

p {
	font-size: 12px;
    line-height: 16px;
	margin-bottom:16px;
}

h1 {
	color:#ffffff;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 14px;
    font-weight: bold;
    line-height: 26px;
	background-color:#cc0b2e;
	height:26px;
	padding:0px 0px 0px 10px;
}

h1 a:link, h1 a:visited {
	color:#ffffff;
	text-decoration:none;
}

h2 {
	font-size:16px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	line-height:19px;
	color:#494949;
	text-align: left;
}

h2 a:link {	
	color:#494949;
	text-decoration:underline;
}

h2 a:hover { color:black; }

h3 {
	font-size:14px;
	line-height:17px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#494949;
	text-align: left;
}

h3 a:link {	
	color:#494949;
	text-decoration:underline;
}

h3 a:hover { color:black; }

h4 {
	font-size:12px;
	line-height:16px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-style:normal;
	color:#494949;
	text-align: left;
}

h4 a:link {	
	color:#494949;
	text-decoration:underline;
}

h4 a:hover { color:black; }

a:link, a:visited {
	color:#107195;
	text-decoration:underline;	
}

#content ul, #footer ul {
	margin:0px 0px 20px 15px;
}

#content li, #footer li {
	font-size: 12px;
    line-height: 16px;
	margin-bottom:10px;
}


/* misc elements */

.clear {
	clear:both;
	font-size:0px;
}

.float-left {
	float:left;	
}

.float-right {
	float:right;	
}


/* page layout elements */

img.logo {
	position:absolute;
	left:0px;
	top:38px;	
	z-index:20;
}

#header {
	position:relative;
	width:900px;
	height:181px;
	margin:0px auto 0px auto;
	background-color:transparent;
	z-index:20;
}

#utility-nav {
	height:32px;
	position:absolute;
	top:8px;
	left:0px;
	width:900px;
}

#ut-search {
	float:right;
	width:290px;
}

#ut-search img, #ut-home img {
	float:left;
	margin-right:10px;	
}

#ut-home {
	float:left;
	width:150px;	
}

#utility-nav a:link, #utility-nav a:visited, #utility-nav p {
	color:#000000;
	font-size:12px;
	line-height:22px;
	text-decoration:none;	
}

#utility-nav form {
	height:20px;
	float:left;
	margin-right:10px;	
	margin-top:-2px;
}

#utility-nav form .submit {
	float:left;
	margin-top:1px;
}

#utility-nav form .field {
	width:164px;
	height:21px;
	background-image:url(/assets/images/homepage/2011/search-bkgr.gif);
	background-position:left top;
	background-repeat:no-repeat;
	padding:0px 5px 0px 5px;
	color:#000000;
	font-size:12px;
	line-height:19px;
	font-family:Arial, Helvetica, sans-serif;
	border:0;
	border:none;
}

#main-nav {
    background: none repeat scroll 0 0 white;
    height: 53px;
    left: 0px;
    position: relative;
    top: 128px;
    width: 100%;
    z-index: 28;
}
#main-nav .subnav {
    background: none repeat scroll 0 0 #D7D6D4;
    border: 0 solid #D4D5D6;
    display: none;
    left: 0px;
    list-style-type: none;
    margin: 0;
    padding: 0;
    position: absolute;
    top: 49px;
    width: 109px;
    z-index: 28;
}
#main-nav .subnav li {
    border-bottom: 1px solid #EEEEEE;
    display: block;
    margin: 0;
}
#main-nav .subnav li a {
    color: #000000;
    font-size: 11px;
    height: 18px;
    padding: 6px 4px 19px;
    width: 101px; 
}
#main-nav .subnav li a:hover {
    background: none repeat scroll 0 0 #BFBEBA;
    width: 101px;
}
#nav-primary {
    float: left;
    list-style-type: none;
    margin: 0px;
    padding: 0;
}
#nav-primary li {
    float: left;
	margin-right:4px;
    position: relative;
}
#nav-primary > li:last-child {
	margin-right:0px;
}
#nav-primary li a {
    color: #000000;
    float: left;
    font-size: 13px;
    font-weight: bold;
    height: 48px;
    line-height: 16px;
    text-align: center;
    text-decoration: none;
    width: 109px;
}
#nav-primary li a:hover {
    text-decoration: none;
}
#nav-primary li:hover .subnav {
    display: block;
}


/* content area */

#content {
	overflow:hidden;
	width:900px;
	margin:0px auto 0px auto;
}

/* left content area */

#left-col { 
	width:674px;
	float:left;
}

#slideshow {
	margin-bottom:8px;
	width:673px;
	overflow:hidden;
}

#slideshow h1 {
	z-index:10;
	position:relative;	
}

#slides {
	width:673px;
	height:285px;
	overflow:hidden;
}

#ss-pager {
	z-index:20;
	position:absolute;
	right:1px;
	top:4px;
	width:auto;
}

#ss-pager a:link, #ss-pager a:visited {
	display:block;
	float:left;
	padding:4px;
	background-color:#df3251;
	margin-right:5px;
	font-size:14px;
	line-height:10px;
	color:white;
}

#ss-pager a:hover, #ss-pager a.activeSlide {
	color:black;
	background-color:white;
}

.featurette {
	float:left;
	margin-right:8px;
	width:219px;
	height:202px;
	position:relative;
}

.featurette-right {
	margin-right:0px;
}

.featurette p {
  overflow:hidden;
  z-index:1;
  background: transparent url(/assets/images/homepage/2011/bkgr-text-overlay.png) repeat;	
  margin:0;
  color:#ffffff;
  padding:10px;
  width:auto;
  width:199px;
}

div.featurette p a:link, div.featurette p a:visited {
  color:#ffffff;
  text-decoration:none;
}


/* right content area */

#right-col {
	width:219px;
	float:right;
}

#right-col-top {
	height:311px;
	margin-bottom:8px;	
}

#news-events {
    padding-left: 10px;
}

#news-events p {
    margin-bottom: 15px;
}

#news-events a:link, a:visited {
    color: black;
}

ul#secondary-nav {
	list-style-type:none;
	margin:0px;
	padding:0px;
}

#secondary-nav li {
	margin-bottom:5px;
	padding:0px;
}

#secondary-nav li a:link, #secondary-nav li a:visited {
	background-color:#CC0B2E;
	color:white;
	font-size:14px;
	line-height:27px;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	display:block;
	text-decoration:none;
	height:27px;
	padding-left:10px;
}

#secondary-nav li.last {
	margin-bottom:0px;
}

#secondary-nav li a:hover {
	background-color:#DF3251;
}

#skyscraper {
	margin-top:8px;
	width:219px;
	position:relative;
}

#skyscraper p {
  overflow:hidden;
  z-index:1;
  background: transparent url(/assets/images/homepage/2011/bkgr-text-overlay.png) repeat;	
  margin:0;
  color:#ffffff;
  padding:10px;
  width:auto;
  width:199px;
}

div#skyscraper p a:link, div#skyscraper p a:visited {
  color:#ffffff;
  text-decoration:none;
}

/* footer */

#footer {
	margin-top:10px;
}

/* footer, top portion */

#footer-top {
	width:900px;
	margin:0px auto 5px auto;
	overflow:hidden;
}

.foot-col {
	width:219px;
	margin-right:8px;
	float:left;
}

.foot-col-last {
	width:210px;
	margin-right:0px;
	float:left;	
}

.foot-col-last img {
	float:left;
	margin:0px 10px 10px 0px;	
	max-width:32px;
	height:32px;
	/* let's help older IEs out when re-rendering images */
	*height:auto;
	-ms-interpolation-mode: bicubic;
}

.foot-col-last img.itunes {
	margin-top:-2px;
	margin-left:-1px;
	max-width:35px;
	height:35px;
	*height:auto;
}

/* CSS-generated circles for metro lines, will show as squares on some browsers */

.red-line {
	width:12px;
	height:12px;
	border-radius:6px;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	background:#ed1d23;
	float:left;
	margin-right:5px;
}

.green-line {
	width:12px;
	height:12px;
	border-radius:6px;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	background:#0b9444;
	float:left;
	margin-right:5px;
}

.yellow-line {
	width:12px;
	height:12px;
	border-radius:6px;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	background:#ffde16;
	float:left;
	margin-right:5px;
}


/* footer, bottom portion */

#footer-bot {
	border-top:1px solid #c1131e;
	padding:20px 0px 20px 0px;
}

#footer-bot-content {
	width:900px;
	margin:0px auto 0px auto;
	overflow:hidden;
}

#footer-bot ul {
	list-style-type:none;
	margin:0px;
	padding:0px;
}

#footer-bot li {
	float:left;
	padding:0px;
	margin:0px 57px 0px 0px;
}

#footer-bot li.last {
	margin:0px;
}

#footer-bot li a {
	display:block;
	color:#c1131e;
	font-size:14px;
}

#footer-bot li a:hover {
	
}


/*-- Misc styles ---*/

/* force scrollbar on all pages to prevent page "jump" on short content */
html { overflow-y: scroll; }

/* Grade-A Mobile Browsers (Opera Mobile, iPhone Safari, Android Chrome) 
Consider this: www.cloudfour.com/css-media-query-for-mobile-is-fools-gold/ */
@media screen and (max-device-width: 480px) {
  html { -webkit-text-size-adjust:none; -ms-text-size-adjust:none; }
}

/* print styles */

@media print {
	img.logo {position:static; margin-bottom:30px;}
	#header-wrapper, #sidebar, #nav, #slideshow, .divider, #footer img, a.button:link {display:none;}
	#header-wrapper, #header, #content-wrapper, #content, #body, #footer-wrapper, #footer {width:auto !important; height:auto !important; min-height:0; position:static; margin:0px; padding:0px; border:none; float:none !important;}
	#header-wrapper {height:0px;}
	body, p, a {color:black; background-image:none; background-color:white;}
	a, a:visited {text-decoration:underline;}
	#footer {background-image:none; text-align:left; margin:0px; padding:0px; padding-top:15px; margin-top:50px; border-top:1px solid #d4d4d4; height:auto;}
	#footer p, #footer a:link, #footer a:visited, #footer p.links {padding:0px; font-family:Arial, Helvetica, sans-serif; color:#666; font-size:10px; margin:0px;}
	  /* CSS2 selector to add visible href after links */
	  #main a:link:after,
	  #main a:visited:after
	  {
		content: " (" attr(href) ") ";
	  }
}
/*SF*/