/* reset all tags */

@import "reset.css";


/* global */

body { background: #fff url("../../graphics/bg_body.gif") repeat-x; height: 100%; }
#container { margin: 0 auto; width: 800px; }
#header { background: url("../../graphics/bg_header.gif") repeat-x; background-position: 0 29px; height: 176px; width: 800px; margin-top: 6px; }
#header form { width: 200px; float: left; }
#header input { color: #aaa; border: 0; width: 190px; padding: 3px; }
#header a#linkhome { display: block; position: relative; left: 502px; top: 65px; width: 283px; height: 64px; clear: both; }
#menuheader { height: 12px; float: right; margin-right: 8px; }
#menuheader li { display: inline; list-style-type: none; margin: 0; padding: 0 5px; font: normal 11px Arial; color: #fff; border-right: 1px solid #fff; }
#menuheader li a:link, #menuheader li a:visited { font: normal 11px Arial; color: #fff; text-decoration: none; }
#menuheader li a:hover { color: #fff; text-decoration: underline; }
#menuheader li.last { border: none; }
ul#menu { height: 24px; }
ul#menu li { display: inline; list-style-type: none; }
#footer { margin: 10px auto 0 auto; width: 800px; height: 163px; background: url("../../graphics/bg_footer.gif") repeat-x; }
#footer ul { margin-left: 122px; padding: 40px 0 5px 0; }
#footer li { display: inline; list-style-type: none; margin: 0; padding: 0 5px; font: normal 10px Arial; color: #fff; border-right: 1px solid #fff; }
#footer li a:link, #footer li a:visited { font: normal 10px Arial; color: #fff; text-decoration: none; }
#footer li a:hover { text-decoration: underline; color: #fff; }
#footer ul li.last { border: none; }
#footer p { color: #2E5E75; font: normal 10px Arial; padding: 10px 0; margin-right: 8px; text-align: right; }
#maincontent { overflow: auto; }
#maincontent h1 { font: normal 15px "Arial"; color: #2d5d74; }
#maincontent h5 { font: bold 12px "Arial"; color: #8E8374; }
#maincontent p { font: 12px "Arial"; color: #535353; line-height: 190%; margin: 10px 0; }
#maincontent .banner { float: right; }
hr { height: 25px; color: #2d5d74; background: #2d5d74; margin: 0; padding: 0; }
strong { font-weight: bold; }
em { font-style: italic; }



/* TEMPLATE: home */

#home #mainleft { width: 380px; float: left; margin-top: 30px; }
#home #mainright { width: 395px; float: right; margin-top: 30px; }
#home #formlogin { background: url("../../graphics/bg_login.gif") no-repeat; width: 187px; height: 170px; position: relative; float: left; }
#home #formlogin input { border: none; color: #aaa; padding: 3px; }
#home #formlogin #username { position: absolute; top: 42px; left: 15px; }
#home #formlogin #password { position: absolute; top: 67px; left: 15px; }
#home #formlogin .button { cursor: pointer; position: absolute; top: 95px; left: 15px; }
#home #formlogin p { font: 10px "Arial"; color: #555; position: absolute; top: 95px; left: 92px; line-height: 100%; }
#home #formlogin h6 { font: 12px "Arial"; position: absolute; top: 135px; }
#home #formlogin a:link, #formlogin a:visited, #formlogin a:hover { color: #222; }



/* TEMPLATE: secondary */

#secondary #mainleft { width: 390px; float: left; margin-top: 1px; }
#secondary #mainleft .last { margin-left: 16px; }
#secondary #mainleft img { margin-bottom: 10px; }
#secondary #mainright { width: 365px; float: right; margin-top: 30px; }
#secondary #mainright ul { list-style: disc; padding-left: 25px; }
#secondary #mainright li { font: 12px "Arial"; color: #535353; line-height: 160%; margin-bottom: 15px; }
#secondary #mainright li a:link, #secondary #mainright li a:visited, #secondary #mainright li a:hover { font: 12px "Arial"; color: #333; line-height: 160%; margin-bottom: 15px; text-decoration: underline; }



/* TEMPLATE: threecolumn */

#threecolumn #mainleft { width: 187px; float: left; margin-top: 1px; }
#threecolumn #mainleft img { margin-bottom: 5px; }
#threecolumn a:link, #threecolumn a:visited, #threecolumn a:hover { color: #333; text-decoration: underline; }
#threecolumn #maincenter { width: 285px; float: left; margin-top: 30px; margin-left: 25px; }
#threecolumn #maincenter ul, #threecolumn #mainright ul { list-style: none; margin: 10px 0; }
#threecolumn #maincenter li { font: 12px "Arial"; color: #535353; line-height: 130%; margin-bottom: 10px; }
#threecolumn #mainright { width: 285px; float: right; margin-top: 30px; }
#threecolumn #maincontent ul.disc { list-style: disc; padding-left: 25px; }
#threecolumn #mainright li { font: 12px "Arial"; color: #535353; line-height: 160%; margin-bottom: 15px; }



/* TEMPLATE: faqs */

#faqs th, #faqs td { padding: 10px 20px; }
#faqs #maincontent { position: relative; }
#faqs thead th { padding: 20px; }
#faqs label { position: absolute; top: 70px; right: 20px; font: bold 11px "Arial"; color: #666; }
#faqs h2 { font: italic 14px "Arial"; color: #666; text-transform: capitalize; }
#faqs tbody td { width: 575px; }
#faqs tbody th, #faqs tbody td { background-color: #eff5fb; }
#faqs tbody th.alt, #faqs tbody td.alt { background-color: #deebf8; }
#faqs tbody th { font: bold 12px "Arial"; color: #333; border-right: 2px solid #fff; border-top: 2px solid #fff; width: 185px; }
#faqs tbody td { font: 12px "Arial"; color: #333; line-height: 18px; border-top: 2px solid #fff; }
#faqs tbody td ul { list-style: disc; padding-left: 15px; }
#faqs tbody td li { font: 12px "Arial"; color: #333; line-height: 160%; margin: 10px 0; }
#faqs table a:link, #faqs table a:visited, #faqs table a:hover { color: #000; }



/* TEMPLATE: charts */

#indicators .indicatorchart { margin-top: 10px; width: 400px; float: left; }
.indicatorchart h2 { font: normal 14px "Arial"; color: #2d5d74; }
#maincontent .indicatorchart p { font: 10px "Arial"; width: 375px; line-height: 14px; }
#maincontent .indicatorchart ul { list-style: disc; padding-left: 15px; }
#maincontent .indicatorchart li { font: 10px "Arial"; width: 350px; line-height: 14px; color: #535353; }



/* TEMPLATE: iap */

#iap #mainleft { width: 260px; float: left; margin: 30px 25px 0 0; }
#iap #mainleft ul { list-style: disc; padding-left: 15px; }
#iap #mainleft li { font: 12px "Arial"; color: #535353; line-height: 160%; margin-bottom: 10px; }
#iap a:link, #iap a:visited, #iap a:hover { color: #333; text-decoration: underline; }
#iap #mainright { width: 515px; float: left; margin-top: 30px; }
#iap #mainright h1 { font-weight: normal; margin: 10px 0; }
#iap #mainright ul { margin: 5px 0; }
#iap #mainright li { display: inline; list-style-type: none; margin: 0 1px 0 0; }
#iap #mainright li a:link, #iap #mainright li a:visited { padding: 1px 4px; color: #fff; background-color: #8CA7B3; text-decoration: none; font: 10px "Arial"; }
#iap #mainright li a:hover, #iap #mainright ul li a:link.select, #iap #mainright ul li a:visited.select, #iap #mainright ul li a:hover.select { padding: 1px 4px; color: #fff; background-color: #2E5E75; text-decoration: none; font: 10px "Arial"; }
#iap #mainright address { float: left; font: 12px "Arial"; line-height: 135%; color: #535353; width: 240px; margin: 0 10px 25px 0; }
#iap .resourceentry { border-bottom: 1px solid #3b7188; margin: 10px 0; padding-bottom: 5px; }
#iap .resourceentry p { line-height: 135%; padding-left: 5px; }
#iap .resourceentry h2 { font: normal 13px "Arial"; color: #666; text-transform: capitalize; background: #CBDCE3; padding: 5px; }
#iap .resourceentry h3 { font: italic 13px "Arial"; color: #535353; padding: 5px 0 0 5px; }



/* TEMPLATE: login */
#login #mainleft { margin-top: 30px; width: 390px; float: left; }
#login #mainleft dl { padding: 40px; background-color: #ecf3fb; }
#login #mainleft dt { font: normal 14px "Arial"; color: #2d5d74; }
#login #mainleft dd { font: 12px "Arial"; color: #535353; line-height: 190%; margin: 10px 0; }
#login #mainright { width: 390px; margin: 30px 0 0 15px; float: left; }
#login #formlogin { background: url("../../graphics/form_login_large.jpg") no-repeat; width: 390px; height: 188px; position: relative; }
#login #formlogin input { border: none; color: #999; padding: 3px; background: none; }
#login #formlogin #username { position: absolute; top: 50px; left: 35px; }
#login #formlogin #password { position: absolute; top: 97px; left: 35px; }
#login #formlogin .button { cursor: pointer; position: absolute; top: 130px; left: 290px; }
#login #formlogin p { font: 10px "Arial"; color: #555; position: absolute; top: 95px; left: 92px; line-height: 100%; }
#login #formlogin h5 { font: 10px "Arial"; position: absolute; left: 35px; top: 160px; }
#login #formlogin h6 { font: 12px "Arial"; position: absolute; left: 35px; top: 140px; }
#login #formlogin a:link, #formlogin a:visited, #formlogin a:hover { color: #222; }



/* TEMPLATE: association */
#assoc #mainleft { width: 187px; float: left; margin-top: 1px; }
#assoc #mainleft img { margin-bottom: 5px; }
#assoc a:link, #assoc a:visited, #assoc a:hover { color: #333; text-decoration: underline; }
#assoc #maincenter { float: left; width: 355px; margin-top: 30px; margin-left: 25px; }
#assoc #maincenter h2 { font: bold 12px "Arial"; color: #8E8374; }
#assoc #mainright { width: 205px; float: right; background: url("../../graphics/bg_content_assoc.jpg") no-repeat; padding-bottom: 100px; }
#assoc #mainright h2 { padding: 30px 0 10px 0; margin: 0 auto; width: 155px; font: bold 12px "Arial"; color: #666; border-bottom: 1px solid #666; }
#assoc address { font: 12px "Arial"; line-height: 135%; color: #535353; line-height: 145%; padding: 10px 25px; }
#assoc h4 { font: bold 13px "Arial"; color: #2d5d74; margin-top: 25px; }
#assoc h4.switchshow { padding-left: 15px; margin-bottom: 10px; background: url("../../graphics/icon_plus.gif") no-repeat; background-position: 0 3px; cursor: pointer; }
#assoc h4.switchhide { padding-left: 15px; margin-bottom: 10px; background: url("../../graphics/icon_minus.gif") no-repeat; background-position: 0 3px; cursor: pointer;}
#assoc dl { padding-left: 15px; margin-bottom: 25px; }
#assoc dt { font: bold 12px "Arial"; line-height: 135%; color: #535353; }
#assoc dd { font: 12px "Arial"; line-height: 135%; color: #535353; width: 240px; line-height: 145%; margin: 0 0 10px 0; }
#assoc dd a:link, #assoc dd a:hover, #assoc dd a:visited { text-decoration: underline; color: #535353; }
#maincenter form { padding: 0 0 20px 0; }
#maincenter form label { font: 12px "Tahoma", "Arial"; color: #000; display: block; padding: 0 5px 5px 5px; cursor: pointer; }
#maincenter form legend { padding: 5px; background-color: #E3EDF7; border: 1px solid #666; font: 12px "Arial"; color: #000; text-transform: uppercase; }
#maincenter fieldset { margin: 15px 0 0 0; }
#maincenter .highlight { background-color:#ffb5b7; border: 2px solid #ff0000; font-weight: bold; }
#maincenter .errorcap { padding: 2px; background-color:#ffb5b7; border: 1px solid #ff0000; text-align: center; }
#maincenter .errorcap p { color:#000; font-weight: bold; text-align: center; }
#maincenter #errorreq { display: none; padding: 5px; background-color:#ffb5b7; border: 1px solid #ff0000; text-align: center; }
#maincenter #errorreq p { color:#000; font-weight: bold; text-align: center; }



/* TEMPLATE: calendar */
#calendar #mainleft { width: 187px; float: left; margin-top: 1px; }
#calendar #mainleft img { margin-bottom: 5px; }
#calendar a:link, #calendar a:visited, #calendar a:hover { color: #333; text-decoration: underline; }
#calendar #mainright { width: 525px; float: left; margin: 30px 0 0 30px; }
#calendar h1 { width: 525px; }
#calendar .calendarentry { width: 525px; border-bottom: 1px solid #3b7188; margin: 10px 0; padding-bottom: 5px; }
#calendar .calendarentry p { line-height: 135%; padding-left: 5px; }
#calendar .calendarentry h2 { font: normal 13px "Arial"; color: #666; text-transform: uppercase; background: #CBDCE3; padding: 5px; }
#calendar .calendarentry h3 { font: italic 13px "Arial"; color: #535353; padding: 5px 0 0 5px; }