/* CSS Document */

body{
font-family:"Trebuchet MS", Verdana, Arial, sans-serif;
color:#333333;
background-color:#FFFFFF;
font-size:90%;
}

a:link {
color: #333333;
} 

a:visited{
color: #333333;
} 

a:active{
color: blue; 
} 

a:hover {
color: blue; 
} 

.singlecolumn a {
color: #333333; 
text-decoration: none;
}


h1 {font-size:150%; 
color:#005DF6;
font:"Maiandra GD";
font-style:italic;
}

h2 {font-size:125%;
color:#FF8429;
font-style:normal;
margin-top: 2px;
margin-bottom:7px;
}

ul{
list-style-image:url(../0040.gif);
vertical-align:middle;
line-height:130%;
}

li{
margin-bottom: 5px;
}

.container{
text-align:center;
}

.wholepage{
position:relative;
top:0;
left:0;
width:750px;
margin:auto;
}


.topbanner {
position:absolute;
top: 0px;
left: 0px;
width:750px;
height:153px;
background-image:url(../newheader752.jpg);
background-repeat:no-repeat;
background-position:center top;
}

.topbanner p {
text-align:right;
margin-top:125px;
margin-right:10px;
margin-left:500px;
font-weight:bold;
color:#FFFFFF;
background-color:#005DF6;
}

.menu{ 
top:160px;
left:0px;
position:absolute;
width:750px;
height:23px;
visibility:visible;
}

.pageheading{
padding-top:200px;
width:750px;
background-image:url(../bluebar6.gif);
background-repeat:no-repeat;
background-position:bottom center;
margin-bottom:15px;
}

.pageheading h1 { 
font-size:150%;
margin:0px;
text-align:center;
padding-bottom:20px;
}


.maintext {
position:relative;
top:0px;
left:0px;
}

td {
font-family:"Trebuchet MS", Verdana, Arial, sans-serif;
color:#333333;
background-color:#FFFFFF;
font-size:75%;
}


/* =============== rules for greyboxes and whiteboxes ============= */ 

.greybox, .whitebox {
width:205px;
height:55px;
color:#333333;
padding:5px;
line-height:125%;
font-size:90%;
text-align:left;
}

.greybox img, .whitebox img {
padding-right:5px;
}

.greybox {
background-color:#CCCCCC;
}

.whitebox{
border-bottom: 1px dotted #333333;
}


.whitebox a  , .greybox a {
text-decoration:none;
}
 
 
.whitebox a:hover  , .greybox a:hover {
text-decoration:underline;
color: #0000CC;
}
 
 
/* ============ rules for blueboxes  ================ */ 

.bluebox{
background-color: #005DF6;
padding-left:5px;
color:#FFFFFF;
}

.bluebox h2{
color:#FFFFFF;
font-size: 13px;
}

/* ============ rules for updatebox  ================ */ 


.updatebox{
background-color:#005DF6;
height:60px;
width:205px;
color:#FFFFFF;
font-weight:bold;
padding:5px;
line-height:125%;
font-size:90%;
text-align:left;
}


.updatebox a:hover {
color: FFFFFF; 
text-decoration: underline; 
} 


.content a:hover {
color: FFFFFF; 
text-decoration: none; 
background-color: #005DF6;
} 


.content strong {
color:#FFFFFF;
}


.borderbox{
width:375px;
color:#333333;
padding:10px;
line-height:125%;
font-size:90%;
text-align:left;
border:2px solid #005DF6;
} 

.newborderbox{
width:375px;
background-color:#FFF04F;
color:#333333;
padding:10px;
line-height:125%;
font-size:90%;
text-align:center;
border:2px solid #005DF6;
} 

.newborderbox a:hover {

}


.productbox{
width:290px;
color:#333333;
padding-left:5px;
font-size:85%;
text-align:left;
}

.productbox img {
padding-right:5px;
}

.greyproductbox{
height:125px;
background-color:#CCCCCC;
color:#000066;
padding:20;
padding-left:75px;
font-size:100%;
text-align:left;
}

.greyproductbox a:hover {
text-decoration:underline;
}

.greyproductbox img {
padding-right:35px;
}

.greyproductbox ul{
list-style-image:url(../orangebullet.gif);
vertical-align:middle;
line-height:200%;
}

.greytextbox{
height:auto;
background-color:#CCCCCC;
color:#333333;
font-size:90%;
text-align:center;
}

.greytextbox a {
	color:#005DF6 ;
	text-decoration:underline;
}

