/*
 * Funke Web Solutions
 * http://www.funke.com.au
 *
 * $Id:global.css 2077 2008-02-07 03:09:13 +0000 (Thu, 07 Feb 2008) robbie $
 * $LastChangedBy:robbie $
 *
 * Client: MSRA
 * Project: MSRA Site
 * Website: http://www.msaustralia.org.au
 *
 * $LastChangedDate:2008-02-07 03:09:13 +0000 (Thu, 07 Feb 2008) $
 * $LastChangedRevision:2077 $
 * 
 */
 
/*	Defaults
****************************************/

* {margin: 0; padding: 0;}
body {background: transparent url(../images/body-bg.gif) 0 0 repeat; font-family: Arial, Helvetica, sans-serif; font-size: 80%;}
fieldset {border: none;}
legend {display: none;}

p, ul, ol, dl, input, select, textarea, label {font-size: 1em;}
a {} 
a:link {color: #000;} 
a:visited {color: #aaa;} 
a:hover, a:active, a:focus {color: #555; text-decoration: none;}

.error-message,
.error {color: red!important;}

.success {font-weight: bold;}

hr {border: none; font-size: 0; line-height: 0; height: 1px; margin: .5em 0 1.2em; background-color: #e0e3e9; color: #e0e3e9;}

/* Global Structure
 ***********************************/

#site-wrap,
#header,
#nav-menu,
#footer {width: 978px;}

#site-wrap {text-align: left; margin: 0 auto; padding: 0 0 5px 0;}

/* Global Header
 ***********************************/

#header {background: transparent url(../images/header-bg.gif) 0 0 no-repeat; height: 149px; margin: 10px 0 0 0;}
	#header div a {width: auto; height: 130px; display: block;}
		#header div em {display: none;}	

/* State Navigation Menu
 ***********************************/

#state-menu {width: 978px; background: transparent url(../images/state-menu-header.gif) 0 0 no-repeat; height: 23px; margin: 0 auto; padding: 0}
	#state-menu ul {list-style: none; margin: 0 10px 0 0; padding: 0; float: right}
		#state-menu ul li {float: left; margin: 4px 5px 0 0px; padding: 0 0 0 5px; border-left: 1px solid #ccc; height: 12px}
		#state-menu ul li.first {border: 0}
			#state-menu ul li a:link {color: white; text-decoration: none; font-size: 0.8em; font-weight: bold; font-family: Verdana,Arial,Helvetica,sans-serif; vertical-align: top}
			#state-menu ul li a:visited {color: #ccc; text-decoration: none; font-size: 0.8em; font-weight: bold; font-family: Verdana,Arial,Helvetica,sans-serif; vertical-align: top}
			#state-menu ul li a:hover, #state-menu ul li a:active, #state-menu ul li a:focus {text-decoration: underline}

/* Main Navigation Menu
 ***********************************/

#nav-menu {margin-bottom: 1em;}
	#nav-menu .body-container {background: transparent url(../images/nav-menu-body-bg.gif) 0 0 repeat-y;}
	#nav-menu .body {background: transparent url(../images/nav-menu-body.gif) 0 0 no-repeat;}
	#nav-menu ul {list-style: none; margin: 0 auto; padding: 0 2px;}
	#nav-menu li {float: left; display: inline;}
		#nav-menu li a {display: block; outline: none; text-transform: uppercase; color: #3a5276; text-decoration: none; font-weight: bold; background: transparent url(../images/nav-menu-divider-left.gif) 0% 80% no-repeat;}
			#nav-menu li a span {display: block; padding: .8em 17px .2em 17px; background: transparent url(../images/nav-menu-divider-right.gif) 100% 80% no-repeat;}
		
		#nav-menu li.last a {}
		
		#nav-menu li.last a span {}
		#nav-menu li.first a {background: none;}
		
		#nav-menu li a:hover,
		#nav-menu li a:active, 
		#nav-menu li a:focus,
		#nav-menu li.active a {color: #15223d; background: transparent url(../images/nav-menu-active-bg.gif) 0 0 repeat-x!important;}

		#nav-menu li.active a {font-weight: bold;}
		
	#nav-menu .footer {height: 14px; background: transparent url(../images/nav-menu-footer.gif) 0 0 no-repeat;}

/* Side Navigation Menu
 ***********************************/

/*#side-menu {width: 221px; float: left; background: transparent url(../images/side-menu-footer.gif) 0 100% no-repeat; padding: 0 0 12px 0; margin-bottom: 1em;}
	#side-menu div.header {background: transparent url(../images/side-menu-header.gif) 0 0 no-repeat; height: 32px;}
	#side-menu div.body {border-left: 2px solid #cacdcf; border-right: 2px solid #cacdcf; background-color: #cbd4dc;}*/

#side-menu {width: 221px; float: left}
	#side-menu div.header {background: transparent url(../images/side-menu-header.gif) 0 0 no-repeat; height: 32px;}
	#side-menu div.body {border-left: 2px solid #cacdcf; border-right: 2px solid #cacdcf; background-color: #cbd4dc;}
	
#side-menu .panel {background: transparent url(../images/side-menu-footer.gif) 0 100% no-repeat; padding: 0 0 12px 0; margin-bottom: 1em}
#side-menu .panel-header {background: transparent url(../images/side-menu-header.gif) 0 0 no-repeat; height: 32px}
#side-menu .panel-content {border-left: 2px solid #cacdcf; border-right: 2px solid #cacdcf; background-color: #cbd4dc}

#side-menu .panel-subscribe .panel-content a {display: block; color: #fff; padding: 0 15px; text-decoration: none; background: transparent url(../images/subscribe.jpg) 0 0 no-repeat; text-indent: -9999em; height: 70px; outline: none}
	#side-menu ul {list-style: none; border-bottom: 1px solid #cacdcf;}
		#side-menu ul li {}
			#side-menu ul li a {color: white; outline: none; text-transform: capitalize; text-decoration: none; padding: 9px 0 9px 45px; border-bottom: 1px solid #3f5981; display: block; background: #637b9a url(../images/side-menu-item.gif) 0 50% repeat-y; font-size: 1.1em; font-weight: normal;}
			#side-menu ul li a:hover,
			#side-menu ul li a:active,
			#side-menu ul li a:focus {background: #4b6587 url(../images/side-menu-item-active.gif) 0 50% no-repeat;}
			
		#side-menu ul li.drilled-down a {background: #4b6587 url(../images/side-menu-item-drilled.gif) 0 50% no-repeat;}
		#side-menu ul li.active a {background: #4b6587 url(../images/side-menu-item-active.gif) 0 50% no-repeat; font-weight: bold;}
			#side-menu ul li.active ul a,
			#side-menu ul li.drilled-down ul a {background: #637b9a url(../images/side-menu-item.gif) 0 50% repeat-y; font-weight: normal;}
	
	#side-menu ul ul {border: none;}	
		#side-menu ul ul li a {padding: 7px 0 7px 57px; font-size: 1em;}
			#side-menu ul ul li a:hover,
			#side-menu ul ul li a:active,
			#side-menu ul ul li a:focus,
			#side-menu ul ul li.active a {background: #4b6587 url(../images/side-menu-sub-item-active.gif) 0 50% no-repeat;}
	
	#side-menu a#donate-ms {display: block; outline: none; width: 217px; height: 318px; background: transparent url(../images/donate-to-help-ms.jpg) 0 0 no-repeat;}
	/*#side-menu a#donate-ms:hover,
	#side-menu a#donate-ms:active, 
	#side-menu a#donate-ms:focus {background: transparent url(../images/donate-to-help-ms-hover.jpg) 0 0 no-repeat;}*/
		#side-menu a#donate-ms em {display: none;}

  #side-menu .panel-xmas a#banner-xmas {display: block; outline: none; width: 217px; height: 355px; background: transparent url(../images/ms-xmas.jpg) 0 0 no-repeat}
    #side-menu .panel-xmas a#banner-xmas em {display: none;}

	#side-menu .panel-regatta a {display: block; outline: none; width: 217px; height: 356px; background: transparent url(../images/ms-regatta.jpg) 0 0 no-repeat}
		#side-menu .panel-regatta em {display: none;}
	
	#side-menu .panel-conference a {display: block; outline: none; width: 217px; height: 260px; background: transparent url(../images/banner-scientific-conf.jpg) 0 0 no-repeat}
		#side-menu .panel-conference em {display: none;}
	
	#side-menu .panel-msquerade a {display: block; outline: none; width: 217px; height: 262px; background: transparent url(../images/msquerade-ball.jpg) 0 0 no-repeat}
		#side-menu .panel-msquerade em {display: none;}
	
	#side-menu a#world-ms-day {display: block; outline: none; width: 217px; height: 260px; background: transparent url(../images/world-ms-day.jpg) 0 0 no-repeat}
		#side-menu a#world-ms-day em {display: none;}
		
	#side-menu a#mountains-in-may {display: block; outline: none; width: 217px; height: 354px; background: transparent url(../images/mountains-in-may.jpg) 0 0 no-repeat}
		#side-menu a#mountains-in-may em {display: none}
	#side-menu #open-grants {border-bottom: 6px solid #ca0b51}
	
	#side-menu #open-grants img {display: block; margin-bottom: 1px}
	
	#side-menu #open-grants div {background: #384c6c url(../images/grant-bg.gif) 0 100% repeat-x; margin-top: 1px}
	#side-menu #open-grants div.hover {background: #485d7e none}
	#side-menu #open-grants a {color: #fff; text-decoration: none}
	#side-menu #open-grants p {padding: 15px 5px; text-align: center; font-size: .95em}	
	#side-menu #open-grants p strong {display: block; font-weight: bold; font-size: 1.1em; line-height: 1.3em; margin: 0 0 .5em}
	#side-menu #open-grants p em {display: block; font-style: normal; margin: .7em 0 0; text-decoration: underline}
	

/* E-Alerts Panel
 ***********************************/	

#side-menu div.heading {padding: 0 0 0 10px; margin: 0 0 .8em 0; background-color: #c8054f; color: #fff; height: 2.5em; line-height: 2.5em; text-transform: uppercase; font-size: .95em;}
	#side-menu div.heading strong {font-weight: normal;}

#side-menu #alerts-subscription {background: transparent url(../images/e-alerts-mail.gif) 160px 40px no-repeat; margin: 0 0 .4em 0; min-height: 100px;}
	#side-menu #alerts-subscription p {padding: 0 60px 0 10px; margin: 0 0 .8em 0; font-size: .95em;}
	#side-menu #alerts-subscription fieldset {margin: 0 10px;}
	#side-menu #alerts-subscription #e-alerts-submit {display: block; width: 69px; height: 29px; margin: .2em 0 0 auto; padding: 0;}
	#side-menu #alerts-subscription table {margin: 0 0 .4em 0; font-size: .95em; width: 192px;}
		#side-menu #alerts-subscription table th {padding: 0 0 .2em 0; font-weight: normal;}
		#side-menu #alerts-subscription table td {padding: 0 0 .5em 0;}
			#side-menu #alerts-subscription table td input {width: 184px; padding: 2px 4px; font-size: 1.1em;}
	#side-menu #alerts-subscription label {display: block; margin: .3em 0 0 0;}

#content .panel-container {overflow: hidden; margin: 0 0 10px}

/* Alert Panel
 ***********************************/	

#content .alert-panel {border: 2px solid #ddd; background-color: #3f5981; width: 320px; float: left; margin: 5px 0px 10px 15px; display: inline;}
	#content .alert-panel p {font-weight: bold; color: #fff; margin: 0; padding: 0 10px; line-height: 2.3em;}
	#content .alert-panel ul {margin: 0; padding: 0}
	#content .alert-panel ul li {margin: 0; padding: 0; line-height: 2.3em; background: #f1f2f4 none;}
	#content .alert-panel ul li.alt {background-color: #e1eaf2;}
	#content .alert-panel ul li a {display: block; text-decoration: none; padding: 0 10px;}
	#content .alert-panel ul li a:link {color: #000;}
	#content .alert-panel ul li a:visited {color: #555;} 
	#content .alert-panel ul li a:hover, 
	#content .alert-panel ul li a:active, 
	#content .alert-panel ul li a:focus {background-color: #d4e3ef; color: #111; text-decoration: none;}
	#content .alert-panel ul li a em {font-weight: normal;}

/* Media Panel
 ***********************************/	

#content .media-panel {width: 324px; float: right; margin: 5px 0px 10px 15px; display: inline; position: relative}
	#content .media-panel img {margin: 0; border: none; display: block;}

/* Content
 ***********************************/		

#content {float: right; width: 743px; margin-bottom: 1em;}
	#content .header {background: transparent url(../images/content-header.gif) 0 0 no-repeat; height: 30px;}
	#content .body {background: transparent url(../images/content-body.gif) 0 0 repeat-y; min-height: 400px; padding: 15px 20px;}
	#content .footer {background: transparent url(../images/content-footer.gif) 0 0 no-repeat; height: 13px;}

#content p, 
#content ul, 
#content ol, 
#content dl, 
#content label,
#content input, 
#content select, 
#content textarea {/*color: #555;*/ color: #000; font-size: 1em;}

#content a {font-weight: bold; text-decoration: underline; outline: none;} 
#content a:link {color: #c8054f;} 
#content a:visited {color: #002b6c;} 
#content a:hover, #content a:active, #content a:focus {color: #3f5981;}

#content p {line-height: 1.6em; margin: 0 0 1em 0;}

#content img {margin: 15px;}
#content img.img-float-left {margin: 5px 15px 5px 0; float: left;}
#content img.img-float-right {margin: 5px 0 5px 15px; float: right;}

#content img.email-address {margin: 0; border: 0; vertical-align: middle;}

.media {margin: 15px; text-align: center}
.multi-media {margin-left: -25px}

/* Content Lists
 ***********************************/	
 
#content ol {margin: 0 0 1em 20px;} 
#content ul {margin: 0 0 1em 20px;}

	#content ol li {font-weight: normal; /*color: #666;*/ color: #000; line-height: 1.4em; padding: 0 0 .6em 12px;}
	#content ul li {font-weight: normal; /*color: #666;*/ color: #000; list-style: none; line-height: 1.4em; padding: 0 0 .6em 12px; background: transparent none 0 .55em no-repeat;}
		
	#content li ol ,
	#content li ul {margin: .8em 0 .8em 20px;}
		
		#content li ol li {font-weight: normal; /*color: #666;*/ color: #000; list-style: none; line-height: 1.4em; padding: 0 0 .6em 12px; background: transparent none 0 .55em no-repeat;}

/* Content Tables
 ***********************************/

#content table {border: 2px solid #e4eaed; background-color: #e4eaed; margin: .1em 0 .9em 0;}
	#content table tr.alt {background-color: #ecf1f4;}
	#content table tr.hover {background-color: #d4e4ed;}
		#content table tr td,
		#content table tr th {padding: 5px;}
		#content table tr th {background-color: #d4e4ed;}

/* Multimedia List
 ***********************************/

.multimedia-list li {overflow: hidden}

/* Subscribe Form
 ***********************************/

/*#content #subscribe-newsletter-form .subscribe_firstname-container {float: left; width: 47%}
#content #subscribe-newsletter-form .subscribe_lastname-container {float: right; width: 47%}
#content #subscribe-newsletter-form .subscribe_suburb-container {float: left; width: 47%}
#content #subscribe-newsletter-form .subscribe_postcode-container {float: right; width: 47%}*/

/* Newsletter Subscribe Form
 ***********************************/

#content #general-subscribe-form label span {font-weight: bold; color: #ff0000}
#content .subscribe_firstname-container {float: left; width: 47%}
#content .subscribe_lastname-container {float: right; width: 47%}
#content .subscribe_suburb-container {float: left; width: 67%}
#content .subscribe_postcode-container {float: right; width: 27%}
#content .subscribe_state-container {float: left; width: 24%}
#content .subscribe_state-other-container {float: right; width: 70%}
#content .subscribe_phone-container {float: left; width: 47%}
#content .subscribe_mobile-container {float: right; width: 47%}
#content .subscribe_subscription-container {overflow: hidden}
#content .subscribe_subscription-label {float: left; width: 65%}
#content .subscribe_subscription-input-container {float: right; width: 35%}
#content #subscribe_submit {clear: both}

/* Partner Logos
 ***********************************/

#partners-logos {padding: 5px 0 0; background-color: #fff; clear: both}

#partners-logos p {text-align: center; clear: both; margin-bottom: .1em; clear: both; color: #354969;}
#partners-logos p strong {display: block; font-weight: bold;}
#partners-logos img {border: 0;}

#content #principal-partner-logos {float: left; width: 380px;}
#content #corporate-partner-logos {float: right; width: 320px;}

/* XML ANXTR MS TRIAL Tables
 ***********************************/

#content table.ms-trials {margin: 1em 0 1.3em;}

/* Forms
 ***********************************/	

#content form {width: 60%;}

#content form p {margin-bottom: .2em;}

#content form label {}
#content form input.input-text,
#content form textarea {margin-bottom: .4em; padding: .2em .4em;}
#content form textarea {padding: .4em;}

#content form select {margin-bottom: .4em; color: #000;}
#content form select option {padding: 0 .5em 0 0;}

#content form label,
#content form input.input-text,
#content form textarea {display: block; width: 100%;}

#content form label {line-height: 2em;}

#content form label.form-inline,
#content form input.form-inline {display: inline; width: auto; margin: 0;}

#content form input.input-text,
#content form textarea {color: #000;}

#content form textarea {font-family: Arial, Helvetica, sans-serif;}

#content .input-button {width: auto; display: block; margin: .9em 0 0 auto;}

#content .form-captcha {display: none}

/* Footer
 ***********************************/	

#footer {clear: both;}
	#footer .header {background: transparent url(../images/footer-header.gif) 0 0 no-repeat; height: 12px; font-size: 0;}
	#footer .body {background: transparent url(../images/footer-body.gif) 0 0 repeat-y; padding: 0 20px;}
	#footer .footer {background: transparent url(../images/footer-footer.gif) 0 0 no-repeat; height: 12px; font-size: 0;}

	#footer p {color: #666; line-height: 1.8em;}
	
	#footer a:link {color: #444;} 
	#footer a:visited {color: #666;} 
	#footer a:hover, #footer a:active, #footer a:focus {color: #444; text-decoration: none;}
	
#footer-msra {float: left; background: transparent url(../images/site-design-protein.gif) 0 100% no-repeat; padding-bottom: 26px;}

#footer-links {text-align: right;}

	#footer-links a.funke {color: #f89838; text-decoration: none;}
	#footer-links a:hover.funke {text-decoration: underline;}

/* Headings
 ***********************************/	
 
h1 {color: #c8054f; font-size: 1.5em; font-weight: normal; border-bottom: 1px solid #e0e3e9; text-transform: uppercase; padding: 0 0 .1em 0; margin: 0 0 .8em 0!important;}
h2 {color: #414141; font-size: 1.3em; font-weight: bold; text-transform: uppercase; margin: .3em 0 .4em 0!important;}
h3 {color: #3f5981; font-size: 1.1em; font-weight: bold; line-height: 1.5em; margin: 0 0 .1em 0!important;}
h4 {line-height: 1.5em; margin: 0 0 .5em 0!important;}

/* =adobe */

#content a.link-get-adobe:link {display: block; border: none; font-size: .8em; color: #000; margin: 2.5em 0; font-weight: normal}
	#content a.link-get-adobe:focus,
	#content a.link-get-adobe:hover,
	#content a.link-get-adobe:active {text-decoration: none; color: #000}
	#content a.link-get-adobe img {border: none; float: left; margin: 0 10px 0 0}