/*  CIMIT Style Sheet */
/*  Authors:  Derwin Hyde, Marc Davignon, Dawn Querns */
/*  RCS keywords defined below, do not manually edit! */
/*  $Revision: #356 $  */
/*  $DateTime: 2011/05/02 08:48:07 $  */

/* This style sheet usage, rules, and best practices:
   1. Designed for IE 6.0 and above, Firefox 1.0 and above, Safari 2.0 and
      above, and Opera 9.0 and above.
   2. Special browser specific quirks should be commented.
   3. Use class attributes (classes can refer to multiple HTML tags) over id
      attributes (ids can only be used once for a single tag within an entire
      HTML document) where possible to encourage CSS property reuse and
      reduce CSS file size.
   4. Remember later property redefinitions will override earlier ones. Be
      mindful of this when adding new properties which do not appear to take.
   5. Avoid generic definitions of properties such as:
      div {}
      instead use:
      .divClassName {}
      or better yet:
      div.className {}
      The idea is to not affect past or future definitions and being as
      specific as possible adds readability and lessons the chance of breaking
      portions of you site. If you must use generic definitions place them at
      the top of your stylesheet, so they can be later overridden when needed.
   6. Class attributes can be defined using multiple class names. For example:
      class="textboldgray"
      can be defined as:
      class="text bold gray"
      In this way you would only have to define the classes text, bold, and
      gray and reuse each when necessary. Example: class="text italic gray"
      could reuse text and gray.
   7. Always name classes using consistent color names. For example: "darkblue"
      should always be called "darkblue" not "dblue" or "db". The JavaScript
      depends on this.

   Browser specific notes:
   1. IE is generally more forgiving and assumes what you mean rather than what
      you define. For example, defining a width property to a div container box
      but not its children or to the children and not the container box will
      size the the container and child boxes by assuming the size of the
      defined object. This is particularly troublesome when floating since
      the assumed behavior will look fine in IE but not on Firefox and Safari.
      Another example is spacing. IE adds spacing around images even when
      border and margin are set to 0. In particular adding return characters
      in the HTML source before and after img tags will add spacing which may
      look nice but, may not be desired and will not be seen in Firefox and
      Safari.
   2. The IE6 CSS box model is broken. For example web search: ie6 height.
   3. Firefox and Safari better implement the CSS box model standard and will
      better appreciate well defined CSS. Using the IE div container and child
      boxes example from above, you should define the width property for both
      since Firefox or Safari will more than likely push boxes down then float
      them next to each other. To be fair to IE, Firefox and Safari were
      developed after the CSS specifications were ratified.
   4. Safari is the strictest of the 3. For example:
      <li>Help Text<img src="images/help.gif" style="float: right;"/></li>
      will generally line up the text and image on IE and Firefox while Safari
      will push the text down below the image. To fix this on Safari use:
      <li><div>Help Text</div><img src="images/help.gif" style="float: right;"/></li>
      which will float the image to the right of the text instead of the <li>
      tag.
   5. Keeping in mind the levels of strictness: Safari, Firefox, then IE. When
      developing CSS for Safari you have a better chance of it working without
      modification on Firefox and IE however, developing in IE will more likely
      require modifications for viewing with Firefox and Safari. Microsoft has
      realized this and designed IE8 with "standards mode" being the default
      over "quirks mode". Which means IE8 will better render sites designed for
      Firefox and Safari than it will sites designed for IE6 and IE7.
*/

/* *first force all browsers to be consistent in the way they set margins and padding*
   mdavignon 04/11/2008: The selector below was ignored forever because
   <style type="text/css"> was the first uncommented line before this one.
   globally removing margins and padding creates more work since html tags like
   ul, ol, h1, h2, h3, h4, etc. expect and look better with margins and padding
   and removing this would require manually re-adding later.
   The other point is html tags within CSS of any kind will kill the selector
   which directly follows it. This is true for IE, Firefox, and Safari. Opera
   however, will only ignore the html and still use the selector. Therefore,
   Opera is now supported and under no circumstances should html tags be in
   this file.
*/

/* Globals, try not to redefine things over and over */
*
{
		font-family: Arial, Helvetica, sans-serif;
                outline: none;
}

/* then redefine standard tags for default font */

p, ul, ol, li
{
		font-size: 12px;
}
.pevents
{
		font-size: 12px;
		margin-left: 10px;
		margin-top: 10px;
		margin-right: 10px;
		margin-bottom: 10px;

}

/* deal with quirk in IE: center page in browser window for IE */

body
{
		text-align: center;
}

/* center page in browser window for other browsers */

#container
{
  		margin: 0 auto;
 		width: 880px;
		text-align: left;
		background-color:#FFFFFF;
}

#containerhb
{
  		margin: 0 auto;
 		width: 900px;
		text-align: left;
		background-color:#FFFFFF;
}

/* wrappers for page content in three parts: top banner and navbars, body content, and bottom navbars/footer */

#topwrapper
{
		position: relative;
		top: 0;
		height: 159px;
		width: 880px;
}

#topwrapper2
{
		position: relative;
		top: 0;
		height: 140px;
		width: 880px;
}

#topwrapper3
{
		position: relative;
		top: 0;
		height: 75px;
		width: 880px;
}

#bodywrapper
{
		position: relative;
		font-size: 12px;
		top: 12px;
		width: 880px;
		margin-bottom: 20px;
}

#bodywrapper2
{
		position: relative;
		font-size: 12px;
		top: 12px;
		width: 880px;
		margin-bottom: 20px;
}

/* IE6 more added space where we do not want it */
* html #bodywrapper
{
                margin-top: -5px;
}

/* IE6 more added space where we do not want it */
* html #bodywrapper2
{
                margin-top: -5px;
}

#bottomwrapper
{
  		clear: both;
		position: relative;
		top: 10px;
		height: 38px;
		width: 880px;
}

#bottomwrapperhp
{
  		clear: both;
		position: relative;
		top: 10px;
		left: 7px;
		height: 38px;
		width: 880px;
}

/* color bar on left side of top banner */

#colorblock
{
		position: absolute;
		top: 0;
		left: 0;
		width: 54px;
		height: 91px;
}

#colorblock2
{
		position: absolute;
		top: 0;
		border: 0;
		left: 0px;
		width: 242px;
		cursor: pointer;
}

/* CIMIT logo */

#logo
{
		position: relative;
		top: 0;
		border: 0;
		left: 54px;
		width: 242px;
		cursor: pointer;
}

#logo2
{
		position: relative;
		top: 0;
		border: 0;
		left: 0px;
		width: 330px;
		height: 135px;
		cursor: pointer;
}

.imagelink
{
		cursor: pointer;
		border: 0;
}

/*  Flash and static image banner section */
/* mdavignon 09/06/2008: switched from id to class for reuse and static image
under flash support */

.bannerBGimg
{
		left: 296px;
		overflow: hidden;
                width: 466px;
                height: 91px;
}

