/*-----------------------------------------------------------
	Name: default.css
	Description: Landing page styles for "Be a Hero"
	banner ad
	Author: Bermon Painter
	Revision: 03/05/07
------------------------------------------------------------*/

/* generic styles
------------------------------------------------------------*/
body{
	margin: 0;
	padding: 0;
	background: #ccc;
	text-align: center;
	font: 10pt Verdana, Helvetica, Arial, Sans-serif;
	color: #666;
}

img{
  border: 0;
}

a{
  color: #c31230;
}
  a:hover{
    color: #c31230;
    text-decoration: none;
  }
/* = container
------------------------------------------------------------*/
#container{
	width: 770px;
	margin: 0 auto;
	padding: 10px !important;
	padding-right: 0px;
	text-align: left;
	background-color: #fff;
	border-left: 1px solid #999;
	border-right: 1px solid #999;
	border-bottom: none !important;
	border-bottom: 1px solid #999;
}
    #container .main_bottom{
      width: 792px;
      height: 8px;
      margin: 0 0 -18px -11px !important;
      font-size: 1%;
      background-image: url(../images/main_bottom.png);
    }
/* = header
------------------------------------------------------------*/
#header{
	width: 770px;
}
	#header #top_header{
		width: 770px;
		height: 48px;
		background-image: url(../images/header_top.png);
		margin-bottom: 8px;
	}
	#header #main_header{
	  width: 770px;
	  height: 185px;
	  margin-bottom: 8px;
	}
	
	
/* = navigation
------------------------------------------------------------*/
#nav{
  width: 770px;
  background-color: #c9c3c2;
  margin-bottom: 8px;
}
  #nav .top{
    width: 770px;
    height: 6px;
    background-image: url(../images/nav_top.png);
  }
	#nav .bottom{
    width: 770px;
    height: 6px;
    background-image: url(../images/nav_bot.png);
  }
  #nav ul.nav{
    margin: 0;
    padding: 2px 8px 4px;
    list-style: none;
    display: block;
  }
    #nav ul.nav li{
      display: inline;
    }
      #nav ul.nav li a{
        padding: 6px 8px;
        color: #333;
        text-decoration: none;
      }
      
/* = content
------------------------------------------------------------*/      
#content{
  margin-bottom: 8px;
}
  #content #left_side{
    width: 455px;
    float: left;
    font-size: .9em;
    margin: 5px 10px;
  }

    #content #left_side p{
      margin: 0;
      padding: 0;
    }
    #content #left_side h1{
      color: #c31230;
      font-size: 1.2em;
      margin: 10px 0 0;
      padding: 0;
    }
    #content #left_side ul{
      margin: 3px 0 15px 30px;
      padding: 0;
      line-height: 1.8em;
    }
  
  
  #content #right_side{
    float: right;
    background-color: #ede9e9;
    width: 284px;
    margin-bottom: 8px;
  }
    #content #right_side .top{
      width: 284px;
      height: 6px;
      background-image: url(../images/rs_top.png);
      font-size: 1%;
    }
    #content #right_side .bottom{
      width: 284px;
      height: 7px;
      background-image: url(../images/rs_bottom.png);
      font-size: 1%;
    }
    #content #right_side .content{

    }
    #content #right_side .content img{
      float: right;
      margin: 0 15px 0 0;
    }
        #content #right_side .content img a{
          margin: 0;
          padding: 0;
        }
    #content #right_side .content p{
      margin: 5px 15px;
      padding: 0 0 15px;
      font-size: .9em;
    }
    #content #right_side .content h1{
      color: #c31230;
      font-size: 1em;
      margin: 10px 0 0 15px;
      padding: 0;
    }
    #content #right_side .content ul{
      margin: 3px 0 15px 30px !important;
      margin: 3px 0 0px 30px;
      padding: 0 !important;
      padding: 0 10px 0 0;
    }
/* = footer
------------------------------------------------------------*/      
#footer{
  width: 770px;
  background-color: #c9c3c2;
  margin-bottom: 8px;
  font-size: .8em;
  text-align: center;
  color: #333;
  clear:both;
}
  #footer .top{
    width: 770px;
    height: 6px;
    background-image: url(../images/nav_top.png);
    font-size: 1%;
  }
	#footer .bottom{
    width: 770px;
    height: 6px;
    background-image: url(../images/nav_bot.png);
    font-size: 1%;
  }
  #footer ul.nav{
    margin: 0;
    list-style: none;
    display: block;
  }
    #footer ul.nav li{
      display: inline;
    }
      #footer ul.nav li a{
        color: #333;
        text-decoration: none;
      } 
 #footer p{
   padding: 0;
   margin: 0;
 }