* { margin: 0; padding: 0; }

a, a img { border: 0; }

a:link{ color: #fb8c17;}
a:visited{}
a:hover{ color: #c00000;}
a:active{ color: #fb8c17;}

#bigfig {width:970px; position: relative; margin: 10px auto; font-size: 1.2em; text-align:right;}
#bigfig a:link{ color: a0a0a0;}
#bigfig a:visited{ color: a0a0a0;}
#bigfig a:hover{ color: #fb8c17;}
#bigfig a:active{ color: #fb8c17;}

body { background: #fff; font-family: Georgia, Times, Serif; font-size: 62.5%; text-align: center;}

.blackBox { background: #000; padding: 20px 20px 20px 20px; margin: 30px 0 0 40px; width: 500px; color:#fff;}
.blackBox p { color: #fff; font-size: 1.4em; line-height: 1.3; margin: 0; padding:0; }

.blackBoxHome { background: #000; margin: 30px 0px -30px 40px; padding:20px; width: 525px; }
.blackBoxHome p { color: #fff; font-size: 1.4em; line-height: 1.0; margin: 0; padding:0; }

.blackBoxHome ul li {
background: transparent url(../graphics/bulletPoint.gif) top left no-repeat;
list-style: none;
padding: 0 0 3px 15px;
font-size: 1.4em;
color:#fff;
}

.blackBoxHome_h1{
	font-size: 1.6em;
	color:#fb8c17;
	font-weight: bold;
	padding: 0;}

.blackBoxHome_h2{
	font-size: 1.6em;
	color:#fb8c17;
	font-weight: normal;
	padding: 10px 0 10px 0;
}

.clearBoth { clear: both; }

#content { 
	min-height:500px;
	height:auto !important;
	height:560px;
	width: 970px; 
}

h1{
	font-size: 1.9em;
	color:#fb8c17;
	font-weight: bold;
	padding: 0 0 10px 0;
}

h2{
	font-size: 1.6em;
	color:#fb8c17;
	font-weight: bold;
	padding: 10px 0 5px 0;
}

h3{
	font-size:1.4em;
	font-weight: normal;
	padding: 0 0 5px 0;
}

#contentPetition { margin: 40px 60px 19px; width: 530px; }

#contentPetition p {
	font-size: 1.4em;
	margin: 0 0 1.3em 0;
}

#contentInner { margin: 40px 60px 19px; width: 530px; }

#contentInner p {
	font-size: 1.4em;
	margin: 0 0 1.3em 0;
}

/*bullet format*/

#content ul li {
background: transparent url(../graphics/bulletPoint.gif) top left no-repeat;
list-style: none;
padding: 0 0 3px 15px;
font-size: 1.4em;
}
 
#content ul li ul {
margin: 0 0 0 -14px;
font-size: 0.71em; 
}
 
#content ul li ul li {
background: transparent url(../graphics/bulletPoint2.gif) top left no-repeat;
list-style: none;
padding: 0 0 0 25px;
}

#contentMoreSpaced ul li {
background: transparent url(../graphics/bulletPoint.gif) top left no-repeat;
list-style: none;
padding: 0 0 15px 15px;
font-size: 1.4em;
}


#errorMessage { background: #ffcfcf; border: 2px solid #f00; color: #f00; display: none; font-size: 1.3em; font-weight: bold; margin: 0 0 10px 0; padding: 5px 10px; width: 576px; }
#errorMessage p { margin: 0;}

#errorMessagePHP { background: #ffcfcf; border: 2px solid #f00; color: #f00; font-size: 1.3em; font-weight: bold; margin: 0 0 10px 0; padding: 5px 10px; width: 576px; }
#errorMessagePHP p { margin: 0;}

#thankYouMessage { background: #E4F8DD; border: 2px solid #6EDA49; color: #6EDA49; font-size: 1.3em; font-weight: bold; margin: 0 0 10px 0; padding: 5px 10px; width: 576px; }
#thankYouMessage p { margin: 0;}

/* flash header */

#flashHeader { height: 152px; }
#flashHeaderInner { padding:0; margin:0; }
/*#flashHeaderInner p { font-size: 1.4em; }*/

#homeNumberTenLink { margin: 40px 0 -35px 60px; font-size: 1.1em; font-weight: bold; padding: 0 0 10px 0;}

/* nav */

#nav { background: transparent url(../graphics/nasg.gif) top left no-repeat; clear: left; height: 50px; margin: 16px 0 0 0; position: relative; }
#nav ul { height: 30px; left: 375px; position: absolute; top: 10px; width: 583px; }
#nav ul li  { float: left; list-style: none; }
#nav ul li a { text-indent: -6218em; }

#nav li.navHome a { background: transparent url(../graphics/nav.gif) 0 0 no-repeat; float: left; height: 30px; width: 41px; }
#nav li.navAboutUs a { background: transparent url(../graphics/nav.gif) -41px 0 no-repeat; float: left; height: 30px; width: 63px; }
#nav li.navPartners a { background: transparent url(../graphics/nav.gif) -104px 0 no-repeat; float: left; height: 30px; width: 60px; }
#nav li.navKeyMessages a { background: transparent url(../graphics/nav.gif) -164px 0 no-repeat; float: left; height: 30px; width: 88px; }
#nav li.navWhatPatientsWant a { background: transparent url(../graphics/nav.gif) -252px 0 no-repeat; float: left; height: 30px; width: 127px; }
#nav li.navPatientExperiences a { background: transparent url(../graphics/nav.gif) -379px 0 no-repeat; float: left; height: 30px; width: 120px; }
#nav li.navGetInvolved a { background: transparent url(../graphics/nav.gif) -499px 0 no-repeat; float: left; height: 30px; width: 84px; }

#nav li.navHome a:hover { background-position: 0 -30px; }
#nav li.navAboutUs a:hover { background-position: -41px -30px; }
#nav li.navPartners a:hover { background-position: -104px -30px; }
#nav li.navKeyMessages a:hover { background-position: -164px -30px; }
#nav li.navWhatPatientsWant a:hover { background-position: -252px -30px; }
#nav li.navPatientExperiences a:hover { background-position: -379px -30px; }
#nav li.navGetInvolved a:hover { background-position: -499px -30px; }


#pageHome #nav li.navHome a, #pageHome #nav li.navHome a:hover { background-position: 0 -60px;}
#pageAboutUs #nav li.navAboutUs a, #pageAboutUs #nav li.navAboutUs a:hover { background-position: -41px -60px;}
#pagePartners #nav li.navPartners a, #pagePartners #nav li.navPartners a:hover { background-position: -104px -60px;}
#pageKeyMessages #nav li.navKeyMessages a, #pageKeyMessages #nav li.navKeyMessages a:hover { background-position: -164px -60px;}
#pageWhatPatientsWant #nav li.navWhatPatientsWant a, #pageWhatPatientsWant #nav li.navWhatPatientsWant a:hover { background-position: -252px -60px;}
#pagePatientExperiences #nav li.navPatientExperiences a, #pagePatientExperiences #nav li.navPatientExperiences a:hover { background-position: -379px -60px;}
#pageGetInvolved #nav li.navGetInvolved a, #pageGetInvolved #nav li.navGetInvolved a:hover { background-position: -499px -60px;}


/* sub nav */

#wrapper #nav ul li a { outline: 0; }

#wrapper #nav ul li ul { display: none; position: absolute; top: 26px; left: 0;}

#wrapper #nav ul li ul.navAboutUsSubNav { left: 37px; width: 80px; }
#wrapper #nav ul li ul.navAboutUsSubNav li { float: left; clear: left;  width: 80px; }
#wrapper #nav ul li ul.navAboutUsSubNav li.subNavOne a { background: #000 url(../graphics/subnav.gif) 0 0 no-repeat; float: left; height: 34px; width: 80px; }
#wrapper #nav ul li ul.navAboutUsSubNav li.subNavOne a:hover { background: #000 url(../graphics/subnav.gif) 0 -34px no-repeat; float: left; height: 34px; width: 80px; }
#wrapper #nav ul li ul.navAboutUsSubNav li.subNavTwo a { background: #000 url(../graphics/subnav.gif) 0px -68px no-repeat; float: left; height: 30px; width: 80px; }
#wrapper #nav ul li ul.navAboutUsSubNav li.subNavTwo a:hover { background: #000 url(../graphics/subnav.gif) 0px -98px no-repeat; float: left; height: 30px; width: 80px; }

#wrapper #nav ul li ul.navKeyMessagesSubNav { left: 160px; width: 122px;}
#wrapper #nav ul li ul.navKeyMessagesSubNav li { float: left; clear: left; width: 122px; }
#wrapper #nav ul li ul.navKeyMessagesSubNav li.subNavOne a { background: #000 url(../graphics/subnav.gif) -123px 0 no-repeat; float: left; height: 34px; width: 122px; }
#wrapper #nav ul li ul.navKeyMessagesSubNav li.subNavOne a:hover { background: #000 url(../graphics/subnav.gif) -123px -34px no-repeat; float: left; height: 34px; width: 122px; }
#wrapper #nav ul li ul.navKeyMessagesSubNav li.subNavTwo a { background: #000 url(../graphics/subnav.gif) -123px -68px no-repeat; float: left; height: 30px; width: 122px; }
#wrapper #nav ul li ul.navKeyMessagesSubNav li.subNavTwo a:hover { background: #000 url(../graphics/subnav.gif) -123px -98px no-repeat; float: left; height: 30px; width: 122px; }
#wrapper #nav ul li ul.navKeyMessagesSubNav li.subNavThree a { background: #000 url(../graphics/subnav.gif) -123px -128px no-repeat; float: left; height: 30px; width: 122px; }
#wrapper #nav ul li ul.navKeyMessagesSubNav li.subNavThree a:hover { background: #000 url(../graphics/subnav.gif) -123px -158px no-repeat; float: left; height: 30px; width: 122px; }
#wrapper #nav ul li ul.navKeyMessagesSubNav li.subNavFour a { background: #000 url(../graphics/subnav.gif) -123px -188px no-repeat; float: left; height: 30px; width: 122px; }
#wrapper #nav ul li ul.navKeyMessagesSubNav li.subNavFour a:hover { background: #000 url(../graphics/subnav.gif) -123px -218px no-repeat; float: left; height: 30px; width: 122px; }
#wrapper #nav ul li ul.navKeyMessagesSubNav li.subNavFive a { background: #000 url(../graphics/subnav.gif) -123px -248px no-repeat; float: left; height: 30px; width: 122px; }
#wrapper #nav ul li ul.navKeyMessagesSubNav li.subNavFive a:hover { background: #000 url(../graphics/subnav.gif) -123px -278px no-repeat; float: left; height: 30px; width: 122px; }


#wrapper #nav ul li ul.navPatientExperiencesSubNav { left: 375px; width: 161px;}
#wrapper #nav ul li ul.navPatientExperiencesSubNav li { float: left; clear: left; width: 161px; }
#wrapper #nav ul li ul.navPatientExperiencesSubNav li.subNavOne a { background: #000 url(../graphics/subnav.gif) -338px 0 no-repeat; float: left; height: 34px; width: 163px; }
#wrapper #nav ul li ul.navPatientExperiencesSubNav li.subNavOne a:hover { background: #000 url(../graphics/subnav.gif) -338px -34px no-repeat; float: left; height: 34px; width: 163px; }
#wrapper #nav ul li ul.navPatientExperiencesSubNav li.subNavTwo a { background: #000 url(../graphics/subnav.gif) -338px -68px no-repeat; float: left; height: 30px; width: 163px; }
#wrapper #nav ul li ul.navPatientExperiencesSubNav li.subNavTwo a:hover { background: #000 url(../graphics/subnav.gif) -338px -98px no-repeat; float: left; height: 30px; width: 163px; }
#wrapper #nav ul li ul.navPatientExperiencesSubNav li.subNavThree a { background: #000 url(../graphics/subnav.gif) -338px -128px no-repeat; float: left; height: 30px; width: 163px; }
#wrapper #nav ul li ul.navPatientExperiencesSubNav li.subNavThree a:hover { background: #000 url(../graphics/subnav.gif) -338px -158px no-repeat; float: left; height: 30px; width: 163px; }


#wrapper #nav ul li:hover ul, 
#wrapper #nav ul li.sfhover ul{ display: block; }


/*partner links*/
.matrixRow {
	width: 523px;
}

.matrixRowClearPadding {margin: 0 0 -10px 0;}

.matrixRow .partnerOne { float: left; height: 98px; margin: 0 20px 20px 0;}
.matrixRow .partnerTwo { float: left; height: 98px; margin: 0 20px 20px 0;}
.matrixRow .partnerThree { float: left; height: 98px; margin: 0 0 20px 0;}
.matrixRow .partnerFour { float: left; height: 98px; margin: 0 20px 20px 0;}
.matrixRow .partnerFive { float: left; height: 98px; margin: 0 20px 20px 0;}
.matrixRow .partnerSix { float: left; height: 98px; margin: 0 0 20px 0;}
.matrixRow .partnerSeven { float: left; height: 98px; margin: 0 20px 20px 0;}
.matrixRow .partnerEight { float: left; height: 98px; margin: 0 20px 20px 0;}
.matrixRow .partnerNine { float: left; height: 98px; margin: 0 0 20px 0;}

.matrixRow .partnerOne a { background:transparent url(../graphics/partnersLinks/schering-plough.gif) no-repeat scroll 0 0; display:block; height:98px; width:161px; }
.matrixRow .partnerOne a:hover { background-position: bottom left; }
.matrixRow .partnerTwo a { background:transparent url(../graphics/partnersLinks/alk.gif) no-repeat scroll 0 0; display:block; height:98px; width:161px; }
.matrixRow .partnerTwo a:hover { background-position: bottom left; }
.matrixRow .partnerThree a { background:transparent url(../graphics/partnersLinks/phadia.gif) no-repeat scroll 0 0; display:block; height:98px; width:161px; }
.matrixRow .partnerThree a:hover { background-position: bottom left; }
.matrixRow .partnerFour a { background:transparent url(../graphics/partnersLinks/allergy_therapeutics.gif) no-repeat scroll 0 0; display:block; height:98px; width:161px; }
.matrixRow .partnerFour a:hover { background-position: bottom left; }
.matrixRow .partnerFive a { background:transparent url(../graphics/partnersLinks/danone.gif) no-repeat scroll 0 0; display:block; height:98px; width:161px; }
.matrixRow .partnerFive a:hover { background-position: bottom left; }
.matrixRow .partnerSix a { background:transparent url(../graphics/partnersLinks/novartis.gif) no-repeat scroll 0 0; display:block; height:98px; width:161px; }
.matrixRow .partnerSix a:hover { background-position: bottom left; }
.matrixRow .partnerSeven a { background:transparent url(../graphics/partnersLinks/bsaci.gif) no-repeat scroll 0 0; display:block; height:98px; width:161px; }
.matrixRow .partnerSeven a:hover { background-position: bottom left; }
.matrixRow .partnerEight a { background:transparent url(../graphics/partnersLinks/allergy_uk.gif) no-repeat scroll 0 0; display:block; height:98px; width:161px; }
.matrixRow .partnerEight a:hover { background-position: bottom left; }
.matrixRow .partnerNine a { background:transparent url(../graphics/partnersLinks/the_anaphylaxis_campaign.gif) no-repeat scroll 0 0; display:block; height:98px; width:161px; }
.matrixRow .partnerNine a:hover { background-position: bottom left; }

/* petition styles */

#petitionBox { padding: 0; width: 415px; }
.petitionForm { float: left; font-size: 1.3em; line-height: 2; margin: 0 0 5px 0; }
.petitionFormFirst { clear: left; float: left; font-size: 1.3em; line-height: 2; margin: 0 0 5px 0; }
.petitionFormNote { clear: left; display: block; font-size: 1.3em; line-height: 1.25; padding: 5px 0 10px; }
.petitionCheckbox { margin: 0 0 0 5px; }
.petitionTextfield { border: 1px solid #221E1F; font-family: Georgia, Times, Serif; font-size: 1.3em; height: 26px; margin: 0 5px; padding: 3px 5px 0 5px; width: 220px; }
.petitionTextarea { border: 1px solid #221E1F; font-family: Georgia, Times, Serif; font-size: 1.3em; height: 78px; margin: 0 5px; padding: 3px 5px 0 5px; width: 220px; }

/* signThePetition button 

#signThePetition { position: absolute; height: 46px; bottom: 30px; right: 30px; width: 212px; z-index: 9; }*/
#signThePetition { position: absolute; height: 46px; bottom: 30px; right: 30px; width: 212px; z-index: 9; }
#signThePetition a { background: transparent url(../graphics/signThePetition.gif) 0 0 no-repeat; display: block; height: 46px; width: 212px; }
#signThePetition a:hover { background-position: 0 -46px; height: 46px;}

#signThePetitionPostcard { position: absolute; bottom: 30px; right: 30px; width: 380px; z-index: 9; background-color:#f1f1f2; padding:10px 10px 5px 10px;}
#signThePetitionPostcard p {font-size: 1.4em; font-weight:normal; padding:10px 0 0 0;}
#signHeading {font-size: 1.7em; color:#fb8c17; font-weight:bold; padding:0 0 10px 0;}

/*partners links*/

#partnerLink1 { position: absolute; height: 98px; top: 340px; left: 60px; width: 161px; z-index: 9; }
#partnerLink1 a { background: transparent url(../graphics/partnersLinks/schering-plough.gif) 0 0 no-repeat; display: block; height: 98px; width: 161px; }
#partnerLink1 a:hover { background-position: 0 -98px; height: 98px;}


#wrapper { 
	background: #fff url(../graphics/NASG_background.gif) top left no-repeat;
	border: 2px solid #000;
	margin: 10px auto;
	position: relative;
	text-align: left;
	width: 970px;	
}