@charset "utf-8";
/* CSS Document */

/* =GENERAL - the general styles */

html {
	background-image: url(../images/bg_repeat.gif);
 background-repeat:bg_repeat.gif;
}
body {
	font: 84% "Helvetica Neue", Helvetica, Arial, sans-serif;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #22;
	padding-top: 20px;
	margin-top: 20px;
}
h1, h2, h3, h4, h5, h6 {
	font-weight: normal;
	color: #111;
}
h3 {
	font-size: 1.4em;
	line-height: 1em;
	margin-bottom: 1em;
	color:#006699
}
h4 {
	font-size: 1.1em;
	line-height: 1.15;
	margin-bottom: 1.15em;
	height: 1.15em;
	color:#006699;
	font-weight:600;
}
em {
	font-style:italic;
}
strong {
	font-weight: 700;
}
/* =Container- element styling */
#container {
	width: 954px;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	text-align: left; /* this overrides the text-align: center on the body element. */
}
/* = header -styling */
#header {
	background-image: url(../images/top-banner-curve.gif);
	background-repeat: no-repeat;
	padding-top: 23px;
	margin: 0;
}
#header-content {
	color: #000000;
	background-color:#000000;
	height: 58px;
	background-image: url(../images/header-gran-image.gif);
	background-repeat: no-repeat;
	background-position:right;
}
#header #header-content h1 {
	font-size: 140%;
	color: white;
	padding-left: 20px;
	margin: 0;
}
#header #header-content span#header-image {
	display:block;
	position:absolute;
	background-image: url(../images/hubleyandcopeman-header.gif);
	background-repeat: no-repeat;
	width: 664px;
	height: 36px;
}
#header #header-navigation {
	background-image: url(../images/container-background.gif);
	background-repeat: repeat-y;
	height: 22px;
	background-color: #8e4d6b;
	border-bottom: 1px solid black;
	overflow:hidden;
	font-size: 90%;
}
/* =header TopNavigation - styling */

#header #header-navigation img {
	float: left;
	clear:none;
}
#header #header-navigation ul {
	float: left;
	margin:0;
	list-style-type: none;
}
#header #header-navigation li {
	margin: 0;
	padding: 0;
	display: block;
	float: left;
}
#header #header-navigation li.lastitem {
	border: 0px solid white;
}
#header #header-navigation li a {
	padding: 1em 1em 0.25em 1.5em;
	border-right: 1px solid white;
	font-weight:800;
	height: 22px;
	line-height: 22px;
	text-decoration:none;
	margin: 0;
}
#header #header-navigation li a:link {
	color: white;
}     /* unvisited link */
#header #header-navigation li a:visited {
	color: #fff;
}  /* visited link */
#header #header-navigation li a:hover {
	color: #ffff99;
	background-color: #688992;
}   /* mouse over link */
#header #header-navigation li a:active {
	color: #00
}
/* ######### Style for Drop Down Menu ######### */

