 
/* ---------- MAIN CONTENT FORMATTING ---------- */
body, /*body div,*/ body p, body th, body td, body li, body dd {
  font-family: Arial, Verdana, Helvetica, sans-serif;
  color:       #000000;
  font-size:   small;
}

body, /*body div,*/ body p, body th, body td, body li, body dd {
  \font-size:   x-small;
  f\ont-size:   small;
}

body {
  margin:      10px 0 20px 0;
  padding:     0 0px;
  background: url(/files/2008/images/BKGD.jpg);

}

/* HEADERS  */
body h1 {
  color: #3D5A92;
  font-size:   122%;
  padding: 0px 0px 5px 0px;
  margin: 0px;
}

/* TO ACCOUNT FOR OLD CONTENT */
body h3 {
  color: #3D5A92;
  font-size:   122%;
  padding: 20px 0px 5px 0px;
  margin: 0px;
}

body h2 {
  color: #4c7ca0;
  font-size:   110%;
}

/* TO ACCOUNT FOR OLD CONTENT */
body h4 {
  color: #4c7ca0;
  font-size:   110%;
}

/* DEFAULT LINK/MAIN CONTENT AREA LINKS */
a:link    { color: #284DA6; }
a:visited { color: #1D3776; }	
a:hover   { color: #94BF00; }
a:active  { color: #94BF00; }

#main {
width: 758px;
text-align: left;
margin: 0;
padding: 0;
}

#header {
padding: 0;
margin: 0;
width: 758px;
}

#logo {
width: 190px;
background: #ffffff;
}

#utility {
background: url(/files/2008/images/utilityBKGD.jpg) right;
height: 99px;
text-align: right;
padding: 7px 10px 0px 0px;
display:none;
}

#utility a:link    { color: #999999; font-size: 11px; padding: 0px 0px 0px 5px;}
#utility a:visited { color: #333333; font-size: 11px; padding: 0px 0px 0px 5px;}	
#utility a:hover   { color: #99CC33; font-size: 11px; padding: 0px 0px 0px 5px;}
#utility a:active  { color: #99CC33; font-size: 11px; padding: 0px 0px 0px 5px;}

#shoppingcart {
padding: 12px 0px 0px 0px;
display:none;
}

#bodycontent {
width: 758px;
}

#banners {
background: url(/files/2008/images/leftnavBKGD.gif) repeat-y;
padding: 60px 37px 20px 27px;
display:none;
}

/* column container */
	.colmask {
		clear:both;
		float:left;
		width: 100%;			/* width of whole page */
		overflow:hidden;		/* This chops off any overhanging divs */
		margin-bottom: 10px;
	}
	/* common column settings */
	.colright,
	.colmid
	 {
		float:left;
		width: 100%;
		position:relative;
				
	}
	
	.colleft .col1 {
	display: none;
				
	}
	
	
	
	
	.col2,
	.col3 {
		float:left;
		position:relative;
		padding: 0;
		margin: 0;
		overflow:hidden;
	}
	/* 2 Column (double page) settings */
	.doublepage {
				background: url(/files/2008/images/leftnavBKGD.gif) repeat-y;		/* right column background colour */
	}
	.doublepage .colleft {
		right:568px;			/* right column width */
		background: url(/files/2008/images/leftnavBKGD.gif) repeat-y;		/* left column background colour */
	}
	.doublepage .col1 {
		width:190px;			/* left column content width (column width minus left and right padding) */
		left:568px;			/* right column width plus left column left padding */
		background: url(/files/2008/images/leftnavBKGD.gif) repeat-y;
	}
	
	.doublepage .col2 {
		width:568px;			/* right column content width (column width minus left and right padding) */
		left:568px;			/* (right column width) plus (left column left and right padding) plus (right column left padding) */
		background: #ffffff;
	}

#committed {
height: 124px;
padding: 0;
margin: 0;
display:none;
}

#loginstyles {
background: url(/files/2008/images/loginBKGD.gif) no-repeat top right;
height: 87px;
float: right;
color: #ffffff;
font-size: 11px;
padding: 20px 7px 17px 14px; 
margin: 0;
display:none;
}

#loginstyles a:link    { color: #ffffff; font-size: 11px;}
#loginstyles a:visited { color: #eeeeee; font-size: 11px;}	
#loginstyles a:hover   { color: #f3feb8; font-size: 11px;}
#loginstyles a:active  { color: #f3feb8; font-size: 11px;}

