/*	
Name: jh.css
Author: Jimmy Harrell (jimmyharrell@jimmyharrell.com)
Description: Style Sheet for My Site
Created: 04/17/2007
Last Updated: 04/17/2007
--->
*/
/*ID TAGS BEGIN HERE*/

/* CONTAINER: wraps entire contents of page backgroundcolor here can style a right side menu*/
#container {
text-align:left;
width:90%;
background:#FFF url(../images/gifs/header-base.gif) repeat-y;
margin:0 auto;
border:1px solid #000;
}

/* BANNER*/ 
#banner {
font-weight:bold;
color:#625D34;
background:#C4C5A9;
margin:0;
padding:5px;
}

/* TOP NAVIGATION*/ 
#TopNav ul {
margin:0;
padding:0;
list-style:none;
background:url(../images/pngs/bg_nav.png) repeat-x left top;
float:left;
width:100%;
border-bottom:1px solid #000;
border-top:1px solid #000;
}

/* IE 6 hack chaging the width so that the width doesn't overshadow the border and the nav sits up against the top margin */
* html #TopNav ul {
margin:-6px 0px 0px 0px;
padding:0;
list-style:none;
background:url(../images/pngs/bg_nav.png) repeat-x left top;
float:left;
border-bottom:1px solid #000;
border-top:1px solid #000;
width:100%;
}

#TopNav li {
float:left;
padding:0;
margin:0;
}

#TopNav li a, #mainNav li a:link {
color:#625D34;
text-decoration:none;
padding:.0em .5em;
border-right:1px solid #000;
display:block;
white-space:nowrap;
}

/*This controls the hover portion of the subnavigation as well as the body ids and link ids for the subnavigation so that the user knows what page he/she is on. */
#TopNav li a:hover,
body#index a#indexLink,
body#employers a#employersLink,
body#services a#servicesLink,
body#portfolio a#portfolioLink,
body#family a#familyLink,
body#prices a#pricesLink,
body#contact a#contactLink {
background:url(../images/pngs/bg_nav.png);
color:#E6EFF1;
}

/* IE 6 hack to make entire button clickable */
* html #TopNav a { width:1px; }

/* LEFT NAVIGATION */
#leftnav {
float:left;
width:205px;
display:inline;
margin-left:0px;
padding:0px 0px;
/*border-right:1px solid #096;*/
}

#leftnav h2 {
font-size:1.3em;
color:#fff;
text-align:center;
padding:0px;
border-top:3px solid #86B500;
background:url(../images/pngs/bg_side_head.png) repeat-x left bottom;
white-space:nowrap;
}

#leftnav p {
margin-right:5px;
margin-bottom:1px;
margin-left:5px;
color:#666666;
border-bottom:2px dotted #000;
}

#leftnav h3 {
font-size:1.1em;
margin-right:5px;
margin-left:5px;
color:#625D34;
margin-bottom:3px;
}

#leftnav h3 a {
color:#625D34;
}

#leftnav a:hover {
	color: #CA1D07;
}

#leftnav img {
padding:2px 2px 0px 2px;
}


/* MAIN CONTENT */
#content {
margin-left:210px;
margin-right:5px;
}

#content p:first-letter	{
font-size:36px;
color:#625D34;
font-weight:bolder;
}

#content li {
list-style-image:url(../images/gifs/bulletarrow.gif);
}
/*Controls placement of flip book on family page*/
#Book {
position:relative;
padding-bottom:100px;
}
/*IE BOX MODEL FIX/HACK*/
* html #Book {
position:relative;
margin-bottom:-100px;
}

/* FOOTER */
#footer {
clear:both;
background:#C4C5A9;
color:#000;
text-align:center;
font-size:100%;
padding:5px 10px;
border-top:1px solid #000;
}

#footer img {
padding:0px 5px;
}

/* THESE TAGS CONTROL THE LOOK AND FEEL OF MY FORMS*/
#form {
border:1px solid #000;
background-color:#E6EFF1;
width:98%;
padding:10px 5px 10px 5px;
}

#form .label {
float:left;
width:190px;
margin-right:10px;
margin-left:10px;
text-align:right;
font-weight: bold;
color:#CA1D07;
}

#form .subheader {
margin-left:195px;
}

select#State {
background-color:#CBD893;
color:#CA1D07;
}

input#login,
input#SendPWD,
input#Submit2 {
margin-left:210px;
background-color:#CBD893;
}

input#username,
input#pass,
input#password,
input#EmailAddress,
input#firstname,
input#lastname,
input#email_address,
input#address,
input#address2,
input#city,
input#zip,
input#phone,
input#company,
input#website {
background-color:#CBD893;
color:#CA1D07;
width:150px;
}

input#username:focus,
input#firstname:focus,
input#lastname:focus,
input#email_address:focus,
input#pass:focus,
input#address:focus,
input#address2:focus,
input#city:focus,
input#zip:focus,
input#phone:focus,
input#company:focus,
input#website:focus,
input#password:focus,
input#EmailAddress:focus,
select#State:focus {
background-color:#86B500;
}

/*W3C Validated*/
#w3c {
text-align:center;
}

/*END FORM LOOK AND FEEL TAGS*/


/*ID TAGS END HERE/



/*STYLE TAGS/TAG SELECTORS/TYPE SELECTORS BEGIN HERE*/

body {
text-align:center;
color:#000;
font-family:Papyrus;
background-image:url(../images/gifs/bg_page.gif);
}


h2 {
margin-top:0;
color:#B23B00;
font-weight:bold;
}

a:link, a:visited {
color:#CA1D07;
text-decoration:underline;
}

a:hover {
color:#CBD893;
text-decoration:underline;
}


/*STYLE TAGS END HERE*/



/* SELECTOR TAGS/CLASS SELECTORS BEGIN HERE*/


/*Index/Home page background*/
.index {
background-image:url(../images/gifs/bg_page.gif);
background-attachment:fixed;
}

/*Employers page background*/
.employers{
background-image:url(../images/gifs/bg_page.gif);
background-attachment:fixed;
}

/*Services page background*/
.services {
background-image:url(../images/gifs/bg_page.gif);
background-attachment:fixed;
}

/*Family page background*/
.family {
background-image:url(../images/gifs/bg_page.gif);
background-attachment:fixed;
}

/*Prices page background*/
.prices {
background-image:url(../images/gifs/bg_page.gif);
background-attachment:fixed;
}

/*Contact Us page background*/
.contact {
background-image:url(../images/gifs/bg_page.gif);
background-attachment:fixed;
}


/* Controls placement of text in banner*/
.bannertext {
position:absolute;
margin-left:17%;
top:30px;
font-size:50px;
color:#625D34;
}

/*just this color text*/
.list {
color:#B23B00;
}

/* selector for form error messages not using flash forms*/
.formerror {
color:#B23B00;
font-weight:bold;
}

/* controls look and feel of my photo on the left nav*/
.myphoto {
margin:5px 5px 0px 5px;
text-align:center;
}

.border {
border:1px solid #666;
padding:0px !important;
margin:0px 2px 0px 0px;
}

/*controls the content photos on the main page*/
.rightphoto {
border:1px solid #000;
float:right;
margin:0px 2px 0px 2px !important;
padding:0px;
display:inline;
height:284px;
width:195px;
}

/* Controls Text other than labels in a form*/
.formlinks a {
color:#CBD893;
margin-left:118px;
text-decoration:underline;
font-weight:bold;
}

.formlinks a:hover {
color:#CA1D07;
margin-left:118px;
text-decoration:underline;
font-weight:bold;
}

/* SELECTOR TAGS END HERE*/