html,body{margin:0}
html{font-size:10px;height:100%}
fieldset{border:0;margin:0;padding:0}
textarea{resize:vertical}
header,section,footer{display:block}
.wrapper{width:90%;margin:0 5%}
.chromeframe{margin:.2em 0;background:#ccc;color:#000;padding:.2em 0}
.footer-container{width:100%}
img{max-width:100%;height:auto;vertical-align:middle}
body{font-size:1.3rem;line-height:1.3;background:#fff url(../img/bg.jpg) repeat 0 0;font-family:Verdana,Geneva,sans-serif}
html,button,input,select,textarea{color:#1c1c1c}
a{color:#1c1c1c;font-weight:bold}
a:hover{color:#957b15}
p{text-align:justify}
h1,h2,h3,h4{color:#0007b2}
.header-container,.footer-container,.main aside{background:rgba(255,250,229,0.65)}
.footer-container,.main aside{border-top:2px solid #b2941a}
.header-container{margin-top:1.5em;border-bottom:2px solid #b2941a}
.footer-container{width:100%}
.box{border-radius:.8em}
.box-top{border-radius:.8em .8em 0 0}
.box-bottom{border-radius:0 0 .8em .8em}
hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}
::-moz-selection{background:#bfc1ec;text-shadow:none}
::selection{background:#bfc1ec;text-shadow:none}
hgroup,.title,.stride{display:inline-block;float:left;margin:0}
hgroup{padding:.8em 0}
.title{position:absolute; font-weight:normal;line-height:1.1;color:#fff;text-shadow:.1rem .1rem 0 #f6f9d1,0.2rem .2rem 0 rgba(0,12,255,0.25)}
#fore{z-index:10}
.stride{padding-right:20px;overflow:hidden}
#logo{width:100%;max-width:300px;height:auto}
.blu{display:inline;color:#a1a8d1}
#globewrapper{position:fixed;bottom:15%;left:3%;width:20%;min-width:150px;height:auto;z-index:-10}
#globe{width:100%;height:auto;opacity:.2;filter:alpha(opacity=20);-ms-filter:"alpha(opacity=20)";-moz-opacity:.20}
.article{background:rgba(255,255,255,0.6);padding:0 1em 1em 1em;margin-bottom:3em}
aside p{margin-top:.3em}
aside blockquote{margin:.5em 1em}
.obscure{position:absolute;top:0;left:0;height:100%;width:100%;background:rgba(255,250,229,0.8);z-index:99}
.cent{background:#f5f5f5;border:1px solid #ccc;border-bottom:2px solid #b2941a;font-size:16px;height:101px;margin:0 auto;position:relative;top:40%;width:40%}
.cent p{position:relative;text-align:center;font-weight:bold;top:40px;margin:0 auto;padding:0 20px}
.main{padding:30px 0}
.main article h1{font-size:2em}
.main aside{margin-bottom:3%;padding:0 5% 10px}
.footer-container footer{font-size:12px;padding:7px 0 6px 0}
.ie7 .title{padding-top:20px}
@media only screen and (max-width:480px){#nav-wrap{position:relative;margin:20px 0 20px;z-index:20}
#menu-icon{font-weight:bold;width:20px;height:20px;background:url(../img/sprite.gif) no-repeat -100px 0;cursor:pointer;display:block}
#menu-icon:hover{background-position:-120px 0}
#nav{clear:both;position:absolute!important;top:20px;bottom:auto;margin-left:-110px;width:100px;z-index:21;padding:0 5px 5px 5px;background:#fff;border:solid 1px #ccc;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;display:none}
#nav li{clear:both;float:none;margin-top:5px}
#nav a{width:auto;background:inherit;display:block;margin:0;padding:5px 0;text-align:center;text-decoration:none;font-weight:bold;color:#1c1c1c}
#nav a:hover{background:#fdf8e2;text-decoration:underline;color:#000}
}
@media only screen and (min-width:480px){.header-container,.footer-container,.main aside{-webkit-box-shadow:0 5px 8px #aaa;-moz-box-shadow:0 5px 8px #aaa;box-shadow:0 5px 8px #aaa}
nav ul{margin:0;padding:0}
#menu-icon{display:hidden}
nav a{display:block;float:left;width:80px;margin:.8em 2px;padding:5px 5px;text-align:center;text-decoration:none;background:#fffae5}
nav a:hover,nav a:visited{color:#000}
nav a:hover{text-decoration:underline}
nav li:first-child a{margin-left:0}
nav li:last-child a{margin-right:0}
nav ul li{display:inline}
.oldie nav a{margin:.8em 2px}
}
@media only screen and (min-width:768px){.header-container,.footer-container,.main aside{-webkit-box-shadow:0 5px 10px #aaa;-moz-box-shadow:0 5px 10px #aaa;box-shadow:0 5px 10px #aaa}
.title{float:left}
nav{min-width:auto}
.main article{float:left;width:58%}
.main aside{float:right;width:28%}
}
@media only screen and (min-width:1140px){.wrapper{width:1026px;margin:0 auto}
}
.ir{background-color:transparent;border:0;overflow:hidden;*text-indent:-9999px}
.ir:before{content:"";display:block;width:0;height:100%}
.hidden{display:none!important;visibility:hidden}
.visuallyhidden{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}
.visuallyhidden.focusable:active,.visuallyhidden.focusable:focus{clip:auto;height:auto;margin:0;overflow:visible;position:static;width:auto}
.invisible{visibility:hidden}
.clearfix:before,.clearfix:after{content:" ";display:table}
.clearfix:after{clear:both}
.clearfix{*zoom:1}
@media print{*{background:transparent!important;color:#000!important;box-shadow:none!important;text-shadow:none!important}
.ph{visibility:hidden}
a,a:visited{text-decoration:underline}
#email a[href]:after{content:" (please click or visit website to reveal)"}
a[href]:after{content:" (" attr(href) ")"}
abbr[title]:after{content:" (" attr(title) ")"}
.ir a:after,a[href^="javascript:"]:after,a[href^="#"]:after{content:""}
pre{border:1px solid #999;page-break-inside:avoid}
thead{display:table-header-group}
tr,img{page-break-inside:avoid}
img{max-width:100%!important}
@page{margin:.5cm}
p,h2,h3{orphans:3;widows:3}
h2,h3{page-break-after:avoid}
}