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

/*This stylesheet is responsible for all div panels in OctothorpeSoftware.com

	

/* This is the header panel section -----------------------------*/

#header{
	position:relative;
	width:979px;
	height:75px;
	background:url(../../images/site_graphic/header.gif) repeat-x;
	}
	
/* This controls the position of Octothorpe Logo ----------------*/

#apDiv1 {
	position:absolute;
	left:19px;
	top:13px;
	width:291px;
	height:38px;
	z-index:1;
	}
	
/* header section ends here -----------------------------------------*/

/* top menu bar section ---------------------------------------------*/

#menu_bar{
	position:relative;
	width:979px;
	height:20px;
	background:url(../../images/site_graphic/menu_bar.gif) repeat-x;
	}

#menu_bar ul.nav{
	border:0px;
	height:20px;
	padding:0 0 0 0;
	margin:0 0 0 0;
	color:#000;
	}
#menu_bar ul.nav li.navLink{
	display:block;
	float:left;
	height:20px;
	padding:0 2% 0 20px;
	}
	
#menu_bar ul.nav li.navLink:hover{
	background:url(../../images/site_graphic/menu_bar_h.gif) repeat-x;
	}

/* top menu bar section ends here -------------------------------------*/

/* bottom bar section -------------------------------------------------*/

#bottom_bar{
	position:relative;
	width:979px;
	height:23px;
	background:url(../../images/site_graphic/bottom_bar.gif) repeat-x;
	clear:both;
	}

#bottom_bar ul.nav{
	height:23px;
	padding:0px 0 0 0;
	margin:0 0 0 0;
	color:#000;
	}

#bottom_bar ul.nav li.navLink{
	display:block;
	float:left;
	height:23px;
	padding:2px 2% 0 20px;
	}

#bottom_bar ul.nav li.navLink:hover{
	background:url(../../images/site_graphic/bottom_bar_h.gif) repeat-x;
	}

/*bottom bar section ends here ----------------------------------------*/



/* This wraps up both the banner and the quote section ----------------*/

#banner{
	position:relative;
	width:979px;
	height:280px;
	margin:0px;
	}
	
/* The panel for Flash banner and static banners for subpages ---------*/

#flash{
	position:relative;
	width:700px;
	height:280px;
	margin:0px;
	display:block;
	float: left;
	}

/* The panel for Quote -----------------------------------------------*/

#quoteBox{
  position:relative;
  background-image:url(../../images/site_graphic/Quote_BG.jpg);
  width: 219px;
  height: 224px;
  padding:46px 40px 10px 20px;
  float:left;
}

/*Quote panel ends here ------------------------------------------------*/



/* This wraps up both the side bar panel and the main content panel at the bottom*/

#bottom_panel{
	position:relative;
	width:979px;
	margin:0px;
	}

/* Panel for subpages content within bottom panel----------------------------------*/

#bottom_content{
	position:relative;
	width:680px;
	margin: 0 0 20px 20px;
	padding: 0 20px 0 0;
	display:block;
	float: left;
	}
	
/* Panel for index.html content within bottom panel----------------------------------*/

#index_content{
	position:relative;
	width:680px;
	margin: 0 0 0 20px;
	padding: 0 20px 0 0;
	display:block;
	float: left;
	}
	
/* Used in index.html only for quick links and live interaction column --------*/

#links_column{
	position:relative;
	width:180px;
	display:block;
	float: left;
	}

#live_column{
	position:relative;
	background-image:url(../../images/site_graphic/Live_bg.jpg);
	background-position:0 -12px;
	width:320px;
	height:103px;
	margin:0px;
	display:block;
	float: left;
	}
	
/* ----------------------------------------------------------------*/

/* Side bar panel for all pages -----------------------------------*/

#side_bar{
	position:relative;
	width:226px;
	height:auto;
	display:block;
	float: left;
	margin: 9px 0 0 0;
	}
		
#HDYD{
	position:relative;
	background-image:url(../../images/site_graphic/slogan.gif);
	background-position:0 0px;
	width:215px;
	height:56px;
	margin: 0 26px 20px 0;
	display:block;
	float: left;
	}
	
/*-----------------------------------------------------------------*/

/* This panel is usede for services.html only ---------------------*/

#sub_panel{
	width: 340px;
	margin:0 0 0 24px;
	display:block;
	float:right;
	border-width:thin;
	border-style:solid;
	border-color:#323232;
	}
	
/*-----------------------------------------------------------------*/


/*resources_books content starts here -----------------------------*/

#book_panel{
	position:relative;
	width:660px;
	display:block;
	padding: 0 0 10px 0;
	float: left;
	}
	
#books_content{
	position:relative;
	width:550px;
	margin: 20px 0 0 0;
	display:block;
	float: left;
	}
	
/* Used for popular_books.html for book covers --------------------*/

#books_image{
	position:relative;
	width:90px;
	margin: 20px 20px 0 0;
	display:block;
	float: left;
	}
	
/* Used for Academic_books.html and academic_articles.html for further text styling----*/

#content_academic{
	position:relative;
	width:auto;
	margin: 20px 0 0 0;
	display:block;
	float: left;
	}