/* general tag styles */

body {
	font-family: Lucida Grande, Tahoma, Arial, San-Serif;
	color: #666;
	padding: 0;
	margin: 6px 0 0 0;
	text-align: center;
	font-size: 11px;
	background: #fff url(../images/bg.png) left top repeat-x;
}

p, td, li, form, label, select {
	font-size: 11px;
}

td, ul, ol, li, form, input, select {
	padding: 0;
	margin: 0;
}

img {
	padding: 0;
	border: 0;
}

p {
	line-height: 130%;
	padding: 0 0 10px 0;
	color: #666;
	font-weight: normal;
	border: 0;
	margin: 0;
}

p.clearit {
  clear: both;
  line-height: 1px;
  font-size: 1px;
} 

div.clearit {
  clear: both;
  line-height: 1px;
  font-size: 1px;
} 

h1 {
    font-size: 20px;
	line-height: 120%;
	padding: 10px 0 0 0;
	border: 0;
	margin: 0;
	color: #144766;
}

h2 {
    font-size: 16px;
	line-height: 130%;
	padding: 0 150px 0 5px;
	border: 0;
	margin: 0;
	color: #144766;
}

h3 {
    font-size: 13px;
	padding: 0 0 10px 0;
	border: 0;
	margin: 0;
	color: #2E2E2E;
	height: 100%;
}

.bluetitle, h4 {
	font-weight: bold;
    font-size: 11px;
	padding: 0 0 10px 0;
	border: 0;
	margin: 0;
	color: #144766;
	height: 130%;
}

h5, h6 {
	font-size: x-small;
	padding: 10px 0 2px 0;
	border: 0;
	margin: 0;
}

select {
	font-family: Lucida Grande, Tahoma, Arial, San-Serif;
	font-size: 11px;
}

a {
	color: #144766;
	text-decoration: none;
}

a:hover {
	color: #144766;
}

label {
	color: #000;
	vertical-align: top;
	font-size: x-small;
}

.em-note {
  font-style: italic;
}

/* tabular data cell styles */

td {
	text-align: left;
	vertical-align: top;
}

td.lm {
	text-align: left;
	vertical-align: middle;
	font-size: x-small;
}

td.lb {
	text-align: left;
	vertical-align: bottom;
}

td.lt {
	text-align: left;
	vertical-align: top;
	padding: 0;
}

td.ct {
	text-align: center;
	vertical-align: top;
}

td.cm {
	text-align: center;
	vertical-align: middle;
}

td.cb {
	text-align: center;
	vertical-align: bottom;
}

td.rt {
	text-align: right;
	vertical-align: top;
}

td.rm {
	text-align: right;
	vertical-align: middle;
}

td.rb {
	text-align: right;
	vertical-align: bottom;
}

/* main containers */ 

#main-container {
	text-align: left; 
	margin: 0 auto;
	width: 800px;
}

#content-container {
	background: url(../images/content-bg.gif) left top repeat-y;
	padding: 0;
}

/* header */

#header {
	padding: 0 0 25px 0;
}

#header .welcome {
	color: #fff;
	float: left;
	padding: 0 0 0 8px;
}

#header .lang {
	color: #B0BDC7;
	float: right;
	background: url(../images/lang-bg.jpg) left top repeat-x;
	padding: 3px 10px;
}

#header .lang a {
	color: #19315C;
	text-decoration: none;
	font-weight: bold;
}

/* left column */

.column-l {
	float: left;
	padding: 15px 0 5px 0;
	width: 200px;
}

#logo {
	margin: 0 10px 15px 0;
}

#lnav {
	background: url(../images/lnav-bg.jpg) left top repeat-y;
	padding: 20px 0 20px 20px;
	margin: 0 0 50px 0;
}

#lnav ul {
	list-style: none;
}

#lnav ul li {
	background: url(../images/lnav-line.jpg) left bottom no-repeat;
	padding: 0 0 2px 0;
}

#lnav ul li p {
	padding: 0;
}

#lnav ul li.selected a {
	background: url(../images/lnav-selected-bg.jpg) left top repeat-y;
}

#lnav ul li a {
	color: #fff;
	font-weight: bold;
	text-decoration: none;
	width: 160px;
	display: block;
	padding: 6px 10px 7px 10px;
}

#lnav ul li a:hover {
	background: url(../images/lnav-selected-bg.jpg) left top repeat-y;
}

#lnav ul li a img {
	vertical-align: middle;
}

