/*-----------------------------------
Layout Styles for Main pages
Author: Duane Anderson
Email: duane@jmwpromotions.com
website: www.dkanderson.com
-----------------------------------*/ 
body, ul, p, h1, h2, h3, h4, h5, h6, div, span, table, tr, td, li, a{   
    margin: 0px;
    padding: 0px;
	border: 0px;
 }
body {
  background:url(../images/abt_bg.jpg) repeat-x #fff;
  text-align:center;
}
#mainWrapper{
width:740px;
margin: 0 auto;
min-width:760px;
text-align:left;
}
/*=======================================================
   Header: Banner, Searchbar, Branding, Global Nav Menu
---------------------------------------------------------*/

#header {
		width: 740px;
}
/*Banner
---------*/
.banner{
height: 165px;
float: left;
}
/*Search Bar
------------*/
#searchbar {
height: 26px;
width: 740px;
background:url(../images/search_bar.gif) no-repeat left top;
clear: both;
}
.search{
display:block;
padding-top:3px;
width:240px;
float:right;
color:#080a4d;
}
.breadcrumb{
float:left;
color:#080a4d;
padding: 5px 0px 0px 10px;
padding-left:10px;
width:490px;
}
#searchbar label, #searcbar input{
display:block;
float:right;
} 
#searchbar input{
margin-right: 15px;
padding: 1px 2px;
background:#080a4d;
color:#878787;
font-weight:normal;
border: 1px solid #878787;
}
/*SB Ends
------------*/

/*=======================================================
     Container: Left side Nav and Main content area
---------------------------------------------------------*/

#container{
position:relative;
overflow:hidden;
background-color:#080a4d;
width:740px;
float:left;
}
/*Left Side Nav
--------------*/
#left_nav{
width:160px;
float:left;
background:url(../images/lft_bg.jpg) repeat-x;
}
#rec{
width:160px;
height:17px;
background:url(../images/blue_strk.jpg) top left no-repeat;
}

/**Navigation functionality defined using uniformed list**/
.lft_nav {
width: 160px;
background:url(../images/nav_mid.jpg) top left repeat-y;
}

.lft_nav ul{
list-style:none;
background:url(../images/nav_top.jpg) no-repeat left top;
padding-top: 20px;
padding-left:10px;
color:#fff;
}
.lft_nav li{
width:140px;
border-bottom: none;
display:inline;
}
.lft_nav li a{
display:block;
padding-left:10px;
line-height:15px;
width:130px;
}
.lft_nav li a:link, .lft_nav a:visited{
display:block;
padding-left:10px;
text-decoration:none;
color:#fff;
}
.lft_nav li a:hover{
background-color: #878787;
text-decoration:none;
font-weight:bold;
color:#fff;
}
.secnav_btm{
background:url(../images/nav_bttm.jpg) no-repeat bottom left;
padding-bottom: 20px;
padding-top:10px;
text-align:center;
font-size:9px;
color:#000033;
}
/* Nav Ends */

/*Main Content
--------------*/
#content{
position:relative;
overflow:hidden;
width:580px;
float:left;
}

/*** Content Header *****/
.contenthead{
padding: 17px 8px 0px 9px;
width:580px;
}
.topbox{
float:left;
background:url(../images/dupont/banner_img.gif) top right no-repeat #db423c;
border-bottom:1px solid #db423c;
width:563px;
height:138px;
}
.topbox h1{
float:left;
padding: 5px 5px 5px 5px;
background:url(../images/dupont/lft_corner.gif) top left no-repeat;
border-bottom:1px solid #fff;
width:317px;
}
.topbox h3{
float:left;
padding: 0px 5px 5px 5px;
width:317px;
}
.topbox ul{
list-style:none;
float:left;
padding: 10px 10px;
width:307px;
background:#747474;
border-bottom:2px solid #fff;
}
.topbox li{
padding-top:2px;
}
/**** CH Ends ***/

/*** Content Body *****/
.contentbody{
width:580px;
padding: 5px 8px 5px 9px;
}
.mainbox{
position:relative;
overflow:hidden;
float:left;
width:563px;
background:url(../images/body_top.gif) top left no-repeat #fff;
}
.bodyheader{
width:563px;
}
.bodyheader h1{
margin:0px 20px;
padding: 15px 10px 10px 10px;
color:#f74239;
border-bottom:1px solid #747474;
} 
.bodyheader p{
padding: 2px 60px 30px 10px;
}
/*Left Side---------------------------------------------------*/
.leftside{
float:left;
width:400px;
}

.leftside p{
padding: 20px 10px 10px 30px;
}

/*---------------------------------------------------LS ends*/

/*Right Side------------------------------------------------*/
.rightside{
float:right;
width:163px;
background:#747474;
}
/*RS Ends---------------------------------------------------*/

.mainbox span{
float:left;
width:563px;
background:url(../images/body_btm.gif) bottom left no-repeat;
padding-bottom:20px;
}
/**** CB Ends ***/

/*MC Ends
-----------*/

/*** Bottom Menu *****/
.menu {
text-align:center;
width: 100%;
color:#fff;
padding:5px;
}
.menu ul{
margin-left:0;
padding-left:0;
display:inline;
}
.menu ul li{
margin-left:0;
padding:3px 5px;
border-left: 1px solid #fff;
list-style:none;
display:inline;
}
.menu a:link, .menu a:visited{
text-decoration:none;
color:#fff;
}
.menu a:hover, .menu a:active{
text-decoration:underline;
font-weight:bold;
color:#575757;
}
/*** Menu Ends *****/

/*======================
      Footer
------------------------*/
#footer{
width:740px;
background:url(../images/footer.jpg) no-repeat left top;
clear:both;
}
#footer p{
position:relative;
top:40px;
width:740px;
text-align:center;
color:#333333;
padding-bottom:20px;
}  
/*FIN
-------------------------------------------------------------------------------------------------------------*/