.bannerBGimg2
{
		/*position: relative;
		float: left;*/
		margin-left: 12px;
		margin-right: 5px;
		margin-top: 30px;
		height: 110px;
		left: 342px;
		text-align: right;
		/*left: 331px;*/
		/*overflow: hidden;
                width: 530px;*/
                
}

.bannerflash
{
		position: absolute;
		top: 0px;
                /* Do not use, relative to .bannerBGimg parent container */
		/*left: 296px;*/
}

/* banner - will be replaced by Flash banner from C via D - not true thanks to swfobject */

.bannerservices, .bannerprograms, .bannerabout, .bannermedia, .bannerforum, .bannerevents, .bannergrants, .bannerfriends
{
		position: absolute;
		top: 0px;
                /* Do not use, relative to .bannerBGimg parent container */
		/*left: 296px;*/
		width: 466px;
		height: 91px;
		border: 0px;
}

.bannerservices
{
		background-image: url(images/bannerservices.jpg);

}
.bannerfriends
{		background-image: url(images/bannersfriends.jpg);
}

.bannerprograms
{
		background-image: url(images/bannerprograms.jpg);
}

.bannerabout
{
		background-image: url(images/bannerabout.jpg);
}

.bannermedia
{
		background-image: url(images/bannermedia.jpg);
}

.bannerforum
{
		background-image: url(images/bannerforum.jpg);
}

.bannerevents
{
		background-image: url(images/bannerevents.jpg);
}

.bannergrants
{
		background-image: url(images/bannergrants.jpg);
}
/*  End of Flash and static image banner section */


/* top right navbar background images: Investigator, CIMIT friend, Industry, Patient */

#investigatorbg, #friendbg, #industrybg, #patientbg
{
		position: absolute;
		left: 762px;
		width: 118px;
		margin: 0;
		padding: 0;
		cursor: pointer;
}

#investigatorbg, #friendbg, #industrybg
{
		height: 22px;
}

#investigatorbg
{
		top: 0;
}

#friendbg
{
		top: 22px;
}

#industrybg
{
		top: 44px;
}

#patientbg
{
		top: 66px;
		height: 25px;
}

/* top right navbar text */

#investigator , #friend , #industry , #patient
{
	position: absolute;
	left: 767px;
	/* font-weight: bold; */
		font-size: 10px;
	text-decoration: none;
	color: #ffffff;
	width: 109px;
	cursor: pointer;
}

#investigator
{
		top: 4px;
}

#friend
{
		top: 26px;
}

#industry
{
		top: 48px;
}

#patient
{
		top: 70px;
}

/* top gray navigation bar background image */

#topgraynavbar
{
		position: relative;
		top: 0px;
		left: 0px;
		height: 23px;
		width: 880px;
		background-image: url(images/topgraynavbar.gif);
                background-repeat: no-repeat;
}

#topgreennavbar
{
	position: relative;
	top: 0px;
	left: 0px;
	height: 23px;
	width: 880px;
	/*background-image: url(images/homebase/green4col2.gif);
	background-repeat: no-repeat;*/
}

/* IE6 insists on adding (in this case) 3px of space after the img tags; this should compensate for that */
* html #topgraynavbar, * html .iespcfix
{
		margin-top: -3px;
}

/* IE7 also insists on adding (in this case) 3px of space after the img tags; this should compensate for that */
*+html #topgraynavbar, *+html .iespcfix
{
		margin-top: -3px;
}

/* text for gray navigation bar at top of pages */
#search
{
		/* Should be relative since absolute breaks Safari */
		position: relative;
		top: 4px;
		left: 710px;
		font-size: 10px;
		/* font-weight: bold; */
		text-transform: uppercase;
		color: #ffffff;
		display: inline;
}

#googleinputforum
{
                width: 188px;
}

#emailinputform
{
                width: 160px;
}

#googleinputforumarchive
{
                width: 155px;
}

#googleinput
{
		position: absolute;
		top: 3px;
		left: 760px;
		font-size: 10px;
                height: 10px;
                width: 114px;
		/* font-weight: bold; */
		display: inline;
                border-style: solid;
                border-color: black;
                border-width: 1px;
}


#googlesubmit
{
                display: none;
                height: 0;
                width: 0;
                overflow: hidden;
}


/* banners for page heads - one id for all the section colors */


#banner
{
		position: relative;
		top: 0;
		left: 0;
		width: 762px;
		height: 91px;
		padding: 0;
		margin: 0;
}

/* top horizontal navigation bar background images */

#homenavbar, #aboutnavbar, #programsnavbar, #servicesnavbar, #grantsnavbar, #eventsnavbar, #forumnavbar, #medianavbar, #investigatorsnavbar, #industrynavbar, #friendsnavbar
{
		position: relative;
		width: 880px;
		height: 50px;
}

/* IE6 always adding extra space, this time between the topgraynavbar and this */
* html #homenavbar,* html #aboutnavbar,* html #programsnavbar,* html #servicesnavbar,* html #grantsnavbar,* html #eventsnavbar,* html #forumnavbar,* html #medianavbar,* html #investigatorsnavbar,* html #industrynavbar,* html #friendsnavbar
{
                margin-top: -9px;
}

#homenavbar
{
		background-image: url(images/navbarhome.jpg);
}

#aboutnavbar
{
		background-image: url(images/navbarabout.jpg);
}

#programsnavbar {
		background-image: url(images/navbarprograms.jpg);
}

#servicesnavbar
{
		background-image: url(images/navbarservices.jpg);
}

#grantsnavbar
{
		background-image: url(images/navbargrants.jpg);
}

#eventsnavbar
{
		background-image: url(images/navbarevents.jpg);
}

#forumnavbar
{
		background-image: url(images/navbarforum.jpg);
}

#medianavbar
{
		background-image: url(images/navbarmedia.jpg);
}

#industrynavbar
{
		background-image: url(images/navbarindustry1.jpg);
}

#investigatorsnavbar
{
		background-image: url(images/navbarinvestigators1.jpg);
}

#friendsnavbar
{
		background-image: url(images/navbarfriends.jpg);
}

/* text links for horizontal top main section navigation bars */

#about a, #programs a, #services a, #grants a, #events a, #forum a, #media a
{
                top: 12px;
                font-size: 12px;
                font-weight: bold;
                text-decoration: none;
                text-transform: uppercase;
                color: #ffffff;
                /* Opera 9.5: must apply to base element not the :hover pseudo-class */
                cursor: pointer;
}

#about a
{
		position: relative;
		left:100px;
}

#programs a
{
	position: absolute;
	left: 210px;
}

#services a
{
	position: absolute;
	left: 400px;
}

#grants a
{
	position: absolute;
	left: 605px;
}

#events a
{
		position: absolute;
		left: 500px;
}

#forum a
{
		position: absolute;
		left: 580px;
}

#media a
{
	position: absolute;
	left: 688px;
}

#about a:hover, #programs a:hover, #services a:hover, #grants a:hover, #events a:hover, #forum a:hover, #media a:hover
{
		color: #cccccc;
}

