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

/******************************************************************************
/* Column setup - able to set two columns either two equal colums or main and sidebar */


/* Two columns of equal width - to be used with manin "content" style in each column  */

.column1 {
	
	padding-right:15px;
	border-right-color: #808080;
	border-right-style: solid;
	border-right-width: 1px;
	padding-bottom:10px;
}

.column2 {
	width: 377px;
	padding-right:15px;
	
}

/* Column Setup - end */


/******************************************************************************
/* Main page content style */

.content {
	padding-left: 15px;
	padding-top: 0px;
	background-color: #FFFFFF;
	

}

.content h1
{
	font-family: "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	color: #FFFFFF;
	font-weight: normal;
	margin-top: 1px;
	margin-left: -15px;
	margin-right:-15px;
	padding-left: 15px;
	padding-bottom:5px;
	padding-top: 1px;
	padding-right:20px;
	background-color: #808080;
}

.content h2
{
	font-family: "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	color: #FFFFFF;
	font-weight: normal;
	margin-top: 20px;
	margin-left: -15px;
	margin-right:-15px;
	padding-left: 15px;
	padding-bottom:6px;
	padding-top:6px;
	background-color: #808080;
}

.content h3
{
	font-family: "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	color: #231F20;
	font-weight: normal;
	margin-top: 10px;
	margin-bottom: -10px;
	line-height: 20px;	
}

.content h4
{
	font-family: "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	color: #231F20;
	font-weight: normal;
	margin-bottom: -10px;
	margin-top: 25px;
	line-height: 20px;
}


.content h5
{
	font-family: "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	color: #FFFFFF;
	font-weight: normal;
	margin-top: -0px;
	margin-left: -15px;
	margin-right: -20px;
	padding-left: 15px;
	padding-bottom:5px;
	padding-top: 2px;
	background-color: #808080;
}

.content h6
{
font-family: "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	color: #FFFFFF;
	font-weight: normal;
	margin-top: 1px;
	margin-left: -15px;
	margin-right: -20px;
	margin-bottom: 0px;
	padding-left: 15px;
	padding-bottom:6px;
	padding-top:6px;
	background-color: #808080;
}
 
.content p
{
	font-family: "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
	font-size: 9pt;
	color: #3E3E3E;
	line-height: 170%;
}

.content p a
{
	color: #00B0D8;
	text-decoration: none;
	background-image: url(images/bullet_blue_10.gif);
	background-position: right;
	background-repeat: no-repeat;
	padding-right:12px;
}

.content p a:hover
{
	text-decoration: underline;
}

.list
{
	font-family: "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
	font-size: 9pt;
	color: #3E3E3E;
	line-height: 125%;
}

.content li {
	font-family: "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
	font-size: 9pt;
	color: #3E3E3E;
	line-height: 170%;
	margin-left: -20px;
	padding-left: 8px;
	list-style-image: url(images/bullet_1.gif);
}

.content li a {
	color: #00B0D8;
	text-decoration: none;
	background-image: url(images/bullet_blue_10.gif);
	background-position: right;
	background-repeat: no-repeat;
	padding-right:12px;
}

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


/***** FLOATING IMAGES  - START *****/

 .floatrightH
{
	float: right; 
	margin: 20pt 5pt 5px 20px; /* top, left, bottom, right */
}

 .floatrightH_bk
{
	float: right;
	margin: 55pt 5pt 5px 20px;  /* top, left, bottom, right */
}

 .floatright
{
	float: right;
	margin: 5pt 0pt 5px 20px;  /* top, left, bottom, right */
}

 .floatleftH
{
	float: left;
	margin: 30pt 20pt 5px 0px;  /* top, left, bottom, right */
}

 .floatleftH_bk
{
	float: left;
	margin: 55pt 20pt 0px 0px;  /* top, left, bottom, right */
}

 .floatleft
{
	float: left;
	margin: 3pt 5pt 0px 0px;  /* top, left, bottom, right */
}

 .floatleft_1
{
	float: left;
	margin: 5pt 10pt 10px 0px;  /* top, left, bottom, right */
}

