@charset "utf-8";

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, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
img {border: 0; padding: 0; font-size: 100%; background: transparent;}
dfn,var {font-style: normal;}

/* Disable a deprecated */
font,basefont {color: inherit; font: inherit; font-size: 100%;}
center {text-align: inherit;}
s,strike,u {text-decoration: inherit;}

p { margin: 1em 0; text-align: justify; }
p:first-child {margin-top: 0 !important;}
p+ul, p+ol {margin-top: -0.5em;}

/*************** Representation ***************/

       /* ++ Standard elements ++ */
a.inner   {text-decoration: none; border-bottom: 1px dashed #0545af;}
a.external {color: #f0f0f0; padding-right: 10px; background: url("../img/ico_external.html") right 0px no-repeat;}

input,select,textarea,button {margin: 0; font-size: 92%;}
fieldset {padding: 0.5em; border: solid 1px #ccc;}
legend   {color: #ccc;}
  input[type="text"],input[type="password"] {padding: 2px; border: 1px solid #ccc; background: #fff;}
          input.text,input.password {padding: 2px; border: 1px solid #ccc; background: #fff;}
  input[type="hidden"] {display: none !important;}
          input.hidden {display: none !important;}
  input[type="image"],input[type="checkbox"],input[type="radio"] {width: auto !important;}
          input.image,input.checkbox,input.radio {width: auto !important;}
textarea {padding: 0.5em; border: 1px solid #ccc; background: #fff;}
input,label,select {vertical-align: middle;}
select {background: #fff;}
textarea:focus, input[type='text']:focus, input[type='password']:focus, select:focus {outline: 2px solid #ffffaa;}
applet,object,iframe {overflow: hidden;}

hr    {clear: both; border: none; color: #ccc; background-color: #ccc; height: 1px; width: 100%; margin: 20px 0; padding: 0;}
* html hr {margin: 13px 0}
* + html hr {margin: 13px 0}

table {margin: 1em 0; border-collapse: collapse; table-layout: auto; border-spacing: 0; empty-cells: show; border: 1px solid #ccc;}
    table th {padding: 0.5em; text-align: center; vertical-align: middle; font-weight: bold;}
    table td {padding: 0.5em; vertical-align: top;}
    table caption {caption-side: top; text-align: center;}

       /* -- List's -- */
ul {margin: 1em 0; padding: 0; list-style-type: none;}
   ul li {margin: 0.2em 0; padding: 0 0 0 10px; background: url("../img/bull_li.html") 0px 7px no-repeat;}
   li ul,dd ul {margin: 0;}
        ul[type=disc], li[type=disc] { list-style-type: disc; }
        ul[type=circle], li[type=circle] { list-style-type: circle; }
        ul[type=square], li[type=square] { list-style-type: square; }
ol {margin: 1em 0; padding: 0; list-style-position: inside;}
   ol li {margin: 0.2em 0; padding: 0;}
   li ol,dd ol {margin: 0 0 0 1.5em;}
dl {margin: 1em 0; padding: 0;}
   dl dt {margin: 0.5em 0 0 0; padding: 0;}
   dl dd {margin: 0 0 0.5em 1.5em; padding: 0;}

       /* -- Images -- */
img {display: block; border: none; vertical-align: middle; font: normal 0.75em Tahoma; color: #aaa;}
#footer img,#bottom img,p img {display: inline;}
img[border="1"],img[border="2"] {border: 1px solid #000;}

       /* -- Text -- */
blockquote {margin: 1em 0 1em 1.5em; padding: 0.5em 1em; quotes: none; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; color: #666;}
blockquote:before, blockquote:after {content: ''; content: none;}
blockquote q {text-indent: -0.8em;}
html:lang(en) q, html body q[lang="en"] {quotes: "\201e" "\201c" "\2018" "\2019";}
html:lang(en-us) q, html body q[lang="en-us"] {quotes: "\201c" "\201d" "\2018" "\2019";}
html:lang(ru) q,html:lang(ua) q, html body q[lang="ru"], html body q[lang="ua"] {quotes: "\00ab" "\00bb" "\201e" "\201c";}
cite  {font-style: italic;}

small {font-size: 85%;}
big   {font-size: 125%;}
sup   {vertical-align: text-top; font-size: 65%;}
sub   {vertical-align: text-bottom; font-size: 65%;}
ins   {text-decoration: underline;}
del   {text-decoration: line-through;}
pre   {white-space: pre; overflow: auto; padding: 10px; background: #F6F6F6; border: 1px solid #E5E5E5; }

abbr {text-transform: uppercase; text-decoration: none;}
acronym {font-variant: small-caps; text-transform: none; text-decoration: none;}
abbr[title],acronym[title],dfn[title] {cursor: help; border-bottom: 1px dotted #f0f0f0;}

.mobile,#mobile-nav {display: none;}
.wai {position: absolute; visibility: hidden;}
.fl {float: left; margin: 0 5px 5px 0;}
.fr {float: right; margin: 0 0px 5px 5px;}

/*======= -- OUR BLOCK's & STYLES ! -- =======*/

/*************** Fonts ***************/
html {font-size: 75%}
@media all and (min-resolution: 120dpi) {
    html {font-size: 60%}
    html, x:-moz-any-link {font-size: 75%}
}
    #for-opera927 {/* dont' remove! */}

body,input,textarea {color: #000; font: normal 1em/1.4 Arial;}
code,pre {color: #c33; font: normal 1em/1.4 "Consolas","Lucida Console", Monaco, "Courier New", Courier, monospace;}

h1,h2,h3,h4,h5,h6 {margin: 2em 0 1em;}
h1:first-child,h2:first-child,h3:first-child,h4:first-child,h5:first-child,h6:first-child {margin-top: 0 !important;}
h1 {font: bold 4em Times New Roman; color: #6f3771; text-transform: uppercase;}
h2 {font: normal 3em Times New Roman; color: #000;}
h3 {font: bold 2em Tahoma; color: #333;}
h4 {font: bold 1.75em Tahoma; color: #222;}
h5 {font: bold 1.5em Tahoma; color: #111;}
h6 {font: bold 1.333em Tahoma; color: #000;}

a         {color: #36c; text-decoration: underline;}
a:visited {color: #99c;}
a:hover, a:active, a:focus {text-decoration: none;}

/*************** Positioning ***************/
html { width: 100%; height: 100%; background: #cfd0e1 url("../img/bg-html.png") center top; }
body { position: relative; min-height: 100%; background: url("../img/bg-body.png") center top no-repeat; }
#wrapper { position: relative; width: 1000px; margin: 0 auto; padding: 253px 0 190px;  }

       /* -- Mainframes -- */
#header     { position: absolute; top: 154px; left: 0; width: 1000px; height: 86px; }
#content { padding: 10px; font-size: 1.25em; color: #6f3771  }
body.index #content { padding: 0; }

#footer { position: absolute; bottom: 0; left: 0; width: 100%; height: 138px; padding-top: 1px; background: #fff url("../img/bg-footer-add.png") repeat-x;  }
#footer #footer-content { margin: 0 auto; height: 87px; padding-top: 50px; background: #fff url("../img/bg-footer.png") center top no-repeat;  }

/*  -- Header --  */
/*  logo */
#logo { overflow: hidden; display: block; position: absolute; top: 35px; left: 11px; width: 253px; height: 90px; padding-left: 70px; margin: 0; font: normal 14px/30px Arial; color: #000; text-align: left; text-transform: uppercase}
#logo a, #logo span {display: block; position: absolute; top: 0px; left: 0; width: 100%; height: 100%; background: url("../img/bg-logo.png") no-repeat; }
#logo em { display: block; font-size: 28px; font-style: normal; color: #6e3670; }

#slogan { overflow: hidden; display: block; position: absolute; top: 42px; right: 28px; width: 562px; height: 84px; font: italic 26px/42px Times New Roman; color: #6e3770; text-align: left; }
#slogan span {display: block; position: absolute; top: 0px; left: 0; width: 100%; height: 100%; background: url("../img/bg-slogan.png") no-repeat; }

/* /logo */

/* menu  */
ul#nav { margin: 0; padding: 20px 10px 0; height: 66px; background: url("../img/bg-ul-nav.png") no-repeat;}
ul#nav li { float: left; margin: 0; padding: 0 }
ul#nav li a { display: block; height: 46px; margin: 0 0 0 10px; padding: 0 0 0 16px; background: url("../img/bg-ul-nav-li.png") no-repeat; text-decoration: none; color: #fff }
ul#nav li a span { display: block; height: 46px; margin: 0; padding: 0 35px 0 33px; font: normal 24px/46px Times New Roman; cursor: pointer; }
ul#nav li a:hover, ul#nav li.sel a { background-position: 0 -46px; color: #6f3771 }
ul#nav li a:hover span, ul#nav li.sel a span { background: url("../img/bg-ul-nav-li.png") right -138px no-repeat; }

ul#nav li:first-child a { margin-left: 0; background: none }
ul#nav li:first-child a:hover, ul#nav li:first-child.sel a { margin-left: 0; background: url("../img/bg-ul-nav-li.png") 0 -92px no-repeat; }

/* /menu */

/* /-- Header -- */

/* -- Footer --  */
#footer-content { text-align: center; font-size: 1.167em; color: #6f3671; }
#footer-content address { display: inline; font-style: normal; }
#footer-content address a { color: #6f3671; text-decoration: none; cursor: default;}
#footer-content address a.privacy-policy { color: #c02fc5; text-decoration: underline; cursor: pointer }
#footer-content address a.privacy-policy.terms { border-left: 1px solid #c02fc5; margin-left: 5px; padding-left: 5px }
#footer-content address a.privacy-policy:hover { text-decoration: none; }

a#arizona-web-design { display: block; width: 130px; height: 16px; line-height: 16px; margin: 5px auto; padding-left: 25px; text-align: center; background: url("../img/logo-arizona-web-design.png") left 0 no-repeat; color: #6f3671; text-decoration: none; }
a#arizona-web-design:hover { text-decoration: none; }
/* /-- Footer -- */


/* ^^^^^^^^^^^ Sidebar style's ^^^^^^^^^^^ */

/* ^^^^^^^^^^^ Content style's ^^^^^^^^^^^ */
#content table,#content object,#content embed {clear: both;}

#content div.block-slides { position: relative; width: 1000px; height: 599px; padding: 10px; }
#content div.block-slides img.loader { display: block; position: absolute; top: 284px; left: 484px; }
#content div.block-slides ul.slideshow { width: 1000px; height: 599px; margin: 0; padding: 0;  }
#content div.block-slides ul.slideshow li { margin: 0; padding: 0; background: none }
#content div.block-slides span { display: block; position: absolute; top: 0px; left: 0; width: 1000px; height: 599px; background: url("../img/bg-over-slideshow.png") no-repeat;  }


#content h1 { margin: 12px 0; font-size: 1.6em; }
#content h2 { margin: 10px 0; font-size: 1.533em }
#content h2.donate { margin:-9px 0 -2px 0; }
#content h2.color-lilac { color: #6f3771 }
#content h3 { font-size: 1em;  color: #000 }
#content p { margin: 0.667em 0 ; line-height: 1.4em }
body.donate #content p { margin-bottom: 1.4em; }
#content p em.name { font-style: normal; color: #000 }
#content a {  color: #c02fc5  }

#content div.biography { overflow: hidden; }
#content div.biography img.avatar { float: left; margin: 0 30px 20px 0 }
#content div.biography p { margin: 1.4em 0 }

#content ul { margin: 0 0 0 10px; padding: 0; font-size: 0.933em }
#content ul li { margin: 0 0 4px; padding: 0 0 0 14px; line-height: 1.4em; background: url("../img/bg-ul-li.png") 0 6px no-repeat;   }


#content div.block-contacts { overflow: hidden; font-size: 1.333em }
#content div.block-contacts div.text { float: left; width: 500px; }
#content div.block-contacts div.text p { margin-bottom: 24px; line-height: 24px }

#content div.block-contacts div.map  { float: right; width: 442px; height: 318px; padding: 5px 5px 16px; background: url("../img/bg-map.png") 0 0 no-repeat; }


#content form.form { margin: 15px 0 0; }
#content form.form fieldset { overflow: hidden; position: relative; border: none; margin: 0 0 8px; padding: 18px 0 0; background: url("../img/bg-fieldset.png") center top repeat-x; }
#content form.form fieldset h3 { margin-bottom: 16px; font-size: 1em; font-weight: normal; color: #000 }
#content form.form fieldset label { display: inline-block; width: 129px; margin-top: 3px; padding: 0 5px 0 0; vertical-align: top; }
#content form.form fieldset label.counter { width: 71px; margin-left: 35px; }
#content form.form fieldset label.label-zip { width: 24px; margin-left: 7px; }

#content form.form fieldset input[type="text"] { width: 300px; height: 26px; line-height: 26px; padding: 0 6px; margin: 0 0 13px; border: 1px solid #acadc7; color: #000;   }
#content form.form fieldset input[type="text"].input-zip { width: 83px;  }
#content form.form fieldset input[type="text"].input-city { width: 159px;  }
#content form.form fieldset input[type="text"].input-donate-amount { width: 203px; margin-bottom: 0;  }
#content form.form fieldset input[type="text"].input-cvv { width: 68px;  }

#content form.form fieldset select { width: 314px; height: 28px; padding: 0; margin: 0 0 13px; border: 1px solid #acadc7; color: #000;   }
#content form.form fieldset select.select-expiration-date { width: 82px; margin-right: 22px;   }

#content form.form fieldset input[type="submit"] { display: block; width: 147px; height: 27px; margin: 0 0 0 138px; padding: 0; border: 0; background: url(../img/bg-submit.png) 0 0 no-repeat; cursor: pointer; color: #fff;  }

#content form.form fieldset span.remark { display: block; margin: 0 0 8px 138px; font-size: 11px; font-style: italic; }
#content form.form fieldset span.what-is-css { position: relative; display: inline-block; width: 24px; height: 24px; margin: 2px 0 0 2px; vertical-align: top; background: url("../img/bg-what-is-css.png") 0 0 no-repeat; }
#content form.form fieldset a.banner-authorize { overflow: hidden; display: block; position: absolute; top: 75px; left: 571px; width: 112px; height: 112px; line-height: 112px; color: #000; text-align: center; }
#content form.form fieldset a.banner-authorize span {display: block; position: absolute; top: 0px; left: 0; width: 100%; height: 100%; background: url("../img/bg-banner-authorize.png") no-repeat; }

a.banner-comodo { overflow: hidden; display: block; position: absolute; right: 0;  bottom: 0; width: 98px; height: 84px; text-indent: -999em }
a.banner-comodo span {display: block; position: absolute; top: 0px; left: 0; width: 100%; height: 100%; background: url("../img/bg-comodo.png") no-repeat; }

#content blockquote.common { width: 980px; margin: 0 0 16px; padding: 0 0 18px; background: url("../img/bg-blockquote.png") bottom center no-repeat; border: none; color: #000 }
#content blockquote.common cite { display: block; line-height: 18px; padding-bottom: 26px; background: url("../img/bg-blockquote-cite.png") bottom center no-repeat;  font-style: normal; font-weight: bold;  }
#content blockquote.common q { display: block; padding: 6px 20px 1px 26px; line-height: 21px; background: #fff; font-style: italic; color: #6f3671; text-indent: 0; }

#content div.block-help { overflow: hidden; }
#content div.block-help div.block-col { float: left; width: 408px; margin-left: 32px; }
#content div.block-help div.block-col h3 { margin: 18px 0 7px }
#content div.block-help div.block-col ul { }
#content div.block-help div.block-col ul li { margin-bottom: 0 }

#content div#check_error { color: #f21860 }
#content div#check_error strong { display: block; margin: 20px 0 10px; font-weight: normal; }
#content div#check_error ul { width: 180px; margin: 0; padding: 10px; background: #fff  }

#content form.form fieldset span.what-is-css span#cvv-popup { display: none; position: absolute; top: -170px; right: -530px; width: 300px; height: 250px; padding: 20px 10px 0 210px; border: 2px solid #54749B; text-align: justify; background: #ededed url("../img/ill-cvv.jpg") 0 0 no-repeat; font-size: 11px }
#content form.form fieldset span.what-is-css span#cvv-popup.showed { display: block !important; }