/**
 * Arrows and text in left navigation bar
 * 04/03/2008: Not used anymore since "display: inline;" breaks a:hover on
 * empty text in IE. May want this for something else though.
 */
/* IE6 insists on adding 3px of space after div tags; this will remove it */
* html .inlineText
{
    	display: inline;
}

/* IE7 also insists on adding 3px of space after div tags; this will remove it */
*+html .inlineText
{
    	display: inline;
}

/* Use this class for elements which should not contain properties */
.emptyClass
{
}

.center
{
                text-align: center;
}

/**
 * For IE6 empty class is not really empty. This will keep IE6 from collapsing
 * "div" tags surrounded by "a" tags. The padding is needed to keep text from
 * going outside of the nav bar.
 */
* html .emptyClass
{
                height: 1%;
                padding-left: 1px;
}

.arrowlarge
{
		position: relative;
		top: -24px;
		float: right;
		height: 24px;
		width: 23px;
		margin: 0;
		border: 0;
}

.arrowsmall, .arrowactive
{
		position: relative;
		float: right;
		height: 15px;
		width: 15px;
		margin-top: -18px;
		border: 0;
}

/* navigation bars on left side defined as unordered lists */

ul.leftnav
{
		list-style-type: none;
		margin-top: 0;
		margin-left: 0;
		padding-left: 0;
}

ul.leftnav2
{
		list-style-type: none;
		margin-top: 0;
		margin-left: 0;
		padding-left: 0;
}

li.leftnav
{
   		width: 211px;
		padding-left: 0;
 		line-height: 20px;
  		margin-top: 3px;
}
li.leftnav2
{
   		width: 195px;
		padding-left: 0;
 		line-height: 20px;
  		margin-top: 3px;
}

li.leftnavrule
{
   		width: 211px;
		padding-left: 0;
 		/*line-height: 10px; */
  		margin-top: 0px;
}
li.empty
{
   		width: 211px;
		padding-left: 0;
 		line-height: 20px;
  		margin-top: 3px;
}
li.onepx
{
   		width: 211px;
		padding-left: 0;
  		margin-top: 2px;
}

/* IE6 already adds an extra 3px of space under div tags */
* html li.leftnav
{
                margin-top: 0px;
}

/* IE7 also adds an extra 3px of space under div tags */
*+html li.leftnav
{
                margin-top: 0px;
}

li.leftnavtop
{
  		width: 211px;
		padding-left: 0;
  		margin-bottom: 27px;
}

/*  gray italic sub-links in left navbar  */

a.grayitalic, a.tealitalic, a.servicesgreenitalic, a.mediablueitalic, a.purpleitalic, a.purpleforumitalic
{
		font-size: 11px;
		text-decoration: none;
		font-style: italic;
		margin-left: 15px;
		line-height: 18px;
		color: #666666;
}

a.reditalic
{
		font-size: 11px;
		text-decoration: none;
		font-style: italic;
		margin-left: 15px;
		line-height: 18px;
		color: #990000;
}

a.grayitalictwo, a.tealitalictwo, a.servicesgreenitalictwo, a.purpleitalictwo
{
		font-size: 11px;
		text-decoration: none;
		font-style: italic;
		margin-left: 40px;
		line-height: 18px;
		color: #666666;
}



a:link.grayitalic, a:visited.grayitalic, a:link.tealitalic, a:link.mediablueitalic, a:link.grayitalictwo, a:visited.grayitalictwo, a:visited.tealitalictwo, a:link.servicesgreenitalic, a:visited.servicesgreenitalictwo, a:visited.purpleitalic, a:link.purpleitalictwo, a:link.purpleforumitalic, a:visited.purpleforumitalic, a:link.purpleforumitalictwo
{
		color: #666666;


}

a:link.blacknav, a:visited.blacknav
{
		color: #000000;

}

a:link.reditalic, a:visited.reditalic
{
		color: #990000;

}


a:hover.grayitalic, a:active.grayitalic, a:hover.grayitalictwo, a:active.grayitalictwo
{
		color: #003580;
		cursor: auto;
}

a:hover.tealitalic, a:hover.blacknav, a:active.tealitalic, a:hover.tealitalictwo, a:active.tealitalictwo, a:active.blacknav
{
		color: #4f8d97;
		cursor: pointer;
}

a:hover.servicesgreenitalic, a:active.servicesgreenitalic, a:hover.servicesgreenitalictwo, a:active.servicesgreenitalictwo
{
		color: #517057;
		cursor: pointer;
}

a:hover.mediablueitalic, a:active.mediablueitalic
{		color: #3878db;
		cursor: pointer;
}

a:hover.purpleitalic, a:active.purpleitalic, a:hover.reditalic
{		color: #5a3581;
		cursor: pointer;
}
a:hover.purpleforumitalic, a:active.purpleforumitalic
{		color: #7e2271;
		cursor: pointer;
}

a:active.a.reditalic
{		color: #990000;
		cursor: pointer;
}

/* IE6 already adds a margin below the top nav list item; this will keep it from doubling up */
* html li.leftnavtop
{
                margin-bottom: 0px;
}

/* IE7 also already adds a margin below the top nav list item; this will keep it from doubling up */

*+html li.leftnavtop
{
   		margin-bottom: 0px;
}

/* used when a menu of items is placed below the list item */

li.leftnavmenu
{
		width: 211px;
		padding-left: 0;
 		margin-top: 3px;
}

a:link.leftnav, a:visited.leftnav
{
		text-decoration: none;
		/* color: #2A4F6F; */
		padding-left: 0;
}

/* a:active.leftnav, a:hover.leftnav
{
		color: #778899;
} */

/*  container boxes for floats; column definitions go inside the float boxes; used in conjunction with column definitions  */

.singlescroll

{
		float: left;
		padding: 0;
		top: 0;
		padding-top: 15px;
		display: block;
		float: left;
/* margin-right is now set by floatbox{} and should be 0px for IE6 here */
		margin-right: 0px;
		margin-bottom: 20px;
		width: 211px;
		/*background-image: url(images/green1col.gif);
		background-position: top;
		background-repeat: no-repeat;*/
		height: 150px;
		overflow:auto;
                font-size: 12px;
		color: #666666;
		text-align: left;
		line-height: 15px;
		scrollbar-base-color: #eaecbf;
		scrollbar-arrow-color: white;
		scrollbar-track-color: #ccccff;

		scrollbar-shadow-color: 003580;
		scrollbar-lightshadow-color: 003580;
		scrollbar-darkshadow-color: gray;

		scrollbar-highlight-color: white;
		scrollbar-3dlight-color: 003580;

}
.singlescroll_forum

