@import "reset.css";


/* Generic elements */

body { background-color: #e3e3e3; color: #035354; font: .76em/1.5em Arial, Helvetica, sans-serif; text-align: center; }

a,:link,:visited { color: #035354; text-decoration: underline; } 
a:hover,a.important,a.on { color: Black; text-decoration: underline; }

p { margin-bottom: 1em; }

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

ul { list-style: disc; margin-bottom: 1em; padding-left: 2em; }
ol {margin-bottom: 1em; padding: 5px 0 5px; }
ul.reset, ul.reset ul, #nav { list-style: none; margin: 0; padding: 0; }


/* Custom paragraphs, links, images */

p img.arrow { vertical-align: middle; }

p.highlight { font-size: 1.22em; }



/* Headings */

h1,h2,h3,h4,h5,h6 { margin-bottom: .5em; color: #ec6d03; line-height: normal; }

h1 { font-size: 145%; font-weight: bold; }
h2 { font-size: 135%; font-weight: normal;}
h3 { font-size: 130%; }
h4 { font-size: 120%; }
h5 { font-size: 110%; }
h6 { font-size: 100%; }

/* Custom headings */

#logo { margin: 0; }

#outline { }





/* Main layers */

#container { width: 821px; margin: 12px auto 0; background: #fff url(images/box1-bg.png) top center repeat-y; }
#containerBefore { background: url(images/box1-top.png) top center no-repeat; }
#containerAfter { min-height: 1px; padding: 80px 78px 65px; background: url(images/box1-bottom.jpg) bottom center no-repeat; }
#containerAfter2 { min-height: 1px; padding: 80px 78px 65px; background: url(images/box1-bottom2.jpg) bottom center no-repeat; }
#content { width: 589px; min-height: 410px; margin: 0 auto 1em; text-align: left; }
#content-home { width: 520px; height: 480px; margin: 0 auto 0; text-align: left;}
#footer { text-align: left; }
* html #containerAfter { height: 1px; }
* html #content { height: 410px; }


/* Navigation */

#nav { margin: 1.3em 0; font-size: 16px; }
#nav li { display: inline; margin: 0 11px; }
#nav li a { font-size: 16px; text-decoration: none; }
#nav li a:hover, #nav li a.on { color: #ec6d03; border-bottom: solid 3px #ec6d03; }


/* Welcome */

#welcome { padding: 1em 50px; color: #ec6d03; font-size: 15px; line-height: 1.5em; }
#welcome a.more { text-decoration: none; }



/* Boxes */

.box { min-height: 1px; margin-bottom: 1em; }
* html .box { height: 1px; }

.box1 { width: 589px; }
.box1 .before { height: 9px; background: url(images/box2-top.png) top left no-repeat; font-size: 1px; }
.box1 .after { height: 8px; background: url(images/box2-bottom.png) top left no-repeat; font-size: 1px; }
.box1 .contents { padding: 20px 44px 20px 50px; background: url(images/box2-bg.png) top left repeat-y; }


/* Lists */

ul.listA { margin-bottom: 1em; }
ul.listA li { padding-left: 15px; margin: 0 0 7px; background: url(images/bullet.png) 2px 7px no-repeat;  }
ul.listB { margin-bottom: 1em; }
ul.listB li { padding-left: 15px; margin: 0 0 7px; background: url(images/bullet.png)  2px 7px no-repeat; }


/* Footer */

#footer { overflow: hidden; background: url(images/box3.png) bottom right no-repeat; font-size: .92em; }
#footer a { color: #035354; text-decoration: none; }
#footer a:visited { color: #035354; }
#footer a:hover { color: #000; text-decoration: underline; }
#footer .inner { margin: 0 7px 8px 0; padding: 5px 22px; border: solid 1px #095758; background-color: #fff; }
#footer p { margin: 0; }
#copyright { float: right; }
#copyright img { vertical-align: middle; }
#tld { overflow: hidden; position: relative; width: 700px; height: 25px; margin: -25px auto 0; font-size: .92em; text-align: right; }


/* forms */
legend{font:normal normal 15px Arial, sans-serif;  text-align:left;color:#5c94c3}
form.normal fieldset {width:500px;margin:auto}
form.normal fieldset label {float: left;}
form.normal fieldset ul {width: 100%;}
form.normal fieldset ul li { float: left; width: 100%;}
form.normal fieldset textarea, form.normal fieldset input.text, form.normal  fieldset select {float: left;background: #fff url(bg-formfields.gif) repeat-x top left;}
form.normal .buttons {clear: both; float: none !important;}
form.normal { margin: 1em 0;}
form.normal fieldset ul li { padding-bottom: .5em;}
form.normal fieldset label { width: 120px;}
form.normal fieldset textarea, form.normal fieldset input.text {width: 225px;}
form.normal textarea {overflow: auto;}
form.normal .buttons {width: auto; padding-left: 100px;}
form.normal input.text, form.normal textarea, form.normal select { padding: 3px;
 border: solid 1px #b8b8ba; background: White url(../images/bg-formfields.gif) top left no-repeat; font:normal normal 14px Verdana, sans-serif;x; color:#666666;}
form.normal input.text:focus, form.normal textarea:focus, form.normal select:focus {border-color:#cd0b0b;}
form.normal input.button { padding: 1px 3px; border: solid 1px #666666; background-color: #e9ebec; color: #666666; font:normal bold 14px Verdana, sans-serif;}
form.normal textarea { height: 100px;}
form.normal em.required {color: #cd0b0b;}
select { width:225px;}
fieldset ul.reset { margin-top:10px }



/* Do not edit or add code below */

.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { display: inline-block; }
/* hide from ie/mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* end hide */