body {
	background: #ABC7CA;
	margin: 0;
	padding: 0 0 1.5em 0;
	font-family:verdana,sans-serif;
	color: #333;
	text-align: center;
	}
	
#container {
	margin: 8px auto 0 auto;
	width: 730px;
	text-align: left;
	}
	
	
/*******************************************************************/
/** Generic elements ***********************************************/

a {
	color: #081463;
	text-decoration: underline;
	}
a:hover {
	color: #00A6DE;
	}
li a {
	text-decoration: none;
	}
li a:hover {
	color: #081463;
	text-decoration: underline;
	}
a img {
	border: none;
	}
form {
	margin: 0;
	padding: 0;
	}
input.submit,
input.submit2,
img.icon {
	vertical-align: middle;
	}
input.submit2 {
	/* For sitting next to a select field */
	margin-bottom: 0.4em;
	}
br.cl {
	clear: both;
	line-height: 0;
	}
	
div.hr {display: none}
/*/*/a{}
div.hr {
	clear: both;
	display: block;
	border-bottom: 1px solid #C3C8CB;
	}
hr {display:none}
/* */

.skiplink {
	display: none;
	}

ul {
	list-style: none;
	margin: 0;
	padding: 0;
	}
li {
	margin: 0;
	padding: 0;
	}

ul.sitemap li {
	margin: 0 0 1em 1em;
	}
ul.sitemap ul li {
	margin: 0;
	}
	
.left {
	float: left;
	}
.right {
	float: right;
	}
	
div.left,
div.right {
	/* IE5-Mac needs a width for these. */
	width: 50%;
	}
/* Commented Backslash Hack hides rule from IE5-Mac \*/
div.left,
div.right {
	width: auto;
	}
 	/* End IE5-Mac hack */
 
 
img.left {
	margin: 0 0.5em 0.5em 0;
	}
img.right {
	margin: 0 0 0.5em 0.5em;
	}


p {
	margin: 0.5em 0;
	}
.error,
.warn,
.warn a {
	color: #900;
	}
	
div.download {
	border: 1px solid #00A6DE;
	}
div.dl-head {
	background: #00A6DE;
	color: #fff;
	padding: 0.2em 5px;
	}
div.dl-body {
	padding: 0 5px 0.5em 5px;
	}
div.dl-body div.left {
	margin-right: 0.5em;
	}
div.dl-body div.left {
	/* IE5-Mac needs a width for this. */
	width: 20px;
	}
/* Commented Backslash Hack hides rule from IE5-Mac \*/
div.dl-body div.left {
	width: auto;
	}
 	/* End IE5-Mac hack */

/*******************************************************************/
/** Top of the page ************************************************/

#title {
	position: relative;
	}
#title h1 {
	margin: 0 0 0 6px;
	padding: 0;	

	}
#title .nav {
	position: absolute;
	top: 0;
	right: 0;
	}
#title .nav a,
#footer a {
	color: #333;
	text-decoration: none;
	}
#title .nav a:hover,
#footer a:hover {
	text-decoration: underline;
	}
	
/* Tab styles for top menu. Modified later for other tab styles. */
.tabs {
	position: relative;
	width: 730px;
	line-height: normal;
	}
.tabs ul {
	float: left;
	margin: 0.4em 0 0 -2px;
	width: 500px;
	}
.tabs li {
	float: left;
	}
.tabs a {
	display: block;
	float: left;
	padding: 2px 8px 4px 8px;
	color: #333;
	}
/* Commented Backslash Hack hides rule from IE5-Mac \*/
.tabs a { float:none; }
/* End IE5-Mac hack */

.tabs li.on {
	background: url("/images/portal/css/menutab-r.gif") no-repeat top right;
	}
.tabs li.on a {
	background: url("/images/portal/css/menutab-l.gif") no-repeat top left;
	padding-bottom: 5px;
	}
.tabs li.on strong {
	font-weight: normal;
	}

.tabs form {
	float: right;
	}
.tabs form p {
	display: inline;
	}
.tabs form input.text {
	width: 100px;
	}
	
#breadcrumbs {
	float: left;
	width: 730px;
	background: #dee9ea;
	padding: 5px 0;
	border-bottom: 1px solid #fff;
	border-top: 1px solid #fff;
	margin-top: -1px;
	}
#breadcrumbs p {
	float: left;
	margin: 0 0.5em 0 0;
	padding: 0 0 0 6px;
	}
#breadcrumbs ul {
	width: 560px;
	float: left;
	color: #0d1f61;
	}
