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

/***********************

STYLESHEET SECTIONS:

- Global Layout Stuff
- Standard Elements
- Classy Elements
- Links
- Header Stuff
- Left Sidebar Stuff
- Center Body Structure
- Center-Area-Only Classy Elements
- Right Sidebar Structure
- Special Text Areas
- Table Layouts
- Buttons
- Footer Elements
- IE6 Exceptions
- IE7 Exceptions
- Override Everything Else

************************/

/* <Global Layout Stuff> */

body {
	font-family: Arial, Helvetica, sans-serif;
	color: #333333;
	background: #a3b5bc;
	}

#wrapper {
	width: 970px;
	margin: auto;
	background: #3e4c58 url(../images/wrapper-bg.png) left top no-repeat;
	/*border: 1px solid #FF0000;*/
	}


#container {
	margin: 0 0px 0 0;
	/*border: 1px solid #CC0000;*/
	}

#left {
	width: 194px;
	float: left;
	margin-top: 60px;
	}

#right {
	width: 721px;
	float: left;
	background: #ffffff;
	padding: 12px 15px;
	}

#header {
	margin-bottom: 15px;
	padding: 0px 0px 15px 0px;
	border-bottom: 1px solid #d1dadd;
	/*border: 1px solid #CC0000;*/
	}

/* </Global Layout Stuff> */


/* ---------------------------------------------------------------*/


/* <Standard Elements> */

p {
	font-size: 12px;
	padding-bottom: 10px;
	line-height: 1.4em;
	color: #333333;
	}

.intro {
	font-size: 15px;
	margin-bottom: 20px;
	}

h1 {
	font-size: 20px;
	color: #c90044;
	font-weight: bold;
	line-height: normal;
	padding: 0px 0px 15px 0px;
	}


h2 {
	font-size: 16px;
	color: #c90044;
	font-weight: bold;
	line-height: normal;
	padding: 5px 0px 5px 0px;
	}

h3 {
	font-size:14px;
	text-transform:uppercase;
	color: #333;
	padding: 0px 0px 8px 0px;
	font-weight: bold;
	}

h4 {
	font-size: 15px;
	color: #000000;
	padding: 0px 0px 8px 0px;
	font-weight: bold;
	}


h5 {
	font-size: 13px;
	color: #000000;
	padding: 0px 0px 8px 0px;
	font-weight: bold;
	}

sup {
	font-size: .6em;
}

td { vertical-align: top; }

input {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
	padding: 3px 5px 3px 5px;
	}

.input-sidebar {
	width: 90%;
	}


/* </Standard Elements> */


/* ---------------------------------------------------------------*/


/* <Classy Elements> */
/* </Classy Elements> */


/* ---------------------------------------------------------------*/


/* <Links> */

a {
	color: #222c80;
	text-decoration: underline;
	outline: none;
	}

a:link {
	color: #222c80;
	}

a:visited {
	color: #222c80;
	}

a:hover {
	color: #222c80;
	text-decoration: underline;
	}

a.arrow {
	display: block;
	background: url(../images/icon-arrow.gif) no-repeat;
	text-decoration: none;
	font-size: 12px;
	font-weight: bold;
	margin: 5px 0px 5px 0px;
	padding: 0px 0px 0px 25px;
	line-height: 1.4em;
	}

a.arrow:hover {
	text-decoration: underline;
	}

/* </Links> */


/* ---------------------------------------------------------------*/


/* <Unordered Lists> */



ul.default li {
	margin-top: 5px;
	list-style-type: square;
	margin-left: 40px;
	line-height: 1.5em;
	font-size:12px;
	}

ul.linklist li {
	margin-top: 5px;
	line-height: 1.5em;
	}

	ul.linklist li a {
		background: url(../images/blue-arrow-rt.png) left 4px no-repeat;
		padding-left: 12px;
		text-decoration:none;
		}

		ul.linklist li a:hover { text-decoration: underline; }