div.dropdownpullout {
	position:absolute;
	top:0;
	font-size: 90%;
	font-weight:800;
	border: 1px solid black;
	border-width: 0 1px;
	z-index:100;
	background-color: #8e4d6b;
	width: 140px;
	visibility: hidden;
}
div.dropdownpullout a {
	width: auto;
	display: block;
	text-indent: 5px;
	border: 0 solid white;
	border-bottom-width: 1px;
	padding:3px 0 3px 12px;
	text-decoration: none;
	color: white;
}
div.dropdownpullout a.lasttab {
	border-bottom: 1px solid black;
}
* html div.dropdownpullout a { /*IE only hack*/
	width: 100%;
}
div.dropdownpullout a:hover { /*THEME CHANGE HERE*/
	background-color: #688992;
	color:#ffff99;
}
/* = MainContent - styling */

 #mainContent-container {
	width: 920px; /*This is applied so IE displays the background properly I am not sure where the 920px comes from*/
	background-image: url(../images/container-background.gif);
	background-repeat: repeat-y;
	background-color:white;
	padding-top: 21px;
	padding-left: 36px;
	padding-bottom: 21px;
	overflow:auto; /* this is applied to force the div container to contain its child float elements*/
}
#mainContent-container #mainContent {
	width: 609px;
	background-image: url(../images/maincontent-bottombanner.gif);
	background-repeat: no-repeat;
	background-position:bottom;
	padding-bottom: 10px;
	float: left;
}
#mainContent h2 {
	display: block;
	font-size: 1.55em;
	padding-left: 20px;
	color: white;
	background-image: url(../images/maincontent-topbanner.gif);
	background-repeat: no-repeat;
}
#mainContent blockquote, #mainContent ul, #mainContent ol, #mainContent dl {
	/*giving blockquotes and lists room to breath*/
	margin:1em;
}
#mainContent ol, #mainContent ul, #mainContent dl {
	/*bringing lists on to the page with breathing room */
	margin-left:2em;
}
#mainContent ol li {
	/*giving OL's LIs generated numbers*/
	list-style: decimal outside;
}
#mainContent ul li {
	/*giving UL's LIs generated disc markers*/
	list-style: disc outside;
}
#mainContent ul.nobullet {
	padding-top: 0;
	margin-top: 0;
}
#mainContent ul.nobullet li {
	list-style:none;
	padding-bottom: 5px;
}
#mainContent ul.objectives li {
	list-style:url(../images/tick_bullet.gif);
	padding-bottom: 5px;
}
#mainContent ul.zipdownload {
	padding-bottom: 10px;
}
#mainContent ul.zipdownload li {
	list-style:url(../images/zip_icon.gif);
}
#mainContent dl dd {
	/*giving UL's LIs generated numbers*/
	margin-left:1em;
}
#mainContent a:link {
	color: #862351;
}     /* unvisited link */
#mainContent a:visited {
	color: #8d4e6d;
}  /* visited link */
#mainContent a:hover {
	color: #d4422b;
	background-color:#FFFF99;
}   /* mouse over link */
#mainContent a:active {
	color: #00
}
#mainContent-container #mainContent #Content {
	background-image: url(../images/maincontent-bkg.gif);
	background-repeat: repeat-y;
	padding-top: 1.3em;
	padding-left: 1.8em;
	padding-right: 1.0em;
	height: 410px; /* This style for overflow scroll should be removed from alternative style sheet*/
	overflow : auto;
}
#mainContent #Content p {
	padding: 0 0 1.5em;
	clear:both;
}
#mainContent #Content p img {
	float: left;
	margin: 1.5em 1.5em 1.5em 0;
	padding: 0;
}
#mainContent #Content p img.authorphoto {
	clear:both;
	margin-top: 0;
}
#mainContent img.downloadicon {
	padding-right: 5px;
}
#mainContent #Content #disclaimer p {
	padding: 0 0 0.5em;
}
#mainContent .big {
	font-size:120%;
}

#mainContent .centerimagealign {
text-align:center;
margin: 0 auto;
}

#mainContent .centerimagealign img {
padding-right: 10px;
}


#mainContent .spaceoutlist li {
padding-bottom: 0.8em;

} 
/* = Right Content - styling */

#right-container {
	float: left;
	width: 260px;
	margin-left: 25px;
	border-left: 1px solid #ecd5d5;
}
#right-container img#bookcover {
	clear: left;
	margin-left: 20px;
	float: left;
	padding-top: 20px;
}
#right-container img.resourcebutton {
	clear:left;
	margin-left: 20px;
	padding-top: 0.5em; 
	float: left;
}
/* = footer - styling */


#footer {
	clear: both;
	background-image: url(../images/bottom-footer-curve.gif);
	background-repeat: no-repeat;
	height: 28px;
	text-align:right;
	color: white;
	padding-right: 16px;
	padding-top: 4px;
	font-weight:bold;
	border-top: 1px solid black;
	font-size: 90%;
}
#footer a:link {
	color: white;
	text-decoration:none;
}     /* unvisited link */
#footer a:visited {
	color: #ecd5d5;
	text-decoration:none;
}  /* visited link */
#footer a:hover {
	color: #862351;
	text-decoration:underline;
}   /* mouse over link */
#footer a:active {
	color: #00
}   /* selected link */