/* CSS Document */
/* THIS IS A GENERIC stylesheet for use with small business websites, such as the "Writer's Special" websites. */


<div id="banner">
</div>

<div id="navtop">
</div>
</div><div id="navleft">
	<h3>
		Sections
	</h3>
	<ul>
		<li><a href="#">Home</a></li>
		<li><a href="#">About</a></li>
		<li><a href="#">Services</a></li>
		<li><a href="#">Portfolio</a></li>
		<li><a href="#">Contact</a></li>
	</ul>
</div>

<div id="content">
</div>

<div id="footer">
	%copy 2007 Site Name Here
</div>

<div id="news">
</div>





/*********************THIS IS THE CODE FOR BOGART TEMPLATE based on writers special format********************/

banner
{
	position:absolute;
	width:1024px;
	height: 300px;
	z-index: 10;
	left: 20px;

}


body
{
	margin: 0;
	padding: 0;
	font: 90%;
	font: Arial, Helvetica, sans-serif;
	color: #333;
}

h1
{
	background: #d36832;
	color: #fff
	margin: 0;
	padding: .5em 3%;
	border-bottom: 5px solid #387a9b;
}

h2, h3
{
	margin-top: 0;
}


p
{
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size: 90%;
	color: #003366;
	line-height: 120%;
}

li
{
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size: 90%;
	color: #003366;
}

/*********************THIS IS THE CODE FOR STYLING THE BANNER COLUMN - NA********************/


#banner
{
	position:absolute;
	width: 992px;
	height: 122px;
	z-index: 10;
	left: 8px;
	top: 0px;
	overflow: visible;
	background-color: #FFFFFF;

}

/*********************THIS IS THE CODE FOR STYLING THE HORIZONAL RULE IN THE UPPER LEFT - NA********************/


#horizontalrule
{
	position:absolute;
	width: 1023px;
	height: 3px;
	z-index: 30;
	left: -1px;
	top: 98px;
	overflow: hidden;
	background-image:   url(../../../newsite07/newsite07/images/elements/ELE_colorbar-1024x2px.jpg);
	
}

/*********************THIS IS THE CODE FOR STYLING THE PAGE HEAD IN THE UPPER LEFT - NA********************/


#pagehead
{
	position:absolute;
	width: 500px;
	height: 72px;
	z-index: 15;
	left: 250px;
	top: 22px;
	overflow: hidden;

}

/*********************THIS IS THE CODE FOR STYLING THE BANNER AD IN THE UPPER LEFT - NA********************/


#bannerad
{
	position:absolute;
	width: 350px;
	height: 183px;
	z-index: 100;
	left: 650px;
	top: 300px;
	overflow: auto;

}/*********************THIS IS THE CODE FOR STYLING THE HORIZONTAL NAV COLUMN - sc: styc10,217********************/

#navtop
{
	width: 1024px;
	float: left;
	background-color: #FFFFFF;
	z-index: 20;
	padding: 0;
	position: absolute;
	list-style-type: none;
	line-height: 150%;
	z-index: 20;
	left: 0px;
	top: 100px;
	height: 40px;
}

/*********************THIS IS THE CODE FOR STYLING THE VERTICAL NAV COLUMN - sc: styc10,217********************/

#navleft
{
	width: 210px;
	float: left;
	z-index: 20;
	position: absolute;
	list-style-type: none;
	line-height: 150%;
	z-index: 20;
	left: 22px;
	top: 126px;
	padding: 6px 0 0 0;
	overflow: hidden;
	height: 268px;
}

/*********************THIS IS THE CODE FOR STYLING THE left CONTENT COLUMN - sc: styc10,213********************/

#content
{
	width: 740px;
	float: left;
	position: absolute;
	z-index: 30;
	left: 250px;
	top: 126px;
	height: 352px;
	padding-left: 5px;
	padding-top: 5px;
	padding-right: 5px;
	
	font: 90%;
	font:Geneva, Arial, Helvetica, sans-serif
	color:#003399	
}

/*********************THIS IS THE CODE FOR STYLING THE right CONTENT COLUMN - sc: styc10,213********************/

#content2
{
	width: 340px;
	float: left;
	position: absolute;
	z-index: 20;
	left: 650px;
	top: 126px;
	height: 164px;
	padding-left: 5px;
	padding-top: 5px;
	padding-right: 5px;
	
}


/*********************THIS IS THE CODE FOR STYLING THE NEWS COLUMN - sc: styc10,215********************/

#news
{
	width: 240px;
	float: left;
	position: absolute;
	z-index: 40;
	left: 0px;
	top: 219px;
	height: 202px;
	font: 90%;
	font:Geneva, Arial, Helvetica, sans-serif
	color:#003399	
;
	background-image: url(../images/backgrounds/BOG_bac-003366grd-240x800.gif);
}

/*********************THIS IS THE CODE FOR STYLING THE NEWS COLUMN - sc: styc10,215********************/

#contact
{
	width: 211px;
	float: left;
	position: absolute;
	z-index: 100;
	left: 21px;
	top: 427px;
	height: 72px;
}

/*********************THIS IS THE CODE FOR STYLING THE FOOTER - sc: styc10,223********************/

#footer
{
	width: 750px;
	height: 50px;
	float: left;
	position: absolute;
	color: #003366;
	z-index: 80;
	left: 250px;
	top: 500px;
	color: #003366;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size: 90%;

}

/*********************THIS IS THE CODE FOR STYLING THE DATE - sc: styc10,223********************/

#copyrightcredit
{
	width: 200px;
	height: 20px;
	float: left;
	position: absolute;
	color: #003366;
	z-index: 85;
	left: 800px;
	top: 530px;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size: 80%;

}

/*********************THIS IS THE CODE FOR STYLING THE COPYRIGHT - sc: styc10,223********************/

#date
{
	width: 190px;
	height: 20px;
	float: left;
	position: absolute;
	color: #003366;
	z-index: 85;
	left: 250px;
	top: 530px;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size: 80%;
	padding-right: 1em;	
}