@charset "utf-8";
/* CSS Document */
body  {
	background: #ffffff;
	background: url(images/Header_Back_042309.gif) repeat-x left 0;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	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: #000000;
}


#ads {
/*border-bottom: solid 2px #ebf5f6;*/
margin-top: 0;
padding: .5em 0 0 0;
align:center;
clear:both;
}
html #ads {
padding: .5em 0em 0em 0em;
}

#ads p{
padding: 0em 0em 0em 0em;
}

#ads img{
/*border-bottom: solid 2px #ebf5f6;*/
margin: .6em 0 .5em 0;
padding: 10px,10px,10px,10px;
align:center;

}
#adsgoogle{
margin: 0 0 0 0;
padding: 10px,10px,10px,10px;
align:center;

}

#adamazon22{
align: center;
padding: 20px 24px 20px 28px;

}

#adsdag160{
align: center;
padding: 5px 10px 5px 10px;

}

#container { 
/*background: url(Header_041309.gif) no-repeat left 0;*/
	width: 1238px;	
	/*margin: 0 auto;  the auto margins (in conjunction with a width) center the page if needed */
	text-align: left; /* this overrides the text-align: center on the body element. */
	border: solid 0px #AAEA7A;
}
#container h2 { color:#118F5B; font-size:18px; font-family:'Trebuchet MS', Verdana, sans-serif; }
#container h3 {margin:0; Padding:3px 3px; color:#118F5B; font-size:13px; font-family:'Trebuchet MS', Verdana, sans-serif;}
#container h4 {margin:0; Padding:3px 3px; color:#118F5B; font-size:12px; font-family:'Trebuchet MS', Verdana, sans-serif;}
#logo{
margin:0;
display:inline;
position:relative;
float:left;
}  

#header { 
 height: 137px;
 background: url(images/Header_042309.gif) no-repeat left 0;
/*background: url(Header_left_041509.gif) no-repeat left 0;*/
/* this padding matches the left alignment of the elements in the divs that appear beneath it. If an image is used in the #header instead of text, you may want to remove the padding. */
} 

#header h1 {
	margin: 0; /* zeroing the margin of the last element in the #header div will avoid margin collapse - an unexplainable space between divs. If the div has a border around it, this is not necessary as that also avoids the margin collapse */
	padding: 0px 0px; /* using padding instead of margin will allow you to keep the element away from the edges of the div */
	width: 400px; height: 137px;
	margin: 0px 100px 0px 0px; padding: 0px;
	display: block;	
	float: left; 	
}
#header h1 a { text-indent: -9000px; display: block; height: 137px; }


/*** Navigation ********************/
/***********************************/
#navigation ul {
	width: 100%;
	height: 26px;
	float: right;
	margin: 0px 0px 0px 0px;
	padding: 0px;
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	border-bottom: 2px solid #ebf5f6;
}
#navigation ul li { float: right; list-style-type: none;}
#navigation ul li a {
	padding: 6px 20px 0px 20px;
	color:#0099CC;
	display: block;
	text-decoration: none;	
	height: 20px;
	float: left;
	
}
#navigation ul li a:hover { text-color:#CCCC00; background:#EBF5F6; }
/*--.home, .about, .pictures, .videos, .books, .articles, .resume, .contact, .links { background: url(images/nav_div1.gif) no-repeat right 6px; }*/
.thisPage { background: #EBF5F6 right 6px; }


/*************sidebar1 css *********/
/***********************************/
#leftbar {
	float: left; 
	width: 11em; /* since this element is floated, a width must be given */
	 /* #ebf5f6the background color will be displayed for the length of the content in the column, but no further */
	padding: 0px 4px 2px 0px; /* top and bottom padding create visual space within this div */
	min-height: 400px;
	margin: 0 0 0 0;
	border-right:0px #f4f7f7;
}
/* for Internet Explorer */
/*\*/
* html #leftbar {
height: 400px;
}
/**/

