/* XPO */
/*font styles*/
* {
margin:0px;
padding:0px;
}
td {
padding:2px;
}
p {
margin:8px 0 6px 0;
}
#centercol li, #rightcol li{
	list-style-image: url(images/gr_arrow.gif);
	line-height: 130%;
	margin-bottom: 4px;
	margin-left:22px;
	margin-right:2px;
	margin-top: 6px;

}
ol, ul {
	padding: 0 0 0 1.5em;
	margin:  0 0 0 0;
	}
#centercol ul{
	margin-bottom: 14px;
	}	
h1 {
	color:#005F8D;
	font-size:2.4em;
	margin:0px 0 4px 0;
	font-weight:normal;
}
#header h1 {
	color:#FFF;
	font-size:2.4em;
	margin:0px 0 4px 0;
	font-weight:normal;
}
.cufon-loading h1 { /* for Cufon.replace('h1') */
	visibility: hidden !important;
}
h2 {
	color:#005F8D;
	font-size:1.6em;
	font-weight:normal;
	margin:-4px 0 -4px 0;
	font-weight:normal;
	line-height:140%
}
.cufon-loading h2 { /* for Cufon.replace('h2') */
	visibility: hidden !important;
}

h3 {
	color:#005F8D;
	font-size:1.4em;
	font-weight:normal;
	margin:0px 0 3px 0;
}
.cufon-loading h3 { /* for Cufon.replace('h3') */
	visibility: hidden !important;
}
h4 {
	color:#005F8D;
	font-size:1.2em;
	font-weight:normal;
	margin:4px 0 2px 0;
}
.cufon-loading h4 { /* for Cufon.replace('h4') */
	visibility: hidden !important;
}

.smaller {font-size:.82em; }

a, a:visited {
color:#0D52A0;
	outline:none;
}

a:hover {
color:#000;
}

.footlink, .footlink:visited{
	color:#781515;
}

.footlink:hover, #right a:hover{
	color:#000;
}

.intro{
	color:#333;
	font-size:1.2em;
	margin:12px 0 8px 0px;
	line-height:140%;
}

/*container divs*/
body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:0.7em;
	color:#666;
	line-height:140%;
		background-color:#E8EFF7;
		background-image:url(images/bg.jpg);
		background-repeat:repeat-x;
}

#wrapper {
		margin-left:auto;
		margin-right:auto;
		width:970px;
		padding-top:19px;
		background-image:url(images/hd_blur.jpg);
		background-repeat:no-repeat;
		background-position: 16px 0;

}

#header {
	height:208px;

}
#container {
	background-image:url(images/bg_container.gif);
		background-repeat:repeat-y;
		background-color:#FFF;
}
#widecol {
	width: 735px;
	margin-left:215px;
	margin-right:10px;
	padding:15px 0 15px 0;
/*	background-color:#0F3; */
}
	
#left {
	float:left;
	width:200px;	
	padding:0px 0px 10px 0px;
	color:#666666;
	background-color:#C7D8EB;
	background-image:url(images/bg_left.jpg);
	background-repeat:no-repeat;
	
}

#rightcol {	
	float:right;
	width:250px;
	padding:20px 20px 12px 0px;
}
#centercol {
	margin-right:290px;
	margin-left:200px;
	padding:20px 0 20px 20px;

}
*html #centercol {
	margin-right:200px;
}

.box {
	width:237px;
	background-image:url(images/gr_boxtop.gif);
	background-repeat:no-repeat;
	padding-top:21px;
	margin-top:10px;
	line-height:130%;

}
.boxtop {
	width:237px;
	background-image:url(images/gr_boxtop.gif);
	background-repeat:no-repeat;
	margin-top:10px;
	line-height:130%;
	padding-top:20px;

}

.boxcopy{
margin-top:-3px;
border-left:1px solid #D2D2D2;
border-right:1px solid #D2D2D2;
padding: 0 10px 0 10px;
}
.boxcopy p {
	margin:8px 0 0px 0;
}
.slide_box {
	width:237px;

	line-height:130%;

}

.slide_boxcopy{
margin-top:-3px;
border-left:1px solid #D2D2D2;
border-right:1px solid #D2D2D2;
padding: 0 10px 0 10px;
}
.slide_boxcopy p {
	margin:8px 0 0px 0;
}
.person {
	margin-top:4px;
}
/*-- nav styles --*/


#left ul {
	padding:0;
	margin: 0px 0 0 29px;

}
#left ul li{
	margin: 0 0 2px 0;
	list-style:none;
	overflow:hidden;
}
#left ul li a:link, #left ul li a:visited {
		color:#007AB7;
	text-decoration:none;
	padding: 9px 0px 2px 8px;
	display:block;
	height:20px;
	border-top: 1px solid #007BB7;
}

#left ul li a:hover, #left ul li a:visited.current {
	color:#003148;
	display:block;

}


/*-- footer styles --*/

#footer {
	height:15px;
	clear:both;
	font-size:1em;
	
	padding-top:10px;
}

.dark{
	color:#000;
}
/*-- extra styles --*/

.wrapright{
	float:right;
	border:0;
	padding-left:6px;
}
.wrapleft{
	float:left;
	border:0;
	padding-right:6px;
}


/* position and dimensions of the navigator */
.navi {
	margin-left:0px;
	width:970px;
	height:144px;
}


/* items inside navigator */
.navi a {
	width:8px;
	height:8px;
	float:left;
	margin:3px;
	background:url(../img/scrollable/arrow/navigator.png) 0 0 no-repeat;
	display:block;
	font-size:1px;
}

/* mouseover state */
.navi a:hover {
	background-position:0 -8px;      
}

/* active state (current page state) */
.navi a.active {
	background-position:0 -16px;     
}
.navon{
	font-weight:bold;
}

.navoff {
	font-weight:normal;
}