* {

margin: 0;

padding: 0;

}





body {

background: #efefef url(../images/bodybg.gif) repeat-x;

font : 62.5%/1.6  arial, verdana, "lucida grande", sans-serif;

color: #3d3d3d;

}



.clear {

clear: both;

}



h2 {

font-size: 1.6em;

margin-left: 5px;

}



h3 {

font-size: 1.6em;

margin-left: 5px;

}

















/*============================

==== Main page layout ========

============================*/



#wrapper {
position: relative;

width: 950px;

border: 1px solid #8cdef4;

margin: 40px auto;

background: #fff;

}



#header {

position: relative;

width: 950px;

height: 168px;

background: #8cdef7 url(../images/header.gif);

}
#flash {

float: right;

margin:0;

padding:0;

}


#headerenv {

position: relative;

width: 950px;

height: 168px;

background: #8cdef7 url(../images/envhead.gif);

}



#left_colum {

float: left;

width: 180px;

border-right: 1px solid #8cdef4;

background: #39c2e6;

}



#left_colum h3 {

width: 170px;

height: 23px;

background: #39c2e6;

border-bottom: none!important;

color: #fff;

font-size: 1.4em;

font-weight: bold;

text-transform: uppercase;

margin: 0 5px;

margin-left: 0;

padding: 5px;

padding-right: 0;

padding-left: 10px;

} 



#left_colum ul {

background: #fff;

list-style-type: none;

}



.main li {

display: block;

}



#left_colum a, #left_colum a:link {

padding: 5px;

padding-left: 60px;

border-bottom: 1px solid #8cdef4;

font-size: 1.7em;

font-weight: bold;

text-decoration: none;

color: #00AEEF;

display: block;

}





#content {

float: left;

width: 470px;

margin-left: 20px;

margin-top: 20px;

}



#content p {

font-size: 1.2em;

margin-left: 5px;

line-height: 2em;

margin-top: 10px;

}



#highlight {

width: 450px;

background: #f7f7f7;

margin: 20px 0;

padding: 10px;

}



#highlight h2 {

margin: 10px;

color: #00aeef;

font-weight: normal;

font-size: 1.6em;

border-bottom: 1px solid #00aeef;

}



#highlight dl {

font-size: 1.2em;

margin: 20px;

padding-bottom: 20px;

}



#highlight dt {

font-weight: bold;

background: transparent url(../images/bluebox.gif);

background-repeat: no-repeat;

background-position: left;

padding-left: 20px;

margin-top: 20px;

}



.list ul, #highlight ul {

padding: 10px 0;

list-style-type: none;

font-size: 1.2em;

}



.list li , #highlight li {

font-weight: bold;

background: transparent url(../images/bluebox.gif);

background-repeat: no-repeat;

background-position: left 5px;

padding-left: 20px;

margin-top: 10px;

}



#highlight dd {

margin-left: 25px;

margin-top: 10px;

}



.blue {

color: #00aeef;

}







.large_text {

font-weight: bold;

font-size: 1.7em;

}





#right_col {

float: right;

width: 270px;

text-align: center;

margin: 30px 0;

margin-bottom: 0;

}

#right_col img {
margin-bottom: 5px;
}



#right_col2 {

float: right;

width: 270px;

text-align: center;

margin: 30px 0;

margin-bottom: 0;

}









/*==========================

=== Navigation stuff ======

=========================*/



#top_nav {

position: absolute;

bottom: 0;

right: 0;

width: 650px;

height: 25px;

color: #fff;

text-transform: uppercase;

}



#top_nav ul {

margin-top: 1px;

}



#top_nav li {

display: inline;

font-size: 1.2em;



}



#top_nav a, #top_nav a:link {

color: #fff;

text-decoration: none;

padding: 0 6px;

}



#top_nav a:hover {

text-decoration: underline;

}





/*========================

== left nav classes ======

== for the image hovers ==

========================*/