#leftbar_nav {
	background: #ebf5f6;
	width: 11em; /* since this element is floated, a width must be given */
	 /* #ebf5f6the background color will be displayed for the length of the content in the column, but no further */
	padding: 2px 4px 300px 2px; /* top and bottom padding create visual space within this div */
	margin: 0 0 0 0;
}
#leftbar_nav ul{
	width: 100%;
	height: 29px;
	float: left;
	margin: 0;
	padding: 0px;
	font-family: 'Trebuchet MS', Verdana, sans-serif;
	font-size: 14px;
	font-weight: ;
	
}
#leftbar_nav ul li { width: 100%; height:28px; float: left; list-style-type: none; border: 1px solid #ebf5f6; background: #ffffff;}
#leftbar_nav ul li a {
	padding: 5px 5px 5px 5px;
	/*color:#0099CC;*/
	font-weight:bold;
	color:#009999;
	display: block;
	text-decoration: none;	
	height: 20px;
	float: left;
}

#leftbar_nav ul li a:hover {
	color:#66CC00;
	text-decoration:none;	
}

.this_subPage {
padding: 5px 5px 5px 5px;
	color:#118F5B;
	display: block;
	text-decoration:none;	
	height: 20px;
	float: left;
 }
#leftbar_nav h3 {margin:0; Padding:3px 3px; color:#118F5B; font-size:13px; font-family:'Trebuchet MS', Verdana, sans-serif;}

#leftbar_nav p{ width: 100%; align:center; padding: 10px 24px 10px 28px; background: #ffffff;}
.adamazon{
align: center;



}

/* ------search boox css -----*/
/******************************/
#search {font-size: 12px; color:#336699; font-family:'Trebuchet MS',Verdana, sans-serif; width:300px; border-bottom:0px solid #ebf5f6; 
}
.submit{background-color:#DAF4C7; border:1px solid; color:#336699; width:100px;}
.textfield {color:#336699; border:1px solid #336699;}


/* --------sidebar2 css ----- */
#sidebar2 {
	float: right; 
	width: 21em; /* since this element is floated, a width must be given */
	/*background: #ebf5f6; *//* the background color will be displayed for the length of the content in the column, but no further */
	background: #ffffff;
	padding: 15px 15px 15px 10px;; /* top and bottom padding create visual space within this div */
	margin: 0 0 0 0;
	min-height: 300px;
	border-top: solid 0px #ebf5f6;
	border-right: solid 0px #ebf5f6;
	border-bottom: solid 0px #ebf5f6;
	
}
/* for Internet Explorer */
/*\*/
* html #sidebar2 {
height: 20em;
}
/**/

#sidebar2content{
    padding: 5px 14px 5px 14px; /* top and bottom padding create visual space within this div */
	background: #FFFFff;
	
	font-size: 12px; line-height: 17px; color:#336699; font-family: 'Trebuchet MS',Verdana, sans-serif;
}



#aboutme { padding: 12px; border: 1px solid #bfdaf2; margin-bottom: 29px; }

/* --------mainContent css ----- */
#mainContent {
 	margin: 0 23em 0 11.8em; /* the right margin can be given in ems or pixels. It creates the space down the right side of the page. */ 
	padding: 1em 1.5em 2em 1.5em; /* padding here creates white space "inside the box." */
	min-height: 400px;
} 
/* for Internet Explorer */
/*\*/
* html #mainContent {
height: 20em;
}
/**/
#breadcrumbs {font-size: 10px; color:#336699; font-family: Verdana, Helvetica, sans-serif;}
#mainContent p{ font-size: 12px; line-height: 17px; color:#336699; font-family: Verdana, Helvetica, sans-serif; }
#mainContent ul li {line-height:20px; list-style-type: square; font-family:Verdana, Helvetica, sans-serif; font-size: 12px; color:#336699;}
#mainContent ol li {line-height:20px; list-style-type: 1; font-family:Verdana, Helvetica, sans-serif; font-size: 12px; color:#336699;}
#references { padding: 5px 10px 15px 10px; font-size: 12px; line-height: 15px; color:#336699; font-family: 'Trebuchet MS',Verdana, sans-serif; border: 1px solid #ebf5f6;; background: #E3F6D4;}

.funfacts{border-bottom: 1px solid #EFD7EF;}
/* --------footer css ----- */
#footer { 
	padding: 0 10px; /* this padding matches the left alignment of the elements in the divs that appear above it. */
	background:#efd7ef;
	clear:both;
} 
#footer p {
	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	padding: 10px 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
	font-size: 10px; color:#666666; font-family: Verdana, Helvetica, sans-serif;
}