#breadcrumbs li {
	float: left;
	margin-right: 0.5em;
	}
#breadcrumbs a {
	text-decoration: underline;
	}
	
/*******************************************************************/
/** Main part structure ********************************************/

/* See variations further down for elements within #main-full. */
#main,
#main-full {
	float: left;
	border-top: 1px solid #AAB3B3;
	background: #fff;
	}
#sidebar {
	float: left;
	width: 175px;
	border-right: 1px solid #AAB3B3;
	}
#content {
	float: left;
	width: 554px;
	padding-bottom: 1.5em
	}
#content h2 {
	margin: 0;
	padding: 0;
	}
#footer {
	padding-top: 0.5em;
	clear: left;
	}

/* Variations for different sections */
#utility #sidebar {
	border-right: none;
	}
#careers .layout5 #rightcol .shaded {
	width: auto;
	padding: 4px;
	margin-bottom: 4px;
	}
#careers .layout5 #rightcol .shaded p {
	margin: 0;
	}

/*******************************************************************/
/** Sidebar ********************************************************/

/*/*/a{}
#sidebar div.hr {
	border-top: 5px solid #C6CFD0;
	margin: 0 0 1px 0;
	}
/* */


#sidebar .header {
	margin: 0;
	padding: 0;
	border-top: 1px solid #C3C8CB;
	border-bottom: 1px solid #C3C8CB;
	}
#sidebar h2 {
	margin: 0;
	padding: 0.4em 6px;
	font-weight: bold;
	}
#sidebar h2.img {
	padding: 0.1em 4px 0 4px;
	}
#sidebar h3 {
	margin: 1px 0;
	padding: 0.4em 6px;
	background: #EFF4F5;
	border-bottom: 1px solid #C3C8CB;
	}
	
#sidebar .module {
	margin-top: 1px;
	background: #EFF4F5;
	border-bottom: 1px solid #C3C8CB;
	}
	
#sidebar ul {
	padding: 0.3em 6px 0.4em 6px;
	color: #0d1f61;
	}
#sidebar li {
	line-height: 1.4em;
	}
#sidebar p {
	margin: 0;
	padding: 6px;
	}
#sidebar select {
	width: 160px;
	}
#sidebar input.text {
	width: 155px;
	}
#sidebar p span.checkboxtext {
	width: 140px;
	}


/*******************************************************************/
/** Main content ***************************************************/

#leftcol,
#midcol,
#rightcol {
	float: left;
	display: inline;
	width: 360px;
	margin: 0 6px 0 5px;
	padding: 0;
	}
#rightcol {
	width: 178px;
	margin: 1em 0 0 0;
	}
	
#rightcol a:hover{
	color: #00A6DE;
	}

	
/* Override standard .tab styles for use outside the top menu. */

#content .tabs {
	width: 100%;
	margin: 1em 0 0 2px;
	}
#content .tabs ul {
	width: 100%;
	list-style: none;
	margin-left: -2px;
	}
#content .tabs li {
	background: url("/images/portal/css/tab-r.gif") no-repeat top right;
	margin-right: 3px;
	}
#content .tabs li a {
	background: url("./images/portal/css/tab-l.gif") no-repeat top left;
	padding: 3px 4px 4px 4px;
	}
#content .tabs li.on {
	background-image: url("/images/portal/css/tab-r_on.gif");
	}
#content .tabs li.on a {
	background-image: url("/images/portal/css/tab-l_on.gif");
	padding-bottom: 6px;
	}

#content .tabcontents {
	float: left;
	width: 100%;
	border: 1px solid #A1BCBF;
	border-top-width: 2px;
	margin: -2px 0 1em 0;
	padding: 0.5em 0;
	}

/* Basic elements */

h2 {
	color: #113054;
	font-weight: normal;
	}
#content h3 {
	color: #666;
	font-weight: normal;
	margin: 0;
	padding: 0.5em 5px;
	}
	
#content div.right {
	/* Keeps things aligned in Mac IE */
	text-align: right;
	}
	
#content p {
	margin: 0 5px 1em 5px;
	}
#content .left p,
#content .right p {
	margin-bottom: 0.2em;
	}
#content .right p.pagenums {
	/* For lining up with a select field that's within .left */
	height: 1.5em;
	padding-top: 0.3em;
	}

p.subhead {
	margin-top: 0;
	}

form.stripe {
	/* Used on 1.12 and u4 */
	float: left;
	display: inline;
	width: 536px;
	margin: 0 5px 0.5em 5px;
	padding: 0.3em 4px 0 4px;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	background: #F3F5F5;
	line-height: 1.8em;
	}
