/* CSS Side Borders w/ Bottom Round *****************************/
/* Author: Shawn Fernandez 										*/
/* 2004 Dissymmetry Enterprises, All Rights Reserved 			*/
/* Limited License granted provided copyright and author 		*/
/* 		information is retained in all documents. 				*/
/*																*/
/* Side Borders format creates two-section fixed-width borders 	*/ 
/* 		on both sides of stretchable center content. the 		*/
/*		outermost edges are	a solid color the next outer edges 	*/
/* 		are filled with border images, one for the left and one	*/
/*		for the right.											*/
/*																*/
/* Bottom Round format extends the Side Borders format to		*/
/*		include rounded edges under the content. The structure	*/
/*		is identical to the Side Borders format with minor 		*/
/* 		modifications to values to accommodate image sizes.		*/
/*																*/
/* See bottom for intended HTML usage							*/
/****************************************************************/

/* Main formatting **********************************************/
body {
    margin: 0px 0px 30px 0px;
    padding:0;
    background:#DDD;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
}
a:link, a:visited{
	color: #333333;
	text-decoration: none;
}
a:hover{
	text-decoration: underline;
}


/* Side Borders Page format ***************************/
#rightbar {
	/* Main container object, uses right aligned background image */
	/* Set Right Margin =  bar thickness */
	/* Set Right Padding = image width */
	margin: 0px 30px 0px 0px;
	padding: 0px 6px 0px 0px;
	background:repeat-y right; 
	background-image:url(images/right-edge.jpg);
}
#leftbar {
	/* Second Level containter object */
	/* Set Background color only */
    background:#DDD;
}
#leftseparator {
	/* Third Level container object */
	/* Set Left Margin = bar thickness */
	/* Set Left Padding = image width */
    margin: 0px 0px 0px 30px;
    padding: 0px 0px 0px 6px;
	background:#DDD repeat-y left; 
	background-image: url(images/left-edge.jpg);
} 
#content {
	margin-right: 0px;
  	padding: 0px;
    background:#FFF;
}

/* Underbar Section **************************************************/
/* Section is identical to Side Borders section */
/* Values should match images used not Side Borders section values */

#rightunderbar {
	/* Main container object, uses right aligned background image */
	/* Set Right Margin =  bar thickness */
	/* Set Right Padding = image width */
	margin: 0px 30px 0px 0px;
	padding: 0px 24px 0px 0px;
	background:repeat-y right; 
	background-image:url(images/right_under_separator.jpg);
}
#leftunderbar {
	/* Second Level containter object */
	/* Set Background color only */
    background:#DDD 
}
#leftunderseparator {
	/* Third Level container object */
	/* Set Left Margin = bar thickness */
	/* Set Left Padding = image width */
    margin: 0px 0px 0px 29px;
    padding: 0px 0px 0px 24px;
	background:#DDD repeat-y left; 
	background-image: url(images/left_under_separator.jpg);
} 
#undercontent {
	/* Adjust Height to sync image height */
	margin: 0px;
  	padding: 0px;
	height: 18px;
    background:#FFF repeat-x bottom;
	background-image: url(images/underedge.jpg);
}
#bottomspacer {
	float: right;
	margin: 17px 10px 0px 0px;
	width: 575px; /* Modify to sync image with upper section */
}

/* Page Header Format ***********************************************/
#pagecell {
	margin: 0px 10px 0px 10px;
	padding: 10px 0px 0px 0px;
}
#masthead {
}
#logo {
	background: url(images/Logo2c.jpg) no-repeat left top;
	
}

/* topnav */
/* Adjust padding in both #topnav and */
/* topnav a:link, ... the same to keep menu_selected_arrow.gif  */
/* in place. */
#topnavbar {
	height: 40px;
	background-image: url(images/top_over-nav.jpg);
	background-position: left top;	
}
#topnav {
	float: right;
	margin: 15px 10px 0px 0px; 
	padding: 4px 0px 4px 0px;;
	width: 590px;
	text-align: right;
	vertical-align: bottom;
}
#topnav a{
	padding: 4px 5px 4px 5px;
	color: #666;
	font-weight: bold;
	text-decoration: none;
	white-space: nowrap;
}
#topnav a:hover {
	background-color: #EFEFEF;
	background-image: url(images/menu_selected_arrow.gif);
	background-attachment: fixed;
	background-repeat: no-repeat;
	background-position: center top;
}

/* Content Format *************************************************/
#colorbar{
	background: #DD9999;
}
#lgimage{
	margin: 1px 0px 1px 0px;
	padding: 0px;
	background: #990000;
	text-align: center;
}/*
#lgimage img{
	margin: 0px;
	padding: 0px;
}*/
#main{
	background: #FFEFEF;
	text-align: center;
}
#storyblocks{
	
}
#story{
	float: left;
	clear: none;
	width: 19%;
	margin: 0px;
	padding-top: 10px;
	text-align: left;
	vertical-align: bottom;
	padding-right: 5px;
}
#story.first{
	margin-left: 10px;
}
#story.wide{
/*	width: 30%;*/
}
#story h1{
	font-size: 12px;
	color: #990000;
	white-space: nowrap;
}
#story h1 img{
	vertical-align: text-top;
}
#story h2{
	margin: -12px 0px 0px 18px;
	font-size: 10px;
	color: #333333;
}
#story h2 img{
	
}
#story ul{
	list-style-type: disc;
	list-style-image: url(images/bullet_round.gif);
	margin: 5px 0px 0px 10px;
}
/* Intended HTML usage format **************************************/
/*
<body>
  <div id="rightbar">
  	<div id="leftbar">
    	<div id="leftseparator">
      		<div id="content">
 Do not Edit Above this line !! 
				<div id="masthead">
					<div id="logo">
						 Blank image used, width should be equal in size to image used in #logo 
						<img src="images/blank.gif" alt="" width="415" height="80">
					</div>
					<div id="topnavbar">
						<div id="topnav">
							<div id="spacer"></div>
							<a href="index.html">Home</a><a href="company.html">Company</a><a href="contact.html">Contact</a><a href="login.html">Log-In</a>
						</div>
						 End topnavlinks 
					</div> End topnav 
			  </div> End masthead 
				
 Do not Edit below this line !! 
      		</div> End content 
    	</div> End leftseparator 
  	</div> End leftbar 
  </div> End rightbar 
  
 Under section for Bottom Round   
  <div id="rightunderbar">
  	<div id="leftunderbar">
    	<div id="leftunderseparator">
      		<div id="undercontent">
				<div id="bottomspacer"><img src="images/blank.gif"></div>
			</div>
      		 End undercontent </div>
    	 End leftunderseparator 
  	</div> End leftunderbar 
  </div> End rightunderbar 
</body>