#bodycontainer { margin:20px auto; width:980px; } 

p.confirm { border:1px solid green; background-color:#DAFCDC; padding:1em; margin:0; width:80%; margin:auto; text-align:center;}
.hide { display:none;}
/************************************ header content ******************************/
#HeaderTop { background:url(/images/orchidLogo.gif) no-repeat; width:980px; height:75px;background-position:bottom left;  }
#HeaderTop #HeaderRightContainer { float:right; width:670px; height:70px; }
#HeaderTop #HeaderRightContainer #HeaderTopNav { text-align:right; }
#HeaderTop #HeaderRightContainer #HeaderTopNav li { display:inline;margin-left:10px; }
#HeaderTop #HeaderRightContainer #HeaderTopNav li a { color:#d25615; text-decoration:underline; font-size:80%; }
#HeaderTop #HeaderRightContainer #HeaderOrchidStatement { text-align:left;  background:url(/images/headerBackgroundLeft.gif) no-repeat; background-position:left; height:44px;background-color:#0053a1;margin-top:5px;  }
#HeaderTop #HeaderRightContainer #HeaderOrchidStatement p { color:#FFF;margin-left:30px;font-size:70%;padding-top:9px; }

#orchidLogo { padding-top:5px; position:absolute;}
/************************************* header root menu **********************************/
#RootMenuItemsContainer { border-top:solid 1px #eaeaea; border-bottom:solid 1px #eaeaea;margin-top:10px; margin-bottom:10px;width:980px; }
#RootMenuItemsContainer ul { padding:0px;display:block; text-align:center;height:30px;margin:0 auto; }
#RootMenuItemsContainer li {   display:block;float:left;height:30px; line-height:30px;padding:0px 16px;font-size:80%; }
#RootMenuItemsContainer li a { color:#666; text-decoration:none; }
#RootMenuItemsContainer .topRootSelected { border-top:solid 2px #d25715;border-bottom:solid 2px #d25715;margin-top:-2px; }

#BodyContent { min-height:500px;margin-top:15px; }


/***************************************footer ********************************************/
#BodyFooter { text-align:center;padding-top:20px;color:#666;}
#BodyFooter li { display:inline; font-size:80%;color:#666;padding:0px 10px; }
#BodyFooter li a { color:#666;text-decoration:none; }
#BodyFooter img {vertical-align:middle;}
#BodyFooter p {margin-top:10px;}

/************************************* left menu *********************************/
#mainContentLeftMenu { background:url(/images/innerMenuTileBackground.gif) repeat-y; width:206px; float:left;margin-left:3px; }
.leftMenuTopArc { background:url(/images/innerMenuTopBackground.gif) no-repeat; width:206px; height:12px;  }
.leftMenuBtmArc { background:url(/images/innerMenuBottomBackground.gif) no-repeat; width:206px; height:12px;margin-bottom:0px; }
.mainContentLeftMenuBG {  }
#mainContentLeftMenu .mainContentLeftMenuBG ul {  }
#mainContentLeftMenu .mainContentLeftMenuBG li { border-bottom:dashed 1px #d25615;padding-bottom:8px;padding-top:5px;padding-left:7px; }
#mainContentLeftMenu .mainContentLeftMenuBG li a { color:#d25615;text-decoration:none;font-size:9pt; } 


/******************************** right menu ************************************/
#latestNewsContainer { width:180px; float:right; overflow:none; }
#latestNewsContainer p { margin-bottom:5px; }

/************************************ main body content ****************************/
#mainBodyContent { float:left;margin-left:10px;margin-right:10px; position:relative;  } 

.mainBodyContentNarrow { width:535px;background-image:url(/images/innerpage/innerbg-mid.jpg); background-repeat:repeat-y; padding-left:15px;padding-right:20px; }

.mainBodyContentNarrow ul {list-style:disc; font-size:80%;margin-left:20px; margin-bottom:20px;}

.mainBodyContentNarrow ul li {list-style:disc; margin-left:20px;font-size:1em;}


.mainBodyContentWide { width:775px; position:relative;  }

.mainBodyContentNarrow H1{ text-transform:uppercase;}

#mainBodyContentBottom {background-image:url(/images/innerpage/innerbg-bottom.jpg); position:relative; margin:0 0 0 -15px; background-repeat:no-repeat; clear:both;}

#mainBodyContentTop {width:560px;background-image:url(/images/innerpage/innerbg-top.jpg); height:10px; background-repeat:no-repeat; position:relative; margin:0 0 5px -15px;}



/************************************homepage promosposts *************************/
#homePageClear {display:block; clear:both;}

#HopepagePromoSpots { height:162px;margin-bottom:10px; }
#HopepagePromoSpots li { float:left; width:296px; height:132px;padding:15px; margin:0px; }

#HopepagePromoSpots li a {color:#000;}
#HopepagePromoSpots li a:hover { text-decoration:underline;}
#AboutMaleCancer { background:url(/images/homepageAboutMaleCancer.gif) no-repeat;  }
#HomePageSpot-1,#HomePageSpot-2 {width:320px; float:left; margin-right:5px;}

#HomePageSpot-1 p,#HomePageSpot-2 p {width:170px;font-size:70%; } 

#aboutOrchid { background:url(/images/homepage/hompeageAO.jpg) no-repeat; }
#HCP-s { background:url(/images/homepageHCP-s.jpg) no-repeat; }
#researchProgramme { background:url(/images/homepage/hompeageresearch.jpg) no-repeat;  }
#getInvolved { background:url(/images/homepage/hompeageGetInvolved.jpg) no-repeat; }
#mediaCentre { background:url(/images/homepage/hompeageMediaCentre.jpg) no-repeat;  }

li#LatestNews { background:url(/images/homepageLatestUpdates.gif)  }

li#LatestNews #scroller {no-repeat; height:136px; width:305px;overflow: -moz-scrollbars-vertical;overflow-x: hidden;overflow-y: scroll; margin-top:-3px; }

#scroller p a { color:#D25615;}
#LatestNews p {  width:280px; font-size:70%;  }
.readMoreArrow { width:22px;height:20px; margin-left:3px;  position:absolute;}
.readMoreArrowBump { width:22px;height:20px; margin-left:3px; margin-top:2px; position:absolute;}

/************************************** site map ********************************/
.bodyLI { margin-left:20px; text-decoration:none; } 
#sitemap ul { list-style:disc;}
#sitemap ul li a {color:#000; font-size:0.8em; text-decoration:none;}

#sitemap ul li a:hover {color:#000; font-size:0.8em; text-decoration:underline;}

/*********************************** breadcrumb trail ***************************/
#trailul { margin-bottom:10px;}
#trailul li { font-size:90%; display:inline;margin-right:7px;  }
#trailul li a {  text-decoration:none; color:#d25715; }

/* Events section Layout effects */
/* Quote Box */
.quoteBox { display:block; width:480px; margin:auto auto auto auto; background-image:url(/site-uploads/images/pageDecoration/quoteBoxTop.jpg); background-repeat:no-repeat; position:relative; clear:both; padding-top:35px; margin-top:1em; margin-bottom:1em; }
.quoteBox p { width:360px; margin-left:auto; margin-right:auto; margin-bottom:0; } 
.quoteBox p.quoteBoxBottom { width:425px; height:64px;  background-image:url(/site-uploads/images/pageDecoration/quoteBoxBottom.jpg); background-repeat:no-repeat;  text-align:right; font-style:inherit; font-weight:bold;  margin:0 0 0 0; 
padding-right:55px; clear:both;}

/* Link to an Event related download */
.eventButton { width:154px; height:81px; position:relative; background-image:url(/site-uploads/images/pageDecoration/fadeButton-arrow.jpg); background-repeat:no-repeat;} 
.eventButton p { margin:0 0 0 0; padding:0 0 0 0; left:12px; top:20px;width:25px; position:absolute;}
.eventButton a { display:block; font-size:1.2em; color:#d25715; text-transform:capitalize;  text-align:center; margin:0 0 0 0; padding:0 0 0 0;width:70px;}

/* Orange Breakout box */
.breakOutBox { display:block; width:480px; margin:auto auto auto auto; background-image:url(/site-uploads/images/pageDecoration/BoxTop.jpg); background-repeat:no-repeat; position:relative; clear:both; padding-top:15px; margin-top:1em; margin-bottom:1em; }
.breakOutBox p,.breakOutBox h2 { width:420px; margin-left:auto; margin-right:auto; margin-bottom:0; } 
.breakOutBox p.breakOutBoxBottom { width:425px; height:15px;  background-image:url(/site-uploads/images/pageDecoration/boxBottom.jpg); background-position:bottom; background-repeat:no-repeat;  text-align:right; font-style:inherit; font-weight:bold;  margin:0 0 0 0; 
padding-right:55px; clear:both;}

/* White Breakout box */
.breakOutBoxWhiteBG { display:block; width:460px; margin:auto auto auto auto; background-image:url(/site-uploads/images/pageDecoration/wBoxTop.jpg); background-repeat:no-repeat; position:relative; clear:both; padding-top:15px; margin-top:0; margin-bottom:0; padding-right:20px; }
.breakOutBoxWhiteBG p,.breakOutBoxWhiteBG h2 { margin-left:1.4em; margin-bottom:1em;} 
.breakOutBoxWhiteBG p.breakOutBoxWhiteBGBottom { width:425px; height:15px;  background-image:url(/site-uploads/images/pageDecoration/wboxBottom.jpg); background-position:bottom; background-repeat:no-repeat;  text-align:right; font-style:inherit; font-weight:bold;  margin:0 0 0 0; 
padding-right:55px; clear:both;}
.breakOutBoxWhiteBG p a, .breakOutBoxWhiteBG p a:hover{ color:#000;}

/* Orange Breakout box */
.breakOutBoxGreyBG { display:block; width:460px; margin:auto auto auto auto; background-image:url(/site-uploads/images/pageDecoration/boxOrangeBorder.jpg); background-repeat:no-repeat; position:relative; clear:both; padding-top:15px; margin-top:0; margin-bottom:0; padding-right:20px; }
.breakOutBoxGreyBG p,.breakOutBoxGreyBG h2 { margin-left:1.5em; margin-bottom:0;} 
.breakOutBoxGreyBG p.breakOutBoxGreyBGBottom { width:425px; height:15px;  background-image:url(/site-uploads/images/pageDecoration/boxOrangeBorder.jpg); background-position:bottom; background-repeat:no-repeat;  text-align:right; font-style:inherit; font-weight:bold;  margin:0 0 0 0; 
padding-right:55px; clear:both;}
.breakOutBoxGreyBG p a, .breakOutBoxGreyBG p a:hover{ color:#000;}


/* Series page shadow background  */
.eventItem { width:230px; margin-top:0.3em; margin-bottom:0.3em; background-image:url(/site-uploads/images/pageDecoration/eventItemBG.jpg); background-repeat:no-repeat; position:relative; min-height:129px; padding-top:20px;  }
.eventItem p, .eventItem h2 { margin-left:10px; margin-right:10px; width:210px; margin-bottom:5px;  }
.eventItem p img { clear:both;  }
.eventItem p.bottom { width:230px; margin-left:0px; margin-bottom:0px;  background-image:url(/site-uploads/images/pageDecoration/eventItemBG.jpg); background-position: bottom;background-repeat:no-repeat; height:20px;}
.eventItem p a:hover { text-decoration:none;}
.eventItem ul { margin-left:2em; margin-right:1em; margin-bottom:0;}

/* Events page  */

#eventsButtonsContainer { width:100%;}
.eventButtonWithCaption{ margin-left:32px; margin-right:32px;  text-align:center; width:200px; height:105px;  float:left;}

.eventButtonWithCaption { margin-top:0; margin-bottom:0;}

.eventButtonWithCaption img:hover  { -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
	filter: alpha(opacity=80);
	opacity: 0.8;
	border: 0;}


/* Photogallery List */
#photogallery { list-style: none; background-image: url(http://www.orchid-cancer.org.uk/images/camera.gif); background-repeat: no-repeat; height: 50px; padding-left: 75px; padding-top: 11px;  }

/* Image margin */
.photoimage { margin: 0 5px 5px 0; }

/* Donate button on homepage */

#donateBox { background-image:url(/images/donateButtonBG.jpg); background-repeat:no-repeat; padding:10px; color:#FFF;}
#donateBox p input { margin-left:10px;}
#donateBox h2 { color:#FFF;}

/* pop up admin message */
#adminMessage { border-top:1px solid #090; border-bottom:1px solid #090; padding:0.5em; color:#000; background-color:#DBFCCD;}

/* admin Links */
.blockOfContent:hover { background-color:#FFF2FF;}
 .adminButtons { display:block;position:absolute;left:100%; margin-left:-70px;top:0;z-index:10000; background-color:#FFF;}
#addmenuformdiv { padding-left:1em; padding-top:1em; padding-right:1em; border-top:1px solid #CCC;}
.smallAdminText {font-size:10px;}
.contentAdminButtons { display:block; clear:both;}

/* wristbands form */

#wristbands {}
#wristbands fieldset { border:none; background-color:#F4F4f4; padding:1em; margin-top:1em; margin-bottom:1em;margin-right:1em;-moz-border-radius: 15px;
border-radius: 15px; }
#wristbands legend { color:#d25615; font-size:0.8em;background-color:none; border:none; margin-right:1em; font-weight:bold;}

#wristbands label { margin-top:1em; width:20em; display:block;font-size:0.8em; font-weight:bold;}
#wristbands  input[type="text"]{ width:20em; height:2em;}
#wristbands  textarea { width:20em; height:6em;  display:inline;}

#wristbands .giftAidIt { width:95%; margin:1em auto; background-color:#fff; padding:0.5em; border:1px solid #1964AA;-moz-border-radius: 15px;
border-radius: 15px;}

#wristbands .checkbox { vertical-align:middle;}

input.submit {background-color:#1964AA; border:1px solid #1964AA; padding:1em; color:#fff; padding:1em; -moz-border-radius: 5px;
border-radius: 5px; cursor:pointer; font-weight:bold; float:right; }

.submit:hover { background-color:#fff; border:1px solid #1964AA ;-moz-border-radius: 5px;
border-radius: 5px; cursor:pointer;color:#1964AA; }
.submit:active { padding-top:1.1em; padding-bottom:0.9em;}

/* Advertise in our Newsletter styles */

.nLContainer { width:80%; margin-left:auto; margin-right:auto;}
.nlBoxOut { width:120px; height:220px; margin-right:1.5em;  text-align:center; margin:0em 10px 0 0; float:left; padding-top:1em;}
.nlBoxOut img { width:100px; margin-left:auto; margin-right:auto; margin-bottom:1em; border:1px solid #000;} 
.nlBoxOut p {} 

/* Find out more form */

.findOutMoreForm input,
.findOutMoreForm select,
.findOutMoreForm textarea 		{width:240px;}

.findOutMoreForm textarea  {height:4em; font-family:Arial, Helvetica, sans-serif;}
.findOutMoreForm  .checkBox,
.findOutMoreForm  .submit 		{width:auto;}
.findOutMoreForm td 			{padding:1em 0 0 0 ;}
.findOutMoreForm .required  						{color:#D25615; vertical-align:top;}
 				
label:hover 					{cursor:pointer;}
.errorWrapper 					{border:1px solid red; background-color:#FFE1E1; padding:0.5em 0.5em 0 0.5em; margin-left:1em; margin-right:1em;}
.findOutMoreForm .submit 		{float:left}