{
		float: left;
		padding: 0;
		top: 0;
		padding-top: 15px;
		display: block;
		float: left;
/* margin-right is now set by floatbox{} and should be 0px for IE6 here */
		margin-right: 0px;
		margin-bottom: 20px;
		width: 211px;
		/*background-image: url(images/green1col.gif);
		background-position: top;
		background-repeat: no-repeat;*/
		height: 245px;
		overflow:auto;
                font-size: 12px;
		color: #666666;
		text-align: left;
		line-height: 15px;
		scrollbar-base-color: #eaecbf;
		scrollbar-arrow-color: white;
		scrollbar-track-color: #ccccff;

		scrollbar-shadow-color: 003580;
		scrollbar-lightshadow-color: 003580;
		scrollbar-darkshadow-color: gray;

		scrollbar-highlight-color: white;
		scrollbar-3dlight-color: 003580;

}
.singlescrolllong

{
	float: left;
	top: 0;
	padding-top: 15px;
	display: block;
	float: left;
	/* margin-right is now set by floatbox{} and should be 0px for IE6 here */
	margin-right: 0px;
	margin-bottom: 20px;
	width: 434px;
	/*background-image: url(images/green1col.gif);
		background-position: top;
		background-repeat: no-repeat;*/
		height: 350px;
	overflow:auto;
	font-size: 12px;
	color: #666666;
	text-align: left;
	line-height: 15px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
}

.singlescrollarchives

{
	float: left;
	top: 0;
	padding-top: 5px;
	display: block;
	float: left;
	/* margin-right is now set by floatbox{} and should be 0px for IE6 here */
	margin-right: 0px;
	margin-bottom: 20px;
	width: 630px;
	/*background-image: url(images/green1col.gif);
		background-position: top;
		background-repeat: no-repeat;*/
		height: 60px;
	overflow:auto;
	font-size: 12px;
	color: #666666;
	text-align: left;
	line-height: 20px;
	padding-right: 0;
	padding-bottom: 20px;
	padding-left: 0;
}

.singlescrolljp

{
	float: left;
	top: 0;
	padding-top: 5px;
	display: block;
	float: left;
	/* margin-right is now set by floatbox{} and should be 0px for IE6 here */
	margin-right: 0px;
	margin-bottom: 20px;
	width: 630px;
	/*background-image: url(images/green1col.gif);
		background-position: top;
		background-repeat: no-repeat;*/
		height: 350px;
	overflow:auto;
	font-size: 12px;
	color: #666666;
	text-align: left;
	line-height: 20px;
	padding-right: 0;
	padding-bottom: 20px;
	padding-left: 0;
}

.singlescrollhp

{
	float: left;
	top: 0;
	padding-top: 0px;
	display: block;
	float: left;

	/* margin-right is now set by floatbox{} and should be 0px for IE6 here */
	margin-right: 0px;
	margin-bottom: 30px;
	width: 400px;
	/*background-image: url(images/green1col.gif);
		background-position: top;
		background-repeat: no-repeat;*/
		height: 280px;
	overflow:auto;
	
	font-size: 12px;
	color: #666666;
	text-align: left;
	line-height: 15px;
	padding-right: 0;
	/*padding-bottom: 30px;*/
	padding-left: 10px;
}



.floatboxsingle, .floatboxsingleright, .floatboxdouble, .floatboxdoubleright, .floatboxtriple, .floatboxtripleright, .floatboxquad
{
		float: left;
		padding: 0;
}

.floatboxsingle
{
  		width: 211px;
		margin-right: 12px;
}

.floatboxsingleright
{
		width: 211px;
		margin-right: 0px;
}

.floatboxdouble
{
 		width: 434px;
		margin-right: 12px;
}

.floatboxdoubleright
{
  		width: 434px;
		margin-right: 0px;
}

.floatboxtriple
{
 		width: 657px;
		margin-right: 12px;
}

.floatboxtripleright
{
 		width: 657px;
		margin-right: 0px;
}

.floatboxquad
{
 		width: 880px;
		margin-right: 0px;
		
}


/* column definitions 	*/
/* a single column is 211 pixels wide, double is 434 pixels wide, and triple is 657 pixels wide  */
/* space between columns is 12 px */

.single, .singleright, .double, .doubleright, .triple, .tripleright, .quad, .nobar
{
		top: 0;
		padding-top: 15px;
		display: block;
		float: left;
/* margin-right is now set by floatbox{} and should be 0px for IE6 here */
		margin-right: 0px;
}

.double-left 
{
		top: 0;
		padding-top: 15px;
		padding-left: 2px;
		padding-right: 1px;
		display: block;
		float: left;
/* margin-right is now set by floatbox{} and should be 0px for IE6 here */
		margin-right: 0px;
		background-color:#349998;
}

.double-right 
{
		top: 0;
		padding-top: 15px;
		padding-left: 2px;
		padding-right: 1px;
		display: block;
		float: left;
/* margin-right is now set by floatbox{} and should be 0px for IE6 here */
		margin-right: 0px;
		background-color:#ad261d;
}

.doublebottom-right
{
		top: 0;
		padding-top: 15px;
		padding-left: 2px;
		padding-right: 1px;
		display: block;
		float: left;
/* margin-right is now set by floatbox{} and should be 0px for IE6 here */
		margin-right: 0px;
		background-color:#ea7320;
}

.doublebottom-left 
{
		top: 0;
		padding-top: 15px;
		padding-left: 2px;
		padding-right: 1px;
		display: block;
		float: left;
/* margin-right is now set by floatbox{} and should be 0px for IE6 here */
		margin-right: 0px;
		background-color:#427f29;
}

.single, .singleright
{
		width: 211px;
		background-image: url(images/green1col.gif);
		background-position: top;
		background-repeat: no-repeat;
}

.double, .doubleright
{
		width: 434px;
		background-image: url(images/green2col.gif);
		background-position: top;
		background-repeat: no-repeat;
}
.double-left, .double-right, .doublebottom-left, .doublebottom-right
{
		width: 431px;
		background-image: url(images/green2col.gif);
		background-position: top;
		background-repeat: no-repeat;
}

.triple, .tripleright	{
		width: 657px;
		background-image: url(images/green3col.gif);
		background-position: top;
		background-repeat: no-repeat;
}

.quad	{
		width: 880px;
		background-image: url(images/green4col.gif);
		background-position: top;
		background-repeat: no-repeat;
}

.tripleevents, .triplerightevents	{
		width: 657px;
		background-image: url(images/events/CIC2.gif);
		background-position: top;
		background-repeat: no-repeat;



}

/* text fonts  */

.textgray, .textboldgray, .textitalicgray, .capsgray
{
		font-size: 12px;
		color: #666666;
		text-align: left;
		line-height: 15px;
}

.textboldgray
{
		font-weight: bold;
}

.textitalicgray
{
		font-style: italic;
}

.capsgray
{
		text-transform: uppercase;
}

.textblack, .textboldblack, .textitalicblack
{
		font-size: 12px;
		color: #000000;
		text-align: left;
		line-height: 15px;
}

.textblacksmall
{
		font-size: 11px;
		color: #000000;
		text-align: left;
		margin-left: 1px;
		line-height: 15px;
		text-decoration: none;
}

/* Tablesort styling */

