/* PAGE BASES */
body    {font: 100%/18px 'Helvetica Neue', Helvetica, Arial, sans-serif; color: #333; background: #191919 url(/images/base/bg_dark.png); margin: 0;}
a       {font-weight: bold; background: none; color: #940000; text-decoration: none;}
a:hover {color: #333;} a:active, a:focus {outline: 0;}
img     {margin: 0; padding: 0; border: none; vertical-align: bottom;}
p       {margin: 18px auto;}

/* HEADER */
#header {background: url(/images/base/shadow.png) repeat-x; width: 100%; height: 121px;}

#nav {background: url(/images/base/logo.png) no-repeat; width: 724px; height: 121px; margin: 0 auto; position: relative; z-index: 50;}
	#nav a#logo     {background: url(/images/base/popup.png) -792px -30px no-repeat; width: 143px; height: 120px; display: block; position: absolute; left: 0;}
	#nav ul#buttons {background: url(/images/base/nav.png); width: 568px; height: 25px; margin: 0; padding: 0; display: block; position: absolute; top: 60px; left: 157px;}
		ul#buttons li   {list-style: none; display: block; position: absolute;}
		ul#buttons li a {height: 25px; display: block;}
 		li#home     {left: 0; width: 60px;}
			li#home a            {background: url(/images/base/nav.png) 0 -50px;}
			li#home a:hover      {background-position: 0 -25px;}
			li#home a:active     {background-position: 0 0;}
		li#about    {left: 60px; width: 66px;}
			li#about a           {background: url(/images/base/nav.png) -60px -50px;}
			li#about a:hover     {background-position: -60px -25px;}
			li#about a:active    {background-position: -60px 0;}
		li#partners {left: 126px; width: 88px;}
			li#partners a        {background: url(/images/base/nav.png) -126px -50px;}
			li#partners a:hover  {background-position: -126px -25px;}
			li#partners a:active {background-position: -126px 0;}
		li#aimelive {left: 214px; width: 92px; background: url(/images/base/nav.png) -214px -50px;}
			li#aimelive:hover    {background-position: -214px -25px;}
			li#aimelive a:active {background-position: -214px 0;}
			li#aimelive ul       {width: 132px; margin: 0; padding: 0; position: absolute; left: -20px; top: 25px; display: none; z-index: 70;}
			li#aimelive:hover ul {display: block;}
			li#aimelive li       {background: url(/images/base/popup.png) -132px 0; width: 132px; height: 22px; margin: 0; padding: 0; display: block; position: relative;}
			li#aimelive li.top   {background: url(/images/base/popup.png) 0 0; height: 22px;}	
			li#aimelive li.bot   {background: url(/images/base/popup.png) 0 -22px; height: 8px; font-size: 1px; line-height: 1px;}
			li#aimelive li a     {background: none;}
				li#aimelive li#sub-fb {height: 23px;}
					li#aimelive li#sub-fb a {background: url(/images/base/nav.png) 0 -111px; height: 23px;}
					li#aimelive li#sub-fb a:hover {background-position: 0 -134px;}
				li#aimelive li#sub-tw {height: 20px;}
					li#aimelive li#sub-tw a {background: url(/images/base/nav.png) -132px -111px; height: 20px;}
					li#aimelive li#sub-tw a:hover {background-position: -132px -134px;}
				li#aimelive li#sub-yt {height: 23px;}
					li#aimelive li#sub-yt a {background: url(/images/base/nav.png) -264px -111px; height: 23px;}
					li#aimelive li#sub-yt a:hover {background-position: -264px -134px;}
		li#join     {left: 306px; width: 48px;}
			li#join a            {background: url(/images/base/nav.png) -306px -50px;}
			li#join a:hover      {background-position: -306px -25px;}
			li#join a:active     {background-position: -306px 0;}
		li#news     {left: 354px; width: 58px;}
			li#news a            {background: url(/images/base/nav.png) -354px -50px;}
			li#news a:hover      {background-position: -354px -25px;}
			li#news a:active     {background-position: -354px 0;}
		li#donate   {left: 412px; width: 74px;}
			li#donate a          {background: url(/images/base/nav.png) -412px -50px;}
			li#donate a:hover    {background-position: -412px -25px;}
			li#donate a:active   {background-position: -412px 0;}
		li#contact  {left: 486px; width: 82px;}
			li#contact a         {background: url(/images/base/nav.png) -486px -50px;}
			li#contact a:hover   {background-position: -486px -25px;}
			li#contact a:active  {background-position: -486px 0;}

/* CONTENT */
#content {background: #e2e2e2 url(/images/base/bg_light.png); font-size: 12px; text-align: justify; width: 100%; padding: 7px 0 6px; border-bottom: 1px solid #f3f3f3;}
	#content a {text-shadow: #ccc 0 1px 0;}
	#content a:hover, #content a:active {text-shadow: #f3f3f3 0 1px 0;}
	#content a:active {position: relative; top: 1px;}

#wrapper {margin: 0 auto; padding: 0 7px; width: 710px; position: relative;}
.clear   {width: 710px; height: 14px; display: block; clear: left;}

#about-whatis,#news-letter {margin: 18px 8px 7px 0; width: 347px; float: left;}
#about-staff,#news-press {margin: 18px 0 7px 8px; width: 347px; float: left;}
#home-news,#about-board,#news-history {margin-right: 8px; width: 347px; float: left;}
#home-events,#about-patrons,#news-media {margin-left: 8px; width: 347px; float: left;}

/* POPUP */
#over-header   {background: url(/images/base/shadow.png) 0 -90px; width: 100%; height: 31px;}
#over-content  {background: #e2e2e2 url(/images/base/bg_light.png); font-size: 12px; text-align: justify; width: 100%; padding: 7px 0 7px;}
	#over-wrapper {width: 710px; margin-left: 24px; position: relative;}
	#over-wrapper p {margin-bottom: 0;}
	#over-content p#top {margin-top: 0;}
#over-right {margin: -18px 0 0 134px; width: 576px;}
#over-video {margin: 4px auto 18px; border-bottom: 1px solid #f3f3f3; width: 480px; height: 385px; overflow: hidden;}
img.over-title {margin: 18px 0 9px; width: 710px; height: 35px; clear: both;}
img#over-thumb {margin: 4px 0; border-bottom: 1px solid #f3f3f3; width: 120px; height: 120px; float: left;}

/* HOME */
#quote {font-size: 11px; line-height: 16px; color: #999; text-shadow: #f3f3f3 0 1px 0;}

#fade-wrapper {display:block; position:relative; width:710px; height:418px; overflow:hidden;}
#fade  {width:710px; height:400px; overflow:hidden; margin:18px 0 0;}
	#fade img {border-bottom: 1px solid #f3f3f3;}

#over-buttons {display:block; position:absolute; bottom:20px; left:0; z-index:1000; width:710px; height:28px; margin:0; padding:0;}
	#over-buttons li {display:block; position:absolute; height:28px; list-style:none;}
	#over-buttons a  {display:block; width:100%; height:100%;}
	#over-fb {left:20px; width:173px;}
		#over-fb a        {background: url(/images/home/buttons.png) 0 0;}
		#over-fb a:hover  {background-position: 0 -28px;}
		#over-fb a:active {background-position: 0 0;}
	#over-yt {right:20px; width:164px;}
		#over-yt a        {background: url(/images/home/buttons.png) -173px 0;}
		#over-yt a:hover  {background-position: -173px -28px;}
		#over-yt a:active {background-position: -173px 0;}

/* ABOUT */
img#banner {margin: 4px 0 0; width: 710px; height: 190px; border-bottom: 1px solid #f3f3f3;}

ul.about {text-align: left; line-height: 18px; margin: 0; padding: 0; width: 236px; list-style: none; float: left;}
	li.gap {margin-bottom: 10px;}

div.about-tri {text-align: left; margin: 18px 0 -10px; width: 236px; float: left;}
	div.about-tri p {margin: 0 0 11px;}
	div.about-tri img {margin: 4px 9px 0 0; border-bottom: 1px solid #f3f3f3; width: 26px; height: 26px; float: left;}
	div.about-tri span {font-size: 11px; display: block;}

/* PARTNERS */
p#logos {width: 710px; height: 97px; overflow: hidden;}
ul.partners {text-align: left; line-height: 18px; margin: 0 0 0 40px; padding: 0; width: 315px; float: left;}

/* JOIN */
div#join-quote {margin-bottom: 7px; float: left;}

ul#join-buttons    {width: 710px; margin: -21px 0 0; padding: 0;}
ul#join-buttons li {width: 220px; height: 63px; margin: 21px 0 3px; padding: 0; list-style: none; float: left;}
ul#join-buttons li.mid {margin: 21px 25px 3px;}
ul#join-buttons a  {width: 220px; height: 63px; display: block;}
	a#mentor          {background: url(/images/join/buttons.png) 0 0;}
	a#mentor:hover    {background-position: 0 -63px;}
	a#volunteer       {background: url(/images/join/buttons.png) -220px 0;}
	a#volunteer:hover {background-position: -220px -63px;}
	a#uni             {background: url(/images/join/buttons.png) -440px 0;}
	a#uni:hover       {background-position: -440px -63px;}
	a#funding         {background: url(/images/join/buttons.png) 0 -126px;}
	a#funding:hover   {background-position: 0 -189px;}
	a#jobs            {background: url(/images/join/buttons.png) -220px -126px;}
	a#jobs:hover      {background-position: -220px -189px;}
	a#updates         {background: url(/images/join/buttons.png) -440px -126px;}
	a#updates:hover   {background-position: -440px -189px;}

	a#coaching          {background: url(/images/join/buttons_volunteer.png) 0 0;}
	a#coaching:hover    {background-position: 0 -63px;}
	a#fundraising       {background: url(/images/join/buttons_volunteer.png) -220px 0;}
	a#fundraising:hover {background-position: -220px -63px;}
	a#ideas             {background: url(/images/join/buttons_volunteer.png) -440px 0;}
	a#ideas:hover       {background-position: -440px -63px;}
	a#it                {background: url(/images/join/buttons_volunteer.png) 0 -126px;}
	a#it:hover          {background-position: 0 -189px;}
	a#media             {background: url(/images/join/buttons_volunteer.png) -220px -126px;}
	a#media:hover       {background-position: -220px -189px;}
	a#mentor-v          {background: url(/images/join/buttons_volunteer.png) -440px -126px;}
	a#mentor-v:hover    {background-position: -440px -189px;}
	a#production        {background: url(/images/join/buttons_volunteer.png) 0 -252px;}
	a#production:hover  {background-position: 0 -315px;}
	a#research          {background: url(/images/join/buttons_volunteer.png) -220px -252px;}
	a#research:hover    {background-position: -220px -315px;}
	a#rolemodel         {background: url(/images/join/buttons_volunteer.png) -440px -252px;}
	a#rolemodel:hover   {background-position: -440px -315px;}
	a#website           {background: url(/images/join/buttons_volunteer.png) 0 -378px;}
	a#website:hover     {background-position: 0 -441px;}

dl#join-faq {font-size: 11px; line-height: 16px; margin: 8px 0 0; padding: 0;}
	dt.question {margin: 0; padding: 0;}
	dd.answer {margin: 0; padding: 0 0 18px 10px;}
	dl#join-faq a {color: #333;}

/* NEWS */
ul.news {text-align: left; line-height: 18px; margin: 0 0 21px 40px; padding: 0; width: 315px; float: left;}

#news-letter,#news-press {text-align: left;}

div.news-tri {text-align: left; margin: 0 0 -11px; width: 236px; float: left;}
div.news-quad {text-align: left; margin: 0 0 -11px; width: 177px; float: left;}
	div.news-tri p, div.news-quad p {margin: 0 0 11px;}
	div.news-tri span, div.news-quad span {font-size: 11px; margin: 0 0 11px; display: block;}

/* DONATE */
#donate-block { float:left; margin-bottom:7px; }

#donate-fade { float:left; width:120px; height:120px; overflow:hidden; margin:4px 14px 4px 0; border-bottom:1px solid #f3f3f3; }
	#donate-fade img { width:120px; height:120px; }

#donate-buttons        { width:710px; margin:-21px 0 0; padding:0; }
#donate-buttons li     { width:220px; height:63px; margin:21px 0 3px; padding:0; list-style:none; float:left; }
#donate-buttons li.mid { margin:21px 25px 3px; }
#donate-buttons a      { display:block; width:100%; height:100%; }
	#nhd             { background:url(/images/donate/buttons.png) 0 0; }
	#nhd:hover       { background-position:0 -63px; }
	#prize           { background:url(/images/donate/buttons.png) -220px 0; }
	#prize:hover     { background-position:-220px -63px; }
	#sts             { background:url(/images/donate/buttons.png) -440px 0; }
	#sts:hover       { background-position:-440px -63px; }
	#cash            { background:url(/images/donate/buttons.png) 0 -126px; }
	#cash:hover      { background-position:0 -189px; }
	#fundraise       { background:url(/images/donate/buttons.png) -220px -126px; }
	#fundraise:hover { background-position:-220px -189px; }
	#partner         { background:url(/images/donate/buttons.png) -440px -126px; }
	#partner:hover   { background-position:-440px -189px; }

#dgr { font-size:11px; line-height:16px; color:#999; text-shadow:#f3f3f3 0 1px 0; }

p.pics {margin: 4px 14px 4px 0; width: 120px; height: 121px; float: left; overflow: hidden; display: block;}
	p.pics img {border-bottom: 1px solid #f3f3f3; height: 120px; width: 120px;}
p.text {margin: 0; width: 213px; float: left;}
a#button {background: url(/images/donate/button.png) no-repeat; width: 213px; height: 58px; display: block;}
	a#button:hover {background-position: 0 -58px;}

/* CONTACT */
ul#contact-buttons    {width: 710px; margin: -21px 0 0; padding: 0;}
ul#contact-buttons li {width: 220px; height: 63px; margin: 21px 0 3px; padding: 0; list-style: none; float: left;}
ul#contact-buttons li.mid {margin: 21px 25px 3px;}
ul#contact-buttons a  {width: 220px; height: 63px; display: block;}
	a#briscity       {background: url(/images/contact/buttons.png) 0 0;}
	a#briscity:hover {background-position: 0 -63px;}
	a#nthcoast       {background: url(/images/contact/buttons.png) -220px 0;}
	a#nthcoast:hover {background-position: -220px -63px;}
	a#nthmelb       {background: url(/images/contact/buttons.png) -440px 0;}
	a#nthmelb:hover {background-position: -440px -63px;}
	a#nthwestsyd       {background: url(/images/contact/buttons.png) 0 -126px;}
	a#nthwestsyd:hover {background-position: 0 -189px;}
	a#stheastmelb       {background: url(/images/contact/buttons.png) -220px -126px;}
	a#stheastmelb:hover {background-position: -220px -189px;}
	a#sydcity       {background: url(/images/contact/buttons.png) -440px -126px;}
	a#sydcity:hover {background-position: -440px -189px;}
	a#westsyd       {background: url(/images/contact/buttons.png) 0 -252px;}
	a#westsyd:hover {background-position: 0 -315px;}
	a#wollongong       {background: url(/images/contact/buttons.png) -220px -252px;}
	a#wollongong:hover {background-position: -220px -315px;}

div#contact-box p {float:left; width:279px; margin:0 0 0 16px;}

/* FOOTER */
#footer  {font-size: 11px; color: #383838; background: url(/images/base/shadow.png) 0 -121px repeat-x; text-align: center; padding: 24px 0; text-shadow: 0 2px 0 #0a0a0a;}
	#footer a {color: #383838;} #footer a:hover {color: #b3b3b3;}

ul#footer-nav {background: url(/images/base/nav.png) 0 -75px; margin: 0 auto 7px; padding: 0; width: 610px; height: 18px; position: relative; display: block;}
	li.footer-pop {height: 18px; position: absolute; list-style: none; display: block; top: 0;}
		li.footer-pop a        {height: 18px; display: block;}
		li.footer-pop ul       {font-size: 12px; color: #b3b3b3; width: 264px; margin: 0; padding: 0; list-style: none; position: absolute; display: none; bottom: 18px; z-index: 60;}
		li.footer-pop li       {background: url(/images/base/popup.png) -264px 0; width: 234px; margin: 0; padding: 4px 15px; display: block;}
		li.footer-pop li.top   {background: url(/images/base/popup.png) -528px 0; height: 8px; padding: 0 15px;}
		li.footer-pop li.bot   {background: url(/images/base/popup.png) -528px -8px; height: 22px; padding: 0 15px;}	
		li.footer-pop:hover ul {display: block;}
	li#facebook {left: 0; width: 214px;}
		li#facebook a:hover {background: url(/images/base/nav.png) 0 -93px;} li#facebook ul {left: -15px;}
	li#twitter  {left: 221px; width: 249px;}
		li#twitter a:hover  {background: url(/images/base/nav.png) -221px -93px;} li#twitter ul {left: 2px;}
	li#youtube  {left: 477px; width: 133px;}
		li#youtube a:hover  {background: url(/images/base/nav.png) -477px -93px;} li#youtube ul {left: -55px;}

/* P STYLES */
.top    {margin-top: 0; padding-top: 0;}
.bottom {margin-bottom: 0; padding-bottom: 0;}
.center {text-align: center; clear: both;}
.center-none {text-align: center; margin: 0; padding: 0; clear: both;}
.center-top {font-size: 13px; text-align: center; margin-top: 0; padding-top: 0; clear: both;}
.none   {margin: 0;}
.alert  {background: #940000; color: #f3f3f3; font-weight: bold; text-align: center; text-shadow: #470000 0 1px 0; padding: 8px; width: 694px; display: block;}

/* IMG STYLES */
img.title       {margin: 0 0 9px; width: 710px; height: 35px; clear: both;}
img.title-gap   {margin: 3px 0 9px; width: 710px; height: 35px; clear: both;}
img.title-small {margin: 0 0 9px; width: 347px; height: 35px; clear: both;}
img.name        {margin: 1px 0 0; width: 576px; height: 18px;}
img.name-small  {margin: 1px 0 0; width: 213px; height: 18px;}
img.name-small2 {margin: 1px 0 0; width: 280px; height: 18px;}
img.thumb       {margin: 4px 14px 4px 0; border-bottom: 1px solid #f3f3f3; width: 120px; height: 120px; float: left;}
img.thumb-contact {margin: 4px 0; border-bottom: 1px solid #f3f3f3; width: 120px; height: 120px; float: left;}

/* OTHER STYLES */
.red {color: #940000;}
.grey {color: #424242;}
.align-left {text-align: left;}

/* TWITTER */
body#twitter {background: #e2e2e2 url(/images/base/bg_light.png);}
.twtr-hd {display: none !important;}
.twtr-ft {display: none !important;}
.twtr-tweet-wrap {padding: 0 0 18px 0 !important;}
.twtr-doc {text-align: justify !important;}
.twtr-bd {padding: 0 !important;}

/* FORMS */
#donate-form                { display:block;clear:both;width:710px; }
#donate-form p              { font-size:11px;text-align:right;color:#999;text-shadow:#f3f3f3 0 1px 0; }
#donate-form label          { float:left;height:20px;overflow:hidden;padding:0;text-indent:-1111px;background:url(/images/donate/sprite.png) no-repeat; }
#donate-form input          { float:left;padding:4px;border:1px solid #ccc; }
#donate-form textarea       { width:700px;height:120px;margin:0;padding:4px;border:1px solid #ccc; }
#donate-form input:focus,
#donate-form textarea:focus { border:1px solid #940000;outline:0; }
#donate-form #lab-name      { width:206px;margin:0 0 0 15px; }
#donate-form #lab-email     { width:205px;margin:0 24px 0 39px;background-position:0 -20px; }
#donate-form #lab-phone     { width:206px;margin:0 0 0 15px;background-position:0 -40px; }
#donate-form #inp-name,
#donate-form #inp-phone     { width:211px;margin:0 0 18px; }
#donate-form #inp-email     { width:210px;margin:0 24px 18px; }
#donate-form #lab-message   { display:block;float:none;clear:left;width:695px;margin:0 0 0 15px;background-position:0 -60px; }
#donate-form #submit        { float:none;width:154px;height:34px;margin:18px 278px;padding:0;border:0;background:url(/images/donate/sprite.png) 0 -80px;cursor:pointer; }
#donate-form #submit:active { background-position:0 -114px; }