/* CSS Document  ---------------------------------- */

body{
	font-family: Arial, Trebuchet, Verdana, Helvetica, 'Sans Serif';
	margin-top : 0px;
	background : #E1E1E1;
	font-size: 9pt;
  font-weight: normal;
  color: #333333; font-family: ARIAL,HELVETICA,serif;
  line-height: normal;
	
}

/* main container  ---------------------------------- */

#container {margin-left: auto;
		margin-right: auto;
		width: 1000px;
		padding-left: 10px;
		padding-right: 10px;
		padding-top: 10px;
		padding-bottom: 10px;
		background-color: #ffffff;
		
}







/* CSS fonts  ---------------------------------- */

p {font-style: normal;
  font-size: 9pt;
  font-weight: normal;
  color: #333333; font-family: ARIAL,HELVETICA,serif;
  line-height: normal;
  padding: 0px;
  text-align: left;
  margin-top: 0px;
  margin-bottom: 10px;
  margin-right: 0px;
  padding-left: 1px;
 }

p.right {font-style: normal;
  font-size: 8pt;
  font-weight: normal;
  color: #666666; font-family: ARIAL,HELVETICA,serif;
  line-height: normal;
  padding: 0px;
  text-align: right;
  margin-top: 0px;
  margin-bottom: 10px;
  margin-right: 0px;
  margin-left: 0px;
 }


p.rightdotted {
  text-align: right;
  margin-top: 0px;
  margin-bottom: 0px;
  padding-bottom: 3px;
  padding-top: 0px;
  margin-right: 0px;
  margin-left: 0px;
  border-bottom : 1px dotted #CCCCCC;
 } 
 
 
p.sectionnavi {font-style: normal;
  font-size: 9pt;
  font-weight: normal;
  color: #333333;
  line-height: normal;
  padding: 0px;
  text-align: left;
  margin-top: 0px;
  margin-bottom: 5px;
  margin-right: 10px;
  padding-left: 10px;
 }
 

input, textarea, select, option {font-style: normal;
  font-size: 9pt;
  font-weight: normal;
  color: #333333; font-family:  ARIAL,HELVETICA,serif;
   }

h1.normal {font-style: normal;
  font-size: 14pt;
  font-weight: BOLD;
  color: #999999; font-family: ARIAL, ARIAL BLACK,HELVETICA,serif;
  padding: 0px;
  text-align: justify;
  margin-top: 0px;
  margin-bottom: 10px;
  margin-right: 0px;
  margin-left: 0px;
  }
  
  
h1 {font-style: normal;
  font-size: 14pt;
  font-weight: BOLD;
  color: #ffffff; font-family: ARIAL, ARIAL BLACK,HELVETICA,serif;
  padding: 5px;
  text-align: LEFT;
  margin-top: 0px;
  margin-bottom: 10px;
  margin-right: 0px;
  margin-left: 0px;
  
  } 
  
  
h1.bg {font-style: normal;
  font-size: 14pt;
  font-weight: BOLD;
  color: #ffffff; font-family: ARIAL, ARIAL BLACK,HELVETICA,serif;
  padding: 5px;
  text-align: LEFT;
  margin-top: 0px;
  margin-bottom: 10px;
  margin-right: 0px;
  margin-left: 0px;
  background-color: #D4CED1;
  } 
  
  
  
  
  
h1.boxright {font-style: normal;
  font-size: 12pt;
  font-weight: BOLD;
  color: #ffffff; font-family: ARIAL, ARIAL BLACK,HELVETICA,serif;
  padding: 0px;
  text-align: left;
  margin-top: 5px;
  margin-bottom: 5px;
  margin-right: 0px;
  margin-left: 0px;
  background-color: #CAC8C9;
  }
  

h2 {font-style: normal;
  font-size: 11pt;
  font-weight: bold;
  color: #999999;
  font-family: ARIAL, HELVETICA,serif;
  padding: 0px;
  text-align: justify;
  margin-top: 15px;
  margin-bottom:0px;
  margin-right: 0px;
  margin-left: 0px;
  }
  
  
h2.newsletterheadline {font-style: normal;
  font-size: 14pt;
  font-weight: bold;
  color: #F0037F;
  font-family: ARIAL, HELVETICA,serif;
  padding: 0px;
  text-align: left;
  margin-top: 15px;
  margin-bottom:0px;
  margin-right: 0px;
  margin-left: 0px;
  } 
  
 h2.intro {font-style: normal;
  font-size: 14pt;
  font-weight: BOLD;
  color: #ffffff; font-family: ARIAL, ARIAL BLACK,HELVETICA,serif;
  padding: 5px;
  text-align: LEFT;
  margin-top: 0px;
  margin-bottom: 10px;
  margin-right: 0px;
  margin-left: 0px;
  background-color: #D4CED1;
  }  
  
  