/* Set default header styles */
table#tablesort th a
{
		font-size: 11px;
		color: #000000;
		text-align: left;
		margin-left: 1px;
		line-height: 15px;
		text-decoration: none;
                /* Opera 9.5: must apply to base element not the :hover pseudo-class */
		cursor: pointer;
}

table#tablesort th.textblacksmall
{
                text-align: center;
}

table#tablesort th a:link, table#tablesort th a:visited
{
		text-decoration: none;
}

table#tablesort th a:active, table#tablesort th a:hover
{
		text-decoration: underline;
}

th.sort-active, th.sort-active a
{
                cursor:wait;
}

/* Alternating row style */
tr.rowalt
{
        background-color: #F5FAFA;
}

/* Specify a separate header style */
tr.rowalt th
{
        background-color:#edf3f3;
}

/* Sorted column style */
tr td.colalt,
tr.rowalt td.colalt
{
        background-color:#edf3f3;
}

/* Normal row hover styles */
table#tablesort tr.rowhover td,  /* Internet Explorer < 7 (and 7 in quirks mode) requires a specific class */
table#tablesort tr.rowhover td.colalt,
table#tablesort tr:hover td,     /* All others can use the :hover pseudo */
table#tablesort tr:hover td.colalt
{
                background-color:#daFAFA;
}

/* Column "cell" highlighting */
table tr td.rowhover,
table tr.rowalt td.rowhover
{
        background-color:#eaFAFA;
}

/* Header highlighting */
table tr th.rowhover
{
        background-color:#aaFAFA;
}

/* The current cell */
table#tablesort tbody tr td.currentcell,
table#tablesort tbody tr.rowalt td.currentcell,
table#tablesort tbody tr.rowhover td.currentcell,
table#tablesort tbody tr td:hover,
table#tablesort tbody tr.rowalt td:hover,
table#tablesort tbody tr.rowhover td:hover,
table#tablesort tbody tr td.colalt:hover,
table#tablesort tbody tr.rowalt td.colalt:hover,
table#tablesort tbody tr.rowhover td.colalt:hover
{
        background-color:#aaFAFA;
}

/* End of tablesort styling */


.textgraysmall
{
		font-size: 11px;
		color: #666666;
		text-align: left;
		margin-left: 1px;
		line-height: 15px;
		text-decoration: none;
}
.textwhitesmall
{
		font-size: 11px;
		color: #ffffff;
		text-align: left;
		margin-left: 5px;
		line-height: 15px;
		text-decoration: none;
}

a:link.textblacksmall, a:visited.textblacksmall
{
		text-decoration: none;
}

a:hover.textblacksmall
{
		text-decoration: underline;
}


.textboldblack
{
		font-weight: bold;
}

.textitalicblack
{
		font-style: italic;
}

/* italic text   */

.textitalic
{
		font-size: 12px;
		/*padding-left: 12px;*/
		font-style: italic;
}

/*  introductory text  */

.introtext
{
		font-size: 14px;
		line-height: 18px;
		color: #666666;
}

/*  quote  */

.quote
{
		font-size: 16px;
		line-height: 22px;
		color: #003580;
}

/* blue text */

.bluebold
{
		font-weight: bold;
		font-size: 12px;
		color: #003580;
		text-align: left;
}
.blueitalicsubnav
{
		font-size: 11px;
		color: #003580;
		text-align: left;
		font-style: italic;
		margin-left: 15px;
		line-height: 18px;
		text-decoration: none;
}
.mediablueitalicsubnav
{
		font-size: 11px;
		color: #3878db;
		text-align: left;
		font-style: italic;
		margin-left: 15px;
		line-height: 18px;
		text-decoration: none;
}
a:active.mediablueitalicsubnav, a:hover.mediablueitalicsubnav, a:active.blueitalicsubnav, a:hover.blueitalicsubnav, a:active.blueitalicsubnavtwo, a:hover.blueitalicsubnavtwo
{
		cursor: pointer;
		color:#666666;
	
}
.tealitalicsubnav
{
		font-size: 11px;
		color: #4f8d97;
		text-align: left;
		font-style: italic;
		margin-left: 15px;
		line-height: 18px;
}


.tealitalicsubnavtwo
{
		font-size: 11px;
		color: #4f8d97;
		text-align: left;
		font-style: italic;
		margin-left: 40px;
}
.servicesgreenitalicsubnav
{
		font-size: 11px;
		color: #517057;
		text-align: left;
		font-style: italic;
		margin-left: 15px;
		line-height: 18px;
}
.servicesgreenitalicsubnavtwo
{
		font-size: 11px;
		color: #517057;
		text-align: left;
		font-style: italic;
		margin-left: 40px;
}
.lavenderitalicsubnav
{
		font-size: 11px;
		color: #5a3581;
		text-align: left;
		font-style: italic;
		margin-left: 15px;
		line-height: 18px;
}
.purpleitalicsubnav
{
		font-size: 11px;
		color: #7e2271;
		text-align: left;
		font-style: italic;
		margin-left: 15px;
		line-height: 18px;
		text-decoration: none;
}

.purpleforumitalicsubnav
{
		font-size: 11px;
		color: #7e2271;
		text-align: left;
		font-style: italic;
		margin-left: 15px;
		line-height: 18px;
		text-decoration: none;
}

a:active.purpleitalicsubnav, a:hover.purpleitalicsubnav
{
		cursor: pointer;
}

.blueitalicsubnavtwo
{
		font-size: 11px;
		color: #003580;
		text-align: left;
		font-style: italic;
		margin-left: 15px;
		text-decoration: none;
}

.blueboldsmall
{
		font-weight: bold;
		font-size: 10px;
		color: #003580;
		text-align: left;
		text-transform: uppercase;
}

.bluecaps
{
		/* font-weight: bold; */
		font-size: 12px;
		color: #003580;
		text-align: left;
		text-transform: uppercase;
}

.blueunderline
{
		/* font-weight: bold; */
		font-size: 12px;
		color: #003580;
		text-align: left;
		text-decoration: underline;
}

/* colored text in left navbar that is not a link but instead identifies the page */

.textleftnavid
{
		font-size: 11px;
		text-decoration: none;
}

a:hover.textleftnavid
{
		cursor: pointer;
}

.textleftsubnavid
{
		font-size: 11px;
		text-decoration: none;
		margin-left: 15px;
		line-height: 18px;
}


/* color classes to be combined with other classes  */

.black
{
 		color: #000000;
}

.gray
{
 		color: #666666;
}

.darkblue
{
		color: #003580;
}

.white
{
		color: #ffffff;
}

.red
{
		color: #990000;
}

.teal
{
		color: #4f8d97;
}
.orange
{
		color: #e96b10;
}

.forestgreen
{
		color: #517057;
}

.servicesgreen
{
		color: #517057;
}

.darkgreen
{
		color: #608478;
}

.purple
{
		color: #7e2271;
}

.mediablue
{
		color: #3878db;
}

.lavender
{
		color: #5a3581;
}

.italic
{
		font-style: italic;
}

/**
 * Left nav border colors
 * Always use the full color name followed by "border".
 */