.callout-l {
	background: url(../images/sponsor-bg.jpg) left top repeat-y;
	margin: 0 0 20px
}

.callout-l p {
	color: #000;
}

/* right column */

.column-r {
	border-top: 5px solid #1A3468;
	width: 560px;
	padding: 20px 20px 0 20px;
	float: right;
}

.blue-box {
	border: 2px solid #B2E2F4;
	background: #D7EEF7;
	margin: 0 0 20px 0;
}

.blue-box p {
	color: #144766;
	font-size: 20px;
	text-align: center;
	padding: 15px 30px;
	line-height: 125%;
	font-family: Georgia, Lucida Grande, Tahoma, Arial, San-Serif;
}

.blue-box p strong {
	color: #0A2637;
}

.tab {
	float: right;
	padding: 0;
	margin: -20px 0 0 0;
}

.tab a {
	color: #0A2637;
	text-decoration: none;
	font-weight: bold;
}

.tab a img {
	vertical-align: middle;
}

.tab a.green, .tab a.green:hover {
	background: #D5FFCF;
	border: 1px solid #C0E6BB;
	border-bottom: none;
	padding: 5px 10px;
	display: block;
	color: #0A2637;
}

.tab a.blue, .tab a.blue:hover {
	background: #D1F0FF;
	border: 1px solid #B2DBE6;
	border-bottom: none;
	padding: 5px 10px;
	display: block;
	color: #0A2637;
}

.tab a.grey, .tab a.grey:hover {
	background: #ddd;
	border: 1px solid #ccc;
	border-bottom: none;
	padding: 5px 10px;
	display: block;
	color: #0A2637;
}

.green-section {	
	clear: both;
	border-top: 1px solid #C0E6BB;
	border-bottom: 1px solid #EEEEEE;
	padding: 1px 0;
	margin: 0 0 25px 0;
}

.section-green-content {
	background: #F0FFE6;
	padding: 10px;
}

.section-green-content p strong {
	color: #333 !important;
}

.blue-section {	
	clear: both;
	border-top: 1px solid #B2DBE6;
	border-bottom: 1px solid #EEEEEE;
	padding: 1px 0;
	margin: 0 0 25px 0;
}

.section-blue-content {
	background: #EEF2FF;
	padding: 10px;
}

.section-blue-content p strong {
	color: #333 !important;
}

.grey-section {	
	clear: both;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #EEEEEE;
	padding: 1px 0;
	margin: 0 0 25px 0;
}

.section-grey-content {
	background: #eee;
	padding: 6px 10px 0px 10px;
}

.section-grey-content p strong {
	color: #333 !important;
}

.section-grey-content h3 {
	margin: 0 0 0 5px;
}

.img-flush-left {
	float: left;
	margin: 0 10px 0 0;
	border: 1px solid #ccc;
}

.section-blurb {
	float: left;
	width: 380px;
}

.section-blurb {
	float: left;
	width: 300px;
}

.subTitle {
	font-weight: bold;
}

.button, .button:hover {
	background: url(../images/button-bg.jpg) right bottom no-repeat;
	color: #fff;
	font-size: 12px;
	font-weight: bold;
	border-left: 1px solid #E2EFDC;
	padding: 5px 10px 6px 10px;
	margin: 0 10px 0 0;
	text-decoration: none;
	position: relative;
	z-index: 1;
	height: 26px !important;
}

.button img {
	vertical-align: middle;
	padding: 0 6px 0 0;
}

.buttons select {
	vertical-align: middle;
	margin: 0 10px 0 0;
}

.buttons {
	padding: 3px 0 10px 0;
	float: left;
}

.column3 {
	width: 160px;
	float: left;
	margin: 0 20px 10px 0;
}

.column3-last {
	width: 165px;
	float: left;
	margin: 0 0 10px 0;
}

.columns4 {
	background: url(../images/columns4.jpg) left top repeat-y;
}

.column4 {
	width: 114px;
	float: left;
	padding: 0 10px 0 10px;
}

.column4 p {
	color: #333;
}

#last {
	padding: 0 0 0 10px;
}

.white-area {
	border: 1px solid #CCCCCC;
	border-left: none;
	border-right: none;
	background: #fff;
	padding: 20px 0 10px 5px;
	margin: 0 0 10px 0;
}

/* lists */

.green-bullets {
	list-style: none;
}

.green-bullets li {
	background: url(../images/bullet.jpg) left top no-repeat;
	padding: 0 0 5px 12px;
	margin: 0 0 0 5px;
}