/* </Unordered Lists> */


/* ---------------------------------------------------------------*/


/* <Header Stuff> */

a.partner {
	float: right;
	margin-right: 20px;
	margin-top: 2px;
	}

h1.welcome {
	xfloat: left;
	font-size: 16px;
	color: #c90044;
	padding-top: 12px;
	font-weight: bold;
	line-height: normal;
	width: 500px;
	}

h2.resources {
	font-size:18px;
	color:#191919;
	float:left;
	width: 380px;
	}

/* </Header Stuff> */


/* ---------------------------------------------------------------*/


/* <Left Sidebar Stuff> */

.logo { margin: 14px 0 36px 19px; }

		.left-nav {  padding-bottom: 10px; margin: 15px; }
		.left-nav ul ul { margin-top: -1px; }
		.left-nav li { padding: 4px 0; border-bottom: 1px solid #a3b5bc;  }
		.left-nav li a, .left-nav li a:active, .left-nav li a:visited, .left-nav li a:link { display: block; width: 152px; padding: 7px 3px 7px 9px; color: #fff; text-decoration: none; background: url(../images/white-arrow-rt.png) no-repeat 150px 11px; font-size: 13px; }
		.left-nav li a:hover { background: #535f69 url(../images/white-arrow-rt.png) no-repeat 150px 11px; color: #fff; text-decoration:none; }
		.left-nav li.current { padding-bottom: 0px; margin-bottom: -2px; }
		.left-nav li.current a, .left-nav li.current a:active, .left-nav li.current a:visited, .left-nav li.current a:link { background: #a3b5bc url(../images/white-arrow-dn.png) no-repeat 148px 11px; padding: 8px 3px 8px 9px; color: #fff; }
		.left-nav li.currentnosub a, .left-nav li.currentnosub a:active, .left-nav li.currentnosub a:visited, .left-nav li.currentnosub a:link { background: #a3b5bc url(../images/white-arrow-rt.png) no-repeat 148px 11px; padding: 8px 3px 8px 9px; color: #fff; }
		.left-nav li.current a:hover { background: #a3b5bc url(../images/white-arrow-dn.png) no-repeat 148px 11px; color: #fff; cursor: text; }
		.left-nav li.first { border-top: 1px solid #a3b5bc; }
		.left-nav li.sub { background: #eff2f3 url(../images/left-subnav-divider.png) 7px bottom no-repeat; border:none; }

		.left-nav li.sub.last { margin-bottom: 4px; background-image:none;   }
		.left-nav li.sub a { background: #eff2f3; color: #222c80; font-size: 12px; line-height: 16px; }
		.left-nav li.sub a:active { background: #eff2f3; color: #222c80; font-size: 12px; line-height: 16px; }
		.left-nav li.sub a:visited { background: #eff2f3; color: #222c80; font-size: 12px; line-height: 16px; }
		.left-nav li.sub a:link { background: #eff2f3; color: #222c80; font-size: 12px; line-height: 16px; }
		.left-nav li.sub a:hover { text-decoration:underline;  background: #eff2f3; color: #222c80; cursor:pointer; }
		.left-nav li.subcurrent a, .left-nav li.subcurrent a:active, .left-nav li.subcurrent a:visited, .left-nav li.subcurrent a:link, .left-nav li.subcurrent a:hover { color: #000000; cursor:text; text-decoration:none; }

.left-promo {  padding-bottom: 10px; margin: 15px; }

/* </Left Sidebar Stuff> */


/* ---------------------------------------------------------------*/


/* <Center Body Structure> */

#content-center {
	float: left;
	width: 520px;
	margin: 20px 0px 0px 0px;
	padding: 0;
	vertical-align: top;
	}

.content-block {
	padding: 10px 10px 15px 10px;
	border-top: 1px solid #dcdfe1;
	}

.content-block.last {
	border-bottom: 1px solid #dcdfe1;
	}

.content-block img {
	border: none;
	}

.content-block-image {
	float: left;
	width: 175px;
	margin-right: 20px;
	}

.content-block-text {
	float: left;
	width: 305px;
	}

#banner-home {
	width: 721px;
	height: 200px;
	}

#banner-interior {
	width: 721px;
	height: 130px;
	}

#banner-navigation {
	width: 708px; /* 721 - 13 for padding */
	height: 20px;
	background: #cbb06d;
	text-align: right;
	padding: 10px 5px 10px 8px;
	}

.featured-resources {
	padding:15px;
	background: #eef2f3;
	}

.corner-link {
	float:right;
	}

	.corner-link a {
		color: #222c80;
		font-size: 14px;
		font-weight:bold;
		text-decoration: none;
		}

		.corner-link a:hover { text-decoration: underline; }

.featured-resources-table td {
	padding-right: 20px;
	padding-bottom: 10px;
	}

	.featured-resources-table td.last { padding-right: 0px; }
	.featured-resources-table td .linklist li { font-size: 12px; }

/* </Center Body Structure> */


/* ---------------------------------------------------------------*/


/* <Content Tabs> */

.tabs { }


ul.contentTabs { width: 520px; border-bottom: 10px solid #a3b5bc; height: 38px; }

ul.contentTabs li { float: left; margin-left: 4px;  background: #3e4c58; }

ul.contentTabs li.last { background-image: none; }

ul.contentTabs li.first { margin-left: 0px;}

ul.contentTabs li a, ul.contentTabs li a:link, ul.contentTabs li a:active, ul.contentTabs li a:visited { padding: 12px 13px; color:#FFF; font-size:14px; font-weight:bold; text-decoration:none; display: block; }

ul.contentTabs li a:hover { background: #535F69; text-decoration: none; }

ul.contentTabs li.last a:hover { background-image: none; }

ul.contentTabs li a.current, ul.contentTabs li a:link.current, ul.contentTabs li a:active.current, ul.contentTabs li a:visited.current { background: #a3b5bc; color: #000; cursor:text;  }

ul.contentTabs li a:hover.current { text-decoration:none; background: #a3b5bc; cursor:text;  }

ul.contentTabs li.inactive a { color: #b65471;  }

ul.contentTabs li.inactive a:hover { cursor: text; text-decoration: none; background: #98012e url(../images/divider-content-tabs.png) right 11px no-repeat; }

.tab-target { border: 1px solid #dcdfe1; padding: 0 8px; }

/* </Content Tabs> */


/* ---------------------------------------------------------------*/


/* <Right Sidebar Structure> */

#content-right {
	float: right;
	width: 181px;
	margin: 20px 0px 0px 0px;
	padding: 0;
	vertical-align: top;
	}

.sidebar {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
	padding: 15px 10px 15px 10px;
	background: #f6f1e5;
	border-top: 1px solid #dcdfe1;
	border-bottom: 1px solid #dcdfe1;
	margin-bottom: 15px;
	}

.sidebar p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
	}

#content-right-grey {
	float: right;
	width: 181px;
	margin: 20px 0px 0px 0px;
	padding: 0;
	vertical-align: top;
	}

.sidebar-grey {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
	padding: 15px 10px 15px 10px;
	background: #eff2f3;
	border-top: 1px solid #dcdfe1;
	border-bottom: 1px solid #dcdfe1;
	margin-bottom: 15px;
	}

.sidebar-grey p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
	}
/* </Right Sidebar Structure> */


/* ---------------------------------------------------------------*/


/* <Buttons> */

.button { padding-bottom: 6px; margin-top: 16px; }

	.button a {
		background: url(../images/button-left-bg.png) left top no-repeat;
		padding: 6px 0px 7px 8px;
		margin-bottom: 4px;
		font-size: 12px;
		cursor:pointer;
		font-weight:bold;
		color: #fff;
		text-decoration:none;
		}

	.button a span {
		background: url(../images/button-right-bg.png) right top no-repeat;
		padding: 6px 14px 7px 4px;
		}

	*:first-child+html .button a span {
		background: url(../images/button-right-bg.png) top right no-repeat;
		padding: 6px 14px 7px 4px;
		margin-top: -6px;
		}

	*html .button a span {
		background: url(../images/button-right-bg.png) right top no-repeat;
		padding: 6px 14px 7px 4px;
		margin-top: -6px;
		color: #fff;
		}

		.button a:hover { text-decoration:none; color: #fff; }
		.button a:hover span {text-decoration:underline; }

		*:first-child+html .button a:hover { text-decoration:none; }
		*:first-child+html .button a:hover span { text-decoration:underline; }


.button-disabled { padding-bottom: 6px; margin-top: 16px; }

	.button-disabled a {
		background: url(../images/button-dis-left-bg.png) left top no-repeat;
		padding: 6px 0px 7px 8px;
		margin-bottom: 4px;
		font-size: 12px;
		cursor:text;
		font-weight:bold;
		color: #666;
		text-decoration:none;
		}

	.button-disabled a span {
		background: url(../images/button-dis-right-bg.png) right top no-repeat;
		padding: 6px 14px 7px 4px;
		}

	*:first-child+html .button-disabled a span {
		background: url(../images/button-dis-right-bg.png) top right no-repeat;
		padding: 6px 14px 7px 4px;
		margin-top: -6px;
		}

	*html .button-disabled a span {
		background: url(../images/button-dis-right-bg.png) right top no-repeat;
		padding: 6px 14px 7px 4px;
		margin-top: -6px;

		}

		.button-disabled a:hover { text-decoration:none; color: #666; }
		.button-disabled a:hover span {text-decoration:none; }

		*:first-child+html .button-disabled a:hover { text-decoration:none; }
		*:first-child+html .button-disabled a:hover span { text-decoration:none; }
/* </Buttons> */


/* ---------------------------------------------------------------*/


/* <Footer Elements> */

#footer {
	width: 750px;
	margin: auto;
	margin-top: -16px;
	padding: 60px 26px 22px 194px;
	color: #191919;
	font-size: 11px;
	background: #a3b5bc url(../images/footer-bg.png) top left no-repeat;
	}

#footer p {
	float: right;
	width: 198px;
	font-size: 11px;
	padding: 0px;
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	}



#footer ul {
	float: left;
	}

#footer ul li {
	color: #191919;
	list-style-type: none;
	float: left;
	font-size: 11px;
	padding: 2px 12px 9px 12px;
	background: url(../images/nav-footer-divider.gif) right 2px no-repeat;
	width: auto;
	}

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

#footer ul li.last { background:none; border:none; }

#footer ul li a {
	font-size: 11px;
	text-decoration: none;
	}

#footer ul li a:hover {
	font-size: 11px;
	text-decoration: underline;
	}

#footer ul li.current a {
	color: #191919;
	cursor: text;
	}

#footer ul li.current a:hover {
	color: #191919;
	text-decoration: underline;
	cursor: text;
	}

/* </Footer Elements> */


/* ---------------------------------------------------------------*/


/* <IE6 Exceptions> */


.button-disabled a:hover, .button-disabled a:visited { text-decoration:none; color: #666; }

/* </IE6 Exceptions> */

/* <Override Everything Else > */

.no-border { border:none; }
.padding-bottom { padding-bottom:20px; }

.clearer {
	width: 100%;
	margin: 0;
	padding: 0;
	clear: both;
	height: 0px;
	}

/* </Override Everything Else > */

.whychoose {
	display: block;
	background: url(../images/why-choose-button.png) no-repeat;
	height: 37px;
	width: 134px;
	color: #222c80;
	text-decoration: none;
	font-size: 12px;
	font-weight: bold;
	padding-top: 10px;
	padding-left: 10px;
	line-height: 14px;
	padding-right: 20px;
}
a.whychoose:hover { text-decoration: none; }