#loginstyles .welcome {
color: #ffffff; 
font-size: 11px;
font-weight: bold;
padding: 10px 0px 3px 0px;
margin:  0px 0px 3px 0px;
width: 129px;
}

#loginstyles .welcome a:link    { color: #ffffff; font-size: 10px; font-weight: normal;}
#loginstyles .welcome a:visited { color: #eeeeee; font-size: 10px; font-weight: normal;}	
#loginstyles .welcome a:hover   { color: #f3feb8; font-size: 10px; font-weight: normal;}
#loginstyles .welcome a:active  { color: #f3feb8; font-size: 10px; font-weight: normal;}

#login {
padding: 0px 0px 3px 0px;
margin:  0px 0px 3px 0px;
display:none;
}


/* column container */
	.bodycolmask {
		clear:both;
		float:left;
		width:100%;			/* width of whole page */
		overflow:hidden;		/* This chops off any overhanging divs */
		padding: 0px 0px 0px 18px;
	}
	/* common column settings */
	.bodycolright,
	.bodycolmid,
	.bodycolleft {
		float:left;
		width:100%;
		position:relative;
	}
	.bodycol1,
	.bodycol2,
	.bodycol3 {
		float:left;
		position:relative;
		padding: 25px 21px 22px 0px;
		margin: 0;
		overflow:hidden;
	}
	/* 2 Column (double page) settings */
	.bodydoublepage {
		background: transparent;		/* right column background colour */
	}
	.bodydoublepage .bodycolleft {
		right:263px;			/* right column width */
		background: #ffffff;		/* left column background colour */
	}
	.bodydoublepage .bodycol1 {
		width:263px;			/* left column content width (column width minus left and right padding) */
		left:263px;			/* right column width plus left column left padding */
		background: #ffffff;
	}
	.bodydoublepage .bodycol2 {
		width:263px;			/* right column content width (column width minus left and right padding) */
		left:263px;			/* (right column width) plus (left column left and right padding) plus (right column left padding) */
		background: #ffffff;
	}

	
#whatsnew {
background: #EBF7F7;
width: 250px;
}

#whatsnew ul.homenews { 
padding: 10px 15px 0px 7px;
margin:  0px 0px 0px 20px;
}
  
#whatsnew ul.homenews li {
list-style: url(/files/2008/images/WhatsNew_Bullet.gif);
font-size: 11px;
color: #333333;
padding-bottom: 10px;
}


#whatsnew ul.homenews a:link    { color: #284DA6; font-weight: normal;}
#whatsnew ul.homenews a:visited { color: #1D3776; font-weight: normal;}	
#whatsnew ul.homenews a:hover   { color: #94BF00; font-weight: normal;}
#whatsnew ul.homenews a:active  { color: #94BF00; font-weight: normal;}


#whatsnew #click {padding-left: 15px; font-size: 11px;}

#whatsnew .more a:link    { color: #284DA6; font-weight: normal; font-size: 11px;}
#whatsnew .more a:visited { color: #1D3776; font-weight: normal; font-size: 11px;}	
#whatsnew .more a:hover   { color: #94BF00; font-weight: normal; font-size: 11px;}
#whatsnew .more a:active  { color: #94BF00; font-weight: normal; font-size: 11px;}

	
#events {
background: #F9FCEE;
width: 220px;
padding: 20px 15px 10px 15px;
margin: 0;
border-left: #B5D6D3 solid 1px;
border-right: #B5D6D3 solid 1px;
}

#eventsbottom {
background: url(/files/2008/images/upcomingEvents_BoxBottom.gif) no-repeat;
width: 220px;
padding: 0px 15px 0px 17px;
margin: 0;
}

#events a:link    { color: #3E8ECB; font-weight: normal;}
#events a:visited { color: #1D3776; font-weight: normal;}	
#events a:hover   { color: #94BF00; font-weight: normal;}
#events a:active  { color: #94BF00; font-weight: normal;}

#events #click {padding: 10px 0px 0px 0px; margin: 0px; font-size: 11px;}

#events .more a:link    { color: #284DA6; font-weight: normal; font-size: 11px;}
#events .more a:visited { color: #1D3776; font-weight: normal; font-size: 11px;}	
#events .more a:hover   { color: #94BF00; font-weight: normal; font-size: 11px;}
#events .more a:active  { color: #94BF00; font-weight: normal; font-size: 11px;}



