/*
	(1) html elements
	(2) structures
	(3) formatting for structures
	(4) general purpose */

/************************************************
	(1) html elements 
*************************************************/
body {
	margin: 0;
	padding: 0;
	background-color: #fff;
	font: normal 75% tahoma, helvetica, sans-serif;
}

img {
	border: none;
}

h1 {
	color: #0072b6;
	font-size: 1.4em;
	background: transparent url(../../images/bg_h1_underbar.gif) bottom left no-repeat;
	padding: 0 0 10px 0;
	margin-bottom: 5px;
}

h2 {
	color: #27a5d8;
	font-size: 1.1em;
	margin: 0 0 5px 0;
}

h2 strong {
	color: #0072b6;
}

h3 {
	font-size: 1em;
	margin: 0 0 5px 0;
}

p {
	margin: 0 0 15px 0;
}

a {
	color: #0072b6;
}

/************************************************
	(2) structures
*************************************************/
#main {
	width: 1000px;
	margin: 0 auto;
	background: transparent url(../images/bg_main.jpg) 0 0 no-repeat;
}

#masthead {
	width: 100%;
}

	#masthead td {
		padding: 0;
		vertical-align: top;
	}

#utility-nav {
	height: 20px;
}

#masthead #tagline {
	text-align: right;
	vertical-align: middle;
	padding-right: 27px;
}

#masthead #logo {
	vertical-align: top;
	width: 134px;
	padding-right: 25px;
}

#primary-nav {
	vertical-align: top;
}

#sub-nav {
	background: transparent url(../images/bg_subnav.gif) 0 0 repeat-x;
	min-height: 25px;
}

#content-wrapper {
	width: 100%;
}

#content-wrapper td {
	padding: 0;
	vertical-align: top;
}

#content-wrapper #content {
	width: 640px;
	padding: 25px 25px 20px 25px;
	line-height: 1.4em;
}

#content-wrapper #content.one-column {
	width: 950px;
	padding: 25px 25px 20px 25px;
}

#content-wrapper #content-one-column {
	width: 950px;
	padding: 25px 25px 20px 25px;
	line-height: 1.4em;
}
#content-wrapper #content-left {
	width: 45%;
	padding: 25px 25px 20px 25px;
	line-height: 1.4em;
}
#content-wrapper #content-right {
	width: 55%;
	padding: 25px 25px 20px 25px;
	line-height: 1.4em;
}
#content-wrapper #resources {
	width: 295px;
	padding: 85px 15px 0 0;
}

#breadcrumb-nav {
	margin-bottom: 25px;
	font-size: .9em;
	width: 650px;
}

#footer {
	padding: 20px 30px;
	border-top: 1px solid #0072b6;
}



/************************************************
	(3) formatting for structures
*************************************************/


/* --- utility-nav --- */
#utility-nav img {
	display: block;
}


/* --- sub-nav --- */
#sub-nav li {
	padding: 0 7px;
	color: #fff;
	/*background: transparent url(../images/sep_subnav.gif) top right no-repeat;*/
	height: 37px;
	position: relative;
	z-index: 0;
}

#sub-nav .header {
	width: 143px;
	padding: 4px 10px 0 0;
	background: transparent url(../images/bg_subnav_header.gif) 0 0 no-repeat;
	text-align: right;
	font-weight: bold;
}

#sub-nav li a {
	color: #fff;
	text-decoration: none;
	border-right: 1px solid #fff;
	display: block;
	padding: 4px 12px 4px 4px;
}


/* --- #content --- */
#content ul {
	list-style: none;
}

#content li {
	background: transparent url(../images/bullet_blue_square.gif) 0 6px no-repeat;
	padding-left: 15px;
	margin: 0 0 7px 0;
}

#content-wrapper #content-one-column ul {
	list-style: none;
}

#content-wrapper #content-one-column li {
	background: transparent url(../images/bullet_blue_square.gif) 0 6px no-repeat;
	padding-left: 15px;
	margin: 0 0 7px 0;
}

/* -- breadcrumb-nav */
#breadcrumb-nav li {
	background-image: none;
	margin: 0;
	padding-right: 6px;
	padding-left: 0;
}

#breadcrumb-nav li a {
	border-right: 1px solid #666;
	padding-right: 6px;
}

#breadcrumb-nav li.last a {
	border-right: none;
}

#breadcrumb-nav li.title a {
	padding-left: 0;
	border-right: none;
	padding-right: 3px;
}

#breadcrumb-nav li a.active {
	text-decoration: none;
	color: #666;
}

/************************************************
	(4) general purpose
*************************************************/

/* --- menus --- */
ul.menu {}

ul.menu li {
	list-style: none;
	position: relative;
	padding-bottom: 8px !important;
}

ul.menu li.hover ul,
ul.menu li:hover ul {
	display: block;
}

ul.menu li ul {
	z-index: 1000;
	display: none;
	position: absolute;
	top: 30px;
	left: 0px;
	width: 109px;
	margin: 0 0 0 8px;
	padding: 10px;
	background: transparent url(../images/bg_menu.png) bottom left no-repeat;
	font-size: .9em;
}

ul.menu li li {
	display: inline;
	float: none;
	padding-bottom: 0;
}

ul.menu ul a {
	color: #0072b6;
	display: block;
	padding: 4px 0 2px 0;
	text-decoration: none;
	border-bottom: 1px solid #b7d7ea;
	height: 1%;
}

ul.menu ul a:hover {
	color: #034a7e;
}

ul.menu ul li.last a {
	border-bottom: none;
}


/* menus in #subnav */
#sub-nav ul.menu li ul {
	z-index: 2000;
	background-image: url(../images/bg_menu_sub.png);
	margin: 0;
}

#sub-nav ul.menu li li {
	padding: 0;
	background: none;
}

#sub-nav ul.menu li li a {
	border-right: none;
}

#sub-nav ul.menu li li a:hover {
	color: #000;
}




/* --- ul.adjacent --- */
ul.adjacent {
	margin: 0;
	padding: 0;
	list-style: none;
}

ul.adjacent li {
	margin: 0;
	padding: 0;
	float: left;
}

/* utilities */


.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */


/****************************
  hacks
*****************************/

* html #content {
	padding-right: 24px;
}

* html ul.menu li ul {
	background-image: none;
	background-color: #fff;
}

* html #sub-nav ul.menu li ul {
	background-image: none;
	background-color: #9ca1a3;
}

/****************************
  additional - rob
*****************************/

#specs td{
	text-align:center;
    padding: 5px;

}

.topper{
	margin: 0;
	padding: 5px 0 0 34px;
	font: normal 65% tahoma, helvetica, sans-serif;

}