/*
by uncommenting the comments in the styles and removing their respective counterparts this will
update the site to the new branding. Also see decoration.css
*/

body {
	font-size: 82.5%;
	margin:    0;
	padding:   0;
}

h1, h2 {
	letter-spacing: -0.01em;
}

h1, h2, h3, h4 {
	margin:  0;
	padding: 0;
}

ul, li {
	margin:  0;
	padding: 0;
}

a#skip {
	position: absolute;
	left:     -2000px;
}

div#container {
	width:    990px;
	position: relative;
	top:      0;
	right:    0;
	padding:  0 0 20px 0;
	margin:   0;
}

div#header {
	position: relative;
	top:      0;
	left:     0;
	height:   170px;
	width:    990px;
}

h1#logo {
	position: absolute;
	left:     10px;
	top:      0;
	width:    130px;
	height:   90px;
	margin:   0;
	padding:  0;
}

h1#logo span {
	position: absolute;
	left:     -2000px;
}

ul#head-links {
	position: absolute;
	left:     440px;
	top:      40px;
}

ul#head-links li {
	font-size: 12px;
	display:   inline-block;
}

ul#head-links li a {
	display: inline-block;
	margin:  0 5px;
}

ul#navigation-main {
	position: absolute;
	left:     20px;
	top:      96px;
}

ul#navigation-main li {
	display:   inline-block;
	font-size: 12px;
	height:    20px;
}

ul#navigation-main li a {
	display: inline-block;
	margin:  0 4px;
}

ul#navigation-main li.first a {
	margin-left: 0;
}

div#navigation-desc {
	position: absolute;
	left:     20px;
	top:      118px;
}

div#navigation-desc p {
	font-size: 12px;
	margin:    0;
	padding:   0;
}

div#breadcrumb {
	position: absolute;
	left:     20px;
	top:      148px;
}

div#breadcrumb p {
	font-size: 12px;
	margin:    0;
	padding:   0;
}

div#text-size {
	position:  absolute;
	right:     20px;
	top:       146px;
	font-size: 12px;
}

div#text-size img {
	margin: 0 2px;
}

div#wrapper-content {
	margin:	  13px 0 0 0;
	width:    990px;
	display:  block;
	clear:    both;
	overflow: hidden;
}

div#navigation-sub {
	float:   left;
	display: inline-block;
	width:   165px;
}

div#navigation-sub ul li {
	padding:   3px;
	font-size: 12px;
	float:     left;
	width:     159px;
}

div#navigation-sub ul li.external {
	padding-left: 23px;
}

div#navigation-sub ul li span {
	display: inline-block;
}

div#navigation-sub ul li.section span {
	padding-left: 23px;
}

div#navigation-sub ul li.sub-section span {
	padding-left: 35px;
}

li.printPage {
	margin-top: 10px;
}

li.printPage span,
li.email span {
	padding-left: 50px !important;
	float: left;
}

li.addThis {
	margin-top: 20px !important;
	padding-bottom: 10px !important;
}

div#content {
	float:       left;
	display:     inline-block;
	width:       605px;
	margin-left: 20px;
}

div#content h2 {
	padding-bottom: 20px;
}

div#widgets {
	float:        right;
	display:      inline-block;
	width:        160px;
	margin-right: 20px;
}

div#footer {
	width:		   970px;
	height:        20px;
	padding-left:  20px;
	margin-bottom: 20px;
}

div#footer ul li,
div#footer ul li a {
	display:   inline-block;
	font-size: 11px;
}

div#footer ul li a {
	padding: 0 3px;
}

div#footer ul li.first a {
	padding-left: 0;
}

div#widgets div.widget {
    margin-bottom: 20px;
}

div#widgets div.widget {
	padding-bottom: 5px;
}

div#widgets div.widget h2 {
	padding:        10px 15px;
	font-weight:    normal;
	font-size:      16px;
	letter-spacing: normal;
}

div#widgets div.widget div.content p {
    font-size: 11px;
	margin:    0;
	padding:   0;
}

div#widgets div.widget div.content {
	width:      130px;
	padding:    10px;
	margin:     0 auto;
}