<style>

a:active {font-family: arial, helvetica, sans-serif; text-decoration; underline ; color: #ae0000 }
a:link {font-family: arial, helvetica, sans-serif; text-decoration: underline ; color: #ae0000 }
a:visited {font-family: arial, helvetica, sans-serif; text-decoration: none ; color: #999999 }
a:hover {font-family: arial, helvetica, sans-serif; text-decoration: none ; color: #ae0000 } 

input {background-color: #dcdcdc; font-family: arial, helvetica, sans-serif; font-size: 9px; color: #000000; border: #000000 1px solid;}
textarea {background-color: #dcdcdc; font-family: arial, helvetica, sans-serif; font-size: 9px; color: #000000; border: #000000 1px solid;}

body {
text-align:center;
margin-top:0;
margin-bottom:0;
padding:0;
background-color: #d7d7d7;
font-family: arial, helvetica, sans-serif;
font-size: 10pt;
} 

div span p ul li  {
text-align: justify;
}

#breadcrumbs {
text-align: left; font-size: 8pt; color: #000000; font-family: arial, helvetica, sans-serif;
}
#breadcrumbs strong{
text-align: left; font-size: 10pt; color: #000000; font-family: arial, helvetica, sans-serif;
}

#footer a {
color: #ffffff;
}
#footer {
text-align: justify; font-size: 8pt; color: #ffffff; font-family: arial, helvetica, sans-serif; padding-left: 14px; 
input: background-color: #ae0000; font-family: arial, helvetica, sans-serif; font-size: 9px; color: #ffffff; border: #ffffff 0px solid;
textarea: background-color: #ae0000; font-family: arial, helvetica, sans-serif; font-size: 9px; color: #ffffff; border: #ffffff 0px solid;
}
#content {
text-align: justify; font-family: arial, helvetica, sans-serif;
}
#contentpaneopen {
text-align: justify; font-family: arial, helvetica, sans-serif;
}

.title {
font-size: 16pt;
color: #ae0000;
font-family: arial, helvetica, sans-serif; }

table.center {margin-left:auto; margin-right:auto;}

.text {
font-size: 10pt;
color: #000000;
font-family: arial, helvetica, sans-serif; }

