/* ----------------  reset  -------------------- */

html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td 
{margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; }

ol, ul {list-style: none; }

.clear{clear:both;font-size:0px;line-height:0px;height:0px;}

/* ----------------  general  -------------------- */

body { background: #e5e2dd url(images/bg.jpg) top left repeat-x; text-align: center; color:#3d3d3d; font-family: "Trebuchet MS",Verdana, Arial; font-size:10pt; }

#container {text-align: left; margin: 0px auto; padding: 0px; width: 960px;}
#header {background: url(images/header.jpg) top left repeat-x; height:254px; }
#content {background: url(images/content.jpg) top left repeat-y; padding: 20px 0 0 42px; }
#left {background:#f6f4f5; float:left; width:580px; padding-right:30px;}
#right {text-align:right; float:right; width:290px; margin-right:16px; margin-bottom:20px;}
#footer {background: url(images/footer.jpg) top left repeat-x; height:112px; text-align:center; padding-top:25px; color:#a09f9f }
#footer a {color:#83bbd8;}


#content h1 {color:#0079b9; font-size:15pt; text-transform:uppercase; margin:15pt 0 22pt 0; font-weight:300;}
#content h2 {color:#fc792a; font-size:11pt; margin:15pt 0 6pt 0; font-weight:700;}
#content p {line-height:170%; text-align:justify; margin-bottom:10pt;}
#content p strong {font-weight:700; background:#faf7f7;}
#content p em {color:#027daf;}
#content p a {color:#ed0181;}
#content p a:hover {color:#800147;}

#centered {text-align:center;}
#centered img.lightborder {padding:3px; background:white; border-left:1px solid #ccc; border-right:1px solid #ccc; border-bottom:1px solid #AAAAA8; margin-right:4px;}

/* ----------------  header  -------------------- */

#logo {float:left; margin-left:40px;}
#tagline {float:right; color:#fff; font-weight:700; text-align:right; font-size:14pt; padding:52px 42px 0 0; line-height:150%; }
#tagline span {font-size:12pt; font-weight:300; }




/* ----------------  content  -------------------- */

#left ul {margin:0 0 20px 30px;}
#left ul li {padding-left:30px; line-height:170%;  background:url(images/bullet.jpg) 0px 10px no-repeat;}
#left ul li a {color:#ed0181;}
#left ul li a:hover {color:#800147;}




/* ---------------  navigation  ------------------ */

#navcontainer {background: #e6eff2; padding:20px 0 20px 0;}
#navlist {}
#navlist li {margin-bottom:6px;}
#navlist li a {display:block; width:265px; padding:2px 26px 2px 0; font-size:11pt; color:#73aabf; text-decoration:none;}
#navlist li a:hover {background:#dae3e5; color:#6393a6; }
#navlist li #currentpage {background:#ed0181; color:#fff;}


/* ----------------  sidebar  -------------------- */

#sidebar {background: #b7e2f6; padding:1px 26px 20px 0;}
#sidebar h1 {margin-top:25pt;}
#sidebar p {text-align:right;}
#sidebar img {margin-top:10pt;}


/* ----------------  form ------------------ */

#toverform {}
#toverform input {border:1px solid #E4E4E4; width:200px; float:left; margin-right:15px; }
#toverform input.submit {background:#ed0181; color:#fff; }
#toverform select {border:1px solid #E4E4E4; width:200px; float:left; margin-right:15px; }
#toverform label {text-align:justify; font-size:10pt; margin-bottom:8pt; display:block; line-height:150%; }
#toverform textarea { width:550px; border:1px solid #E4E4E4; margin-bottom:8pt; overflow:auto;}
div.val, input.val {display:none;}

iframe {width:550px; height:330px; background:#fff; padding:6px 6px 2px 6px; border:1px solid #D0CFCF; } 
