/* links */
a:link {color: #05367b;}
a:visited {color: #4b5e99;}
a:active {color: #4b5e99;}
a:hover{color:#4b5e99; }

/* Two columns liquid layout */
#container
{
width: 800px;
margin: 10px 100px auto;

color: #666666;
font-family: Arial, Helvetica, sans-serif;
text-align: justify;
}

#top
{
background-color: #ffffff;
margin-bottom: 20px;
margin-left: 0px;
}


#leftnav
{
float: left;
width: 165px;
margin: 0;
}

#content
{
margin-left: 180px;
text-align: justify;
}

#content-data
{
margin-top: 10px;
min-height: 450px !important;
height: 450px;
/* min-width: 600px !important; /* hack, used only in product */
line-height: 1.5;
}

#content-data-products
{
margin-top: 10px;
min-height: 450px !important;
height: 451px;
min-width: 600px !important; /* hack, used only in product */
width: 597px;
}

#content-data-auto
{
margin-top: 10px;
min-height: 450px !important;
height: auto;
/* min-width: 600px !important; /* hack, used only in product */
line-height: 1.5;
}


#footer
{
clear: both;
margin: 0;
margin-left: 180px;
padding: 2.5em;
}

.footertext {
font-family: Arial, Helvetica, sans-serif;
font-size: x-small;
font-style: italic;
color: #cccccc;
}

.uppercase {
font-family: Arial, Helvetica, sans-serif;
text-transform: uppercase;
font-size: x-small;
}


/* this is the right floater used in the homepage */
.rightfloater
{
float: right;
padding: 10px 0px 10px 0px;
margin-left: 15px;
width: 220px;
}

/* these are  the coloured boxes, each with specific nested class*/
.greenbox
{
background-color: #e2e9a9;
height: auto;
width: 200px;
border: 3px solid #bdcf01;
padding: 5px;
margin-bottom: 10px;
}

.greenbox .boxtitle
{
width: 196px;
padding: 2px;
background-color: #bdcf01;
font-size: small;
font-weight: bold;
text-transform: uppercase;
color: #e2e9a9;
text-align: left;
}

.greenbox .boxtitle a:link{ color: #e2e9a9; text-decoration: none; }
.greenbox .boxtitle a:hover{color: #f2f9b9; text-decoration: none; }
.greenbox .boxtitle a:visited{color: #e2e9a9; text-decoration: none; }
.greenbox .boxtitle a:active{ color: #f2f9b9; text-decoration: none;}

.redbox
{

background-color: #fbc4c4;
height: auto;
width: 200px;
border: 3px solid #ff3333;
padding: 5px;
margin-bottom: 10px;
}

.redbox .boxtitle
{
width: 196px;
padding: 2px;
background-color: #ff3333;
font-size: small;
font-weight: bold;
text-transform: uppercase;
color: #fbc4c4;
text-align: left;
}

.redbox .boxtitle a:link{ color: #fbc4c4; text-decoration: none; }
.redbox .boxtitle a:hover{color: #ffd4e4; text-decoration: none; }
.redbox .boxtitle a:visited{color: #fbc4c4; text-decoration: none; }
.redbox .boxtitle a:active{ color: #ffd4e4; text-decoration: none;}

.bluebox
{
background-color: #add8e7;
height: auto;
width: 200px;
border: 3px solid #69b6d0;
padding: 5px;
margin-bottom: 10px;
}

.bluebox .boxtitle
{
width: 196px;
padding: 2px;
background-color: #69b6d0;
font-size: small;
font-weight: bold;
text-transform: uppercase;
color: #add8e7;
text-align: left;
}

.bluebox .boxtitle a:link{ color: #add8e7; text-decoration: none; }
.bluebox .boxtitle a:hover{color: #bde8f7; text-decoration: none; }
.bluebox .boxtitle a:visited{color: #add8e7; text-decoration: none; }
.bluebox .boxtitle a:active{ color: #bde8f7; text-decoration: none;}

.orangebox
{
background-color: #ffdfbf;
height: auto;
width: 200px;
border: 3px solid #e99745;
padding: 5px;
margin-bottom: 10px;
}

.orangebox .boxtitle
{
width: 196px;
padding: 2px;
background-color: #e99745;
font-size: small;
font-weight: bold;
text-transform: uppercase;
color: #ffdfbf;
text-align: left;
}

.orangebox .boxtitle a:link{ color: #ffdfbf; text-decoration: none; }
.orangebox .boxtitle a:hover{color: #ffefcf; text-decoration: none; }
.orangebox .boxtitle a:visited{color: #ffdfbf; text-decoration: none; }
.orangebox .boxtitle a:active{ color: #ffefcf; text-decoration: none;}

.boxcontent
{
width: 196px;
min-height: 172px;
padding: 2px;
margin-top: 5px;
font-size: small;
font-family: Arial, Helvetica, sans-serif;
text-align: justify;
}

.smallboxcontent
{
width: 196px;
min-height: 102px !important;
height: 102px;
padding: 2px;
margin-top: 5px;
font-size: x-small;
font-family: Arial, Helvetica, sans-serif;
text-align: left;
}

.smallrightboxfloater
{
float: right;
margin-left: 5px;
width: 60px;
}

.greenborder
{
border: 3px solid #bdcf01;
}

.redborder
{
border: 3px solid #ff3333;
}

.orangeborder
{
border: 3px solid #e99745;
}

.blueborder
{
border: 3px solid #69b6d0;
}