.blackborder
{
   		border-bottom: 1px solid #000000;
    	border-top: 1px solid #000000;
}

.grayborder
{
  		border-bottom: 1px solid #DADCDE;
   		border-top: 1px solid #DADCDE;
}

.grayborder_jumppage
{
  		border-bottom: 1px solid #DADCDE;
   		border-top: 1px solid #DADCDE;
		margin-top: 3px;
		margin-bottom: 3px;
		cursor: auto;
		cursor: pointer;
}

.darkblueborder
{
  		border-bottom: 1px solid #003580;
    	border-top: 1px solid #003580;
}

.tealborder
{
  		border-bottom: 1px solid #4f8d97;
 		border-top: 1px solid #4f8d97;
}

.orangeborder
{
 		border-bottom: 1px solid #e96b10;
 		border-top: 1px solid #e96b10;
}

.forestgreenborder
{
  		border-bottom: 1px solid #517057;
  		border-top: 1px solid #517057;
}

.servicesgreenborder
{
  		border-bottom: 1px solid #517057;
  		border-top: 1px solid #517057;
}

.darkgreenborder
{
   		border-bottom: 1px solid #608478;
   		border-top: 1px solid #608478;
}

.purpleborder
{
		border-bottom: 1px solid #7e2271;
  		border-top: 1px solid #7e2271;
}

.lavenderborder
{
 		border-bottom: 1px solid #5a3581;
    	border-top: 1px solid #5a3581;
}

.mediablueborder
{
		border-bottom: 1px solid #3878db;
   		border-top: 1px solid #3878db;
}


/*  major heads - head 1  */

.h1
{
		font-size: 20px;
		text-align:left;
		line-height: 22px;
}

/*a:active.h1, a:hover.h1
{
		text-decoration: none;
		color: #666666;

}*/

.h1events
{
		font-size: 20px;
		text-align:left;
		margin-left: 10px;
		margin-top: 10px;
		margin-right: 10px;
		margin-bottom: 10px;
		line-height: 22px;
}


/*  subheads - head 2  */

.h2
{
		font-size: 15px;
		text-align:left;
		line-height: 18px;
}

/*  sub-subheads - head 3  */

.h3
{
		font-size: 12px;
		text-align:left;
		text-transform: uppercase;
}

/* default links */

/*a:link, a:visited, a:active, a:hover
{
		font-size: 12px;
		text-decoration: none;
		font-weight: bold;
		color: #FFFFFF;
} */

a:link, a:visited
{
		cursor: default;
}
a:hover.pointer
, 

.Program-background
{
		cursor: pointer;
		background-color: #EAECBF;
}

/* text links */

a:link.textlink, a:visited.textlink, a:active.textlink, a:hover.textlink
{
		font-size: 12px;
		line-height: 15px;
		text-decoration: none;
		color: #006AAB;
		/* text-transform: uppercase;
		/* font-weight: bold;
		color: #5a3581;*/
}

a:link.textlinkh2, a:visited.textlinkh2, a:active.textlinkh2, a:hover.textlinkh2
{
		font-size: 15px;
		text-decoration: none;
		color: #006AAB;
}

a:link.introlink, a:visited.introlink, a:active.introlink, a:hover.introlink
{
		font-size: 14px;
		text-decoration: none;
		color: #006AAB;
}


a:link.textlinkevents, a:visited.textlinkevents, a:active.textlinkevents, a:hover.textlinkevents
{
		font-size: 12px;
		text-decoration: none;
		color: #003580;
}

a:link.textlinkh2, a:visited.textlinkh2, a:active.textlinkh2, a:hover.textlinkh2
{
		font-size: 15px;
		line-height: 18px;
		text-decoration: none;
		color: #006AAB;
}

a:link.textlinkright, a:visited.textlinkright, a:active.textlinkright, a:hover.textlinkright
{
		font-size: 12px;
		text-decoration: none;
		color: #006AAB;
		text-align: right;
		margin-left: 200px;
			/* margin-right:15px;
		text-transform: uppercase;
		/* font-weight: bold;
		color: #5a3581;*/
}
a:link.textlinkrighttriple, a:visited.textlinkrighttriple, a:active.textlinkrighttriple, a:hover.textlinkrighttriple
{
		font-size: 12px;
		text-decoration: none;
		color: #006AAB;
		text-align: right;
		margin-left: 285px;
			/* margin-right:15px;
		text-transform: uppercase;
		/* font-weight: bold;
		color: #5a3581;*/
}

a:link.textlinkrightdouble, a:visited.textlinkrightdouble, a:active.textlinkrightdouble, a:hover.textlinkrightdouble
{
		font-size: 12px;
		text-decoration: none;
		color: #006AAB;
		text-align: right;
		margin-left: 165px;
			/* margin-right:15px;
		text-transform: uppercase;
		/* font-weight: bold;
		color: #5a3581;*/
}


a:link.textlinksmall, a:visited.textlinksmall, a:active.textlinksmall, a:hover.textlinksmall
{
		font-size: 11px;
		text-decoration: none;
		color: #006AAB;
}

a:link.textlink, a:visited.textlink, a:link.textlinksmall, a:visited.textlinksmall, a:link.textlinkright, a:visited.textlinkright, a:link.textlinkh2, a:visited.textlinkh2, a:link.textlinkevents, a:visited.textlinkevents, a:link.introlink, a:visited.introlink, a:link.textlinkh2, a:visited.textlinkh2
{
		cursor: auto;
}

a:active.textlink, a:hover.textlink, a:active.textlinkright, a:hover.textlinkright, a:active.textlinkrightdouble, a:hover.textlinkrightdouble, a:active.textlinkrighttriple, a:hover.textlinkrighttriple, a:active.textlinksmall, a:hover.textlinksmall, a:active.textlinkh2, a:hover.textlinkh2, a:active.textlinkevents, a:hover.textlinkevents, a:active.introlink, a:hover.introlink, a:active.textlinkh2, a:hover.textlinkh2
{
		cursor: pointer;
		text-decoration: underline;
}

/*  "more" links  */

a:link.more, a:visited.more
{
		font-size: 12px;
		color: #006AAB;
		text-decoration: none;
		cursor: auto;
		margin-left: 20px;
		/*font-style: italic;*/
}

a:active.more, a:hover.more
{
		text-decoration: underline;
		cursor: pointer;

}


/* bottom navbar links */
a:link.nav, a:visited.nav, a:active.nav, a:hover.nav
{
		font-size: 12px;
		text-decoration: none;
}

a:link.nav, a:visited.nav
{
		cursor: auto;
		color: #ffffff;
}

a:active.nav, a:hover.nav
{
		color: #003580;
}

/* light blue links  */

a:link.ltblue, a:visited.ltblue, a:active.ltblue, a:hover.ltblue
{
		font-size: 11px;
		text-decoration: none;
}

a:link.ltblue, a:visited.ltblue
{
		cursor: auto;
		color: #003580;
}

a:active.ltblue, a:hover.ltblue
{
		cursor: pointer;
		color: #3878db;
}

