@charset "UTF-8";


/* CSS Snippett */
/* Standardises Styles Across Browsers */

html, body, div, span, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code,del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var,b, i, dl, dt, dd, ol, ul, li,fieldset, form, label, legend, caption, article, aside, dialog, figure, footer, header, hgroup, menu, nav, section, time, mark, audio, video { margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline; background:transparent; }

body { line-height:1; }

h1, h2, h3, h4, h5, h6, p { padding:0.5em 0px; }

article, aside, dialog, figure, footer, header, hgroup, nav, section { display:block; }

nav ul { list-style:none; }

blockquote, q { quotes:none; }

blockquote:before, blockquote:after, q:before, q:after { content:''; content:none; }

a { margin:0; padding:0; border:0; font-size:100%; vertical-align:baseline; background:transparent; outline:none; }

ins { background-color:#000; color:#FFF; text-decoration:none; }

mark { background-color:#000; color:#FFF; font-style:italic; font-weight:bold; }

del { text-decoration: line-through; }

abbr[title], dfn[title] { border-bottom:1px dotted #000; cursor:help; }

hr { display:block; height:1px; border:0; border-top:1px solid #cccccc; margin:1em 0; padding:0; }

input, select { vertical-align:middle; }

/* Site Styles */
html { background-color: #000; background-image: url(../images/bg-man.jpg); background-position: top center; background-repeat: no-repeat; color: #FFF; font-family: "UnitRegular","Arial","Helvetica",sans-serif; font-size: 14px; }

strong, b { color: #FF9900; }
ul { margin: 5px 30px; }
div.r-hide { display: none; }

div#container { margin: 5px auto; width: 1004px; }
div#container div#top, div#container div#middle, div#container div#progress, div#container div#footer { background-image: url(../images/line.png); background-repeat: no-repeat; margin-top: 10px; }

div#container div#top { padding: 7px 19px 0px 19px; }
div#container div#top div.left { float: left; padding-top: 24px; width: 755px; }
div#container div#top div.left img { height: 47px; width: 324px; }
div#container div#top div.left ul#nav { list-style:none; margin: 0px; padding:0px 0px 0px 8px; text-transform: lowercase; white-space:nowrap; }
div#container div#top div.left ul#nav li { display:block; float:left; font-size: 16px; margin: 0px; padding:0px 0px; }
div#container div#top div.left ul#nav li a { color: #FFF; text-decoration: none; }
div#container div#top div.left ul#nav li a:hover { color: #FF9900; }
div#container div#top div.left ul#nav li.selected a{ color: #FF9900; }
div#container div#top div.left ul#nav li.divide { background-image: url(../images/divider.png); background-position: center center; background-repeat: no-repeat; height: 16px; padding: 0px 10px; width: 6px;  }

div#container div#top div.right { margin: 0px 0px 0px 676px; padding-top: 35px; width: 300px; }
div#container div#top div.right img.abaana { height:55px; width: 175px; }
div#container div#top div.right div#clock { float: right; height:45px; padding: 3px 0px 0px 10px; width: 49px; }
div#container div#top div.right span.countdown { color: #FF9900; font-size: 18px; }

div#container div#middle { padding: 12px 0px 0px 0px; width: 1004px; }
div#container div#middle a { color: #FF9900; text-decoration: none; }
div#container div#middle a:hover { text-decoration: underline; }
div#container div#middle div#home h1 { color: #F9F7A5; font-size: 24px; }
div#container div#middle div#text { background-image: url(../images/bg-text.png); height: 334px; padding: 10px; position: relative }
div#container div#middle div#text-members { background-image: url(../images/bg-text.png); padding: 10px; position: relative }
div#container div#middle div#text hr, div#container div#middle div#text-members hr { width:75%; }
div#container div#middle div#text p, div#container div#middle div#text-members p { line-height: 130%; padding: 0.4em 0px; }
div#container div#middle div#text h1, div#container div#middle div#text-members h1 { color: #FF9900; font-size: 32px; font-weight: normal; padding: 0px; }
div#container div#middle div#text h2, div#container div#middle div#text-members h2 { color: #F9F7A5; font-size: 20px; font-weight: normal; padding: 0.3em 0px; }
div#container div#middle div#text h2 span.small, div#container div#middle div#text-members h2 span.small { color: #FFF; font-size: 14px; font-weight: normal; padding: 0.3em 0px; }
div#container div#middle div#text h2 a, div#container div#middle div#text-members h2 a{ color: #F9F7A5; font-size: 20px; font-weight: normal; text-decoration: none; }
div#container div#middle div#text h2 a:hover, div#container div#middle div#text-members h2 a:hover{ text-decoration: underline; }
div#container div#middle div#text h3, div#container div#middle div#text-members h3 { color: #F9F7A5; font-size: 16px; font-weight: normal; }
div#container div#middle div#text ul, div#container div#middle div#text ol { margin: 10px 30px; }
div#container div#middle div#text div.page, div#container div#middle div#text-members div.page { display: none; }
div#container div#middle div#text div.prevnext { position: absolute; right: 10px; top: 10px; }
div#container div#middle div#text div#pglink_next, div#container div#middle div#text div#pglink_prev { background-color: #FF9900; border: 1px solid #FFF; display: inline; margin-left: 10px; padding: 2px 5px; }
div#container div#middle div#text div#pglink_next a, div#container div#middle div#text div#pglink_prev a{ color: #FFF; text-decoration: none; }

div#container div#middle div#text div#faqs { border-left: 1px solid #FFF; float: right; margin: 40px 0px 20px 0px; padding: 5px 20px; width: 200px; }

div#container div#middle div#text table#register { margin: 10px auto; width: 85%; }
div#container div#middle div#text table#register td { vertical-align: top; width: 50%; }

div#container div#middle div#text-members table.emailfriend { margin: 10px 10px; width: 65%; }
div#container div#middle div#text-members table.emailfriend td { padding: 5px; vertical-align: top; }
div#container div#middle div#text-members table.emailfriend th { background-color: #FF9900; vertical-align: top; }

div#container div#middle div#text-members table.confirmdonation { margin: 10px 10px; width: 95%; }
div#container div#middle div#text-members table.confirmdonation td { vertical-align: top; width: 33%; }

div#container div#middle div#text-members div#membersnav { float: right; padding-left: 20px; width: 220px; }
div#container div#middle div#text-members div#membersnav ul { list-style: none; margin: 10px 15px; }

div#container div#middle div#text-members table#reports { margin: 10px 10px; width: 70%; }
div#container div#middle div#text-members table#reports td { padding: 3px; vertical-align: top; }
div#container div#middle div#text-members table#reports td.image { text-align: center; width: 125px; }
div#container div#middle div#text-members table#reports td.image img { border: 1px solid #F9F7A5; height: 83px; margin: 0px 5px 3px 0px; padding: 1px; width: 125px; }

div#container div#middle div#text-members div#latest { margin-left: 20px; width: 650px; }
div#container div#middle div#text-members div#latest img { border: 1px solid #F9F7A5; height: 83px; margin: 0px 5px 3px 0px; padding: 1px; width: 125px; }

/* Form Styles */
div#container textarea { background-color:transparent; border:1px solid #FF9900; margin:0; padding:4px 2px; height:150px; width:200px; font-size:12px; color:#FFF; outline:none; }
div#container input[type=text],div#container input[type=password] { background-color:transparent; border:1px solid #FF9900; margin:0; padding:4px 2px; height:14px; width:133px; font-size:12px; color:#FFF; outline:none; }
div#container input[type=submit], div#container input[type=reset], div#container input[type=button] { width:auto; height:24px; margin:-1px 0px 0px 0px; padding:1px 6px 2px 6px; border:1px solid #fff; background-color:#FF9900; color:#fff; font-size:13px; }
div#container input[type=submit]:hover, div#container input[type=reset]:hover, div#container input[type=button]:hover { background-color:#333; cursor:pointer; }

label { color: #FF9900; float:left; width:120px; font-size: 14px; padding-right: 5px; padding-top:6px; }

div#container div#middle div#text-members .row0 { background-color: #102131; border-bottom: 2px solid #000; padding: 10px; width: 73%; }
div#container div#middle div#text-members .row1 { background-color: #173048; border-bottom: 2px solid #000; padding: 10px; width: 73%; }
div#container div#middle div#text-members div#wall-prevnext { margin: 10px 0px; }
div#container div#middle div#text-members div.previous, div#container div#middle div#text-members div.next { background-color: #FF9900; border: 1px solid #FFF; display: inline; margin-left: 10px; padding: 2px 5px; }
div#container div#middle div#text-members div.previous a, div#container div#middle div#text-members div.next a{ color: #FFF; text-decoration: none; }
div#container div#middle div#text-members div#comment { border-bottom: 2px solid transparent; border-top: 2px solid #F58B0A; display: none; margin: 5px 0px; width: 73%; }
div#container div#middle div#oneoff-display, div#container div#middle div#regular-display { clear: both; display: none; }
div#container div#progress { padding: 12px 0px 0px 0px; }
div#container div#progress div#progress-content { background-image: url(../images/bg-progress.jpg); background-position: 0px 0px; background-repeat: no-repeat; height: 640px; margin: 0px; padding: 0px; width: 1000px; }
div#container div#progress div#progress-content table#grid { border: none; height: 640px; margin: 0px; padding: 0px; width: 1000px; border-collapse: collapse; }
div#container div#progress div#progress-content table#grid tr { border: none; padding:0px; width: 6px; }
div#container div#progress div#progress-content table#grid td { border: 1px solid #FF9900; font-size: 0; height: 7px; margin: 0px; padding:0px; width: 6px; }

div#container div#promo { clear: both; margin-top: 10px; }
div#container div#promo div#box1, div#container div#promo div#box2, div#container div#promo div#box3 { width: 305px; }
div#container div#promo div#box1 { float: left; }
div#container div#promo div#box2 { margin: 0px 340px; }
div#container div#promo div#box3 { float: right; }
div#container div#promo div.header { background-image: url(../images/box.png); background-repeat: no-repeat; color: #FFFF33; font-size: 16px; height: 16px; padding: 8px 10px; text-transform: lowercase; }
div#container div#promo div.header a { color: #FFFF33; font-size: 16px; text-decoration: none; text-transform: lowercase; }
div#container div#promo div.twitter, div#container div#promo div.videos, div#container div#promo div.donate { height: 160px; margin-top: 2px; }
div#container div#promo div.twitter { padding: 10px; }
div#container div#promo div.twitter { background-image: url(../images/bg-tweet.png); background-position: center center; background-repeat: no-repeat; font-size: 13px; }
div#container div#promo div.twitter a{ color: #F9F7A5; position: relative; left:1px; }
div#container div#promo div.twitter div#tweets .spinner {	position: absolute;	z-index: 999; opacity: 0.4;	filter: alpha(opacity=40); -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40); background-color: black; -moz-border-radius: 5px; -webkit-border-radius: 5px; -border-radius: 5px; }
div#container div#promo div.twitter div#tweets .spinner-msg {	text-align: center;	font-weight: bold; }
div#container div#promo div.twitter div#tweets .spinner-img {	background: transparent url(../images/spinner.gif) no-repeat -10px 0px;
width: 80px; height: 24px; margin: 0 auto; }
div#container div#promo div.twitter div#tweets p.tweet a { color: #F9F7A5; font-size: 10px; }
div#container div#promo div.twitter span.when{ color: #FF9900; font-size:11px; text-align: right; white-space:nowrap; margin:0.25em 0; }

div#container div#footer { clear: both; font-size: 11px; padding: 12px 19px; }
div#container div#footer a { color: #FF9900; text-decoration: none; }
div#container div#footer a:hover { text-decoration: underline; }
div#container div#social { color: #FFFF33; float: right; font-size: 11px; }
div#container div#social img { height: 23px; padding-top: 5px; width: 23px; }
div#container div#social ul { list-style:none; margin: 0px; padding:0px; white-space:nowrap; }
div#container div#social ul li { display:block; float:left; margin: 0px; padding-left:10px; }
div#container div#social ul li.spreadtheword { display:block; float:left; margin: 0px; padding-top:11px; }