h3 {font-style: normal;
  font-size: 10pt;
  font-weight: bold;
  color: #F0037F;
  font-family: ARIAL, HELVETICA,serif;
  padding: 0px;
  text-align: left;
  margin-top: 5px;
  margin-bottom:5px;
  margin-right: 0px;
  margin-left: 0px;
  }  
  


.footerfont {font-style: normal;
  font-size: 8pt;
  font-weight: normal;
  color: #999999; font-family: ARIAL,HELVETICA,serif;
  line-height: normal;
  padding: 0px;
  text-align: justify;
  margin-top: 0px;
  margin-bottom: 5px;
  margin-right: 10px;
  margin-left: 5px;
 }

td, tr {font-style: normal;
  font-size: 9pt;
  font-weight: normal;
  color: #333333; font-family: ARIAL,HELVETICA,serif;
  line-height: normal;
  padding: 0px;
  text-align: left;
  margin-top: 5px;
  margin-bottom: 5px;
  margin-right: 0px;
  margin-left: px;
 }

.white {
  color: #ffffff; 
  }  

.pink{color: #F0037F; 
  } 

.pinkbold{
 font-weight: bold;
  color: #F0037F; 
  }  
 
/* form  ---------------------------------- */ 
 
input, textarea {font-style: normal;
  font-size: 8pt;
  font-weight: normal;
  color: #666666; font-family: ARIAL,HELVETICA,serif;
   }
 
  
		
		
	   
/*  content  ---------------------------------- */	



#masthead {width: 1000px;
	height: 240px;		
	background-color: #ffffff;
           }   
	 
#mastheadflex {width: 1000px;
	height: 100%;		
	background-color: #ffffff;
           }  


		
#navi {width: 1000px;
   	height: 24px;	
	padding-left: 0px;
	padding-right: 0px;
	margin-top: 1px;
	margin-bottom: 20px;
	background-color: #f0037f;
		}		
		
		

#content {
   	width: 1000px;
	height: 100%;
	text-align: left;
	margin-top: 0px;
	background-color: #ffffff;
	border-bottom: 0px solid #ffffff;
	border-top: 0px solid #ffffff;
	
		}

#cleft{
   	width: 700px;
	height: 100%;
	text-align: left;
	margin-top: 0px;
	background-color: #ffffff;
	float: left;	
	padding-right: 10px;
		}
		
#cright{
   	width: 250px;
	height: 100%;
	text-align: left;
	margin-top: 0px;
	background-color: #ffffff;
	float: right;	
		}	
		
#subnavi{
   	width: 690px;
	height: 100%;
	text-align: left;
	margin-top: 0px;
	background-color: #EFEDEE;
	float: left;	
	padding: 5px;
		}		
		
		
	#sectionnavi{float: right;
        padding-bottom: 0px;
        padding-top: 0px;
		padding-right: 0px;
		padding-left: 0px;
        margin-left: 20px;   
		margin-top: 20px;  
		margin-bottom: 30px;    
        width: 180px;
        height: 100%;
		color: #333333;
		background: #fffff;
        }
		
		#sectionnavi_grey{
        padding-bottom: 10px;
        padding-top: 00px;
		padding-right: 0px;
		padding-left: 0px;
        margin-left: 00px;   
		margin-top: 10px;  
		margin-bottom: 10px;    
        width: 180px;
        height: 100%;
		
		background: #f2f2f2 url(../images_pcbs/sectionnavi_bottom.gif) bottom no-repeat;
        }
	
		
		
		
.split180{position: relative;
   	width: 490px;
	min-height: 30px;
	text-align: left;
	margin-top: 0px;
	margin-left: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	
	
		}

.split180left{position: relative;
	float: left;	
   	width: 184px;
	min-height: 30px;
	text-align: left;
	margin-top: 0px;
	padding-right: 20px;
	
			}
		
.split180right{position: relative;
	float: right;	
   	width: 280px;
	min-height: 30px;
	text-align: left;
	padding-left: 0px;
	padding-right: 0px;
	
			}	
  
 
   
   .split180end{clear: both;
   	width: 490px;
	height: 20px;
	
			}
					
		
		
		
		
		
		
		
		
		
		
		
		
/*  listing left  ---------------------------------- */			
	