/* column container */
	.featurecolmask {
		clear:both;
		float:left;
		width:100%;			/* width of whole page */
		overflow:hidden;		/* This chops off any overhanging divs */
		padding: 0px 0px 0px 18px;
	}
	/* common column settings */
	.featurecolright,
	.featurecolmid,
	.featurecolleft {
		float:left;
		width:100%;	
		position:relative;
	}
	.featurecol1,
	.featurecol2,
	.featurecol3 {
		float:left;
		position:relative;
		padding: 0px 0px 22px 0px;
		margin: 0;
		overflow:hidden;
	}
	/* 2 Column (double page) settings */
	.featuredoublepage {
		background: transparent;		/* right column background colour */
	}
	.featuredoublepage .featurecolleft {
		right:178px;			/* right column width */
		background: #ffffff;		/* left column background colour */
	}
	.featuredoublepage .featurecol1 {
		width:349px;			/* left column content width (column width minus left and right padding) */
		left: 178px;			/* right column width plus left column left padding */
		background: #ffffff;
		padding-right: 20px;
	}
	
	.featuredoublepage .featurecol2 {
		width:178px;			/* right column content width (column width minus left and right padding) */
		left: 178px;			/* (right column width) plus (left column left and right padding) plus (right column left padding) */
		background: #ffffff;
		padding-right: 10px;
	}
	
#features {
background: #ffffff;
width: 326px;
padding: 9px 9px 30px 9px;
margin: 0px;
}

#features .book1 {
padding-right: 10px;
font-size: 12px; 
}


#features .book2 {
padding-right: 10px;
}

#features #click {padding: 20px 0px 0px 0px; margin: 0px; font-size: 11px; text-align: right;}

	
#techbox {
background: #ffffff;
border-left: #D3E793 solid 1px;
border-right: #D3E793 solid 1px;
width: 161px;
padding: 0px;
margin: 0px;
}

#techbox ul.homenews { 
padding: 10px 15px 0px 7px;
margin:  0px 0px 0px 20px;

}
  
#techbox ul.homenews li {
list-style: url(/files/2008/images/WhatsNew_Bullet.gif);
font-size: 11px;
color: #333333;
padding-bottom: 10px;
}


#techbox ul.homenews a:link    { color: #0066CC; font-weight: normal; padding: 0px;}
#techbox ul.homenews a:visited { color: #1D3776; font-weight: normal; padding: 0px;}	
#techbox ul.homenews a:hover   { color: #94BF00; font-weight: normal; padding: 0px;}
#techbox ul.homenews a:active  { color: #94BF00; font-weight: normal; padding: 0px;}

#interiorcontent {
clear: all;
padding: 7px 37px 29px 24px; 
background: #ffffff;
width: 507px;
min-height: 800px;
}

#interiorcontent .tablelist td .note  {
width: 300px;
}

#interiorcontent p {
font-size: 12px;
}

#interiorcontent .breadcrumb {
font-size: 11px;
display: none;

}
#interiorcontent .breadcrumb a:link    { color: #0066CC; font-size: 11px;}
#interiorcontent .breadcrumb a:visited { color: #4C7CA0; font-size: 11px;}	
#interiorcontent .breadcrumb a:hover   { color: #638000; font-size: 11px;}
#interiorcontent .breadcrumb a:active  { color: #638000; font-size: 11px;}

#interiorcontent .printme {
float: right;
}

#interiorcontent h1 {
padding: 31px 0px 5px 0px;
color: #3D5A92;
font-size: 122%;
}

  
/* Flyouts  */

#nav, #nav ul { /* all lists */
		padding: 0px;
		margin: 0px;
		list-style: none;
		float: left;
		width: 130px;
		z-index: 1;
		display: none;
}
	
#nav li { /* all list items */
		position: relative;
		float: left;
  		font-size: 11px;
  		font-weight: normal;
		padding: 0px;
  		margin: 0px;
		width: 130px;
}
			
#nav li a:link, #nav li a:visited, #nav li a:active {
  display: block;
  text-decoration: none;
  text-align: left;
  margin: 0px;
  padding: 0px;
}
		