form.stripe p {
	float: left;
	display: inline;
	}
form.stripe select {
	width: 140px;
	}

#content div.stripes p {
	margin-top: 0;
	margin-bottom: 0;
	padding: 0.3em 5px 0.5em 5px;
	}
#content div.stripes .row1 {
	background: #EFF4F5;
	margin-top: 0.8em;
	height: 1.5em;
	}
	
.shaded {
	background: #EFF4F5;
	padding: 6px;
	}

#content table {
	width: 544px;
	margin: 0 5px;
	}
#content .tabcontents table {
	width: 542px;
	margin: 0;
	}
#content th {
	text-align: left;
	vertical-align: top;
	}
#content td {
	vertical-align: top;
	}
#content tr.row1 td {
	background: #ECEFEF;
	}
#content td.nobr {
	white-space: nowrap;
	}

/*/*/a{}
#content div.hr {
	margin: 0.4em 5px;
	}
#content #leftcol div.hr,
#content #rightcol div.hr {
	margin: 0.4em 0;
	}
/* */


#content #leftcol h3 {
	padding: 0;
	}

/* Right col */

#content #rightcol h3 {
	float: left;
	margin: 0;
	padding: 0 0 0.2em 0;
	font-weight: normal;
	}
#rightcol .header {
	margin: 0.5em 0;
	}
#rightcol .header h4,
#rightcol .header p {
	display: inline;
	}
#rightcol p {
	margin: 0.5em 0;
	}
	
/*******************************************************************/
/** Variations of main content for each layout *********************/


/* Different column widths etc. */

.layout3 #leftcol,
.layout3 #rightcol {
	width: 269px;
	margin-top: 1em;
	}

.layout4 #leftcol,
.layout4 #rightcol {
	margin-top: 0;
	}
.layout4 #rightcol {
	margin-top: 0.5em;
	float: right;
	}



/* Basic elements changed in each layout */

/* Layout 1 - Like homepage 1.0 */
/* Wide leftcol, narrow rightcol. */

.layout1 #leftcol h3 {
	margin: 0.5em 5px 0 5px;
	font-weight: normal;
	color: #03377C;
	}
.layout1 #leftcol h4 {
	margin: 2.2em 5px 0 5px;
	}
.layout1 #leftcol a {
	color: #113054;
	text-decoration: underline;
	}
.layout1 #leftcol a:hover {
	color: #00A6DE;
	}
	

/* Layout 2 - Like homepage with tabs. */
	
.layout2 #leftcol h3 {
	margin: 0.2em 5px 0.4em 5px;
	color: #333;
	font-weight: bold;
	}
.layout2 #leftcol .tabcontents p a:hover {
	color: #00A6DE;
	}
.layout2 #leftcol .shaded {
	float: left;
	display: inline;
	width: 211px;
	margin-left: 5px;
	}
.layout2 #leftcol .shaded ul {
	margin-top: 5px;
	margin-left: 65px;
	}
.layout2 #leftcol .unshaded {
	float: left;
	display: inline;
	width: 121px;
	margin: 0 5px 0 4px;
	padding-top: 18px;
	}
.layout2 #leftcol .shaded img.left {
	margin: -6px 10px -6px -6px;
	}
.layout2 #leftcol p.hilite {
	clear: left;
	margin: 0 5px;
	padding: 0.4em 0;
	color: #00A6DE;
	font-weight: bold;
	}
.layout2 #leftcol p.hilite a {
	color: #00A6DE;
	}
.layout2 #leftcol p.hilite a:hover {
	color: #081463;
	}
.layout1#content #rightcol h3,
.layout2#content #rightcol h3 {
	background: #dee9ea;
	font-weight: bold;
	float: none;
	color: #333;
	padding: 0.2em 4px;
	margin-bottom: 0.5em;
	}

/* Layout 3 - leftcol and rightcol equal. */
	
.layout3 h3 {
	margin: 0.2em 5px 0.5em 5px;
	font-weight: normal;
	color: #03377C;
	}
.layout3 h4 {
	margin: 0 0 0.3em 0;
	color: #666;
	font-weight: normal;
	}
.layout3 h5 {
	margin: 1em 0 0 0;
	}
.layout3 .shaded h5,
.layout3 .unshaded h5 {
	background: #DDE1E2;
	margin: 0.5em 0;
	padding: 0.1em 4px 0.2em 4px;
	}
.layout3 .shaded h5 {
	margin: 2em 0 1em 0;
	}
	
.layout3 #leftcol p,
.layout3 #rightcol p {
	margin: 0;
	}