/** Framed Versions **/

 .framerightH
{
	float: right; 
	margin: 35pt 5pt 5px 15px; /* top, left, bottom, right */
	border: 1px solid #b8b8b8;
	padding: 2px;

}

 .framerightH_bk
{
	float: right;
	margin: 50pt 5pt 5px 15px;  /* top, left, bottom, right */
	border: 1px solid #b8b8b8;
	padding: 2px;

}


/***** END *****/

/******************************************************************************
* Sidebar style */

.sidebar
{
	padding-bottom: 20px;
}

.sidebar h1
{
	font-family: "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	color: #231F20;
	margin-bottom: -10px;
	line-height: 25px;
}

.sidebar h2
{
	font-family: "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	color: #231F20;
	margin-bottom: -10px;
	margin-top: 50px;
	line-height: 25px;
}

.sidebar h3
{
	font-family: "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: #3E3E3E;
	font-weight: srong;
	margin-bottom: -10px;
	margin-top: 20px;
	line-height: 14px;	
}

.sidebar h4
{
	font-family: "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: #3E3E3E;
	font-weight: srong;
	margin-bottom: -10px;
	margin-top: 30px;
	line-height: 14px;
}


.sidebar h5
{
	font-family: "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
	font-size: 30pt;
	color: #231F20;
	margin-bottom: -10px;
	line-height: 25px;
	margin-left: 10px;
}

.sidebar h6
{
	color: #999999;
	font-family: "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
	font-size: 100%;
	font-style: italic;
	line-height: 170%;
	margin-top: -10px;
	margin-bottom: 10px;
	width: 80%;
}

/******************************************************************************
 * Paragraphs and text
 */
 
.sidebar p
{
	font-family: "Lucida Grande", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: #3E3E3E;
	line-height: 170%;
}

.sidebar p a
{
	color: #00B0D8;
	text-decoration: none;
}

.sidebar p a:hover
{
	text-decoration: underline;
}

/******************************************************************************
 * Tertiary Menu
 */
 
 .tertiary {
	background-color: #FF6600;
	width: 230px;
	float: right;
	display: block;
} 
 
 .tertiary H1{
	color: #666666; 
 	padding-left: 5px;
 } 
 
  .tertiary p {
	color: #666666;
	padding-left: 5px; 
 }
 
  .tertiary p a {
	color: #666666;
	background-color: #999999;
	display: block;
	padding-left: 5px;
	height: 50px;
 }
 
  .tertiary p a:hover{
	color: #666666;
	background-color: #CCCCCC;
	text-decoration: none;	
 } 
 
 
 /* In-page div table with round corners - START */

.top-left, .top-right, .bottom-left, .bottom-right {
	background-image: url(images/corners1280x18.gif); /* CHANGE: path and name of your image */
	height: 9px;       /* CHANGE: replace by the height of one of your corners (= 1/2 height of the image) */
	font-size: 2px;    /* DNC: correction IE for height of the <div>'s */
	float: right;
	width:243px;
	}
.top-left, .bottom-left { 
	margin-right: 9px; /* CHANGE: replace by the width of one of your corners */
	}
.top-right, .bottom-right { 
	margin-left: 9px;  /* CHANGE: replace by the width of one of your corners */
	margin-top: -9px;  /* CHANGE: replace by the height of one of your corners */
	}
.top-right {
	background-position: 100% 0;    /* DNC: position right corner at right side, no vertical changes */
	}
.bottom-left  { 
	background-position: 0 -9px;    /* CHANGE: replace second number by negative height of one of your corners */
	}
.bottom-right { 
	background-position: 100% -9px; /* CHANGE: replace second number by negative height of one of your corners */
	}
.inside {
	float: right;
	width:230px;
	border-left: 1px solid #d3d3d3; /* YCC: color & properties of the left-borderline */
	border-right: 1px solid #d3d3d3;/* YCC: color & properties of the right-borderline */
	background: #EFEFEF;            /* YCC: background-color of the inside */
	color: #000000;                 /* YCC: default text-color of the inside */
	padding-left: 10px;             /* YCC: all texts at some distance of the left border */
	padding-right:10px;             /* YCC: all texts at some distance of the right border */
	font-family: "Lucida Grande", sans-serif, sans-serif;
	font-size: 11px;
	color: #7B7B7B;
	}
	