.green-bullets li a {
	font-weight: bold;
}

.green-bullets li a:hover {
	text-decoration: underline;
}

/* right column */

.column-r {
	width: 560px;
	padding: 20px 20px 0 20px;
	float: right;
}

.blue-box {
	border: 2px solid #B2E2F4;
	background: #D7EEF7;
	margin: 0 0 20px 0;
}

.blue-box p {
	color: #144766;
	font-size: 20px;
	text-align: center;
	padding: 15px 30px;
	line-height: 125%;
	font-family: Georgia, Lucida Grande, Tahoma, Arial, San-Serif;
}

.blue-box p strong {
	color: #0A2637;
}

.tab {
	float: right;
	padding: 0;
	margin: -20px 0 0 0;
}

.tab a {
	color: #0A2637;
	text-decoration: none;
	font-weight: bold;
}

.tab a img {
	vertical-align: middle;
}

.tab a.green, .tab a.green:hover {
	background: #D5FFCF;
	border: 1px solid #C0E6BB;
	border-bottom: none;
	padding: 5px 10px;
	display: block;
	color: #0A2637;
}

.tab a.blue, .tab a.blue:hover {
	background: #D1F0FF;
	border: 1px solid #B2DBE6;
	border-bottom: none;
	padding: 5px 10px;
	display: block;
	color: #0A2637;
}

.tab a.grey, .tab a.grey:hover {
	background: #ddd;
	border: 1px solid #ccc;
	border-bottom: none;
	padding: 5px 10px;
	display: block;
	color: #0A2637;
}

.tab a.green-light, .tab a.green-light:hover {
	background: #D1FFF0;
	border: 1px solid #ACD2C6;
	border-bottom: none;
	padding: 5px 10px;
	display: block;
	color: #0A2637;
}

.tab-left {
	float: left;
	padding: 0;
	margin: 15px 0 0 0;
}

.tab-left a {
	color: #0A2637;
	text-decoration: none;
	font-weight: bold;
}

.tab-left a.green, .tab-left a.green:hover {
	background: #D5FFCF;
	border: 1px solid #C0E6BB;
	border-bottom: none;
	padding: 5px 10px;
	display: block;
	color: #0A2637;
}

.tab-left a img {
	vertical-align: middle;
}

.green-section {	
	clear: both;
	border-top: 1px solid #C0E6BB;
	border-bottom: 1px solid #EEEEEE;
	padding: 1px 0;
	margin: 0 0 25px 0;
}

.section-green-content {
	background: #F0FFE6;
	padding: 10px;
}

.section-green-content p strong {
	color: #333 !important;
}

.blue-section {	
	clear: both;
	border-top: 1px solid #B2DBE6;
	border-bottom: 1px solid #EEEEEE;
	padding: 1px 0;
	margin: 0 0 25px 0;
}

.section-blue-content {
	background: #EEF2FF;
	padding: 10px;
}

.section-blue-content p strong {
	color: #333 !important;
}

.grey-section {	
	clear: both;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #EEEEEE;
	padding: 1px 0;
	margin: 0 0 25px 0;
}

.section-grey-content {
	background: #eee;
	padding: 6px 10px 0px 10px;
}

.section-grey-content p strong {
	color: #333 !important;
}

.section-grey-content h3 {
	margin: 0 0 0 5px;
}

.section-questions-content {
	background: #eee;
	padding: 6px 10px 0px 10px;
}

.section-questions-content p {
	color: #2e2e2e;
}

.section-green-light-content {
	background: #E6FFFC;
	padding: 10px 10px 0 10px;
}

.green-light-section {	
	clear: both;
	border-top: 1px solid #ACD2C6;
	border-bottom: 1px solid #EEEEEE;
	padding: 1px 0;
	margin: 0 0 15px 0;
}

.green-light-section table {
	margin: 0 0 10px 0;
	padding: 0 0 5px 0;
}

.green-light-section table th {
	color: #666666;
	font-size: 9px;
	padding: 0 0 10px 10px;
	text-transform: uppercase;
	background: #E6FFFC;
	text-align: left;
}

.green-light-section table td {
	color: #2e2e2e;
	padding: 0 20px 15px 10px;
	background: #fff url(../images/dot.gif) left bottom repeat-x;
}

.green-light-section table td.top {
	border-top: 1px solid #B2E2F4;
	padding: 5px 0 15px 10px;
}

