/* Basics  */


body {
background-color: #a9a9a9;
font-family: verdana, arial, san-serif;
font-size: small;
margin-top: 5px;
}

a {
text-decoration: none;
color: #00008b;
}

a:hover {
color: #ff0000;
}

img {
border: 0;
margin: 0;
}




/*  Type   */


p {
font-family: "verdana", san-serif;
font-size: small;
color: black;
letter-spacing: 0px;
line-height: 1.4em;
}

h2 {font-size: 1.5em; }
h3 {font-size: 1em;}

.headertitle {
background-color: white;
width: 120px;
margin: 0;
padding: 0px;
font-family: verdana;
font-size: 1.25em;
font-weight: bold;
color: black;
}

#cproduct {
font-weight: bold;
font-family: helvetica;
}

.caption {
font-family: courier;
font-size: small;
text-align: left;
}

.contacttitle {
background-color: gray;
width: 200px;
padding: 2px;
color: white;
font-weight: bold;
font-size: x-small;
}

.copyright {
margin: 0px;
height: 100%;
font-family: "trebuchet ms";
font-size: x-small;
text-align: center;
padding-top: 0px;

}





/*  Main Structures  */

.wrapper {
border-color: gray;
border-width: 2px;
border-style: solid;
width: 700px;
margin-bottom: 10px;
margin-right: auto;
margin-left: auto;
background-color: white;
}

.header {
background-image: url('../images/bgdot.gif');
}

.contentbody {
background-color: transparent;
margin: 0;
width: 700px;
padding-top: 20px;
padding-bottom: 20px;
clear: both;
}

.content {
padding: 15px 20px 15px 20px;
background-color: transparent;
float: left;

}

.sideleft {
width: 25px;
float: left;
}

.footer {
width: 700px;
background-color: #ebebeb;
padding-top: 3px;
padding-bottom: 3px;
border-width: 1px;
border-color: gray;
border-top-style: solid;
clear: both;
}


/*  Containers  */

.left {
border: 0;
width: 300px;
height: 100%;
float: left;
padding-right: 25px;
border-color: #ebebeb;
border-width: 1px;
border-right-style: solid;
}

.right {
width: 300px;
float: right;

}

.imageleft {
padding-right: 20px;
float: left;
}

.imageright {
float: left;
clear: right;
}

.cleft {
width: 180px;
height: 100%;
float: left;
padding-left: 20px;
margin: 0;
background-color: transparent;
}

.cright {
width: 400px;
height: 100%;
float: left;
padding-left: 20px;
padding-right: 10px;
border-color: #ebebeb;
border-width: 1px;
border-left-style: solid;
}

.pleft {
border: 0;
width: 200px;
height: 100%;
float: left;
padding-right: 35px;

}

/*  Menus/Tables/Lists   */

#menutop {
width: 700px;
letter-spacing: .1em;
background-color: #ebebeb;
border-width: 1px;
border-color: gray;
border-top-style: solid;
border-bottom-style: solid;
}

#menutop tr td a {
font-family: "trebuchet ms";
font-size: small;

margin-right: auto;
margin-left: auto;
}

#menutop tr td {
width: 150px;
text-align: center;
}

#menubottom {
width: 700px;
text-align: center;
background-color: transparent;
border-color: gray;
border-width: 1px;
border-bottom-style: solid;
padding-bottom: 5px;
}

#menubottom a {
font-family: "ms pgothic";
font-size: small;
font-weight: none;
margin-right: auto;
margin-left: auto;
}

#cinfo table {
padding: 3px;
border: 0;
margin: 0;
}

#cinfo td {
width: 150px;
}

#cindex table {
width: 100%;
height: 400px;
padding: 20px;
border: 0;
align: center;
}

#cindex td {
width: 200px;
height: 140px;
padding-left: 25px;
}

#cindex a {
font-size: xx-small;
}

#cnav ul li a {
line-height: 140%;
font-size: x-small;
}

ul ol li{
margin-left: -25px;
border: 0;
text-align: left;

}

#tapnav {
clear: both;
}