/* Browser Reset CSS */
html,body,div,ol,ul,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input { margin: 0; padding: 0; }
h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,em,strong,th { font-size: 1em; font-weight: normal; font-style: normal; }
ul,ol { list-style: square; }
fieldset,img { border: none; }
caption,th { text-align: left; }
table { border-collapse: collapse; }

/* Default Links */
a, a:visited, a:link { color: #333333; text-decoration: none; cursor: pointer;}
a:active, a:hover { color: #FF0A0A; text-decoration: none; cursor: pointer;}


/* Main Body */
body {
background-color: #363636;
border: 0;
height: 100%;
width: 100%;
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
font-size: 10px;
font-style: normal;
color: #000000;
}

/* Main Container */
div#container {
margin: auto;
width: 1004px;
}

/* top Div */
div#top {
margin: auto;

padding: 3px;


}

div#topinternal {
width:  1004px; /* For IE6 */
max-width: 1004px;
margin: auto;
text-align: center;
position: relative;
color: white;
font-size: 220%;
font-weight:bold;
background: red;
filter:alpha(opacity=90);
opacity: .9;
-moz-opacity:0.9;
padding: 5px


}
/* Header and Menu Container */
/* Main Div */
div#main {
background: url(images/TileBackground.jpg) repeat-y;
margin: auto;
height: 100%;
padding: 0px 55px 37px 55px;
}

/* Header and Menu Container */
div#submain {
width: 867px; /* For IE6 */
max-width: 867px;
margin: auto;
position: relative;
background-image : url(images/ce.gif); 
background-repeat : no-repeat; 
background-position : top right;
}

/* Logo */
#homeimagelink {
float: left;
height: 115px;
}

/* Language versions */
div#languages {
width: 609px;
margin-top: 5px;
text-align: right;
position: absolute;
left: 258px;
margin-right: 0;
}

div#languages a {
font-size: 1.3em;

}

/* Main Menu Navigation */
ul#mainnav {
width: auto;
padding-top: 70px;
padding-left: 0px;
text-align: right;
display: block;

}

ul#mainnav li {
display: inline;

}

ul#mainnav li a:link, ul#mainnav li a:visited {
text-decoration: none;
font: 1.1em "Trebuchet MS", Arial, Helvetica, sans-serif;
font-weight: bold;
color: #111111;
padding: 1px 4px 1px 4px;
border:solid 1px #A0A0A0;
background-color: #F9F9F9;
margin: 1px;
}

ul#mainnav li a:hover {
color: #FFFFFF;
background-color: #FF0A0A;
}

ul#mainnav li a#active:link, ul#mainnav li a#active:visited, ul#mainnav li a#active:hover, ul#mainnav li a#active:active {
color: #FFFFFF;
background-color: #E01712;
}

ul#mainnav1 {
width: auto;
padding-top: 5px;
padding-left: 0px;
text-align: right;
display: block;
margin: 2px 0;

}

ul#mainnav1 li {
display: inline;

}

ul#mainnav1 li a:link, ul#mainnav1 li a:visited {
text-decoration: none;
font: 1.3em "Trebuchet MS", Arial, Helvetica, sans-serif;
font-weight: bold;
color: #111111;
padding: 2px 4px 2px 4px;
border:solid 1px #A0A0A0;
background-color: #F9F9F9;
margin: 1px;
}

ul#mainnav1 li a:hover {
color: #FFFFFF;
background-color: #FF0A0A;
}

ul#mainnav1 li a#active:link, ul#mainnav1 li a#active:visited, ul#mainnav1 li a#active:hover, ul#mainnav1 li a#active:active {
color: #FFFFFF;
background-color: #E01712;
}

/* Left Column */
div.left_column {
width: 253px;
background: url(images/gradienttile.jpg) repeat-x;
float: left;
display: inline;
margin: 3px 0px 10px 0px;
padding: 20px 15px 20px 15px;
}