.list{
   	text-align: left;
	height: 100%;
	background-color: #ffffff;
	padding-top: 10px;
	padding-bottom: 10px;
	border-bottom: 1px solid #cccccc;
		  }		
	
	
	
/*  highlight boxes right ---------------------------------- */	



.box00{
   	width: 250px;
	height: 100%;
	text-align: left;
	margin-top: 0px;
	background-color: #CAC8C9;
	border-bottom: 1px solid #ffffff;
	padding: 0px;
	
	}			
		
.box01{
   	width: 240px;
	height: 100%;
	text-align: left;
	margin-top: 0px;
	background-color: #CAC8C9;
	border-bottom: 1px solid #ffffff;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	padding-right: 5px;
	}			
		
.box02{
   	width: 240px;
	height: 100%;
	text-align: left;
	margin-top: 0px;
	background-color: #ffffff;
	border-bottom: 1px solid #666666;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	padding-right: 5px;
	}			
	

		
		
#end{clear: both;
   	width: 990px;
	height: 100%;
	margin-top: 10px;
	background-color: #ffffff;
			}	
		
		

#footer {margin-left: auto;
		margin-right: auto;
   	width: 1000px;
	height: 20px;
	text-align: left;
	border-top: 0px solid #ffffff;
	background-color: #e3e3e3;
	padding-top: 10px;
	clear: both;
		  }	
	
/* img  ---------------------------------- */	

.imageline {
    width: 100%;
	height: 100%;
	padding-top: 10px ;
	padding-bottom: 10px;
	border-bottom: 1px solid #cccccc;
   		  }	

.imageborder {
   	padding: 1px ;
	border: 1px solid #cccccc;
   		  }	


img.imgright {
	border: 0;
	margin-left: 10px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 5px;
	float: right;
}

img.imgleft {
	border: 0;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 10px;
	margin-bottom: 10px;
	float: left;
}



#imagenewsstory img {float: right;
	padding-left: 15px;
	padding-bottom: 10px;
	padding-top: 32px;
	padding-right: 0px;
	margin: 0px;	
   		  }	

/* buttons ---------------------------------- */


#bg100right {width: 95px;
		padding-left: 5px;
		padding-top: 2px;
		padding-bottom: 1px;
		margin-left: 5px;
		background-image : url('../images/buttons/more_100.gif') ;		
}

#bg50right {width: 45px;
		padding-left: 5px;
		padding-top: 2px;
		padding-bottom: 1px;
		margin-left: 0px;
		background-image : url('../images/buttons/more_50.gif') ;		
}

#bg100 {width: 95px;
		padding-left: 5px;
		padding-top: 2px;
		padding-bottom: 1px;
		margin-left: 0px;
		background-image : url('../images/buttons/b_100.gif') ;		
}


#bg150 {width: 145px;
		padding-left: 5px;
		padding-top: 2px;
		padding-bottom: 1px;
		margin-left: 5px;
		margin-bottom: 5px;
		background-image : url('../images/buttons/b_150.gif') ;		
}


#bg200 {width: 195px;
		padding-left: 5px;
		padding-top: 2px;
		padding-bottom: 1px;
		margin-left: 5px;
		margin-bottom: 5px;
		background-image : url('../images/buttons/b_200.gif') ;		
}

#bg250 {width: 245px;
		padding-left: 5px;
		padding-top: 2px;
		padding-bottom: 1px;
		margin-left: 5px;
		margin-bottom: 5px;
		background-image : url('../images/buttons/b_250.gif') ;		
}




#bg100_50 {width: 95px;
			height: 42px;
		padding-left: 5px;
		padding-top: 8px;
		margin-left: 5px;
		margin-bottom: 5px;
		background-image : url('../images/buttons/b_100_50.gif') ;			
}


	
		
		
#bg150_50 {width: 145px;
			height: 42px;
		padding-left: 5px;
		padding-top: 8px;
		margin-left: 5px;
		margin-bottom: 5px;
		background-image : url('../images/buttons/b_150_50.gif') ;			
}



#bg200_50 {width: 195px;
			height: 42px;
		padding-left: 5px;
		padding-top: 8px;
		margin-left: 5px;
		margin-bottom: 5px;
		background-image : url('../images/buttons/b_200_50.gif') ;	
		
}



#bg250_50 {width: 245px;
			height: 42px;
		padding-left: 5px;
		padding-top: 8px;
		margin-left: 5px;
		margin-bottom: 5px;
		background-image : url('../images/buttons/b_250_50.gif') ;	
		
}

