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

@font-face {
    font-family: 'Frutiger-BoldCn';
    src: url('../fonts/frutiger67boldcondensed.eot');
    src: url('../fonts/frutiger67boldcondensed.eot?#iefix') format('embedded-opentype'),
         url('../fonts/frutiger67boldcondensed.woff') format('woff'),
         url('../fonts/frutiger67boldcondensed.ttf') format('truetype'),
         url('../fonts/frutiger67boldcondensed.svg#frutiger67boldcondensed') format('svg');
    font-weight: normal;
    font-style: normal;
}


html, body, div, span, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, strong, sub, sup, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; font: inherit; vertical-align: baseline;}
body{margin: 0; padding: 0; background: #fff url(../images/body-bg.jpg) repeat-y center top ; color: #404041; font: 12px/1.3em Arial, Helvetica, Sans;}
img{border: none;}
ul, ol{padding: 0; }
h1, h2, h3{font-weight: normal; font-family: 'Frutiger-BoldCn';}
table {border-collapse: collapse; border-spacing: 0;}
table.small{font-size:0.9em}
h1{ font-size: 32px; line-height: 1.3em; border-bottom: #ccc 1px solid; padding: 0 0 0 20px; color: #181412}
h2{font-size: 24px; line-height: 1.3em; color: #E20A16}
h3{font-size: 20px; line-height: 1.3em}
h4{font-size: 15px; line-height: 1.3em; font-weight: bold}
h5{font-size: 13px; line-height: 1.3em; font-weight: bold; color: #333}
h6{font-size: 12px; line-height: 1.3em; font-weight: bold; color: #333; margin: 0 0 1.5em 0}
p{margin: 0.2em 0 1.5em 0;}
a{color: #181412}
a:hover{color: #E20A16; text-decoration: none}
dl{background: url(../images/horizontal-dotted-bg.gif) repeat-x left bottom; margin: 0.5em 0}
dt{color: #181412; font-weight: bold; padding: 3px 0 3px 0; background: url(../images/horizontal-dotted-bg.gif) repeat-x left top; }
dd{padding: 0 0 3px 5px; margin: 0 0 2px 0}
strong{font-weight: bold}
td, th{padding: 4px 2px; background: url(../images/horizontal-dotted-bg.gif) repeat-x left bottom; text-align: right}
thead{background: #ccc; font-size: 1.2em}
tbody th{ background:#E20A16; font-weight:bold; color:#fff;}
th{font-weight: bold}
table{width: 100%; margin: 0.2em 0 1.5em 0}
caption{text-align: left; font-weight: bold}
tr:hover{background: #F0F0F0}
ul{margin: 0.2em 0 1.5em 20px; list-style-type: square;}
ol{margin: 0.2em 0 1.5em 2em; list-style-type: decimal}
ol ol{list-style-type: lower-alpha}
ol ol ol{list-style-type: lower-roman}
li{margin-bottom: 0.5em}
ul.disc{list-style-type: disc; padding-bottom: 0.5em }
ul.disc li{margin-bottom: 0.3em}
ul.circle{list-style-type: circle; font-size: 0.95em; line-height: 1.2em}
em{font-style: italic}
sup{font-size: 0.75em; vertical-align: super}
label{display: block;}
input[type='text'], select{border: 1px solid #ccc; width: 200px; font-size: 1.3em; padding: 5px}
button{background-color: #E20A16;  background-image: url(../images/more-bg-fff.gif); background-repeat: no-repeat; background-position: right 6px; color: #fff; border: 0; font: 13px/1.3em Arial, Helvetica, Sans; font-weight: bold; padding: 3px 17px 4px 5px}
h4 a{text-decoration: none}
.ta-l, .ta-l td, .ta-l th{text-align: left !important}
.ta-c, .ta-c td, .ta-c th{text-align: center}

#wrapper{width: 960px; margin: 5px auto 0 auto; background: #fff url(../images/charcoal-line.png) no-repeat right 90px}
#logo{float: left; margin-bottom: 10px}
#print-logo{display: none}
#utility-nav{float: right; font-size: 11px; margin: 5px 17px 0 0}
#utility-nav li{display: inline; padding: 0 0 0 20px; background: url(../images/dot.gif) no-repeat 7px 4px}
#utility-nav a{color: #181412; text-decoration: none}
#utility-nav a:hover{color: #E20A16}
#utility-nav .selected span{font-weight: bold; color: #fff}

#main-nav{font-family: 'Frutiger-BoldCn'; margin: 0 0 0 215px; clear: right; position: relative; top: 25px; list-style-type: none; font-size: 18px; line-height: 18px; }


#main-nav li{position: relative; display: block; float: left; margin-bottom: 0}
#main-nav li a, #main-nav div{margin: 0; color: #999; text-decoration: none; padding: 18px 15px 10px 15px; margin-left: 1px; display: block; }
#main-nav li a:hover, #main-nav li a.active{color: #E20A16; background: url(../images/main-nav-selected-bg.gif) no-repeat bottom center;}
#main-nav li.selected a, #main-nav li.selected div{color: #000; background: url(../images/main-nav-selected-bg.gif) no-repeat bottom center;}

#main-nav a.trigger{}
#main-nav a.trigger:hover{}
#main-nav a.active.trigger {}
#main-nav .panel {padding: 5px; background: #404041 url(../images/body-bg.jpg) repeat-x top left; border: 4px solid #181412; width: 500px; position: absolute; left: 0; top: 46px;}
#main-nav .panel li{float: none; font-size: 0.7em; background: url(../images/horizontal-dotted-bg.gif) repeat-x left bottom; padding: 2px}
#main-nav .panel li a{color: #666; padding: 2px 0 2px 5px; float: none}
#main-nav .panel li a{background-image: none}

.panel{display: none;}
.panel.open{display: block;}

#sub-nav{float: right; clear: right; width: 160px; position: relative; right: 12px; margin: 12px 0 0 0 }
#sub-nav h3{background: #E20A16; color: #fff; font-size: 1em; padding: 2px 5px 1px 5px}
#sub-nav ul{font-size: 1.2em; margin: 0; list-style-type: none; }
#sub-nav li{background: url(../images/horizontal-dotted-bg.gif) repeat-x left bottom; margin: 0}
#sub-nav li.selected{background-color: #F0F0F0 !important; font-weight: bold}
#sub-nav li ul{}
#sub-nav li.selected ul{font-weight: normal; display: block}
#sub-nav a, #sub-nav div{text-decoration: none; color: #181412; display: block; padding: 2px 5px}
#sub-nav a:hover{color: #E20A16 !important}
#sub-nav li li{background-image: none}
#sub-nav li li a, #sub-nav li li div{font-size: 12px;  padding: 2px 15px}

#content{background: #fff; margin-top: 0; padding: 0 0 12px 0; clear: both;}
#main-content-wrapper{float: left; width: 100%; margin: 0 -185px 0 0}
#main-content{margin-right: 185px; border-right: 1px solid #ccc; padding: 12px 30px 12px 20px; position: relative}
#main-content.sitemap{border-right: none; margin-right: 0}

.home #main-content-wrapper{background: url(../images/home-main-content-wrapper-bg.gif) repeat-y right 12px; margin-top: 0}
.home #main-content{background: url(../images/line-bg.gif) repeat-y 405px top; padding: 0 0 12px 10px; margin-right: 102px; }
.home h2{background: #ccc; font-size: 1em; padding: 2px 5px 1px 5px; margin: 0 0 0.5em 0}
.home #related-content{width: 82px; float: right; top: 12px; right: 0}
.more-news{position: relative; margin-left: 0; list-style-type: none; }
.more-news li{background: url(../images/horizontal-dotted-bg.gif) repeat-x left bottom; padding: 8px 2px 2px 2px; margin: 0}
.more-news a{text-decoration: none;}
.more-news strong{margin-right: 12px}
.more-news a span{margin-left: 10px}
.more-news li:hover{}
.fs-box {float: right; background: url(../images/vertical-dotted-bg.gif) repeat-y left top; padding: 0 0 0 12px; margin: 0 0 0 12px}

#related-content{float: right; clear: right; width: 160px; position: relative; right: 12px; margin-top: 30px}
#related-content-item{margin: 24px 0 0 0; background: url(../images/horizontal-dotted-bg.gif) repeat-x left bottom; padding: 0 0 5px 0}
#related-content h3{background: #E20A16; color: #fff; font-size: 1em; padding: 2px 5px 1px 5px; margin: 0 0 0.5em 0}

.quickfacts{float: right; width: 130px; margin: 0 0 0 0; background: #fff}
.quickfacts h3{background: #ccc; font-size: 1em; padding: 2px 5px 1px 5px; margin: 0 0 0.5em 0}

#page-tools{float: right; list-style-type: none; clear: both; margin: 30px 25px 0 0; background: url(../images/vertical-dotted-bg.gif) repeat-y right;}
#page-tools li{float: left; background: url(../images/vertical-dotted-bg.gif) repeat-y; padding: 0 3px}
#page-tools a{display: block; height: 16px; width: 32px; text-decoration: none; background-repeat: no-repeat; background-position: center bottom}
#tool-mail{background-image: url(../images/icon-email.gif)}
#tool-print{background-image: url(../images/icon-print.gif)}
#tool-share{background-image: url(../images/icon-share.gif)}

#footer{border-top: 1px solid #ccc; background: #ccc}
#footer-nav{font-size: 0.9em; padding: 12px 0 0 0; width: 920px; margin: 0 auto}
#footer-nav ul{margin: 0; padding: 0 0 12px 0}
#footer-nav h5{font-weight: bold; margin-bottom: 0.70em}
#footer-nav a{color: #999; text-decoration: none}
#footer-nav a:hover{color: #E20A16}
#footer-nav h5 a{color: #666}
#footer-nav li, #sitemap li {display: inline-block; float: left; margin: 0}
#footer-nav li{padding-right: 60px;}
#sitemap li{padding-right: 35px;}
#footer-nav li li, #sitemap li li{float: none; width: auto; display: block; padding-right: 0}
#sitemap{margin: 0}
#sitemap ul{margin: 0}
#sitemap ul ul{margin-left: 20px}

#copyright{font-size: 0.9em; clear: both; width: 920px; margin:auto; padding: 6px 12px 6px 30px}
#copyright p{padding: 0; margin: 0;}
#copyright ul{float: right}
#footer-utility-nav li{display: inline;  padding: 0 0 0 20px; background: url(../images/dot.gif) no-repeat 7px 4px}
#footer-utility-nav a{color: #404041; text-decoration: none}
#footer-utility-nav a:hover{color: #181412}

#breadcrumb{font-size: 11px; margin: 5px 0 0 0; padding: 0 0 0 15px}
#breadcrumb a{text-decoration: none; padding: 0 5px;}

.tabs{min-height: 40px; list-style-type: none; background: url(../images/horizontal-dotted-bg.gif) repeat-x left 22px; margin: 0}
.tabs li{display: block; float: left; margin: 0 5px 24px 0}
.tabs a{background: #F0F0F0; display: inline-block}
.tabs a, .tabs div{text-decoration: none; border-left: 1px dashed #ccc; border-right: 1px dashed #ccc; border-top: 1px dashed #ccc; padding: 3px 7px; font-size: 1.2em}
.tabs div, .tabs .selected a{color: #181412; font-weight: bold; border-bottom: 1px solid #fff; background: #fff }
.tabs a:hover{background: #ccc}


.pic-l, img .pic-l{float:left !important; margin:0 12px 12px 0 !important;}
.pic-r, img .pic-r{float:right !important; margin:0 0 12px 12px !important;}
.left{float: left; margin: 0 2em 1em 0  }
.clear{clear: both }
.more{color: #E20A16; text-decoration: none; text-align: right; float: right; background: url(../images/more-bg.gif) no-repeat right 1px; padding: 0 15px 0 0; font-weight: bold; display: inline-block; margin: 0.5em 0}
.centered{display: block; margin: 0 auto 0.2em auto; text-align: center}
.download{text-decoration: none; font-weight: bold}
a span{color: #E20A16; font-weight: normal;}
.end{background-image: none !important}
.col{width: 49.5%; float: left;}
.inner-col{padding: 0 20px 0 20px}
.col.right{float: right}
.col.right .inner-col{padding: 0 0px 0 20px}
.nmb{margin-bottom: 0}
.nm{margin: 0 !important;}
.nmt{margin-top: 0}
.horizontal-dotted{background: url(../images/horizontal-dotted-bg.gif) repeat-x left bottom; }
.share{color: #181412; line-height: 1.5em; padding: 0 0 5px 0; margin: 0 0 10px 0; background: url(../images/horizontal-dotted-bg.gif) repeat-x left bottom;}
.share span{display: block}
.code{font-size: 1.8em}
.price{font-size: 1.3em; font-weight: bold}
.item-wrap{padding: 0 5px}
.text-left, .text-left td, .text-left th{text-align: left}
.intro{font-size: 14px}
.notes{margin-left: 0; font-size: 0.9em}
.note{position: relative; padding-left: 20px; list-style-type: none}
.note sup{position: absolute; left: 0px}
.underline{border-bottom: 1px solid #666}
.form{list-style-type: none; margin: 0;}
.map{float: right; padding: 0 0px 1em 30px; background: #fff}
.thumb{float: left; margin: 0.2em 20px 0.5em 0}
.gallery a{display: inline-block; margin: 0 0.5em 0 0 }
.gallery a img{border: 1px dashed #ccc; padding: 3px}
.gallery a:hover img{border: 1px dashed #E20A16;}
.spacer{width: 3%; float: left}
.pdf{background: url(../images/pdf.png) no-repeat left top; padding: 8px 0 0 25px; display: block}
.html{background: url(../images/html.png) no-repeat left top; padding: 8px 0 0 25px; display: block}
.podcast{background: url(../images/podcast.png) no-repeat left top; padding: 8px 0 0 25px}
.inline{margin: 0; list-style-image: none; list-style-type: none}
.inline li{float: left}
.col-i{width: 30%; float: left; padding-right:22px;}
.col-ir{width: 25%; float: right;}
.col-r{width: 100%;}
.col-r img{padding-bottom:5px;}
.col-r ul{margin-bottom:0px;}
.col-r a{text-decoration:none;}
.col-r h3 span{color:#E20A16;}
.col-r h3{margin:0 0 5px 0;}
.col h5 span{ font-weight:normal; font-size:0.9em;}
.col .right h5 span{ font-weight:normal; font-size:0.9em;}
.col.prev{ width:30%; margin:5px 0 0 0;}
.col.prev ul{margin:0;}
.col.prev ul li{list-style:none; line-height:1.5em;}
.col.prev.right{width:30%; float:right;}
.col.prev a{text-decoration:none;}
/*.col.image p{ position:absolute; top:60px; left:50px; color:#404041; font-size:1.2em; font-weight:bold; text-align:right; line-height:1.2em}*/
.col.image img{margin:0px;}
.fr{float:right;}



#carousel{position: relative; width: 100%; height: 320px;}
.featured-content{padding: 0 20px 0 0; height: 320px; display : none; position : relative; clear: both}
.current{display: block}

#carousel-nav{background: url(../images/banner-heading-bg.png); position: absolute; z-index: 1000; left: 0; bottom: 15px; padding: 5px; list-style-type: none; margin: 0}
#carousel-nav li{display: block; float: left; margin: 0 0 0 1px}
#carousel-nav li a{background: url(../images/carousel-dot.png) no-repeat center top; display: block; padding: 0 10px; height: 7px; float: left; text-decoration: none}
#carousel-nav li a:hover, #carousel-nav li .selected-item{background-position: center -9px}

.splash-banner{position: relative; }
#carousel .caption{position: absolute; right: 0px; top: 15px; float: right; color: #fff; background: url(../images/banner-heading-bg.png); padding: 5px 30px}
#carousel p{font-size: 1.6em; line-height: 1.2em; margin: 0}
#carousel .more{background: #505051 url('../images/banner-more-bg.gif') no-repeat right bottom; color: #fff; padding: 2px 16px  2px 5px; float: right}
#carousel .more:hover{background-color: #E20A16}


#main-content-wrapper.index{background: url(../images/home-main-content-wrapper-bg.gif) repeat-y right 12px; margin-top: 12px}
.index #main-content{background: url(../images/line-bg.gif) repeat-y 430px top; padding: 0 0 12px 0px; margin-right: 102px; }
.index h2{background: #ccc; font-size: 1em; padding: 2px 5px 1px 5px; margin: 0 0 0.5em 0}
.index #related-content{width: 82px; float: right; top: 12px; right: 0}

.dropdown{color: #404041; font: 12px/1.3em Arial, Helvetica, Sans;}

.lower_alpha
{
	list-style-type:lower-alpha;
}

.lower_roman
{
	list-style-type:lower-roman;
}


/* ADMIN */

.horizontal-list {
	
	margin: 0px 0px 0px 20px;
	padding: 10px 0px 0px 0px;
	list-style: none;
}

.horizontal-list li {
	
	float: left;
	padding-right: 20px;
}

.horizontal-list li.active a {
	
	color: #000;
}

.admin-sub-menu {
	
	padding: 0px 0px 0px 0px;
}

.admin h2 {
	
	padding: 0px 10px;
}

.admin h3 {
	
	padding: 0px 10px;
}

input.admin {
	
	background-color: #FFF;
	color: #333;
	border: 1px solid #333;
	width: 200px;
}


input.admin[type=text]:focus, input.admin[type=password]:focus, input.admin[type=file]:focus, textarea.admin:focus, select.admin:focus {
	background : #333;
	color: #FFF;
}

input.admin[type="button"], input.admin[type="submit"] {
	
	position: relative;

	color : #fff;
	background : #000;

	height: 25px;
	width: 100px;
	
	padding: 0px;
	margin: 0px;
}

input.admin[type="button"]:hover, input.admin[type="submit"]:hover {
	
	color : #fff;
	background : #777;
}


form.admin input {
	
	background-color: #FFF;
	color: #333;
	border: 1px solid #333;
	width: 350px;
	height: 25px;
	margin: 0px 10px;
}

form.admin input[type=radio], form.admin input[type=checkbox] {
	
	background-color: #FFF;
	color: #333;
	border: 1px solid #333;
	width: 10px;
	
	margin: 0px 10px;
	vertical-align: middle;
}

form.admin input[type=submit], form.admin input[type=button] {
	
	background-color: #FFF;
	color: #333;
	border: 1px solid #333;
	width: 100px;
	height: 25px;
	margin: 0px 10px;
}

form.admin input[type=submit]:hover, form.admin input[type=button]:hover {
	
	background-color: #333;
	color: #fff;
	margin: 0px 10px;
}

form.admin textarea {
	
	background-color: #FFF;
	color: #333;
	border: 1px solid #333;
	width: 200px;
	margin: 0px 10px;
}

form.admin select {
	
	background-color: #FFF;
	color: #333;
	border: 1px solid #333;
	width: 200px;
	height: 30px;
	
	text-align: left;
	margin: 0px 10px;
}

form.admin input[type=text]:focus, form.admin input[type=password]:focus, form.admin input[type=file]:focus, form.admin textarea:focus, form.admin select:focus {
	background : #fff;
	color: #000;
	margin: 0px 10px;
}


#admin-first {
	
	width: 300px;
}

.admin-grid .alt-th {
	
	text-align: center;
	color: #FFF;
}

.admin-grid {
	
	overflow:hidden;
}

.admin-grid tr {
	
}

.admin-grid tr th {
	
	text-align: left;
}

.admin-grid tr td {
	
	border:none;
	text-align: left;
}

.admin-grid tr td a {
	
	display: block;
	text-align: center;
}

.admin-grid tr td h2 {
	
	padding: 0px 0px 0px 0px;
	margin: 10px 10px 3px 10px;
}

.admin-grid tr td h3 {
	
	padding: 0px 0px 0px 0px;
	margin: 10px 10px 3px 10px;
}


.admin-grid tr td input[type="button"] {
	
	position: relative;

	float: left;
	
	
	padding: 0px;
	margin: 0px 10px;
}


#test-email {
	
	display:block;
}

#send-to-all {
	
	margin: 0px 10px;
}


#send-response {
	
	margin: 0px 0px 0px 10px;
}

#email-subject {
	
	display:block;
}
#email-body {
	
	display:block;
    resize: none;
	width: 350px;	
}
#alt-email-body {
	
	display:block;
    resize: none;	
	width: 350px;
}
#preview-button {
	
	text-align: center;
	border: 1px solid #000;
	border-top: none;
	width: 100px;
	padding: 7px;
	margin: 0px 10px;
}
#preview-button:hover {
	
	background: #000;
	color: #fff;
}

#mass-email-registrants {
	
	float: left;
}
#mass-email-app {
	
	float: left;
	margin: -10px 0px 20px 0px;
}

#admin-login input {
	
	margin: 10px;
	padding: 3px;
	width: 150px;
}

#admin-login input[type=submit], #admin-login input[type=button] {
	
	margin: 10px;
	padding: 3px;
	width: 100px;
}

#loader {
	
	margin: 0px 10px;
}
/* ADMIN END */