/* Middle Column */
div.middle_column {
width: 253px;
background: url(images/gradienttile.jpg) repeat-x;
float: left;
display: inline;
margin: 3px 9px 10px 9px;
padding: 10px 15px 20px 15px;
}

li.middlelist {font-size: 1.3em;
margin-left: 2em}

/* Right Column */
div.right_column {
width: 253px;
background: url(images/gradienttile.jpg) repeat-x;
float: left;
display: inline;
margin: 3px 0px 10px 0px;
padding: 20px 15px 20px 15px;
}


/* Column Images */
div.left_column img.homeimages {
margin: auto;
display: block;
}

div.middle_column img.homeimages {
margin: auto;
display: block;
}

div.right_column img.homeimages {
margin: auto;
display: block;
}

/* H1 */
h1 {
font: 2.1em "Trebuchet MS", Arial, Helvetica, sans-serif;
color: #333333; 
margin-bottom: 5px;
text-align: center;
padding-top: 25px;
padding-bottom: 15px;
}

/* H2 */
h2 {
font: 1.9em "Trebuchet MS", Arial, Helvetica, sans-serif;
color: #333333; 
margin-bottom: 5px;
text-align: left;
float: left;
}

h2.home {
font: 2.1em "Trebuchet MS", Arial, Helvetica, sans-serif;
color: #333333; 
margin-bottom: 5px;
text-align: center;
padding-top: 25px;
padding-bottom: 15px;
width: 100%;
}

/* H3 */
h3 {
font: 1.2em "Trebuchet MS", Arial, Helvetica, sans-serif;
color: #3A3636;
text-decoration: none;
font-weight: bold;
}

/* H4 */
h4 {
font: 1.2em "Trebuchet MS", Arial, Helvetica, sans-serif;
color: #444444;
text-decoration: none;
font-weight: bold;
}

/* Form Style */
label {
float: left;
width: 120px;
font: 1.1em "Trebuchet MS", Arial, Helvetica, san-serif;
color: #000000;
margin-top: 1.5px;
}

input, textarea {
width: 250px;
margin-bottom: 5px;
border: 1px solid #BBBBBB;
padding-left: 4px;
font: 1.1em "Trebuchet MS", Arial, Helvetica, san-serif;
color: #000000;
}

select {
width: 257px;
margin-bottom: 5px;
border: 1px solid #BBBBBB;
padding-left: 0px;
font: 1.1em "Trebuchet MS", Arial, Helvetica, san-serif;
color: #000000;
}

a.bgselect:hover {
background-color: #FF0000;
}

fieldset.divformright {
margin-top: 54px;
}

#IEonly fieldset.divformright {
margin-top: 74px;
}

div#buttons {
float: right;
padding: 15px 13px 0px 0px;
}

#submitbutton {
font: 1.2em "Trebuchet MS", Arial, Helvetica, san-serif;
font-weight: bold;
color: #FFFFFF;
width: 76px;
height: 20px;
background-color: #BBBBBB;
padding: 0px 0px 1px 0px;
}

#resetbutton {
font: 1.2em "Trebuchet MS", Arial, Helvetica, san-serif;
font-weight: bold;
color: #FFFFFF;
width: 72px;
height: 20px;
background-color: #BBBBBB;
text-align: center;
padding: 0px 0px 1px 0px;
}

/* Span Required Mark (Red Asterisk) */
span.reqmark {
font: 1.1em "Trebuchet MS", Arial, Helvetica, sans-serif;
line-height: 18px;
color: #FF090A;
}

/* Required Text (Red Text) */
p#required {
font: 1.1em "Trebuchet MS", Arial, Helvetica, sans-serif;
line-height: 18px;
color: #FF090A;
margin-bottom: 18px;
}


/* Copyright Text */
p.copyright {
font: 1.1em "Trebuchet MS", Arial, Helvetica, sans-serif;
line-height: 1.4em;
color: #6F6F6F;
text-align:left;
}