/* list  ---------------------------------- */

ul{	
	margin-left : 14px;
	margin-right : 0px;
	margin-bottom: 10px;
	margin-top:10px;
}

li{	line-height : normal;
	margin-left : 0px;
	margin-right : 12px;
	margin-bottom: 2px;
	margin-top:2px;
	list-style-position : outside;
	list-style-type : square;
	}



/* navigation  ---------------------------------- */


A:link {text-decoration: none; font-size: 9pt; font-weight: normal; color: #F0037F; font-family: ARIAL,HELVETICA,serif;}
A:visited {text-decoration: none; font-size: 9pt; font-weight: normal; color: #F0037F; font-family: ARIAL,HELVETICA,serif; }
A:active {text-decoration: none; font-size: 9pt; font-weight: normal; color: #666666; font-family: ARIAL,HELVETICA,serif; }
A:hover {text-decoration: none; font-size: 9pt; font-weight: normal; color: #666666; font-family: ARIAL,HELVETICA,serif;}




A.button:link {text-decoration: none; font-size: 9pt; font-weight: bold;	color: #ffffff;	font-family: ARIAL,HELVETICA,serif;}		
A.button:visited {text-decoration: none; font-size: 9pt; font-weight: bold; color: #ffffff; font-family: ARIAL,HELVETICA,serif;}		
A.button:active {text-decoration: none; font-size: 9pt; font-weight: bold; color: #000000; font-family: ARIAL,HELVETICA,serif;}
A.button:hover {text-decoration: none;	font-size: 9pt;	font-weight: bold; color: #000000; font-family: ARIAL,HELVETICA,serif;}

A.buttonright:link {text-decoration: none; font-size: 9pt; font-weight: bold;	color: #F0037F;	font-family: ARIAL,HELVETICA,serif;}		
A.buttonright:visited {text-decoration: none; font-size: 9pt; font-weight: bold; color: #F0037F; font-family: ARIAL,HELVETICA,serif;}		
A.buttonright:active {text-decoration: none; font-size: 9pt; font-weight: bold; color: #CAC8C9; font-family: ARIAL,HELVETICA,serif;}
A.buttonright:hover {text-decoration: none;	font-size: 9pt;	font-weight: bold; color: #CAC8C9; font-family: ARIAL,HELVETICA,serif;}

A.buttonhigh:link {text-decoration: none; font-size: 12pt; font-weight: bold;	color: #ffffff;	font-family: ARIAL,HELVETICA,serif;}		
A.buttonhigh:visited {text-decoration: none; font-size: 12pt; font-weight: bold; color: #ffffff; font-family: ARIAL,HELVETICA,serif;}		
A.buttonhigh:active {text-decoration: none; font-size: 12pt; font-weight: bold; color: #000000; font-family: ARIAL,HELVETICA,serif;}
A.buttonhigh:hover {text-decoration: none;	font-size: 12pt;	font-weight: bold; color: #000000; font-family: ARIAL,HELVETICA,serif;}



A.footernavi:link {text-decoration: none; font-size: 8pt; font-weight: normal; color: #999999; font-family: ARIAL,HELVETICA,serif;}
A.footernavi:visited {text-decoration: none; font-size: 8pt; font-weight: normal ; color: #999999; font-family: ARIAL,HELVETICA,serif;}
A.footernavi:active {text-decoration: none; font-size: 8pt; font-weight: normal; color: #cccccc; font-family: ARIAL,HELVETICA,serif; }
A.footernavi:hover {text-decoration: none; font-size: 8pt; font-weight: normal; color: #cccccc; font-family: ARIAL,HELVETICA,serif;}




A.buttoncss:link {text-decoration: none; font-size: 12pt; font-weight: bold; color: #ffffff; font-family: ARIAL,HELVETICA,serif;}
A.buttoncss:visited {text-decoration: none; font-size: 12pt; font-weight: bold; color: #ffffff; font-family: ARIAL,HELVETICA,serif; }
A.buttoncss:active {text-decoration: none; font-size: 12pt; font-weight: bold; color: #333333; font-family: ARIAL,HELVETICA,serif; }
A.buttoncss:hover {text-decoration: none; font-size: 12pt; font-weight: bold; color: #333333; font-family: ARIAL,HELVETICA,serif;}


A.buttoncss1:link {text-decoration: none; font-size: 10pt; font-weight: bold; color: #ffffff; font-family: ARIAL,HELVETICA,serif;}
A.buttoncss1:visited {text-decoration: none; font-size: 10pt; font-weight: bold; color: #ffffff; font-family: ARIAL,HELVETICA,serif; }
A.buttoncss1:active {text-decoration: none; font-size: 10pt; font-weight: bold; color: #333333; font-family: ARIAL,HELVETICA,serif; }
A.buttoncss1:hover {text-decoration: none; font-size: 10pt; font-weight: bold; color: #333333; font-family: ARIAL,HELVETICA,serif;}



/* css button 100 1 -------------------------------------- */

.cssnavb100_1
{
position: relative;
font-family: arial, helvetica, sans-serif;
background: url(../images_pcbs/b_100_1_o.gif) no-repeat;
white-space: nowrap;
display: block;
width: 100px;
height: 20px;
margin: 0;
padding: 0;
}

.cssnavb100_1 a
{
display: block;
font-size: 10px;
width: 100px;
height: 20px;
display: block;
float: left;
text-decoration: none;
}

.cssnavb100_1 img
{
width: 100px;
height: 20px;
border: 0
}

* html a:hover
{
visibility:visible
}

.cssnavb100_1 a:hover img
{
visibility:hidden
}

.cssnavb100_1 span
{
position: absolute;
left: 15px;
top: 2px;
margin: 0px;
padding: 0px;
cursor: pointer;
} 

/* css button 180 1  -------------------------------------- */

.cssnavb180_1
{
position: relative;
font-family: arial, helvetica, sans-serif;
background: url(../images_pcbs/b_180_1_o.gif) no-repeat;
white-space: nowrap;
display: block;
width: 180px;
height: 20px;
margin: 0;
padding: 0;
}

.cssnavb180_1 a
{
display: block;
font-size: 10px;
width: 180px;
height: 20px;
display: block;
float: left;
text-decoration: none;
}

.cssnavb180_1 img
{
width: 180px;
height: 20px;
border: 0
}

* html a:hover
{
visibility:visible
}

.cssnavb180_1 a:hover img
{
visibility:hidden
}

.cssnavb180_1 span
{
position: absolute;
left: 15px;
top: 2px;
margin: 0px;
padding: 0px;
cursor: pointer;
} 


/* css button 100 -------------------------------------- */

.cssnavb100
{
position: relative;
font-family: arial, helvetica, sans-serif;
background: url(../images_pcbs/b_100_o.gif) no-repeat;
white-space: nowrap;
display: block;
width: 100px;
height: 40px;
margin: 0;
padding: 0;
}

.cssnavb100 a
{
display: block;
font-size: 14px;
width: 100px;
height: 40px;
display: block;
float: left;
text-decoration: none;
}

.cssnavb100 img
{
width: 100px;
height: 40px;
border: 0
}

* html a:hover
{
visibility:visible
}

.cssnavb100 a:hover img
{
visibility:hidden
}

.cssnavb100 span
{
position: absolute;
left: 15px;
top: 11px;
margin: 0px;
padding: 0px;
cursor: pointer;
} 



/* css button 180-------------------------------------- */

.cssnavb180
{
position: relative;
font-family: arial, helvetica, sans-serif;
background: url(../images_pcbs/b_180_o.gif) no-repeat;
white-space: nowrap;
display: block;
width: 180px;
height: 40px;
margin: 0;
padding: 0;
}

.cssnavb180 a
{
display: block;
font-size: 11px;
width: 180px;
height: 40px;
display: block;
float: left;
text-decoration: none;
}

.cssnavb180 img
{
width: 180px;
height: 40px;
border: 0
}

* html a:hover
{
visibility:visible
}

.cssnavb180 a:hover img
{
visibility:hidden
}

.cssnavb180 span
{
position: absolute;
left: 15px;
top: 11px;
margin: 0px;
padding: 0px;
cursor: pointer;
} 


/* css button 260 -------------------------------------- */

.cssnavb260
{
position: relative;
font-family: arial, helvetica, sans-serif;
background: url(../images_pcbs/b_260_o.gif) no-repeat;
white-space: nowrap;
display: block;
width: 260px;
height: 40px;
margin: 0;
padding: 0;
}

.cssnavb260 a
{
display: block;
font-size: 11px;
width: 260px;
height: 40px;
display: block;
float: left;
text-decoration: none;
}

.cssnavb260 img
{
width: 260px;
height: 40px;
border: 0
}

* html a:hover
{
visibility:visible
}

.cssnavb260 a:hover img
{
visibility:hidden
}

.cssnavb260 span
{
position: absolute;
left: 15px;
top: 11px;
margin: 0px;
padding: 0px;
cursor: pointer;
} 
