 * {
	margin: 0;
}
html, body {
	height: 100%;
	background: url("../images/body_bg.gif") #f3f3f3 repeat-x top center;
	font-family: Arial;
}

#siteWrapper {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -42px; /* the bottom margin is the negative value of the footer's height */
	width: 962px;
}

/* ------ Footer ------ */

#footer, #push {
	height: 42px; /* .push must be the same height as .footer */
	display:block;
	clear: both;
}

#footer {
	background: url("../images/footer_bg.gif") #ffffff repeat-x;
	overflow: hidden;
}

#footer #footerContent {
	margin: 0 auto;
	width: 902px;
}

#siteSpacer {
	height: 50px;
	display:block;
	clear: both;
}

/* ------ Main content ------ */

#mainContent {
	width: 902px;
	margin: 0 auto;
}

#mainContent .indentIntro p,
.textBlock p {
	font-size: 0.875em; /* 14px */
	line-height: 1.063em; /* was 17px 1.063 */
	font-weight: normal;
	padding-bottom: 0.875em; /* was 14px 0.875 */
	color: #191919;
}

#mainContent .indentIntro h1,
.textBlock h1 {
	font-size: 1.125em; /* 18px */
	line-height: 1.375em; /* was 22px 1.375 */
	font-weight: normal;
	padding-bottom: 0.45em; /* 14px */
	color: #282828;
}

.textBlock a,
.textBlock a:link,
.textBlock a:visited {
	font-weight: bold;
	color: #ec008c;
	text-decoration: none;
}

.textBlock a:hover {
	color: #191919;
}

.textBlock a.arrow {
	background: url("../images/pink_textlink_arrow.gif") no-repeat top right;
	padding-right: 15px;
}

.textBlock li {
    float: left;
    clear: both;
    font-size: 0.875em; /* 14px */
	line-height: 1.063em; /* 17px */
	font-weight: normal;
    background: transparent url('/site_assets/images/pink_bullet.gif') no-repeat 0 6px;
    padding: 0 0px 5px 13px;
    width: 97%;
    color: #191919;
}

/* ------ Header ------ */

#header {
	background: url("../images/header_bg.jpg") no-repeat top right;
	width: 962px;
	height: 152px;
}

#header #logo {
	padding: 48px 0 0 49px;
}

#header #logo li a {
	text-indent: -999999px;
	display: block;
	background: url("../images/logo.jpg") no-repeat;
	width: 98px;
	height: 85px;
}

/* ------ Navigation ------ */

#mainNavContainer {
	background: url("../images/main_nav_bg.gif") repeat-x top left;
	width: 902px;
	height: 34px;
	overflow: hidden;
	margin: 0 auto;
	padding-bottom: 15px;
}

#mainNav li {
	float: left;	
}

#mainNav li a,
#mainNav li a:link,
#mainNav li a:visited {
	display: block;
	font-size: 0.75em; /* 12px */
	line-height:1px;
	text-decoration: none;
	padding: 11px 20px 12px 10px;
}

#mainNav li.inactive a.arrow,
#mainNav li.inactive a:link.arrow,
#mainNav li.inactive a:visited.arrow {
	color: #fff;	
}

#mainNav li.active a.arrow {
	background: url("../images/main_nav_active_bg.gif") no-repeat top right;
}


#mainNav li.inactive a:hover.arrow,
#mainNav li.active a.arrow {
	color: #ec008c;
}

#mainNav li.inactive a:hover.grey,
#mainNav li.active a.grey {
	color:#000;	
}

#mainNav li a.arrow, 
#mainNav li a.arrow {
	background: url("../images/nav_arrow_bg.jpg") no-repeat top right;	
}

#mainNav li a.grey {
	background: url("../images/nav_grey_bg.gif") no-repeat top right;
	color: #6c6c6c;
}

#footerNav {
	float: right;	
}

#footerNav li {
	padding: 11px 0px 12px 10px;
	font-size: 0.75em; /* 12px */
	float: left;
	color: #000;
	/* line inbetween #a5a5a5 */
}
	
#footerNav li a {
	display: block;
}
		
/* ------ Columns and Spacers------ */

.column16 {
	float: left;
	width: 16px;
}

.column137 {
	float: left;
	width: 137px;
}

.column290 {
	float: left;
	width: 290px;	
}

.column254 {
	float: left;
	width: 254px;	
}


.column443 {
	float: left;
	width: 443px;	
}

.column596 {
	float: left;
	width: 596px;	
}

.spacer10 {
	float: left;
	height: 10px;
	width: 10px;
	background-color: bl
}

/* ------ Boxes and Box nav------ */