.fillpak a, .fillpak a:link {

background: url(../images/fillpak_link.gif);

background-repeat: no-repeat;

background-position: 10% 50%;

}



.fillpak a:hover {

background: #f7f7f7 url(../images/fillpak_link_over.gif);

background-repeat: no-repeat;

background-position: 10% 50%;

}



.tt a, .tt a:link {

background: url(../images/tt_link.gif);

background-repeat: no-repeat;

background-position: 10% 50%;

}



.tt a:hover {

background: #f7f7f7 url(../images/tt_link_over.gif);

background-repeat: no-repeat;

background-position: 10% 50%;

}

.m a, .m a:link {

background: url(../images/m_link.gif);

background-repeat: no-repeat;

background-position: 10% 50%;

}



.m a:hover {

background: #f7f7f7 url(../images/m_link_over.gif);

background-repeat: no-repeat;

background-position: 10% 50%;

}



.accu a, .accu a:link {

background: url(../images/accu_link.gif);

background-repeat: no-repeat;

background-position: 10% 50%;

}



.accu a:hover {

background: #f7f7f7 url(../images/accu_link_over.gif);

background-repeat: no-repeat;

background-position: 10% 50%;

}



.lc a, .lc a:link {

background: url(../images/lc_link.gif);

background-repeat: no-repeat;

background-position: 10% 50%;

}



.lc a:hover {

background: #f7f7f7 url(../images/lc_link_over.gif);

background-repeat: no-repeat;

background-position: 10% 50%;

}





.jr a, .jr a:link {

background: url(../images/jr_link.gif);

background-repeat: no-repeat;

background-position: 10% 50%;

}



.jr a:hover {

background: #f7f7f7 url(../images/jr_link_over.gif);

background-repeat: no-repeat;

background-position: 10% 50%;

}



.snr a, .snr a:link {

background: url(../images/snr_link.gif);

background-repeat: no-repeat;

background-position: 10% 50%;

}



.snr a:hover {

background: #f7f7f7 url(../images/snr_link_over.gif);

background-repeat: no-repeat;

background-position: 10% 50%;

}


.cc a, .cc a:link {

background: url(../images/cc.gif);

background-repeat: no-repeat;

background-position: 10% 50%;

}



.cc a:hover {

background: #f7f7f7 url(../images/cc-over.gif);

background-repeat: no-repeat;

background-position: 10% 50%;

}



.ranpakp a, .ranpakp a:link {

background: url(../images/ranpakp_link.gif);

background-repeat: no-repeat;

background-position: 10% 50%;

}



.ranpakp a:hover {

background: #f7f7f7 url(../images/ranpakp_link_over.gif);

background-repeat: no-repeat;

background-position: 10% 50%;

}





.inbox a, .inbox a:link {

background: url(../images/padpak_link.gif);

background-repeat: no-repeat;

background-position: 10% 50%;

}



.inbox a:hover {

background: #f7f7f7 url(../images/padpak_link_over.gif);

background-repeat: no-repeat;

background-position: 10% 50%;

}



li ul li a, li ul li a:link {

font-size: 1.2em!important;

background: #ffe2c0 url(../images/subnav_cube.gif)!important;

background-repeat: no-repeat!important;

background-position: 15% 50%!important;

color: #fea02e!important;

padding-top: 0!important;

padding-bottom: 0!important;

}



li ul li a:hover {

background: #fea02e url(../images/subnav_cube_over.gif)!important;

background-repeat: no-repeat!important;

background-position: 15% 50%!important;

color: #ffe2c0!important;

}



/*=========================

=== Ajax Search stuff ===

=========================*/



#ajaxSearch_form {

background: #fff;

border-bottom: 1px solid #8cdef4;

padding-top: 15px;

text-align: center;

}



.AS_ajax_result a, .AS_ajax_result a:link{

font-size: 1.4em!important;

color: #fff!important;

}



.AS_ajax_extract p {

margin: 10px!important;

}



#ajaxSearch_input, #ajaxSearch_submit {

display: inline;

}