/* bottom navbar links */

a:link.catalyst, a:visited.catalyst, a:active.catalyst, a:hover.catalyst
{
		font-weight: bold;
		font-size: 12px;
		text-decoration: underline;
}

a:link.catalyst, a:visited.catalyst
{
		cursor: auto;
		color: #0000aa;
}

a:active.catalyst, a:hover.catalyst
{
		cursor: pointer;
		color: #003580;
}

/*  one-column image such as photo of MGH on Consortium page  */

.1colimage
{
float: right;
padding-bottom: 12px;
}

/*  float image to right side of column where necessary */

.imageright
{
		float: right;
		margin: 4px;
}

/* left-side navbar links for all pages that have these navbars  */

a:link.leftnavlarge, a:visited.leftnavlarge, a:active.leftnavlarge, a:hover.leftnavlarge
{
		font-weight: normal;
		font-size: 20px;
		text-align: left;
		line-height: 24px;
		text-decoration: none;

}

/*a:link.leftnavlarge, a:visited.leftnavlarge,
{
		cursor: auto;
		text-decoration: underline;
}*/

a:active.leftnavlarge, a:hover.leftnavlarge
{
		cursor: pointer;
		color: #999999;
		text-decoration: underline;
}

/**
 * Later the first line below will be the only definitions needed?
 * Always use "leftnav" followed by the full color name.
 */
a:link.leftnavnormal, a:visited.leftnavnormal, a:active.leftnavnormal, a:hover.leftnavnormal,
a:link.leftnavdarkblue, a:link.leftnavteal, a:link.leftnavorange, a:link.leftnavforestgreen, a:link.leftnavservicesgreen, a:link.leftnavdarkgreen, a:link.leftnavpurple, a:link.leftnavlavender, a:link.leftnavmediablue, a:visited.leftnavdarkblue, a:visited.leftnavteal, a:visited.leftnavorange, a:visited.leftnavforestgreen, a:visited.leftnavservicesgreen, a:visited.leftnavdarkgreen, a:visited.leftnavpurple, a:visited.leftnavlavender, a:visited.leftnavmediablue, a:active.leftnavdarkblue, a:active.leftnavteal, a:active.leftnavorange, a:active.leftnavforestgreen, a:active.leftnavservicesgreen, a:active.leftnavdarkgreen, a:active.leftnavpurple, a:active.leftnavlavender, a:active.leftnavmediablue,  a:hover.leftnavdarkblue, a:hover.leftnavteal, a:hover.leftnavorange, a:hover.leftnavforestgreen, a:hover.leftnavservicesgreen, a:hover.leftnavdarkgreen, a:hover.leftnavpurple, a:hover.leftnavlavender, a:hover.leftnavmediablue
{
		font-weight: normal;
		font-size: 11px;
		text-decoration: none;
}

a:link.leftnavdarkblue, a:link.leftnavteal, a:link.leftnavorange, a:link.leftnavforestgreen, a:link.leftnavservicesgreen, a:link.leftnavdarkgreen, a:link.leftnavpurple, a:link.leftnavlavender, a:link.leftnavmediablue, a:visited.leftnavdarkblue, a:visited.leftnavteal, a:visited.leftnavorange, a:visited.leftnavforestgreen, a:visited.leftnavservicesgreen, a:visited.leftnavdarkgreen, a:visited.leftnavpurple, a:visited.leftnavlavender, a:visited.leftnavmediablue 
{
		cursor: auto;
		color: #666666;
}

a:link.blacknav, a:visited.blacknav
{
		cursor: pointer;
		color: #000000;
}


a:active.leftnavdarkblue, a:hover.leftnavdarkblue, a:link.alldarkblue, a:visited.alldarkblue, a:active.alldarkblue, a:hover.alldarkblue
{
		cursor: pointer;
		color: #003580;
}

a:active.leftnavteal, a:hover.leftnavteal, a:link.allteal, a:visited.allteal, a:active.allteal, a:hover.allteal, a:active.blacknav, a:hover.blacknav
{
		cursor: pointer;
		color: #4f8d97;
}

a:active.leftnavorange, a:hover.leftnavorange, a:link.allorange, a:visited.allorange, a:active.allorange, a:hover.allorange
{
		cursor: pointer;
		color: #e96b10;
}

a:active.leftnavforestgreen, a:hover.leftnavforestgreen, a:link.allforestgreen, a:visited.allforestgreen, a:active.allforestgreen, a:hover.allforestgreen
{
		cursor: pointer;
		color: #517057;
}

a:active.leftnavservicesgreen, a:hover.leftnavservicesgreen, a:link.allservicesgreen, a:visited.allservicesgreen, a:active.allservicesgreen, a:hover.allservicesgreen
{
		cursor: pointer;
		color: #517057;
}
a:active.leftnavdarkgreen, a:hover.leftnavdarkgreen, a:link.alldarkgreen, a:visited.alldarkgreen, a:active.alldarkgreen, a:hover.alldarkgreen
{
		cursor: pointer;
		color: #608478;
}

a:active.leftnavpurple, a:hover.leftnavpurple, a:link.allpurple, a:visited.allpurple, a:active.allpurple, a:hover.allpurple
{
		cursor: pointer;
		color: #7e2271;
	}

a:active.leftnavlavender, a:hover.leftnavlavender, a:link.alllavender, a:visited.alllavender, a:active.alllavender, a:hover.alllavender
{
		cursor: pointer;
		color: #5a3581;
}

a:active.leftnavmediablue, a:hover.leftnavmediablue, a:link.allmediablue, a:visited.allmediablue, a:active.allmediablue, a:hover.allmediablue
{
		cursor: pointer;
		color: #3878db;
}

/*  other stuff  */

#facestext
{
		font-weight: bold;
		font-size: 11px;
		color: #7e2271;
		max-width: 200px;
}

/* gray background with dark blue background rollover for navigation bar at bottom of pages */

#bottomnavbar0, #bottomnavbar1, #bottomnavbar1over, #bottomnavbar2, #bottomnavbar2over, #bottomnavbar3, #bottomnavbar3over, #bottomnavbar4, #bottomnavbar4over, #bottomnavbar5, #bottomnavbar5over
{
		position: relative;
		left:0px;
		top:0px;
		height: 24px;
		padding: 0;
		margin: 0;
		border:0;
}

/* text for gray navigation bar at bottom of pages */

#getinvolved, #support, #join, #apply, #contact
{
		position: absolute;
		top: 6px;
		font-weight: bold;
		font-size: 9px;
		color: #ffffff;
                /* Opera 9.5: must apply to base element not the :hover pseudo-class */
		cursor: pointer;
}

#getinvolved
{
	left: 60px;
}

#support
{
	left: 254px;
}

#join
{
		left: 424px;
}

#apply
{
	left: 610px;
}

#contact
{
		left: 790px;
}

/* copyright line and contact the webmaster by email  */

#copyright
{
		position: absolute;
		left: 0;
		top: 25px;
		font-size: 9px;
		color: #666666;
}