.inside p{
	font-family: "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 13px;
	color: #7B7B7B;
	}
	
.inside p a
{
	color: #00B0D8;
	text-decoration: none;
	background: none;
}

.inside p a:hover
{
	color: #00B0D8;
	text-decoration: underline;	
}

.inside h1
{
font-family: "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding-left: 10px;
	margin-top: -5px;
	margin-left: -10px;
	margin-right: -10px;
	margin-bottom: 5px;
	color: #7B7B7B;
	border-bottom-width: 1px;
	border-bottom-color: #CCCCCC;
	border-bottom-style: solid;
	display: block;
}

	
.notopgap    { margin-top: -0px; }    /* DNC: to avoid splitting of the box */
.nobottomgap { margin-bottom: -1px; padding-bottom: 1px; } /* DNC: to avoid splitting of the box */

/* END */


/* In-page div table with round corners - START */

.top-left1, .top-right1, .bottom-left1, .bottom-right1 {
	background-image: url(images/corners1280x18.gif); /* CHANGE: path and name of your image */
	height: 9px;       /* CHANGE: replace by the height of one of your corners (= 1/2 height of the image) */
	font-size: 2px;    /* DNC: correction IE for height of the <div>'s */
	float: right;
	width:356px;
	}
.top-left1, .bottom-left1 { 
	margin-right: 9px; /* CHANGE: replace by the width of one of your corners */
	}
.top-right1, .bottom-right1 { 
	margin-left: 9px;  /* CHANGE: replace by the width of one of your corners */
	margin-top: -9px;  /* CHANGE: replace by the height of one of your corners */
	}
.top-right1 {
	background-position: 100% 0;    /* DNC: position right corner at right side, no vertical changes */
	}
.bottom-left1  { 
	background-position: 0 -9px;    /* CHANGE: replace second number by negative height of one of your corners */
	}
.bottom-right1 { 
	background-position: 100% -9px; /* CHANGE: replace second number by negative height of one of your corners */
	}
.inside1 {
	float: right;
	width:343px;
	border-left: 1px solid #d3d3d3; /* YCC: color & properties of the left-borderline */
	border-right: 1px solid #d3d3d3;/* YCC: color & properties of the right-borderline */
	background: #EFEFEF;            /* YCC: background-color of the inside */
	color: #000000;                 /* YCC: default text-color of the inside */
	padding-left: 10px;             /* YCC: all texts at some distance of the left border */
	padding-right:10px;             /* YCC: all texts at some distance of the right border */
	font-family: "Lucida Grande", sans-serif, sans-serif;
	font-size: 11px;
	color: #7B7B7B;
	}
	
.inside1 p{
	font-family: "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 14px;
	color: #7B7B7B;
	}
	
.inside1 p a
{
	color: #00B0D8;
	text-decoration: none;
	background: none;
}

.inside1 p a:hover
{
	color: #00B0D8;
	text-decoration: underline;	
}

.inside1 h1
{
font-family: "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding-left: 10px;
	margin-top: -5px;
	margin-left: -10px;
	margin-right: -10px;
	margin-bottom: 5px;
	color: #7B7B7B;
	border-bottom-width: 1px;
	border-bottom-color: #CCCCCC;
	border-bottom-style: solid;
	display: block;
}

	
.notopgap    { margin-top: -0px; }    /* DNC: to avoid splitting of the box */
.nobottomgap { margin-bottom: -1px; padding-bottom: 1px; } /* DNC: to avoid splitting of the box */

/* END */
 
 


/* NewsReel - START */
 
#pscroller1{
	width: 370px;
	height: 110px;
	font-family: "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #3E3E3E;
	line-height: 18px;
	vertical-align: top;
	padding-top: -20px;
}

#pscroller1 a{
	color: #00B0D8;
	text-decoration: none;
}

#pscroller1 a:hover
{
	color: #00B0D8;
	text-decoration: underline;	
}

.insert_index_lhs {
	background-image: url(images/body_index_lhs.jpg);
	background-repeat: repeat-y;
	width:9px;
}

.insert_index_rhs {
	background-image: url(images/body_index_rhs.jpg);
	background-repeat: repeat-y;
	width:9px;
}



/* - END */