/* CSS Document */
a:link{
	text-decoration:none;
	color:#0000CC;
}
a:visited{
	color:#0000CC;
	text-decoration:none;
}
a:hover{
	text-decoration:underline;
}

body{
	background:#E6E6E6;
	font-size:0.8em;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

h1 {
	font-size: 1.5em;
	line-height:1.2em;
	font-weight: bold;
	/*text-align: center;*/
	margin-bottom:1.0em;
}
h2 {
	font-size: 1.2em;
	font-weight: bold;
	margin-bottom:1.05em;
	margin-top:1.05em;
}
h3 {

	font-size: 1.0em;
	font-weight: bold;
	margin-bottom:1.05em;
	margin-top:1.05em;
}
.pageHeader_smallText {
	font-size: 0.75em;
}

div.float_right_book{
	background:#CCCCCC;
	float:right;
	margin-bottom: 1.0em;
	margin-left: 1.0em;
}


#wrapper{
	position:relative;
	background: #FFFFFF;
	
	margin-left: auto;
	margin-right: auto;
	
	height:auto;
	width: 760px;
	border: 0px;
	height:auto;
	margin:0px auto;
	background:transparent url(images/content_bg_2.jpg) repeat-y 0 0;
	
}

#page_header{
	position:relative;
	background:transparent url(images/header_green.jpg) no-repeat 0 0; /* height 85 */
	height: 75px;
	text-align:center;

	
	padding-left:20px;
	padding-right:20px;
	padding-top: 10px;
}
	#page_header .email{
		font-size: 0.8em;
	}
	#page_header h1 {
		font: bold 280%/100% "Lucida Grande", Arial, sans-serif;
		position: relative;
		margin: 0;
		color: #000;
		letter-spacing: -2px
	}
	#page_header h1 span {
		background: url(images/gradient-grey.png) repeat-x;
		position: absolute;
		display: block;
		width: 100%;
		height: 29px;
	}

#navigation{
	position:relative;
	float: left;
	font-weight:bold;
	
	
	width: 194px;
	margin: auto;
	
	padding-left: 6px;
}
	/* http://www.alistapart.com/stories/taminglists/ */
	#navigation ul{
		list-style:none;
		/*margin-left:0px;
		padding-left: 0px;
		padding-right: 0em;*/
		
		margin-left:0;
		padding: 0.2em;
		text-indent:-1.0em;
	}
	#navigation ul li{
		padding-bottom:1.0em;
		
	}

/* http://www.webdesignerwall.com/tutorials/css-the-all-expandable-box/ */
#navigation div.topleft {
	display: block;
	background: url("images/box-bg.png") top left no-repeat white;
	padding: 0.79em 0em 0em 0.79em;
}

#navigation div.topright {
	display: block;
	background: #00CCFF;
	text-align:center;
	background: url("images/box-bg.png") top right no-repeat white;
	padding-top:0.79em;
	padding-left:0.79em;
	padding-bottom:0.79em;
	padding-right:1.79em;
	margin: -0.79em 0 0 0.79em;
}

#navigation div.bottomleft {
	display: block;
	height: 45px;
	margin-top: -0.79em;
	background: url("images/box-bg.png") bottom left no-repeat white;
}

#navigation div.bottomright {
	display: block;
	background: url("images/box-bg.png") bottom right no-repeat white;
	height: 45px;
	margin-left: 3.0em;
}

#content{
	position:relative;
	float: left;
	width: 535px;
	text-align:justify;
	line-height:1.3em;

	padding-left:0px;
	padding-right:20px;
	padding-top: 0px;
	padding-bottom: 0px;
}
#content hr{
	margin-bottom: 2.0em;
	margin-top: 2.0em;
}
#footer{
	position:relative;
	background:transparent url(images/footer.jpg) no-repeat 0 0;
	height: 53px;

	padding-left:10px;
	padding-right:10px;
	padding-top:10px;
	text-align:center;
	font-size:0.8em;
}

div.clear{
	clear:both;
}
