@charset "UTF-8";
/* "Yet Another Multicolumn Layout" v3.1 (c) by Dirk Jesse (http://www.yaml.de)
* $Revision: 343 $ $Date: 2009-01-19 23:41:32 +0100 (Mo, 19. Jan 2009) $ */
@media all {
* { margin: 0; padding: 0 }
option { padding-left: .4em }
select { padding: 1px }
* html body * { overflow: visible }
* html iframe,* html frame { overflow: auto }
* html frameset { overflow: hidden }
html { height: 100%; margin-bottom: 1px }
body { font-size: 100.01%; color: #000; background: #fff; text-align: left }
fieldset,img { border: 0 solid }
ul,ol,dl { margin: 0 0 1em 1em }
li { margin-left: .8em; line-height: 1.5em }
dt { font-weight: 700 }
dd { margin: 0 0 1em .8em }
blockquote { margin: 0 0 1em .8em }
blockquote:before,blockquote:after,q:before,q:after { content: "" }
#header { position: relative }
#topnav { text-align: right }
#header #topnav { position: absolute; top: 10px; right: 10px }
#header,#nav,#main,#footer { clear: both }
#col1 { float: left; width: 200px }
#col2 { float: right; width: 200px }
#col3 { width: auto; margin: 0 200px }
#col1_content,#col2_content,#col3_content { position: relative }
.clearfix:after { content: "."; display: block; font-size: 0; height: 0; clear: both; visibility: hidden }
.clearfix { display: block }
.floatbox { overflow: hidden }
#ie_clearing { display: none }
.subcolumns { width: 100%; overflow: hidden }
.subcolumns_oldgecko { width: 100%; float: left }
.c50l,.c25l,.c33l,.c38l,.c66l,.c75l,.c62l { float: left }
.c50r,.c25r,.c33r,.c38r,.c66r,.c75r,.c62r { float: right; margin-left: -5px }
.c25l,.c25r { width: 25% }
.c33l,.c33r { width: 33.333% }
.c50l,.c50r { width: 50% }
.c66l,.c66r { width: 66.666% }
.c75l,.c75r { width: 75% }
.c38l,.c38r { width: 38.2% }
.c62l,.c62r { width: 61.8% }
.subc { padding: 0 .5em }
.subcl { padding: 0 1em 0 0 }
.subcr { padding: 0 0 0 1em }
.equalize,.equalize .subcolumns { overflow: visible; display: table; table-layout: fixed }
.equalize .c50l,.equalize .c25l,.equalize .c33l,.equalize .c38l,.equalize .c66l,.equalize .c75l,.equalize .c62l,.equalize .c50r,.equalize .c25r,.equalize .c33r,.equalize .c38r,.equalize .c66r,.equalize .c75r,.equalize .c62r { display: table-cell; vertical-align: top; float: none; margin: 0; overflow: hidden }
.skip,.hideme,.print,dfn { position: absolute; left: -1000em; top: -1000em }
.skip:focus,.skip:active { position: static; left: 0; top: 0 }
}
@media screen, projection {
body { background-color: #fff; background-image: url(http://website.hostedwithnetraising.com/~hwn1004/images/site/bkgrd_page_new.jpg); background-repeat: repeat-x; background-position: left top; }
body { text-align: center; }
.page_margins { text-align: left; margin: 0 auto; }
.page_margins { width: 960px; }
.page { background-image: url(http://website.hostedwithnetraising.com/~hwn1004/images/site/page_tile.png); background-repeat: repeat-y; background-position: left top; padding: 0 10px; }
#header { padding: 3px 20px 0 20px; background-color: #000000; background-image: url(http://website.hostedwithnetraising.com/~hwn1004/images/site/bkgrd_header.gif); background-repeat: no-repeat; background-position: left top; overflow: hidden; position: relative; }
#credits { background-image: url(http://website.hostedwithnetraising.com/~hwn1004/images/site/page_bottom.png); background-repeat: no-repeat; background-position: left top; }
#col1 { float: left; width: 220px; }
#col1_content {  }
#col3 { width: auto; margin: 0 0 0 220px; }
#col3_content {}}
@media all {
html * { font-size: 100.01%; }
textarea, pre, code, kbd, samp, var, tt { font-family: Consolas, "Lucida Console", "Andale Mono", "Bitstream Vera Sans Mono", "Courier New", Courier; }
body { font-family: Arial, Helvetica, sans-serif; font-size: 75.00%; color: #000; line-height: 1.5; }
h1,h2,h3,h4,h5,h6 { color: #c50e1f; margin: 0 0 0.25em 0; line-height: 1.3; }
h1 { font-size: 160%; }
h2 { font-size: 125%; }
h3 { font-size: 100%; text-transform: uppercase; }
h4 { font-size: 116.67%; }
h5 { font-size: 116.67%; }
h6 { font-size: 116.67%; }
ul, ol, dl { line-height: 1.5em; margin: 0 0 1.6em 1em; }
ul li { list-style-type: disc; }
ul ul li { list-style-type: circle; }
ol li { list-style-type: decimal; }
ol ol li { list-style-type: lower-latin; }
li { margin-left: .8em; margin-bottom: 0; line-height: 1.5em }
dt { font-weight: bold; }
dd { margin: 0 0 1em 0.8em; }
p { margin: 0 0 1.6em 0; }
blockquote, cite,q { font-family: Georgia, "Times New Roman", Times, serif; font-style: italic; }
blockquote { margin: 0 0 1em 1.6em; color: #666; }
strong,b { font-weight: bold; }
em,i { font-style: italic; }
pre, code, kbd, tt, samp, var { font-size: 100%; }
pre, code { color: #800; }
pre { line-height: 1.5em; margin: 0 0 1em 0; }
kbd, samp, var { color: #666; }
var { font-style: italic; }
acronym, abbr { border-bottom: 1px #aaa dotted; font-variant: small-caps; letter-spacing: .07em; cursor: help; }
sub, sup { font-size: 91.6667%; }
hr { color: #fff; background: transparent; margin: 0 0 0.5em 0; padding: 0 0 0.5em 0; border: 0; border-bottom: 1px #eee solid; }
a { color: #195ca3; background: transparent; text-decoration: none; }
a:visited { color: #195ca3; }
a:focus,
a:hover,
a:active { color: #c50e1f; }
a.linkStyle2 { font-weight: bold; color: #000; }
a:visited.linkStyle2 { color: #000; }
a:focus.linkStyle2, 
a:hover.linkStyle2,
a:active.linkStyle2 { color: #c50e1f; }
a.linkStyle2 span { color: #c50e1f; font-size: 110%; }
a:visited.linkStyle2 span { color: #c50e1f; font-size: 110%; }
a:focus.linkStyle2 span,
a:hover.linkStyle2 span,
a:active.linkStyle2 span { color: #000; font-size: 110%; }
div#language_toggle { font-weight: bold; font-size: 18px; }
p.icaption_left { float: left; display: inline; margin: 0 1em 0.15em 0; }
p.icaption_right { float: right; display: inline; margin: 0 0 0.15em 1em; }
p.icaption_left img,
p.icaption_right img { padding: 0; border: 1px #888 solid; }
p.icaption_left strong,
p.icaption_right strong { display: block; overflow: hidden; margin-top: 2px; padding: 0.3em 0.5em; background: #eee; font-weight: normal; font-size: 91.667%; }
.highlight { color: #f60; }
.dimmed { color: #888; }
.info { background: #f8f8f8; color: #666; padding: 10px; margin-bottom: 0.5em; font-size: 91.7%; }
/* eeSiteKit .codeblock and code CSS - June 2009*/
.codeblock { float: left; background: #f8f8f8; color: #666; padding: 10px 0 30px 10px; margin-bottom: 1em; font-size: 91.7%; width: 430px; overflow: auto; }
code { white-space: nowrap; }
.note { background: #efe; color: #040; border: 2px #484 solid; padding: 10px; margin-bottom: 1em; }
.important { background: #ffe; color: #440; border: 2px #884 solid; padding: 10px; margin-bottom: 1em; }
.warning { background: #fee; color: #400; border: 2px #844 solid; padding: 10px; margin-bottom: 1em; }
.float_left { float: left; display: inline; margin-right: 1em; margin-bottom: 0.5em; }
.float_right { float: right; display: inline; margin-left: 1em; margin-bottom: 0.5em; }
.center { display: block; text-align: center; margin: 0.5em auto; }
.calendarBG { background-color: #888; }
.calendarBlank { background-color: #dfe7f2; font-family: Verdana, Sans-serif; font-size: 10px; text-decoration: none; text-align: center; vertical-align: top; color: #666; padding: 3px; }
.calendarHeader { font-weight: bold; color: #fff; text-align: center; background-color: #c50e1f; padding: 6px 0; font-size: 14px; }
.calendarMonthLinks { font-family: Arial, Trebuchet MS, Tahoma, Verdana, Sans-serif; font-size: 11px; font-weight: bold; letter-spacing: .1em; text-decoration: none; color: #fff; background-color: transparent; }
.calendarMonthLinks a { color: #fff; text-decoration: none; background-color: transparent; }
.calendarMonthLinks a:visited { color: #fff; text-decoration: none; background-color: transparent; }
.calendarMonthLinks a:hover { color: #000; text-decoration: underline; background-color: transparent; }
.calendarDayHeading { font-weight: bold; font-size: 12px; color: #fff; background-color: #91add2; text-align: center; vertical-align: middle; width: 14.29%; padding: 4px 0; }
.calendarToday { font-family: Arial, Trebuchet MS, Tahoma, Verdana, Sans-serif; font-size: 12px; font-weight: bold; letter-spacing: .1em; text-decoration: none; text-align: center; vertical-align: middle; color: #000; background-color: #b9cbe3; }
.calendarCell { font-family: Verdana, Sans-serif; font-size: 11px; text-decoration: none; text-align: center; vertical-align: top; color: #333; background-color: #fff; padding: 3px; line-height: 1.2em; }
.calendarCell a { color: #000; text-decoration: none; background-color: transparent; }
.calendarCell a:visited { color: #333; text-decoration: none; background-color: transparent; }
.calendarCell a:hover { color: #c50e1f; background-color: transparent; }
/* HEADER */
#header h2 { display: none; }
#logo { float: left; display: inline; width: 360px; }
#nav_util { width: 300px; float: right; display: inline; text-align: right; text-transform: uppercase; font-size: 90%; color: #fff; font-weight: bold; padding-top: 15px; }

#nav_util_2 { width: 400px; float: right; display: inline; text-align: right; text-transform: uppercase; font-size: 90%; color: #fff; font-weight: bold; padding-top: 60px;}

/* My Comment */

div#nav_util a, div#nav_util_2 a { color: #ffffff; }
div#nav_util a:visited, div#nav_util_2 a:visited { color: #ffffff; }
div#nav_util a:focus,
div#nav_util a:hover,
div#nav_util a:active { color: #c50e1f; }
div#nav_util_2 a:focus,
div#nav_util_2 a:hover,
div#nav_util_2 a:active { color: #c50e1f; }
div#nav_util span { padding: 0 6px; }
div#nav_util input#keywords { color: #000; text-align: left; outline: none; width: 117px; background: transparent; border-style: none; margin: 0 21px 0 6px; padding: 2px; }
/* COL 1 CONTENT */
#col1_content { padding: 22px 30px 5px 20px; line-height: 1.2; }
#col1_content h3 { color: #000; }
#col1_content h3#newsletter { margin: 0 0 1.6em 0; }
#col1_content #quickLinks, #col1_content #promo { font-size: 90%; }
#col1_content p#donate { margin: 2.5em 0 1.6em 0; }
#col1_content p#connect { margin: 0 0 2em 0; }
#col1_content p#connect img { margin: .25em .3em 0 0; }
#col1_content #promo p { margin-bottom: .8em; }
/* COL 3 CONTENT */
#col3_content { padding: 12px 20px 10px 0; }
body#home_page  #col3_content, body#pagina-de-inicio_page  #col3_content { padding: 0 20px 10px 0; }
#col3_content #main_content { padding: 0 20px 0 0; }
#col3_content #main_content_home { padding: 15px 20px 0 0; }
#col3_content div#language_toggle p { text-align: right; text-transform: uppercase; font-size: 80%; margin-bottom: 0; line-height: 1; }
/* FOOTER */
div#footer { padding: 6px 20px 4px 20px; color: #fff; font-size: 90%; background-color: #000; border-top: 3px solid #c50e1f; }
div#footer p { margin-bottom: 0; }
/* CREDITS */
div#credits { text-align: right; font-size: 90%; padding-bottom: 15px; }
div#credits p { padding: 15px 20px 5px 20px; }
div#credits p span { padding: 0 5px; }
/*Modal Popup Overlay */
.modal{background-color:#fff;display:none;width:600px;text-align:left;border:1px solid #ddd;z-index:+10;opacity:0.90;-moz-border-radius:6px;-webkit-border-radius:6px;-moz-box-shadow:0 0 15px #0f2231;-webkit-box-shadow:0 0 15px #0f2231}
.modalInput {z-index: 999;}/*needed for ie */
div.contentWrap {height:580px;overflow-y:auto;padding:25px;}
div.contentWrap .required {color: red;}
}
@media all {
div.yform { background: #f4f4f4; border: 1px #ddd solid; margin: 0 0 1em 0; padding: 10px; }
div.yform fieldset { border: 1px #ddd solid; background: #fafafa; margin: 0 0 0 0; padding: 0.5em 1em; }
div.yform legend { font-size: 125%; font-weight: normal; color: #333; }
div.yform label { color: #666; }
div.yform .type-text input,
  div.yform .type-text textarea,
  div.yform .type-select select { font-family: Arial, Helvetica, sans-serif; border: 1px solid #ddd; }
div.yform div input:focus,
  div.yform div select:focus,
  div.yform div textarea:focus,
  div.yform div input:hover,
  div.yform div select:hover,
  div.yform div textarea:hover,
  div.yform div input:active,
  div.yform div select:active,
  div.yform div textarea:active { border: 1px #a66 solid; background: #fff; }
div.yform .type-button input { border-top: 1px #ddd solid; border-left: 1px #ddd solid; border-right: 1px #888 solid; border-bottom: 1px #888 solid; color: #000; background: #ccc; padding: .4em 1.1em; }
div.yform .type-button input#reset { color: #300; background: #661717; }
div.yform .type-button input#submit { color: #000; background: #ccc; }
div.yform div.type-button input:focus,
  div.yform div.type-button input:hover,
  div.yform div.type-button input:active { border-top: 1px #888 solid; border-left: 1px #888 solid; border-right: 1px #ddd solid; border-bottom: 1px #ddd solid; color: #fff; background: #999; }
div.yform div.type-button input#reset:focus,
  div.yform div.type-button input#reset:hover,
  div.yform div.type-button input#reset:active { background: #800; color: #fff; }
div.yform div.type-button input#submit:focus,
  div.yform div.type-button input#submit:hover,
  div.yform div.type-button input#submit:active { background: #999; color: #fff; }
div.yform { overflow: hidden; }
div.yform fieldset { overflow: hidden; }
div.yform legend { background: transparent; border: 0; }
div.yform label { display: block; cursor: pointer; }
div.yform .message { display: block; margin-bottom: 0.5em; color: #666; }
div.yform input[type=hidden] { display: none !important; }
div.yform sup { color: #800; font-weight: bold; }
div.yform div.type-text,
  div.yform div.type-select,
  div.yform div.type-check,
  div.yform div.type-button { margin: 1em 0; position: relative; overflow: hidden; }
div.yform .type-text input,
  div.yform .type-text textarea { display: block; position: relative; padding: 0.3em 0.3em; width: 90%; }
div.yform .type-select select { display: block; position: relative; padding: 0.3em 2px 0.3em 1px; width: 60%; cursor: pointer; }
div.yform .type-select select optgroup { font-style: normal; font-weight: bold; }
div.yform .type-check input { cursor: pointer; }
div.yform .type-check label { display: inline; }
div.yform .type-button input { width: auto; cursor: pointer; }
div.yform div.error { border: 1px #a00 dashed; background: #faf4f4; padding: 0.5em; }
div.yform div.error label { color: #000; font-weight: bold; }
div.yform div.error .message { color: #800; }
.columnar .type-text label,
  .columnar .type-select label { float: left; width: 30%; }
.columnar div.type-check { padding-left: 30%; }
.columnar div.error .message { margin-left: 30%; }
.columnar div.type-text input,
  .columnar div.type-text textarea { width: 67.8%; }
.columnar div.type-select select { width: 69.4%; }
* html .columnar div.type-text input,
  * html .columnar div.type-text textarea { width: 67.2%; }
* html .columnar div.type-select select { width: 68.8%; }
/* IE5.x & IE6 */
* html div.yform legend { position: absolute; top: -.5em; left: .5em; }
* html div.yform fieldset { overflow: visible; height: 1%; margin-top: 1.5em; padding-top: 1.5em; }
/* IE7 & IE8 */
* +html div.yform legend { margin-top 
/***/: -1.1em; left: -.5em; }
* +html div.yform fieldset { overflow 
/***/: visible; height: 1%; }
}
/* eeSitKit 2.0 Main Naivgation CSS */
div#nav_main { color: #000; background: #c50e1f; font-weight: bold; text-transform: uppercase; border-top: 1px solid #fff; background-image: url(http://website.hostedwithnetraising.com/~hwn1004/images/site/bkgrd_nav.jpg); background-repeat: repeat-x; background-position: left bottom; }
div#nav_main span.nav_pipe { padding-right: 18px; margin-left: -18px; color: #000; }
div#nav_main ul { padding: 0; margin: 0; list-style: none; }
div#nav_main a { display: block; text-decoration: none; color: #000; padding: 7px 18px 7px 16px; }
div#nav_main .selected, div#nav_main a:hover { color: #fff; }
div#nav_main li { float: left; list-style: none; margin-bottom: 0; margin-left: 0; }
div#nav_main li ul { position: absolute; width: 170px; left: -999em; background: #c50e1f; z-index: 10; text-transform: none; }
div#nav_main li li { width: 170px; border-bottom: 1px solid #000; line-height: 1.2; float: none; }
div#nav_main li li a { padding: 6px 10px 6px 20px; display: block; }
div#nav_main li li a:hover { background: #fff; color: #c50e1f; }
div#nav_main li:hover ul { left: auto; width: 170px; }
div#nav_main li:hover ul, div#nav_main li.sfhover ul { left: auto; }
div#nav_main li:hover, div#nav_main li.hover { position: static; }
div#nav_main a:focus { outline: none }
/* NAV SUB */
div#nav_sub h3 { margin: 0; padding: 6px 0; line-height: 1.2; }
div#nav_sub ul { margin: 0 0 40px 0; border-top: 1px solid #c50e1f; }
div#nav_sub ul ul { margin: 0; border: 0 none; }
div#nav_sub li { list-style-type: none; margin: 0; border-bottom: 1px solid #c50e1f; line-height: 1.2; }
div#nav_sub li li { list-style-type: none; margin-left: .8em; border: 0 none; }
div#nav_sub h3 a, div#nav_sub li a { display: block; padding: 6px 0; font-weight: bold; color: #000; }
div#nav_sub h3 a, div#nav_sub li a:visited { color: #000; }
div#nav_sub h3 a.selected, div#nav_sub li a.selected,
div#nav_sub h3 a:focus, div#nav_sub li a:focus,
div#nav_sub h3 a:hover, div#nav_sub li a:hover,
div#nav_sub h3 a:active, div#nav_sub li a:active { color: #c50e1f; }
div#nav_sub li li a { font-weight: normal; padding: 0 0 6px 0; }