/*-----------------------------------------------------------------------------
sjhsteps.com

version:   1.0
author:    joe ferrarie
email:     joe@crosshilldesign.com
website:   http://www.sjhsteps.com
-----------------------------------------------------------------------------*/

/* -- Global -- */
body{background-color:#005187; background-image: url(../images/bg_body.gif); font-family: Arial, Helvetica, sans-serif}
p{margin-bottom: 1em; font-size: .9em}
h2{margin-bottom: 1em; font-size: 1.1em; font-weight: bold; color: #007ae0;}
.clear{clear: both;}
a:link{text-decoration:none; color: #007ae0;}
a:visited{text-decoration:none; color: #007ae0;}
a:hover{text-decoration:underline; color: #f00;}

#banner{height: 359px; background-image:url(../images/bg_banner.gif); background-repeat: repeat-x; border-bottom: 4px solid red; margin: 0 auto;}
#bannergraphic{width: 950px; margin: 0 auto;}
#contentwrap{width: 950px; margin: 0 auto; background-color:#4d9dff; background-image:url(../images/bg_content4.gif); padding: 15px 0px; border-left: 1px solid #000; border-right: 1px solid #000; border-bottom: 1px solid #000;}
.tagline{clear: both; margin: 10px; text-align: center; color: yellow; font-weight: bold; font-size: .8em;}
.privacy{clear: both; margin: 10px; text-align: center; color: yellow; font-size: .8em;}

/* -- Homepage -- */
#message{width: 835px; margin:0 auto; border: 2px solid #f00; background-color:#fff; padding: 10px; text-align:center; color: #1333a0; font-size: .9em; font-weight: bold;}
#col1{display:inline; background-image:url(../images/col1-trans.png); background-repeat: no-repeat; height: 431px; width: 258px; float: left; margin: 15px 0 0 47px; padding: 10px 0 0 20px;}
#col2{display:inline; background-image:url(../images/col2-trans.png); background-repeat: no-repeat; height: 421px; width: 268px; float: left; margin: 15px 0 0 14px; padding: 10px 0 0 15px;}
#col3{display:inline; background-image:url(../images/col3-trans.png); background-repeat: no-repeat; height: 421px; width: 268px; float: left; margin: 15px 0 0 14px; padding: 10px 0 0 10px;}

/* -- Content pages -- */
#content{padding: 25px; background-color: #fff; width: 800px; margin: 0 auto;}
#nav{float: left; width: 175px; padding: 20px 0 0 30px; font-size: .8em; color: #007ae0;}
.navheader{padding-top: 20px; font-weight: bold; color: #f00;}
#bodytext{width: 570px; float: right;}
.pad10bot{padding-bottom: 10px;}
.pad10top{padding-top: 10px;}
#bodytext ul{margin: 0 0 1em 3em; font-size: .9em;}
#bodytext ul li{list-style-type:disc;}
#bodytext ol{margin: 0 0 1em 3em; font-size: .9em;}
#bodytext ol li{list-style-type:decimal;}
table{font-size:.9em;}