div {}

body {
font-family: "Franklin Gothic Book", "Franklin Gothic Medium", Verdana, Helvetica, Arial, sans-serif;
color: #003b7f;
text-align: left;
font-size: .8em;
background-color: #FFFFFF;
background-image: url(images/background.jpg);
background-position: left;
background-repeat: repeat-y;
margin: 0em;}

h1 {
font-weight: bold;
text-align: left;
font-size: 2em;}

h2 {
font-size: 1.7em;}

h4 {padding-top: 2px;}


a:link {
text-decoration: underline;
font-weight: bold;
color: #003b7f}

a:visited {
font-weight: bold;
text-decoration: underline;
color: #003b7f}

a:hover {
text-decoration: underline;
font-weight: bold;
color: #003b7f}

a:active {
text-decoration: underline;
font-weight: bold;
color: #003b7f}


/*This is the blue space with the Tereck Logo in the corner*/
#header {
background-color: #203E7A;
position: absolute;
top: 0em;
left: 0em;
width: 100%;
height: 130px;
background-image: url(images/tereck_logo.jpg);
background-repeat: no-repeat;
background-position: left top;
margin-right: 0em;
padding-right: 0em;
}

/*These will appear in the top right corner of the page, in the blue space.*/
#toplinks {
position: absolute;
right: 0px;
top: 0px;
font-size: 1em;
color: #fbee23;
text-align: right;
padding-right: 2em;}

#toplinks a {
color: #fbee23;}

/*This is for the top yellow bar*/
#topnav {
width: 100%;
height: 5px;
background-color: #FBEE23;
position: absolute;
top: 130px;
left: 0px;}

#topblank {
width: 100%;
height: 50px;
background-color: #ffffff;
position: absolute;
top: 135px;
left: 0px;}

/*Container holds the Left Nav Bar and the Main content*/
#container {
position: absolute;
left: 0px;
top: 135px;
width: 100%;}

/*This is for the left nav bar*/
#leftnav {
position: absolute;
left: 0em;
width: 125px;
background-color: #e9e9e9;
height: 100%;
border-bottom: 1px #ffffff solid;
border-top: 1px #ffffff solid;
list-style: none;
margin-left: 0em;
padding-left: 0em;
padding-top: 0em;
margin-top: 0em;}

#leftnav ul {
list-style: none;
margin: 0em;
padding-left: 10px;}

#leftnav li {}

#leftnav li li {}

#leftnav a {
display: block;
padding-top: 2px;
padding-left: 2px;
padding-bottom: 2px;
padding-right: 2px;
background-color: #e9e9e9;
border-top: 1px #ffffff solid;
border-left: 1px #ffffff solid;
border-bottom: 1px #ffffff solid;
text-decoration: none;}

#leftnav a:hover {
text-decoration: underline;}

#current a:link, #current a:visited,
#current a:hover, #current a:active {
background-color: #d0d0d0;
text-decoration: underline;}

/*This is the spot for the main content*/

#content {
height: 100%;
position: absolute;
left: 150px;
padding-left: 5px;
padding-top: 5px;
margin-top: 0em;
top: 5px;
width: 80%;
min-width: 700px;
background-color: #ffffff;
text-align: justify;
}

#contentIndex {
height: 100%;
position: absolute;
left: 300px;
padding-left: 5px;
padding-top: 5px;
margin-top: 0em;
top: 5px;
width: 600px;
background-color: #ffffff;
text-align: justify;
}

#contentHpProd {
height: 100%;
position: absolute;
left: 150px;
padding-left: 5px;
padding-top: 5px;
margin-top: 0em;
top: 5px;
width: 995px;
background-color: #ffffff;
text-align: justify;
}

#contentHpSup {
height: 100%;
position: absolute;
left: 150px;
padding-left: 5px;
padding-top: 5px;
margin-top: 0em;
top: 5px;
width: 560px;
background-color: #ffffff;
text-align: justify;
}

#contentHpSol {
height: 100%;
position: absolute;
left: 150px;
padding-left: 5px;
padding-top: 5px;
margin-top: 0em;
top: 5px;
width: 80%;
min-width: 700px;
background-color: #ffffff;
text-align: justify;
}

/*
#content {
height: 100%;
position: absolute;
left: 150px;
padding-left: 5px;
padding-top: 5px;
margin-top: 0em;
top: 5px;
width: 700px;
background-color: #ffffff;
text-align: justify;}
*/

/*This is for the bottom links, copyright info, etc.*/
#footer {
background-color: #203E7A;
/*position: absolute;
bottom: 0px;*/
height: 25px;
width: 100%;
left: 0px;}

.imgLeft {
float: left;
margin-left: 8px;
margin-right: 8px;}

.imgRight {
float: right;
margin-right: 8px;
margin-left: 8px;
}

/* these are layout classes for email cgi forms*/
#formbit {
position: absolute;
left: 150px;}

/* these are for the index page */
#row1 {
/*background-color: #0fff03;*/
height: 250px;
width: 600px;
position: absolute;
top: 0px;
left: 15px;
background-image: url(images/CBS-TERECK-banner.gif);
background-repeat: no-repeat;
text-align: right;
line-height: 450px;
}

#row2 {
/*background-color: #fbfb02;*/
height: 150px;
width: 600px;
position: absolute;
top: 313px;
left: 15px;}

#row3 {
background-color: #203E7A;
width: 600px;
height: 55px;
color: #e9e9e9;
position: absolute;
top: 254px;
left: 15px;
text-align: center;
font-weight: bold;
font-size: 1.2em;
background-image: url(images/bar.gif);}

#showcase1 {
/*background-color: #fa03f2;*/
border: 2px #e9e9e9 solid;
height: 246px;
width: 294px;
position: absolute;
left: 0px;}

#showcase2 {
/*background-color: #0bf6fa;*/
border: 2px #e9e9e9 solid;
height: 246px;
width: 294px;
position: absolute;
left: 302px;}

#drop1 {
border: 2px #e9e9e9 solid;
height: 146px;
width: 194px;
position: absolute;
left: 0px;
}

#drop2 {
border: 2px #e9e9e9 solid;
height: 146px;
width: 194px;
position: absolute;
left: 201px;}

#drop3 {
border: 2px #e9e9e9 solid;
height: 146px;
width: 194px;
position: absolute;
left: 402px;}

#dropHeaderBox {
width: 100%;
height: 30px;
background: #e9e9e9;
position: absolute;
top: 0;
left: 0;
text-align: center;}

/*These are for the location links on Contact Us*/

#contact {
font-size: .9em;}

#contact a:link {
text-decoration: underline;
font-weight: normal;
color: #003b7f}

#contact a:visited {
text-decoration: underline;
font-weight: normal;
color: #003b7f}
 
#contact a:hover {
text-decoration: underline;
font-weight: normal;
color: #003b7f}

#contact a:active {
text-decoration: underline;
font-weight: normal;
color: #003b7f}

/*these next 4 divs are for the contact us page*/
#leftbox {
width: 50%;
position: absolute;
left: 0px;}

#rightbox {
width: 50%;
position: absolute;
right: 0px;}

#overbox {width: 100%;
position: absolute;
left: 0px;
}

#underbox {
width: 100%;
position: absolute;
top: 280px;}