/* @override 
	http://cricket4change.dev/css/global.css
	http://cricket4change.dev/css/global.css
	http://cricketforchange/css/global.css
*/

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, img, 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; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent;}
body {line-height: 1;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after, q:before, q:after {content: ''; content: none;}
:focus {outline: 0;}
ins {text-decoration: none;}
del {text-decoration: line-through;}
table {border-collapse: collapse; border-spacing: 0;}

body{font-family:Arial, Helvetica, sans-serif; font-size: 62.5%; color: #444; background-color: #0a3e5f; margin: 0px 20px 40px; padding: 0; text-align: center;}

h1,
h2,
h3,
h4,
h5,
h6 {color: #90b012; line-height: 1.3em;}

h1,
h2,
h3 {margin-bottom: 10px;}

h4,
h5,
h6 {margin-bottom: 5px;}

h1 {text-indent: -9999em; background: url('/images/logo.png') no-repeat top left; width: 225px; height: 60px; margin-bottom: 15px;}
h2 {font-size: 2.4em;}
h3 {font-size: 2em;}
h4 {font-size: 1.3em;}

p,
li,
address,
legend,
label,
input {font-size: 1.3em; margin-bottom: 10px; line-height: 1.3em; font-style: normal; color: #444;}
textarea {font: 1.3em/1.3em Arial, Helvetica, sans-serif; color: #444;}

ol,
ul,
dt {padding-left: 17px;}
ul,
dt {list-style-type: disc;}
ol {list-style-type: decimal;}

form {margin: 0; padding: 0;}
form fieldset {margin: 0; padding: 0;}

a {text-decoration: none; color: #0a3e5f;}
a:hover {text-decoration: underline;}

#page {margin: 0 auto; text-align: left; width: 900px; padding: 20px 20px 20px;background-color: #ffffff;}
#header {}
#header #sub-header {font-size: 1.3em; font-weight: bold; margin: 15px 0; color: #999;}
#header .nav {width: 900px; margin-bottom: 20px; height: 31px; padding: 0;}
#header .nav li {float: left; margin: 0 3px 0 0; display: inline;}
#header .nav a {display: block; color: #444; height: 11px; padding: 10px 0; text-align: center; text-decoration: none; background-color: #f2f2f2; font-size: 1em; font-weight: bold; -moz-border-radius-topright: 10px; -webkit-border-top-right-radius: 10px; -moz-border-radius-topleft: 10px; -webkit-border-top-left-radius: 10px;}
#header .nav a:hover {background-color: #ddd;}
#header .nav .selected a {background-color: #b2d234; color: #fff;}
#header .nav .selected a:hover {background-color: #90b012;}
#header .nav .home {width: 80px;}
#header .nav .about {width: 90px;}
#header .nav .initiatives {width: 92px;}
#header .nav .team {width: 123px;}
#header .nav .get-involved {width: 110px;}
#header .nav .support-us {width: 102px;}
#header .nav .press {width: 68px;}
#header .nav .events {width: 68px;}
#header .nav .blog {width: 60px;}
#header .nav .contact {width: 74px;}
#header .nav .rss {margin-top: -140px; float: right;}
#header .nav .rss a {margin: 0!important; padding: 0!important; background: none;}
#skip {display: none;}
#font-size-changer {float: right; margin-top: -160px; margin-right: 50px;}

#side-bar {width: 218px; float: left; padding: 0;}
#side-bar h2 {display: none;}
#sub-nav {width: 218px; margin-bottom: 10px; padding: 0; list-style: none;}
#sub-nav li {margin: 0 0 3px 0;}
#sub-nav a {display: block; color: #444; height: 11px; padding: 10px; text-decoration: none; background-color: #f2f2f2; font-size: 1em; font-weight: bold;}
#sub-nav a:hover {background-color: #ddd;}
#sub-nav .selected a {background-color: #b2d234; color: #fff;}
#sub-nav .selected a:hover {background-color: #90b012;}
#buttons,
#buttons li {margin: 0; padding: 0; list-style: none;}
#buttons span {width: 198px; height: 82px; float: left; margin-bottom: 10px; padding: 10px; background-color: #84c2ea; text-indent: -9999em;}
#donate-button {background: url('/images/donate-button.gif') no-repeat left top; margin-top: 0;}
#register-button {background: url('/images/register-button.gif') no-repeat left top;}
#participate-button {background: url('/images/participate-button.gif') no-repeat left top; height: 81px;}
#events-button {background: url('/images/events-button.gif') no-repeat left top; height: 81px;}
#sponsor {clear: left;}
#sponsor h3 {color: #999; text-align: center; font-size: 1.4em;}
#sponsor a {border: 1px solid #bfbfbf; width: 216px; height: 100px; display: block; overflow: hidden; margin-bottom: 10px;}
#sponsor p {text-align: right; border: none;}
#sponsor p a {border: none; width: auto; height: auto;}
#sponsor img {margin: 0; padding: 0;}

#quotes {clear: left; background: url('/images/twitter-bg.png') no-repeat left bottom #f2f2f2; padding: 10px 10px 36px;}
#quotes h3 {color: #999; text-align: center; font-size: 1.4em;}
#quotes p {font-style: italic;}
#quotes p#author {font-style: normal;}
#our-initiatives {margin-bottom:10px;}
#our-initiatives h3 {color: #999; text-align: center; font-size: 1.4em;}
#our-initiatives ul {padding: 0;}
#our-initiatives li {display: inline;}

#banner {width: 673px; height: 325px; float: right; margin-bottom: 20px;}
#banner-text {position: absolute;}

#footer {margin-top: 20px; padding: 20px 20px 40px; background: url('/images/footer-bg.png') no-repeat left bottom #f2f2f2;}
#footer h2 {display: none;}
#footer .sub-nav {width: 182px; float: left;}
#footer .sub-nav h3 {color: #999; font-size: 1.4em;}
#footer .sub-nav h3 a {color: #999; text-decoration: none;}
#footer .sub-nav h3 a:hover {text-decoration: underline;}
#footer .sub-nav .nav li {color: #999;}
#footer .sub-nav .nav a {color: #999; text-decoration: none;}
#footer .sub-nav .nav a:hover {text-decoration: underline;}
#footer #follow-us {width: 120px; text-align: center; float: right;}
#footer #follow-us ul {padding: 0;}
#footer #secondary-nav {margin: 50px 0 -60px 0; text-align: center; color: #999; font-size: 1.1em; float: left; position: relative; width: 100%;}
#footer #copyright {margin-top: 70px; margin-bottom: -80px; text-align: center; color: #999; font-size: 1.1em; float: left; position: relative;}
#footer #secondary-nav a,
#footer #copyright a {color: #999;}

.rss {text-indent: -9999px; background: url('/images/rss.gif') no-repeat left top; width: 14px; height: 14px;}
.clear {clear: both;}
.no-list {list-style: none outside!important;}
.content {width: 653px; padding: 0 10px; float: right; margin-bottom: 20px;}
.overview {width: 305px; float: left; margin-bottom: 20px;}
.overview img {margin-bottom: 10px; border: 1px solid #f2f2f2;}
.inline {display: inline!important;}
.right {float: right;}