body {font-size: 100%; font-family: verdana, tahoma, sans-serif}
 p,th,td {font-size: 0.75em}
th,td {padding: 3px 5px}
 li {font-size: 0.75em}
  h1 {color: #364457; font-weight: normal; font-size: 1.5em; margin-bottom: 0em}
  h2 {color: #364457; font-weight: normal; font-size: 1.125em; margin-bottom: 0em}
  h3 {color: #364457; font-weight: normal; font-size: 0.875em; margin-bottom: 0em}
  p {margin: 0.5em 0; line-height: 1.5}
  p.center {text-align: center}
  a {color: #05a}
  a:hover, a:focus {color: #05f}
  img {border: 0}
p.small {font-size: 0.6875em; margin-top: 0}
h2.byline {font-size:0.75em; font-style:italic}

.dkblu {background: url(../images/backgiround.jpg) repeat-x #364457; color: #fff; padding-bottom: 10px}
 .dkblu h2 {color: #fff; padding: 10px 10px 0; margin: 0}
 .dkblu h3 {color: #fff; padding: 10px 10px 0; margin: 0; font-weight: bold; font-size: 0.75em}
 .dkblu p {color: #fff; padding: 0 10px; margin: 0.25em 0 0.5em}
 .dkblu a {color: #bcf}
 .dkblu a:hover {color: #def !important}

.ltblu {background: #eeeeee; color: #000; padding-bottom: 10px}
 .ltblu h2 {color: #e84c13; padding: 10px 10px 0; margin: 0}
 .ltblu h3 {color: #000; padding: 10px 10px 0; margin: 0; font-weight: bold; font-size: 0.75em}
 .ltblu p {color: #000; padding: 0 10px; margin: 0.25em 0 0.25em}
 .ltblu img.alignleft {background: #fafafa; margin-left: 10px; margin-top: 10px}
.ltgry {background: #cccccc; color: #000; padding-bottom: 10px; margin-bottom: 10px}
 .ltgry h2 {color: #364457; padding: 10px 10px 0; margin: 0}
 .ltgry h3 {color: #364457; padding: 10px 10px 0; margin: 0; font-weight: bold; font-size: 0.75em}
 .ltgry p {color: #000; padding: 0 10px; margin: 0.25em 0 0.25em}
 .ltgry ul {margin: 0; padding: 0}
 .ltgry li {list-style-type: none; margin: 0.225em; padding: 0 10px} 

 #wrap {position: relative; width: 99%; max-width: 1024px; min-width: 770px; background: url(../images/rings-bg.gif) no-repeat 50% 0; min-height: 1000px; margin: 0 auto}
  #header {}
   #logo {margin-top: 10px; margin-left: 25px; float: left}
    #logo img {border: 0}
   #contact {float: right; color: #364457; margin-top: 14px; line-height: 1.25}
   #nav {clear: left; margin-top: 20px; width: 100%}
    #nav ul {background: #e84c13; height: 2.75em; width: 100%; margin: 0}
    #nav li {list-style-type: none; float: left; margin-left: 5px; margin-right: 10px; font-size: 0.9375em}
     #nav li.first {margin-left: 45px}
    #nav a {color: #fff; text-decoration: none; display: block; float: left; font-weight: bold; padding: 0.875em 10px 1.75em}
     #nav a.here, #nav a:hover, #nav a.focus {background: #364457}

   #subnav {clear: left; margin-top: 8px; width: 100%; margin-bottom: 10px}
    #subnav ul {background: #364457; height: 2.75em; width: 100%; margin: 0}
    #subnav li {list-style-type: none; float: left; margin-left: 5px; margin-right: 10px; font-size: 0.9375em}
     #subnav li.first {margin-left: 45px}
    #subnav a {color: #fff; text-decoration: none; display: block; float: left; font-weight: bold; padding: 0.875em 10px 1.75em}
     #subnav a.here, #subnav a:hover, #subnav a.focus {background: #465467}
       
  
  .home #main {clear: left; margin-top: 40px; margin-left: 46px; margin-right: 10px}
  .article #main {clear: left; margin-top: 20px; margin-left: 46px; margin-right: 2%; float: left; width: 66%}
  .article #sidebar {margin-top: 20px; margin-right: 0; float: right; z-index: 2; position: relative; width: 26%}
   .article #main h3 a {font-weight: bold} 
   .article #main ul {margin-top: 0.5em; margin-bottom:0.5em; margin-left: 0; padding-left: 24px}
   .article #main li {margin-top: 0.5em; margin-bottom: 0.5em; list-style-type: square}
  img.alignright {border: solid #ccc 1px; background: #f0f0f0; padding: 5px; margin: 0 0 0.5em 1em; float: right}
  img.alignleft {border: solid #ccc 1px; background: #f0f0f0; padding: 5px; margin: 0 1em 0.5em 0; float: left}
  img.aligncenter {border: solid #ccc 1px; background: #f0f0f0; padding: 5px; margin-right: 0 auto}

  .cols {float: left; width: 100%; clear: left; margin-bottom: 1em}

  .c1o1 {max-width: 60em; padding-bottom: 2em; clear: left}

  .c1o2 {float: left; width: 49.5%; margin-right: 1%; clear: left; min-height:12em}
  .c2o2 {float: right; width: 49.5%; min-height:12em}

  .c1o3 {float: left; width: 36.25%; margin-right: 1.5%; margin-bottom: 1em; clear: left; min-height: 140px}
  .c2o3 {float: left; width: 36.25%; margin-right: 1.5%; min-height: 140px}
  .c3o3 {width: 24%; float: left; min-height: 140px}

  .donatebox {width: 24%; float: left; clear: left; margin: 1em 1em 1em 0}
  
  img.donate {padding: 9px}
  
  #footer {color: #fff; float: left; width: 100%; background: #e84c13; clear: both; margin-top: 2em; z-index: 1}
  #footer ul {margin: 0; padding: 0}
  #footer li {list-style-type: none; float: left; margin-left: 5px; margin-right: 10px; font-size: 0.6875em; padding: 7px}
  #footer li.first {margin-left: 40px}
  #footer a {color: #fff; text-decoration: none}
  #footer a:hover, #footer a:focus {color: #fff; text-decoration: underline}
  
#main h1 a {color: #364457; text-decoration: none}
  a {color: #05a}
  a:hover {color: #05f}
  a:focus, a:active {color: #000 !important; background: #ddd !important}


/* embedded video */
  .borderwrap {border: none; float: left; margin-bottom: 0.5em; clear: left; margin-right: 1em; text-align: center}
  object {background: #eee}


/* ------------------------------------ Grid ----------------------------- */
.grid {position: absolute; top: 0; left: 0; z-index: 0; display: none}
.grid div {border-right: dashed #333 1px; border-bottom: dashed #333 1px; ackground: #fff !important; float: left}

.grid .div1 {height: 713px; width: 1385px; ackground: #fff}
.grid .div2 {height: 713px; width: 997px; ackground: #fef}
.grid .div3 {height: 600px; width: 800px; ackground: #ffe}
.grid .div4 {height: 480px; width: 640px; ackground: #eff}

/* ----------------------------------- /Grid ----------------------------- */

/* Contact Form */
form fieldset {background-color: #f4f4f4;
                        padding: 0.5em}

form fieldset label {font-weight:bold; display: block; float: left; width: 17em; padding-top: 0.2em}
form fieldset label.radiolabel {font-weight:bold; display: inline; float: none; width: auto; padding-top: 0; padding-left: 1em}
form fieldset label span.req {font-weight:normal; font-style: italic}

form input , form textarea      {
                        background-color: #fff;
                        color: #000;
                        border: 1px solid #364457;
                        padding: 0.1em 0.3em 0.1em 0.3em;
                        font-family: verdana, tahoma, sans-serif;
                                                font-size: 1em;
			width: 30em
                        }


form input#submitbutton {width: 5em}
form input#searchsubmit {width: 5em}

form p         { clear: left}
form p.submit          { padding-left: 47.8em}

*+html form input       {
                        padding:0.15em 0.3em 0.15em 0.3em
                        }
* html form input       {
                        padding:0.15em 0.3em 0.15em 0.3em
                        }


form input.navsubmit    {
                        background-color: #364457;
                        color: #fff;
                        border: 1px solid #fff;
                        font-weight: bold;
                        padding: 0 0.3em 0 0.3em;
                        }

*+html form input.navsubmit     {position: relative; top: 2px}
* html form input.navsubmit     {position: relative; top: 2px}


form input.navsubmithov {
                        background-color: #e84c13;
                        color: #fff;
                        border: 1px solid #c82c00;
                        font-weight: bold;
                        padding: 0 0.3em 0 0.3em;
                        }
*+html form input.navsubmithov  {position: relative; top: 2px}
* html form input.navsubmithov  {position: relative; top: 2px}


/* General */
small {font-size: 0.9em}
.login {font-size: 0.6875em; text-align: right}
.more-link {font-size: 0.6875em}


/* comments */ 

img.avatar {float:left; margin-right:5px; border: solid #ccc 1px; padding: 3px; background: #ffe}
.count {float:right; font-size:1em; color:#333; text-align: center; padding: 3px; background: #ffe; margin: 0 0 0 1em; border: solid #ccc 1px; width: 2.5em}

ol.commentlist {margin: 0; padding: 0; border-top: solid #ccc 1px}
ol.commentlist img {float: left; border: solid #ccc 1px; margin-right: 5px}
ol.commentlist li {list-style-type: none; padding: 1em 0.5em; clear: both; margin: 0}
 .odd {background-color: #eaeaea; color: #333; border: solid #ccc 1px; border-top: none}
 .even {background-color: #f6f6f6; color: #333; border: solid #ccc 1px; border-top: none}
 .authorcomment {background-color: #d0d0d0; color: #333}
 .tbcomment {padding: 5px; background-image: url(images/tb.png) no-repeat;} /* trackback */
 .pbcomment {padding: 5px;background-image: url(images/pb.png) no-repeat;} /* pingback */
ol.commentlist li p {margin: 0 !important; padding: 0; font-size: 1em}

h2#respond {font-size: 0.75em; padding-top: 1em; clear: left; color: #585858; font-weight: bold; font-family: tahoma; margin-bottom: 0; background: #eee; padding: 0.5em; border: solid #ccc 1px; border-bottom: none; margin-top: 0}
#commentform {background: #eee; padding: 0.5em; border: solid #ccc 1px; border-top: none}
#commentform input#author, #commentform input#email, #commentform input#url {margin: 0 0.25em; background: #ffffcc; border: solid #aaa 1px; font-family: tahoma; font-size: 1em; padding: auto 3px}
#commentform textarea {background: #ffffcc; border: solid #aaa 1px; padding: 2px; width: 95%; font-family: tahoma; font-size: 1em}
#commentform label.width {float: left; width: 5em}

/* system */
.error {font-weight: bold; color: red}
/* Skip link styling starts here. */
/* First, the positioning CSS for the skip link and the skip target. Changing any of this will most likely break the skip link in one browser or another, so if you change it then TEST IT */
#skiplinkholder a, #skiplinkholder a:link, #skiplinkholder a:visited {display: block; width: 99%; position: absolute; top: 0; left: -200%; z-index: 2}
#skiplinkholder a:focus, #skiplinkholder a:active {left: 0; top: 0; z-index: 100}
#skiptargetholder {position: absolute; left: -200%}
/* You may find on certain page layouts that the skip link is appearing underneath other elements on the page in IE7 and below. If this is the case then try uncommenting the two statements below, and if that does not work then try increasing the z-index value above as well */
/*
*+html #skiplinkholder a:focus, *+html #skip a:active {position: relative}
* html #skiplinkholder a:active {position: relative}
*/
/* Now, the visual styling. Change this as desired */
#skiplinkholder a, #skiplinkholder a:link, #skiplinkholder a:visited {background: #ddd; color: #000; text-decoration: none; solid black 1px; padding: 5px}
/* End of skip link styling */

#mp-form input {font-size: 0.75em; font-family: verdana, tahoma, sans-serif; width: 20em; float: left}
input#mp_submit {margin-left: 1em; width: 7em}
#mp-urlsubmgt {clear: left; font-size: 0.75em}

#post-MailPress form input {width: 5em}

/* Sharelinks */
  ul.share {margin: 0; text-align: left; padding: 0; float: left; position: relative; left: -20px; top: -5px}
  #article ul.share {text-align: left; margin-top: 0.75em}
  ul.share li {list-style-type: none; display: inline; margin: 0 2px 0 0; padding: 0; color: #777; font-size: 0.6875em}
    ul.share li img {vertical-align: bottom}
  ul.share a {border: none}
  ul.share a img {opacity: .5; -moz-opacity: .5; filter: alpha(opacity=50); border: none}
  ul.share a:hover img{opacity: 1; -moz-opacity: 1; filter: alpha(opacity=100)}
  ul.share a:focus img{opacity: 1; -moz-opacity: 1; filter: alpha(opacity=100)}
.article h1 {clear: left}