.box1 {
	background-color: #5e5e5e;	
}

.box1 h2 {
	background: url("../images/box_title_bg.gif") repeat-x top left;
	height: 31px;
	font-size: 1.125em; /* 18px */
	line-height: 1.125em; /* 18px */
	font-weight: normal;
	color: #fff;
	padding: 7px 0 0 10px;
}

.box1 h3 {
	background: url("../images/box_title_bg.gif") repeat-x top left;
	height: 31px;
	font-size: 0.688em; /* 11px */
	line-height: 1.125em; /* 18px */
	font-weight: normal;
	color: #fff;
	padding: 9px 0 0 10px;
}

.box1 p {
	font-size: 0.688em; /* 11px */
	line-height: 1.125em; /* 18px */
	padding: 6px 10px 10px 10px;
	color: #fff;
}

.boxWrapper {
	float: left;
}

.boxHeightWrapper {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -24px; /* the bottom margin is the negative value of the footer's height */	
}

.boxHeightPush {
	height: 24px;	
}

.boxNav {
	clear: both;
	overflow: hidden;
	height: 25px;
	background: url("../images/box_nav_bg.gif") repeat-x top left;
}

.boxNav li {
	float: left;	
}

.boxNav li a,
.boxNav li a:link,
.boxNav li a:visited {
	float: left;
	display: block;
	font-size: 0.75em; /* 12px */
	height: 25px;
	color: #6c6c6c;
	text-decoration: none;
}

.boxNav li a.arrowLine {
	background: url("../images/box_nav_arrowline_bg.gif") no-repeat top right;
	padding: 7px 25px 0 10px;
}

.boxNav li a.arrow {
	background: url("../images/box_nav_arrow_bg.gif") no-repeat top right;
	padding: 7px 13px 0 10px;
}

.boxNav li a:hover {
	color: #000;
}



/* ------ General Formatting ------ */

.indentIntro {
	padding: 0px 20px 8px 20px;	
}

.clearBoth {
	clear: both;	
}

.floatLeft {
	float: left;	
}

/* ------ Contact form ------ */

.textBlock label {
	display: block;
	width: 120px;
	float: left;
	clear: both;
	font-size: 0.875em; /* 14px */
	line-height: 1.063em; /* 17px */
	font-weight: bold;
}

.textBlock input.text,
.textBlock textarea
{
	font-family: Arial;
	display: block;
	width: 400px;
	float: left;
	font-size: 0.875em; /* 14px */
	line-height: 1.063em; /* 17px */
	font-weight: normal;
	margin-bottom: 20px;
}

.textBlock textarea {
	height: 100px;	
}

.submit {
	float: left;
	clear: both;
	margin-left: 120px;
}

/* ------ Home ------ */

#homeNewsBanner {
	height: 31px;
	background: url("../images/news_banner_bg.gif") repeat-x top left;
	border-left: 1px solid #afafaf;
	border-right: 1px solid #afafaf;
	margin-bottom: 10px;
}

#homeNewsBanner h2 {
	float: left;
	line-height: 1.125em; /* 18px */
	font-weight: bold;
	color: #000;
	padding: 7px 0 0 10px;
}

#homeNewsBanner p {
	float: left;
	font-size: 0.75em; /* 12px */
	padding: 11px 0 0 5px;
}

#homeNewsBanner .moreRssLink {
	color: #333333;
	background: url("../images/news_banner_textlink_arrow.gif") no-repeat top right;
	padding: 0px 20px 0 0;
	margin-right: 5px;
}

/*
	The boxes on the homepage have a fixed size (based on the amount of text)
	largeHomeBox height = (smallHomeBox x 2) + 10
*/
.largeHomeBox {
	height: 320px;
}

.smallHomeBox {
	height: 155px;
}

/* ------ rss column ------ */

.rssTitle {
	font-weight: bold;
	color: #000;	
}

.moreRssLink {
	display: block;
	font-weight: bold;
	color: #fff;
	text-decoration: none;
	background: url("../images/white_textlink_arrow.gif") no-repeat top right;
	padding: 0px 25px 0 0;
	width: 20px;
}

.moreRssLink:hover {
	text-decoration: underline;
}

.rssBlockDivide {
	border-bottom: 1px solid #7e7e7e;
	margin: 0 10px;
}

/* ------ tracking ------ */

#tracking {
	height:0px;
	line-height: 0px;
	overflow: hidden;
}

/* ------ Debug output ------ */
#debug
{
	width: 902px;
	margin: 0 auto;
	clear:both;
	text-align: left;
}

#debugTextField
{
	width: 95%;
	height: 500px;
}