@import "reset.css";


/* Generic elements */

body {
 background: url(images/bg-page-grad.gif) repeat-x;
 color: #898989;
 font: .85em/normal Arial, Helvetica, sans-serif;
 text-align: center;
}

a,:link,:visited { 
 color: #0028a3;
 text-decoration: underline;
} 
a:hover { 
 color: #fc5f02;
 text-decoration: underline;
}

p { 
 padding: .5em 0; 
}

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

ul {
 list-style: disc;
 padding: .5em 0 .5em 2em;
}
ol {
 list-style: decimal;
 padding: .5em 0 .5em 2em;
}

ul.reset, ul.reset ul, #nav {
 list-style: none;
 margin: 0;
 padding: 0;
}


/* Custom paragraphs, links, images */

.highlight { font-weight: bold; }




/* Headings */

h1,h2,h3,h4,h5,h6 {
}

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

/* Custom headings */

#logo {
 float: right;
 padding: 40px 31px 0 0;
}

#outline {

}





/* Main layers */

#container {
 width: 720px;
 margin: 7px auto 0;
 text-align: left;
 border: solid 1px #d0d0d0;
}

#content {
 float: left;
 padding: 20px 60px;
 width: 600px;
 background: White url(images/grad2.gif) repeat-x;
}

#sidebar {
 float: right;
 width: 198px;
 border-style: solid;
 border-width: 1px 1px 3px;
 border-color: #dfdfdf #dfdfdf #898989;
 background: White url(images/grad3.gif) repeat-x;
}
#sidebar .inner { padding: 6px 12px; }

#sidebar .imageset li { padding: 6px 0; }
#sidebar .imageset li img { display: block; }

#mainbar {
 margin-right: 255px;
}





/* Header */

#header {
 border-bottom: solid 1px #a7a7a7;
 background-color: #e5e5e5;
}
#header img { display: block; }



/* Navigation */

#nav {
 border-bottom: solid 5px #fc5f02;
 background: #fdfdfd url(images/grad1.gif) repeat-x;
 text-align: center;
 line-height: 270%;
}
#nav li {
 display: inline;
 padding: 0 2px;
 vertical-align: middle;
}
#nav li.separator {
 color: #fc5f02;
 font-size: 22px;
 vertical-align: middle;
}
#nav li a, #nav li a:visited {
 color: #0028a3;
 font-size: .9em;
 font-weight: bold;
 text-decoration: none;
 text-transform: uppercase;
}
#nav li a.on {
 color: #fc5f02;
 text-decoration: none;
}
#nav li a:hover {
 color: #fc5f02;
 text-decoration: none;
}





/* Footer */

#footer {
 clear: both;
 padding: 0 40px;
 background-color: #e6e6e6;
 color: #0028a3;
 font-size: .8em;
}



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

/* table.contact{width:260px} 
.contact td{ color:#898989; font: normal normal 12px verdana,sans-serif;} 
.contact td input{ font: normal normal 12px verdana,sans-serif;  color:#898989; border: 1px solid #77b1cc;width:160px }
.contact td input.formbutton{ font: normal normal 12px verdana,sans-serif; color:#898989; border: 1px solid #77b1cc;width:60px } 
.contact td select{ font: normal normal 12px verdana,sans-serif;  color:#898989; width:120px }
.contact td textarea{ width:160px; font: normal normal 11px verdana,sans-serif;color:#000;
} */


form ul{ margin: 0; padding: 0; list-style-type:none; margin-top:20px }
form ul li{ color: #898989; font: normal normal 12px verdana,sans-serif;}
form ul li label{ float: left; width: 90px; }

input.text { padding: 2px; font: normal normal 12px verdana,sans-serif;  color:#898989; border: 1px solid #77b1cc;width:160px; margin-bottom: 20px}

select{ font: normal normal 12px verdana,sans-serif;  color:#898989; width:160px;}
textarea{ padding: 2px; width:160px; font: normal normal 12px verdana,sans-serif;color:#000;margin-bottom:15px; border: 1px solid #77b1cc;}

input.subbutton{ font: normal normal 12px verdana,sans-serif; color:#898989; border: 1px solid #77b1cc;width:60px;margin-left:90px} 
* html input.subbutton { margin-left: 93px; }
input.resbutton{ font: normal normal 12px verdana,sans-serif; color:#898989; border: 1px solid #77b1cc;width:60px;}