.layout3 #leftcol p.subhead,
.layout3 #rightcol p.subhead {
	font-weight: bold;
	margin-left: 0;
	}

.layout3 .shaded {
	margin-top: 1em;
	padding: 0.1em 0 1em 0;
	}
.layout3 .unshaded {
	margin-top: 1em;
	}
.layout3 .shaded p {
	padding-left: 6px;
	padding-right: 6px;
	clear: left;
	}
.layout3 #leftcol .unshaded p,
.layout3 #rightcol .unshaded p {
	margin: 0 5px 1em 5px;
	}
	

/* Layout 4 - wide leftcol, narrow rightcol flush right */
	
.layout4 #leftcol h3 {
	font-weight: normal;
	margin: 0.2em 0 1em 0;
	}
.layout4 h4 {
	font-weight: normal;
	margin-top: 0;
	margin-bottom: 0.5em;
	}
	
.layout4 #leftcol p {
	margin-left: 0;
	margin-right: 0;
	}
.layout4 #leftcol ul {
	list-style: disc;
	color: #598E92;
	font-weight: bold;
	margin-left: 20px;
	}
.layout4 #leftcol li {
	margin-bottom: 1em;
	}

.layout4#content #rightcol h3 {
	float: none;
	width: auto;
	color: #333;
	background: #DEE9EA;
	font-weight: bold;
	margin-top: 1em;
	margin-bottom: 0.5em;
	padding: 0.1em 5px;
	}
.layout4 #rightcol ul,
.layout4 #rightcol p {
	margin-left: 5px;
	margin-right: 5px;
	}
.layout4 #rightcol p {
	clear: left;
	}
	
/* Layout 5 - Simple, wide leftcol, narrow rightcol with contacts, etc. */

.layout5 #leftcol {
	margin-top: 1em;
	}
.layout5 #leftcol h3 {
	margin-bottom: 0.5em;
	}
.layout5 #leftcol h4 {
	margin: 0;
	}
.layout5 #leftcol p {
	margin-left: 0;
	}
.layout5 #rightcol h4 {
	background: #DDE1E2;
	margin: 0.5em 0;
	padding: 0.1em 4px 0.2em 4px;
	}
.layout5 #rightcol p {
	clear: left;
	}
.layout5 #rightcol ul {
	margin-bottom: 1em;
	}

/* Layout 6 - no columns, eg, for forms. */
.layout6#content h2 {
	padding-bottom: 1em;
	}
.layout6 ul {
	list-style: disc;
	margin-left: 20px;
	}
.layout6 h4 {
	margin: 1.5em 5px 0 5px;
	}
.layout6 p.intro {
	color: #666;
	}
.layout6 .leftcol {
	width: 357px;
	float: left;
	}
.layout6#content .leftcol h3 {
	padding-top: 0;
	padding-bottom: 0;
	}
.layout6 .rightcol {
	width: 177px;
	float: left;
	margin-left: 10px;
	}
.layout6 table.clear th {
	border-bottom: 1px solid #C3C8CB;
	}
.layout6 table.clear td {
	vertical-align: top;
	}
.layout6#content .tabs {
	margin-left: 7px;
	width: 542px;
	}
.layout6#content .tabcontents {
	display: inline;
	margin-left: 5px;
	width: 542px;
	}
.layout6 .tabcontents .shaded {
	padding: 0.2em 0;
	}
	
	
/* Layout 7 - Three equal columns. */
.layout7 #leftcol,
.layout7 #midcol,
.layout7 #rightcol {
	width: 177px;
	}
.layout7 #midcol {
	margin: 0 6px 0 0;
	}
.layout7 #rightcol {
	width: 178px;
	margin-top: 0;
	}
.layout7 h4 {
	background: #ECEFEF;
	padding: 0.2em 4px;
	margin-bottom: 0.5em;
	}
.layout7 #leftcol ul,
.layout7 #midcol ul,
.layout7 #rightcol ul {
	margin-left: 4px;
	}


/*******************************************************************/
/** Forms (should be within .layout6) ******************************/

div.formblock {
	background: #eff5f5;
	margin: 0.6em 5px 0.5em 5px;
	padding: 0.5em 8px 1em 8px;
	width: 528px;
	color: #666;
	}
div.formblock h4 {
	margin: 0 0 0.5em 0;
	color: #333;
	height: 1em;
	}
div.formblock div.left h4 {
	width: 270px;
	}
div.formblock h5 {
	margin: 0 0 0.5em 0;
	height: 1em;
	}
div.formblock div.right {
	width: 235px;
	margin: 0;
	}