.contentheading, .componentheading, .contact.th { text-align: justify; font-size: 16pt; color: #ae0000; font-family: arial, helvetica, sans-serif;}
.highlight {font-size: 10pt; color: #ae0000; font-family: arial, helvetica, sans-serif;}
.small { text-align: justify; font-size: 8pt; color: #ae0000; font-family: arial, helvetica, sans-serif; } 
.createdate, .modifydate { text-align: justify; font-size: 8pt; color: #ae0000; font-family: arial, helvetica, sans-serif; } 
.copyright { text-align: right; font-size: 8pt; color: #ffffff; font-family: arial, helvetica, sans-serif; } 

.home {
float:left;
width:62px;
height:55px;
background: url(/templates/ctl/images/nav/home_off.jpg);}
a.home:link, a.home:visited, a.home:active {
background: url(/templates/ctl/images/nav/home_off.jpg);}
a.home:hover {
background: url(/templates/ctl/images/nav/home_hover.jpg);}

.company {
float:left;
width:83px;
height:55px;
background: url(/templates/ctl/images/nav/company_off.jpg);}
a.company:link, a.company:visited, a.company:active {
background: url(/templates/ctl/images/nav/company_off.jpg);}
a.company:hover {
background: url(/templates/ctl/images/nav/company_hover.jpg);}

.company2 {
float:left;
width:83px;
height:55px;
background: url(/templates/ctl/images/nav/company_hover.jpg);}
a.company2:link, a.company2:visited, a.company2:active {
background: url(/templates/ctl/images/nav/company_hover.jpg);}
a.company2:hover {
background: url(/templates/ctl/images/nav/company_hover.jpg);}

.products {
float:left;
width:79px;
height:55px;
background: url(/templates/ctl/images/nav/products_off.jpg);}
a.products:link, a.products:visited, a.products:active {
background: url(/templates/ctl/images/nav/products_off.jpg);}
a.products:hover {
background: url(/templates/ctl/images/nav/products_hover.jpg);}

.products2 {
float:left;
width:79px;
height:55px;
background: url(/templates/ctl/images/nav/products_hover.jpg);}
a.products2:link, a.products2:visited, a.products2:active {
background: url(/templates/ctl/images/nav/products_hover.jpg);}
a.products2:hover {
background: url(/templates/ctl/images/nav/products_hover.jpg);}

.training {
float:left;
width:73px;
height:55px;
background: url(/templates/ctl/images/nav/training_off.jpg);}
a.training:link, a.training:visited, a.training:active {
background: url(/templates/ctl/images/nav/training_off.jpg);}
a.training:hover {
background: url(/templates/ctl/images/nav/training_hover.jpg);}

.training2 {
float:left;
width:73px;
height:55px;
background: url(/templates/ctl/images/nav/training_hover.jpg);}
a.training2:link, a.training2:visited, a.training2:active {
background: url(/templates/ctl/images/nav/training_hover.jpg);}
a.training2:hover {
background: url(/templates/ctl/images/nav/training_hover.jpg);}

.resources {
float:left;
width:88px;
height:55px;
background: url(/templates/ctl/images/nav/resources_off.jpg);}
a.resources:link, a.resources:visited, a.resources:active {
background: url(/templates/ctl/images/nav/resources_off.jpg);}
a.resources:hover {
background: url(/templates/ctl/images/nav/resources_hover.jpg);}

.resources2 {
float:left;
width:88px;
height:55px;
background: url(/templates/ctl/images/nav/resources_hover.jpg);}
a.resources2:link, a.resources2:visited, a.resources2:active {
background: url(/templates/ctl/images/nav/resources_hover.jpg);}
a.resources2:hover {
background: url(/templates/ctl/images/nav/resources_hover.jpg);}

.ordering {
float:left;
width:78px;
height:55px;
background: url(/templates/ctl/images/nav/ordering_off.jpg);}
a.ordering:link, a.ordering:visited, a.ordering:active {
background: url(/templates/ctl/images/nav/ordering_off.jpg);}
a.ordering:hover {
background: url(/templates/ctl/images/nav/ordering_hover.jpg);}

.ordering2 {
float:left;
width:78px;
height:55px;
background: url(/templates/ctl/images/nav/ordering_hover.jpg);}
a.ordering2:link, a.ordering2:visited, a.ordering2:active {
background: url(/templates/ctl/images/nav/ordering_hover.jpg);}
a.ordering2:hover {
background: url(/templates/ctl/images/nav/ordering_hover.jpg);}

.verticals {
float:left;
width:124px;
height:55px;
background: url(/templates/ctl/images/nav/verticals_off.jpg);}
a.verticals:link, a.verticals:visited, a.verticals:active {
background: url(/templates/ctl/images/nav/verticals_off.jpg);}
a.verticals:hover {
background: url(/templates/ctl/images/nav/verticals_hover.jpg);}

.verticals2 {
float:left;
width:124px;
height:55px;
background: url(/templates/ctl/images/nav/verticals_hover.jpg);}
a.verticals2:link, a.verticals2:visited, a.verticals2:active {
background: url(/templates/ctl/images/nav/verticals_hover.jpg);}
a.verticals2:hover {
background: url(/templates/ctl/images/nav/verticals_hover.jpg);}

.sidebox {
margin: 0 auto; /* center for now */
width: 17em; /* ems so it will grow */
background: url(sbbody-r.gif) no-repeat bottom right;
font-size: 100%;
}

.boxhead {
background: url(sbhead-r.gif) no-repeat top right;
margin: 0;
padding: 0;
text-align: center;
}

.boxhead h2 {
background: url(sbhead-l.gif) no-repeat top left;
margin: 0;
padding: 22px 30px 5px;
color: white; 
font-weight: bold; 
font-size: 1.2em; 
line-height: 1em;
text-shadow: rgba(0,0,0,.4) 0px 2px 5px; /* Safari-only, but cool */
}

.boxbody {
background: url(sbbody-l.gif) no-repeat bottom left;
margin: 0;
padding: 5px 30px 31px;
}

</style>