#nav li a:hover {
  display: block;
  text-decoration: none;
  text-align: left;
  margin: 0px;
  padding: 0px;
}
			
#nav li ul { /* second-level lists */
		position: absolute;
		left: -999em;
		margin-left: 100px;
		width: 200px;
		border-top: #b4d5d2 solid 1px;
		padding: 0px;
		z-index: 3;
		}				

	
#nav li ul li a:link,  #nav li ul li a:visited,  #nav li ul li a:active {
  		color: #333333;
		border-bottom: #b4d5d2 solid 1px;
		border-right: #b4d5d2 solid 1px;
		border-left: #b4d5d2 solid 1px;
		background-color: #ebf7f7;
		font-size: 10px;
 		font-weight: normal;
		line-height: 21px;
		width: 195px;
		padding: 0px 0px 0px 5px;
}
		
#nav li ul li a:hover {
 		color: #f2f7e0;
		border-bottom: #b4d5d2 solid 1px;
		border-right: #b4d5d2 solid 1px;
		border-left: #b4d5d2 solid 1px;
		background-color: #94bf00;
		font-size: 10px;
 		font-weight: normal;
		line-height: 21px;
		width: 195px;
		padding: 0px 0px 0px 5px;
}


#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
		left: -999em;
		margin-top: -2.2em;
		z-index: 3;
}
	
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul { /* lists nested under hovered list items */
		margin-top: -2.2em;
		left: auto;
		z-index: 3;
}	


/* REGULAR NAVIGATION */

#expanded {
padding-bottom: 7px;
background: url(/files/2008/images/leftnavBKGD_on.gif) repeat-y;
width: 190px;
}
 
.subnav {
background: url(/files/2008/images/leftnavBKGD_on.gif) repeat-y;
padding: 0px 3px 3px 10px;
margin: 0px 0px 0px 0px;
width: 177px;
font-size: 11px;
color: #002953;
}

#nav .subnav a:link   {
color: #ffffff; 
font-size: 11px; 
text-decoration: none;
padding: 0px 0px 0px 15px;
margin: 0;
}

#nav .subnav a:visited {
color: #ffffff; 
font-size: 11px; 
text-decoration: none;
padding: 0px 0px 0px 15px;
margin: 0;
}

#nav .subnav a:hover    {
color: #F3FEB8; 
font-size: 11px; 
text-decoration: none;
padding: 0px 0px 0px 15px;
margin: 0;
}

#nav .subnav a:active   {
color: #F3FEB8; 
font-size: 11px; 
text-decoration: none;
padding: 0px 0px 0px 15px;
margin: 0;
}

.subnavOn {
background: url(/files/2008/images/leftnavBKGD_on.gif) repeat-y;
padding: 0px 3px 3px 10px;
margin: 0px 0px 0px 0px;
width: 177px;
font-size: 11px;
}

#nav .subnavOn a:link   {
color: #F3FEB8; 
font-size: 11px; 
text-decoration: none; 
background: url(/files/2008/images/subnavArrow.gif) no-repeat left;
padding: 0px 0px 0px 15px;
margin: 0;
font-weight: bold;
}

#nav .subnavOn a:visited  {
color: #F3FEB8; 
font-size: 11px; 
text-decoration: none; 
background: url(/files/2008/images/subnavArrow.gif) no-repeat left;
padding: 0px 0px 0px 15px;
margin: 0;
font-weight: bold;
}
	
#nav .subnavOn a:hover   {
color: #F3FEB8; 
font-size: 11px; 
text-decoration: none; 
background: url(/files/2008/images/subnavArrow.gif) no-repeat left;
padding: 0px 0px 0px 15px;
margin: 0;
font-weight: bold;
}

#nav .subnavOn a:active  {
color: #F3FEB8; 
font-size: 11px; 
text-decoration: none; 
background: url(/files/2008/images/subnavArrow.gif) no-repeat left;
padding: 0px 0px 0px 15px;
margin: 0;
font-weight: bold;
}

.trinav {
padding: 0px 0px 0px 25px;
margin:  0px 0px 3px 0px;
font-size: 10px;
color: #002953;
}

#nav .trinav a:link     {
color: #ffffff; 
text-decoration: none; 
font-weight: normal;
background: url(/files/2008/images/dash.gif) no-repeat left;
font-size: 10px; 
padding: 3px 0px 0px 10px;
}