a.webmaster
{
                /* Opera 9.5: must apply to base element not the :hover pseudo-class */
		cursor: pointer;
}

a:link.webmaster, a:visited.webmaster
{
		font-size: 9px;
		color: #666666;
}

a:hover.webmaster, a:active.webmaster
{
		font-size: 9px;
		color: #000000;
}

/* small gray links at very bottom of pages that turn black on mouseover */

#forumarchives a, #sitemap a, #linkpolicy a, #privacy a
{
		font-size: 9px;
		color: #666666;
		position: absolute;
		top: 24px;
		/*border-right: 1px solid #666666;*/
		padding-right: 4px;
                /* Opera 9.5: must apply to base element not the :hover pseudo-class */
		cursor: pointer;
}

#forumarchives a
{
		right: 160px;
}

#forumarchives a:hover {
		color: #000000;
}

#sitemap a
{
		right: 114px;
}

#sitemap a:hover {
		color: #000000;
}

#linkpolicy a
{
		right: 45px;
}

#linkpolicy a:hover
{
		color: #000000;
}

#privacy a
{
		right: 0px;
}

#privacy a:hover
{
		color: #000000;
}


/* Rotating stories styling */
/* mdavignon 09/08/2008: still requires cleanup */

.storydiv
{
	width:432px;
	height:215px;
	padding-top:6px;
	padding-left:0px;
	padding-right:0px;
	top:0px;
	left:0px;
        overflow: hidden;
}

.storytext
{
	width:255px;
	height:215px;
	padding-top:0px;
	padding-left:0px;
	padding-right:3px;
        float:left;
}

.storyimages
{
	width:172px;
	padding-top:0px;
	padding-left:0px;
	padding-right:0px;
        float:left;
}

.storynav
{

}

.storyimage
{
	padding-top:8px;
}

#story2, #story3, #story4
{
                display: none;
}

#nav
{
	padding-top:10px;
	font-size:16px;
	position:absolute;
	top:10px;
	left:256px;
	width: 178px;
	height: 31px;
	visibility: visible;
}

.storystyle4 {
                font-size: 16pt;
                color: #003580;
}

.navLinks {
                color: #003366;
                width: 27px;
                height: 21px;
                float: left;
                padding: 0px;
                margin-right: 1px;
                margin-left: 1px;
}

.style16 {color: #006aab}
.style19 {
	color: #999999;
	font-size: 14px;
}
.style29 {
	font-size: 14px;
	color: #666666;
}


a.stories
{
	text-decoration: none;
	color: #006aab;
        line-height: 21px;
}

a:hover.stories
{
                cursor: pointer;
		text-decoration: underline;
}

#nav a:hover.stories
{
		text-decoration: none;
}

.hoverBorder
{
                border: 1px solid #000000;
}

/* IE6 foolishness */
* html .navLinks
{
                width: 26px;
                margin-right: 2px;

}

/* End of rotating stories styling */


/* HP Calendar styling */
/* mdavignon 09/10/2008: still requires cleanup */

.style1 {
	font-size: 9px;
	font-weight: bold;
	color: #003366;
}

#apDiv1 {
	/*position:absolute;*/
	width:202px;
	height:196px;
	z-index:1;
	left: 226px;
	top: 0px;
}

.style5 {
	color: #003580;
	font-size: 16pt;
}
.style7 {font-size: 12px}

a:link.calendar
{
	color: #006aab;
	text-decoration: none;
}
a:visited.calendar
{
	text-decoration: none;
	color: #006aab;
}
a:hover.calendar
{
	text-decoration: underline;
	color: #006aab;
}
a:active.calendar
{
	text-decoration: none;
	color: #006aab;
}
.style9 {
	font-size: 9px;
	color: #003366;
}

/* End of HP Calendar styling */


/* BubbleTooltips styling */
/* mdavignon 09/11/2008: still requires cleanup */

.tooltip
{
                width: 200px;
                color:#000000;
                font-weight: bold;
                font:lighter 11px/1.3 Arial,sans-serif;
                text-decoration:none;
                text-align:left;
}

/* Defines the image behind the bubble tips */
.tooltip span.top
{
                padding: 30px 8px 0px;
                background: url(images/bt.gif) no-repeat top;
}

/* Defines the date at the top of the bubble tips */
.tooltip span.top .itemDate
{
                padding-left: 0px;
                padding-bottom: 3px;
                text-transform: uppercase;
}

/* Defines the title or first line of an event */
.tooltip span.top .itemTitle
{
                padding-left: 0px;
                padding-bottom: 1px;
                font-weight: bold;
}

/* Defines all lines after the title of an event */
.tooltip span.top .itemDetail
{
                padding-left: 3px;
                padding-bottom: 1px;
}

/* Defines what was the link at the bottom of the bubble tips */
.tooltip b.bottom{
                padding:3px 8px 15px;color: #ffffff;
                background: url(images/bt.gif) no-repeat bottom;
}

/* End of BubbleTooltips styling */

#scomments
{
                display: none;
}

#bioDiv
{

}

/* Example Quickview Styles */
.quickViewBioForum
{
                border-color: #003580;
				width: 250px;
                height: 250px;
}


/* End of Example Quickview Styles */


/*** Drop shadow behind Quickview ***/
/* Close box properties */
.close-box img {
    position: absolute;
    border: none;
    top: 0;
    right: 0;

    height: 15px;
    width: 15px;
    z-index: 100;

    margin-top: 12px;
    margin-right: 28px;

    cursor: pointer;
}

/* Outer drop shadow container */
.shadow-container {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;

                -moz-opacity:.4;
                -khtml-opacity:.4;
                opacity:.4;

                filter:alpha(opacity=40);
                width: 100%;
                height: 100%;
}

.shadow-container,
.shadow-container .shadow1,
.shadow-container .shadow2,
.shadow-container .shadow3,
.shadow-container .shadow4,
.shadow-container .shadow5,
.shadow-container .shadow6
{
}

.shadow-container .shadow1 {
	border:  1px solid #F0F0F0;
}

.shadow-container .shadow2 {
	border:  1px solid #DBDBDB;
}

.shadow-container .shadow3 {
	border:  1px solid #C2C2C2;
}

.shadow-container .shadow4 {
	border:  1px solid #B8B8B8;
}

.shadow-container .shadow5 {
	border:  1px solid #ABABAB;
}

.shadow-container .shadow6 {
	border:  1px solid #9E9E9E;
}

.shadow-container .container
{
}

/* Relative container to hold it all together */
.qvContainer
{
                position: relative;
}

/* Holds the QuickView Content */
.qvContent
{
                z-index: 100;
                position: relative;
                background: #ffffff;
                border-width: 2px;
                border-style: solid;
                margin: 6px 6px 6px 6px;
                padding: 10px;
                overflow-x: hidden;
                overflow-y: auto;
			
}

/*** End of Drop shadow behind Quickview ***/


/* IE6 can create vertical space on script tags */
* html .iescriptfix
{
	display: block;
}

/* EOF */