.green-light-section table td a:hover {
	text-decoration: underline;
}

.green-light-section table td span {
	color: #666 !important;
	font-size: 10px;
}

.green-light-section table tr {
	background: #fff;
}

.section-green-light-content p strong {
	color: #333 !important;
}

.img-flush-left {
	float: left;
	margin: 0 10px 0 0;
}

.section-blurb {
	float: left;
	width: 380px;
}

.button, .button:hover {
	background: url(../images/button-bg.jpg) right bottom no-repeat;
	color: #fff;
	font-size: 12px;
	font-weight: bold;
	border-left: 1px solid #E2EFDC;
	padding: 5px 10px 6px 10px;
	margin: 0 10px 0 0;
	text-decoration: none;
	position: relative;
	z-index: 1;
	height: 26px !important;
}

.button img {
	vertical-align: middle;
	padding: 0 6px 0 0;
}

.buttons select {
	vertical-align: middle;
	margin: 0 10px 0 0;
}

.buttons {
	padding: 3px 0 10px 0;
	float: left;
}

.column3 {
	width: 160px;
	float: left;
	margin: 0 20px 10px 0;
}

.column3-last {
	width: 165px;
	float: left;
	margin: 0 0 10px 0;
}

.columns4 {
	background: url(../images/columns4.jpg) left top repeat-y;
}

.column4 {
	width: 114px;
	float: left;
	padding: 0 10px 0 10px;
}

.column4 p {
	color: #333;
}

.column3-questions {
	width: 170px;
	float: left;
	margin: 0 10px 10px 0;
}

.column3-questions-last {
	width: 170px;
	float: left;
	margin: 0 0 10px 0;
}

.column3-questions span, .column3-questions-last span {
	color: #144766;
	font-size: 13px;
	font-weight: bold;
}

#last {
	padding: 0 0 0 10px;
}

.white-area {
	border: 1px solid #CCCCCC;
	border-left: none;
	border-right: none;
	background: #fff;
	padding: 20px 0 10px 5px;
	margin: 0 0 10px 0;
}

.align-right {
	text-align: right;
}

.align-right img {
	vertical-align: middle;
}

.small-text {
	font-size: 10px;
	text-decoration: underline;
}

/* lists */

.green-bullets {
	list-style: none;
}

.green-bullets li {
	background: url(../images/bullet.gif) left top no-repeat;
	padding: 0 0 5px 12px;
	margin: 0 0 0 5px;
}

.green-bullets li a {
	font-weight: bold;
}

.green-bullets li a:hover {
	text-decoration: underline;
}

.section-questions-content .green-bullets li {
	background: url(../images/bullet1.jpg) left top no-repeat;
	padding: 0 0 5px 12px;
	margin: 0 0 0 5px;
}

.green-arrows {
	list-style: none;
	margin: 0 0 0 10px;
}

.green-arrows li {
	background: url(../images/arrow.jpg) left top no-repeat;
	padding: 0 0 20px 20px;
	margin: 0 0 0 5px;
	color: #333;
}

.green-arrows li a {
	font-weight: bold;
}

.green-arrows li a:hover {
	text-decoration: underline;
}

/* sections */

.content-block-l {
	float: left;
	width: 300px;
	padding: 0 40px 10px 0;
}

.content-block-l h2, .content-block-r h2 {
	font-size: 13px;
	color: #144766;
	padding: 0 0 10px 0;
	margin: 0;
}

.content-block-l p {
	color: #333;
}

.content-block-l p {
	color: #333;
}

.content-block-r {
	float: left;
	width: 220px;
	padding: 0 0 10px 0;
}

.content-block-r p, .content-block-r ul li {
	color: #333;
}

.content-block-r .green-bullets {
	margin: 0 0 10px 0;
}

.note {
	border-top: 1px solid #C0E6BB;
	background: #F0FFE6;
	padding: 15px 15px 5px 15px;
	margin: 0 0 10px 0;
}

.note p {
	color: #2e2e2e;
}

.note .icon {
	float: left;
	margin: 0 8px 0 0;
}

.note .text {
	float: left;
	width: 225px;
}

/* footer */

#footer {
	background: url(../images/content-bottom.gif) left top no-repeat;
	padding: 15px 0 5px 200px;
}

#footer p {
	color: #144766;
	text-align: center;
	font-size: 10px;
}

#footer a {
	color: #144766;
}

#footer a:hover {
	text-decoration: underline
}