p.address {
font: 1.3em "Trebuchet MS", Arial, Helvetica, sans-serif;
line-height: 1.6em;
color: #9D9D9D;
text-align:left;
}

/* Bottom Image Shadow */
div#clear {
margin: auto;
width: 1004px;
height: 100%;
padding-bottom: 5px;
}

div.address {
margin: auto;
width: 970px;
text-align:center;
margin-bottom: 50px;
}

/* Left Column */
div.bottom_left {
width: 263px;
float: left;
display: inline;
margin: 3px 0px 10px 0px;
padding: 0px 25px 0px 25px;
}

/* Middle Column */
div.bottom_middle {
width: 263px;
float: left;
display: inline;
margin: 3px 9px 10px 9px;
padding: 0px 25px 0px 25px;
border-right: solid 1px gray;
}

/* Right Column */
div.bottom_right {
width: 263px;
float: left;
display: inline;
margin: 3px 0px 10px 0px;
padding: 0px 25px 0px 25px;
}

/* Red Links */
a.homeredfont:link, a.homeredfont:visited {
color: #FF0A0A;
text-decoration: none;
font-weight: bold;
}

a.homeredfont:hover, a.homeredfont:active {
color: #FF0A0A;
text-decoration: underline;
font-weight: bold;

}

/* Column Paragraphs (Home) */
p.iconp {
font: 1.3em "Trebuchet MS", Arial, Helvetica, sans-serif;
line-height: 18px;
color: #000000;
}

/* Dotted Line, Part */
img.dlinep {
margin-top: 1px;
padding-top: 6px;
height: 1px;
display: block;
}


/* Dotted Line, Whole */
img.dlinew {
height: 1px;
padding-bottom: 3px;
}

div.fullwidth {
width: 868px;
background: url(images/gradienttile.jpg) repeat-x;
margin: 3px 0px 10px 0px;
padding: 0px;
}

/* Contact Page */
/* Left Column */
div.lgraygradientcu {
width: 389px;
background: url(images/GradientTile.jpg) repeat-x;
float: left;
display: inline;
margin: 3px 0px 10px 0px;
padding: 20px;
}

/* Right Column */
div.rgraygradientcu {
width: 389px;
background: url(images/GradientTile.jpg) repeat-x;
float: left;
display: inline;
margin: 3px 0px 10px 9px;
padding: 20px;
}



/* Empty Div */
div.empty {
height:1px;
clear:both;
margin-top:1px;
font-size:0;
}

/* Left Column */
div.headermargin {
margin: 10px 0px 20px 0px;
padding-bottom: 20px;
}
/* Article Paragraphs */
p.article {
font: 1.5em "Trebuchet MS", Arial, Helvetica, sans-serif;
line-height: 18px;
color: #000000;
margin-bottom: 18px;
padding: 0 15px;
}

table {
font: 1.3em "Trebuchet MS", Arial, Helvetica, sans-serif;
line-height: 16px;
color: #000000;
}

table#spec {
font: 1.3em "Trebuchet MS", Arial, Helvetica, sans-serif;
line-height: 16px;
color: #000000;
}

table#spec td{
border: solid 1px gray;
vertical-align: top;
padding: 5px 10px;
}

table#spec th{
border: solid 1px gray;
vertical-align: top;
padding: 5px 10px;
background:#1D1D1D;
}

table#spec h2{
color: white;
}

table#spec ul{
list-style: square;

}

table#spec li{
padding: 2px;
margin-left: 15px;
}

/* Language versions */
div#lang {
margin: auto;
padding-top: 5px;
padding-bottom: 0px;
text-align: center;
color: #444444;
}

div#lang a {
color: #444444;
font-size: 1.5em;
margin-right: 0.2em;
margin-left: 0.2em;
padding: 0 3px;
border: solid 1px #E0E0E0;
background:#F9F9F9;
}

div#lang a:hover {
color: white;
background:#646464;
}

div#lang a:active {
color: red;
background: #4A4A4A;
}

div#lang img {
vertical-align: middle;
}


