@import "reset.css";


/* Generic elements */

body {
 margin-top: 1em;
 background: url(images/bg-page-grad.gif) repeat-x;
 color: #5f5f5f;
 font: .76em/1.5em Arial, Helvetica, sans-serif;
 text-align: center;
}

a,:link,:visited { 
 color: #20678e;
 text-decoration: underline;
} 
a:hover,a.important { 
 color: Black;
 text-decoration: underline !important;
}

p { 
 padding: .5em 0; 
}

img.fltr {
 float: right;
 margin: 0 0 10px 10px;
}
img.fltl {
 float: left;
 margin: 0 10px 10px 0;
}

ul.classic {
 list-style: disc;
 padding: .5em 0 .5em 20px;
}
ul.classic ul {
 list-style: circle;
 padding: .5em 0 .5em 20px;
}
ol.classic {
 list-style: decimal;
 padding: .5em 0 .5em 20px;
}




/* Custom paragraphs, links, images */

p.highlight {
 color: #20678e;
 font-size: 1.4em;
}




/* Headings */

h1,h2,h3,h4,h5,h6 {
 padding: .5em 0;
 color: #20678e;
 line-height: normal;
 font-weight: normal;
}

h1 { font-size: 140%; }
h2 { font-size: 135%; }
h3 { font-size: 130%; }
h4 { font-size: 120%; }
h5 { font-size: 110%; }
h6 { font-size: 100%; }

/* Custom headings */

#logo {
 padding-bottom: 0;
 color: #20678e;
 font-size: 300%;
 text-align: right;
}

#logo span {
 color: #51c1ff;
}

#logo a:link, #logo a:hover, #logo a:visited {
 color: #20678e;
 text-decoration: none !important;
}

#outline {
 color: #787878;
 font-size: 14px;
 text-align: right;
}





/* Main layers */

#container {
 width: 800px;
 margin: 0 auto;
 text-align: left;
 border: solid 1px #ccc;
 background-color: White;
}

#wrapper {
 padding: 1em 45px;
}

#content {
 float: left;
 width: 100%;
 background: url(images/bg.gif) top left repeat-y;
 margin: 1em 0 2em;
}

#sidebar {
 float: left;
 width: 206px;
 padding: 75px 0;
}

#article {
 float: right;
 width: 484px;
}

#account {
 float: left;
 width: 206px;
 background-color: #ceeeff;
 color: Black;
}



/* Layer child elements */

#article img {
 border: solid 1px #ceeeff;
}
#article img.fltr {
 margin-left: 40px;
}

#account ul {
 padding: 12px;
}
#account ul li {
 padding: 2px 0;
}
#account a, #account a:visited {
 color: Black;
 text-decoration: none;
}
#account .address {
 color: #777474;
}




/* Navigation */

#nav {
 margin: 0 5px 0 20px;
}

#nav li a {
 color: White;
 text-decoration: none;
 font-size: 1.15em;
 line-height: 1.5em;
}

#nav li a.on {
 font-weight: bold;
 text-decoration: none;
}





/* Footer */

#footer {
 clear: both;
 padding: 0 55px;
 background-color: #ceeeff;
 color: #4b4b4b;
 font-family: Verdana, Arial, sans-serif;
 font-size: .9em;
}

#tld {
 width: 780px;
 margin: 5px auto 0;
 font-size: .9em;
 text-align: right;
}

 /* Form styles */
table.contact{width:295px} 
.contact td{ color:#5f5f5f;; font: normal normal 12px verdana,sans-serif;} 
.contact td input{ font: normal normal 12px verdana,sans-serif;  color:#000; border: 1px solid  #5f5f5f;;width:140px; margin: 5px 0 5px 0 }
.contact td input.formbutton{ font: normal normal 12px verdana,sans-serif; color:#000; border: 1px solid  #5f5f5f;;width:69px } 
.contact td select{ font: normal normal 12px verdana,sans-serif;  color:#000; width:120px }
.contact td textarea{ width:140px; font: normal normal 11px verdana,sans-serif;color:#000; margin: 5px 0 5px 0 }