#ajaxSearch_input {

width: 130px;

margin-left: 3px;

}



.AS_ajax_extract {

border-bottom: 1px solid #8cdef4;

}



#footer {

width: 100%;

height: 20px;

border-top: 1px solid #98A7BA;

font-size: 1.2em;

}



.design {

float: left;

margin-left: 5px;

}



.copyright a, .copyright a:link {

color: #39C2E6;

text-decoration: none;

}



.copyright a:hover {

text-decoration: underline;

}



.copyright {

float: right;

margin-right: 5px;

}



#footer2 {

text-align: center; 

margin: 0 auto; 

margin-bottom: 20px; 

margin-top: -20px;

font-size: 1.2em;

}



#footer2 a, #footer2 a:link {

text-decoration: none;

color: #3d3d3d;

}



#footer2 a:hover {

text-decoration: underline;

}



.address {

float: right; 

margin: 20px; 

font-size: 1.8em; 

color: #fff; 

font-weight: bold;

}



.address a, .address a:link {

color: #fff;

text-decoration: none;

}



.address a:hover {

text-decoration: underline;

}



.about1 {

border: 1px solid #39c2e6; 

margin: 0 auto; 

margin-top: 120px;

margin-bottom: -20px;

background: #f7f7f7; 

width: 200px;

}



.about1 img, .env1 img {

margin-bottom: -4px;

}



.env1 {

border: 1px solid #39c2e6; 

margin: 0 auto; 

margin-top: 100px;

margin-bottom: 10px;

background: #f7f7f7; 

width: 200px;

}



.contentimg {

margin-top: 50px;

border: 1px solid #39c2e6; 

padding: 5px; 

background: #f7f7f7; 

}



.news_title {

font-size: 1.4em;

font-weignt: bold;

text-align: left;

margin: 0 10px;



padding-top: 10px;

}



.right-news {

clear: both;

font-size: 1.3em;

margin: 0 10px;

margin-top: 20px;

border-top: 1px solid #39C2E6;

text-align: left;

}

.right-news p {

line-height: 2em;

}



.right-news a, .right-news a:link {

color: #3d3d3d;

text-decoration: none;

font-weight: bold;

}



.right-news a:hover {

color: #39C2E6;

}



.right-wrap {

background: #F7F7F7;

width: 260px;

margin-top: 200px;

}



.table {

width: 130px;

float: left;

}

.table ul {

list-style-type: none;

}

.table li {

font-weight: normal!important;

background: none!important;

}



.table2 {

border: 1px solid #39C2E6;

margin: 0 auto;

font-size: 1.2em;

}



.table2 td {

padding: 5px;

border: 1px solid #39C2E6;

}



.image_left {

float: left;

width: 120px;

margin-top: 20px;

}



.list_right {

float: left;

}



.blue2 a, .blue2 a:link {

color: #00aeef;

}

.news_title {
font-size: 12px;
}

#right_col img {
border: none;
}

h3 a, h3 a:link {
color: #fff!important;
border-bottom: none!important;
font-size: 1em!important;
margin-left: -60px;
margin-top: -5px;
}

.contact {
width: 240px;
}

.contact ul {
list-style-type: none!important;
}

.contact li {
background: none!important;
}

#map {
float: right;
width: 450px;
margin-top: -255px;
}

#sitemap ul {
list-style-type: none;
}

#sitemap li, #sitemap ul li ul {
background: none;
margin: 0;
}

#sitemap a, #sitemap a:link {
color: #3D3D3D!important;
text-decoration: none;
}

#sitemap a:hover {
color: #39C2E6!important;
}


#sitemap li ul li a, #sitemap li ul li a:link {
font-size: 0.8em!important;
color: #3D3D3D!important;
background: none!important;
margin: 0 0px!important;
}



#sitemap li ul li a:hover {
background: none!important;
color: #39C2E6!important;
}


ul.norm li {
margin: 0!important;
}

.label {
position: absolute; 
bottom: -42px; 
right: -1px;
}