#content div.formblock p {
	margin-left: 0;
	margin-right: 0;
	height: 2em;
	clear: both;
	}
	
input.checkbox {
	float: left;
	clear: left;
	margin-left: 0;
	}
span.checkboxtext {
	display: block;
	float: left;
	width: 240px;
	padding-top: 0.3em;
	}

p span.checkboxtext {
	width: 450px;
	/* Fits a submit button to the right */f
	}
div.formblock p span.checkboxtext {
	width: 490px;
	}
	
div.row {
	clear: both;
	padding-top: 0.2em;
	}
div.row span.label {
	float: left;
	padding-top: 0.4em;
	width: 130px;
	}
div.row span.formw {
	float: right;
	width: 380px;
	}
div.row span.formw span.col {
	/* Three columns within a .formw */
	float: left;
	width: 126px;
	}
span.formw input.text {
	width: 254px;
	}
span.formw textarea {
	width: 254px;
	}
span.col span.checkboxtext {
	width: 100px;
	}

.mandatory {
 	color: #900;
 	}

/*/*/a{}
#content div.formblock div.hr {
	height: 1px;
	margin: 0 0 0.4em 0;
	}
/* */

div.right input.submit {
	margin: 0.5em 5px 0 0;
	}
  
 
/*******************************************************************/
/** Variations for #main-full **************************************/
/** (ie, pages with no sidebar *************************************/


#main-full #content {
	/* For when there's no sidebar. */
	width: 730px;
	}

#main-full #leftcol {
	width: 335px;
	margin: 0 15px 0 13px;
	}
#main-full #rightcol {
	width: 365px;
	float: right;
	margin-top: 0;
	}

#fullcol {
	/* For pages with no columns */
	width: 720px;
	margin: 0;
	padding: 0;
	}
#main-full #rightcol .shaded {
	/* For careers and press front pages */
	width: 359px;
	padding: 0 0 6px 6px;
	margin-bottom: 4px;
	}
#main-full #leftcol h3,
#main-full #rightcol h3 {
	float: none;
	margin: 0.5em 0;
	}
#main-full #leftcol p,
#main-full #rightcol p {
	margin: 0.5em 5px 0.5em 0;
	}
	
#main-full #fullcol .formblock {
	width: 698px;
	}
#main-full #fullcol span.formw {
	float: left;
	}



/*******************************************************************/
/** Variations for specific pages **********************************/

/* Page 2.4 - Our Locations */

#content table#locationmap {
	width: 400px;
	}
#locationmap img {	
	display: block;
	}
	
.location {
	display: none;
	}


/* Page 1.19 */
.fromto div.row span.label {
	width: 80px;
	}
.fromto div.row span.midrow {
	float: left;
	padding-top: 0.4em;
	width: 60px;
	text-align: right;
	}


/*******************************************************************/
/** All font sizes *************************************************/

body {
	font-size: 70%;
	}

.layout1 #leftcol h3,
.layout3 h3 {
	font-size: 1.65em;
	}

#content h3,
.layout1 #leftcol h4,
.layout3 h4,
.layout4 h4 {
	font-size: 1.3em;
	}

p.intro,
.layout2 #leftcol h3,
.layout5 #leftcol h3,
.layout6 h4 {
	font-size: 1.25em;
	}

h1,
p,
select,
input.text,
#menu,
#sidebar h2,
#sidebar h3,
.formblock h4,
.formblock h5,
.layout1 #rightcol h3,
.layout1 #rightcol h4,
.layout2 #rightcol h3,
.layout2 #rightcol h4,
.layout3 h5,
.layout5 #leftcol h4,
.layout5 #rightcol h4,
.layout7 h4 {
	font-size: 1em;
	}

#breadcrumbs,
p.subhead,
#sidebar li,
#sidebar p,
.layout2 #leftcol p.hilite,
.layout3 .unshaded p,
.layout4 #rightcol h3 {
	font-size: 0.9em;
	}

th,
td {
  	font-size: 70%;	/* For Win IE 5.x */
  	voice-family: "\"}\"";
  	voice-family: inherit;
  	/* Reset for all other browsers */
  	font-size: 1em;
  	}

#leftcolhd {
	DISPLAY: inline;
	FLOAT: left;
	MARGIN: 0px 6px 0px 5px;
	WIDTH: 255px;
	padding: 0px;
}

#rightcolhd {
	DISPLAY: inline;
	FLOAT: left;
	MARGIN: 0px 6px 0px 5px;
	WIDTH: 250px;
	padding: 0px;
}