#nav .trinav a:visited { 
color: #ffffff; 
text-decoration: none; 
font-weight: normal;
background: url(/files/2008/images/dash.gif) no-repeat left;
font-size: 10px; 
padding: 3px 0px 0px 10px;
}	

#nav .trinav a:hover   { 
color: #F3FEB8; 
text-decoration: none; 
font-weight: normal;
background: url(/files/2008/images/dash.gif) no-repeat left;
font-size: 10px; 
padding: 3px 0px 0px 10px;
}

#nav .trinav a:active  { 
color: #F3FEB8; 
text-decoration: none; 
font-weight: normal;
background: url(/files/2008/images/dash.gif) no-repeat left;
font-size: 10px; 
padding: 3px 0px 0px 10px;
}

.trinavOn {
font-size: 10px;
padding: 0px 0px 0px 25px;
margin:  0px 0px 3px 0px;
}

#nav .trinavOn a:link     { 
color: #F3FEB8; 
text-decoration: none; 
font-weight: normal;
background: url(/files/2008/images/dash.gif) no-repeat left;
font-size: 10px; 
padding: 3px 0px 0px 10px;
}

#nav .trinavOn a:visited   { 
color: #F3FEB8; 
text-decoration: none; 
font-weight: normal;
background: url(/files/2008/images/dash.gif) no-repeat left;
font-size: 10px; 
padding: 3px 0px 0px 10px;
}	

#nav .trinavOn a:hover     { 
color: #F3FEB8; 
text-decoration: none; 
font-weight: normal;
background: url(/files/2008/images/dash.gif) no-repeat left;
font-size: 10px; 
padding: 3px 0px 0px 10px;
}

#nav .trinavOn a:active     { 
color: #F3FEB8; 
text-decoration: none; 
font-weight: normal;
background: url(/files/2008/images/dash.gif) no-repeat left;
font-size: 10px; 
padding: 3px 0px 0px 10px;
}


#footer {
width: 733px;
color: #333333;
font-size: 11px;
padding: 7px 7px 20px 20px;
text-align: left;
}

#footer a:link    { color: #333333; font-size: 11px;}
#footer a:visited { color: #222222; font-size: 11px;}	
#footer a:hover   { color: #638000; font-size: 11px;}
#footer a:active  { color: #638000; font-size: 11px;}


#tech {
font-size: 12px;
color: #4C7CA0;
}


#tech a:link    { color: #4C7CA0; font-size: 12px;}
#tech a:visited { color: #0F517F; font-size: 12px;}	
#tech a:hover   { color: #638000; font-size: 12px;}
#tech a:active  { color: #638000; font-size: 12px;}	

#divider {
background: #4c7ca0;
width: 407px;
height: 1px;
}

#SearchResults table {
width: 400px;
}

#FeaturedPamphlets {
background: #ffffff;
border-left: #D3E793 solid 1px;
border-right: #D3E793 solid 1px;
width: 507px;
padding: 0px 9px 10px 9px;
margin: 0px;
}

#FeaturedPamphlets h2 {
padding: 0;
margin: 0;
}

#workroomcontainer {
float: right;
margin-left: 29px;
}

#WorkRoom {
background: #ffffff;
border-left: #D3E793 solid 1px;
border-right: #D3E793 solid 1px;
width: 217px;
padding: 0px 10px 10px 10px;
margin: 0;
}

#WorkRoom h2 {
padding: 0;
margin: 0;
}

#DocsReview {
background: #ffffff;
border-left: #D3E793 solid 1px;
border-right: #D3E793 solid 1px;
width: 217px;
padding: 0px 10px 10px 10px;
margin: 0;
}

#DocsReview h2 {
padding: 0;
margin: 0;
}

#SearchMeBrowseMe {
background: #ffffff;
border-left: #D3E793 solid 1px;
border-right: #D3E793 solid 1px;
width: 507px;
padding: 0px 9px 0px 9px;
margin: 0px;
height: 52px;
}

#BookstoreSearch {
float: right;
margin: 0;
padding: 0;
}

#PamphletBox ul.homenews { 
padding: 10px 15px 0px 7px;
margin:  0px 0px 0px 20px;
}
  
#PamphletBox ul.homenews li {
list-style: url(/files/2008/images/WhatsNew_Bullet.gif);
color: #333333;
padding-bottom: 10px;
}