.textbox {
border:1px solid #FFFFFF;
border-bottom:1px dotted #333333;
color:#333333;
padding-left:5px;
padding-right:5px;
padding-top:0px;
padding-bottom:10px;
line-height:125%;
font-size:90%;
text-align:justify;
}

.textbox2 {
border:1px solid #FFFFFF;
border-bottom:1px dotted #333333;
color:#333333;
padding-left:5px;
width:290px;
font-size:85%;
text-align: justify;
}
.stressbox {
border:1px solid #FFFFFF;
border-bottom:1px dotted #333333;
color:#333333;
height:182px;
padding-left:5px;
padding-right:5px;
padding-top:10px;
padding-bottom:10px;
line-height:125%;
font-size:90%;
text-align:justify;
}

.stressbox2{
border:1px solid #FFFFFF;
border-bottom:1px dotted #333333;
color:#333333;
height:235px;
padding-left:5px;
padding-right:5px;
padding-top:10px;
padding-bottom:10px;
line-height:125%;
font-size:90%;
text-align:justify;
}


.textbox img {
padding-right:5px;
padding-left:5px;
}

.newsbox{
border:1px solid #FFFFFF;
border-bottom:1px dotted #333333;
height:186px;
color:#333333;
padding-left:5px;
padding-right:5px;
padding-top:0px;
padding-bottom:5px;
line-height:110%;
font-size:90%;
text-align:justify;
}

.carolebox {
border:1px solid #FFFFFF;
border-bottom:1px dotted #333333;
height:55;
color:#333333;
padding-left:5px;
padding-right:5px;
padding-top:5px;
padding-bottom:5px;
line-height:110%;
font-size:90%;
text-align:left;
}

.carolebox img {
padding-right:5px;
padding-left:5px;
}

.articlesbox {
height:155px;
border:1px solid #FFFFFF;
border-bottom:1px dotted #333333;
color:#333333;
padding-top:15px;
padding-bottom:15px;
line-height:125%;
font-size:90%;
text-align:justify;
}

.logobox {
color:#333333;
font-size:9px;
font-style:italic;
line-height:100%;
text-align:center;
}


.articlesbox img {
margin-right:10px;
}

.twocolumn{
float:left;
width:440px;
}


.singlecolumn{
width:155px;
float:left;
color:#333333;
padding-left:5px;
padding-right:5px;
padding-top:1px;
padding-bottom:10px;
line-height:125%;
font-size:90%;
text-align:left;
}

.leftcolumn{
width:215px;
float:left;
}

.midcolumn{
width:220px;
float:right;
}

.doublecolumn{
width:575px;
border-left: #999999 solid 1px;
padding-left:5px;
float:right;
}


.midcolumn p{
text-align:left;
margin-bottom:10px;
clear:both;
}

.rightcolumn{
float:right;
width:295px;
border-left:#FFF04F solid 3px;
margin-left:5px;
padding-left:5px;
}

strong{
color:#005DF6;
}

b{
color:#000000;
}

.menubox{
text-align:left;
font-size:85%;
padding-top:5px;
padding-bottom:5px;
border-bottom:1px dotted #333333;
}

.b1, .b2, .b3, .b4{font-size:1px; overflow:hidden; display:block;}
  .b1 {height:1px; background:#005DF6; margin:0 5px;}
  .b2 {height:1px; background:#000; border-right:2px solid #005DF6;
         border-left:2px solid #005DF6; margin:0 3px;}
  .b3 {height:1px; background:#000; border-right:1px solid #005DF6;
         border-left:1px solid #005DF6; margin:0 2px;}
  .b4 {height:2px; background:#000; border-right:1px solid #005DF6;
         border-left:1px solid #005DF6; margin:0 1px;}
  .content {background: #005DF6; border-right:1px solid #005DF6;
         border-left:1px solid #005DF6;}
  .content div {margin-left: 5px; margin-right: 5px; color: #FFF;} 
  

  .piccy_left {
    clear : both ; 
    float:left ;
    padding-right : 10px;
}

.piccy_right {
		clear : both ; 
		float:right ;
		padding-left : 10px;
}   
   
BODY {
scrollbar-face-color:#FFF04F;
scrollbar-highlight-color:#FFFFFF;
scrollbar-3dlight-color:#005DF6;
scrollbar-darkshadow-color:#005DF6;
scrollbar-shadow-color:#FFFFFF;
scrollbar-arrow-color:#005DF6;
scrollbar-track-color:#FFFFFF;
}
