/* content section */

#intro2 {margin-left: 30px; padding-left: 0px; width: 80%;}

#content {text-align: left; padding: 20px 0; margin: 30px 0px 0px 0px; background: #f4f0d5; margin: 0 auto; width: 900px;}

#content p {line-height: 1.3em;}

/* Resource Div */

#resource { background: #f4f8e4; margin: 20px 40px 20px 180px; border: 1px solid #333; width: 600px;}

#resource p {padding: 8px 25px; margin: 10px; font-size: .9em; clear: both;}
#resource a {font-weight: bold}

#resource ul {margin: 10px 30px 20px 30px; font-size: .9em; border: 1px dashed black; background: #f9fcf3; padding: 5px;}
#resource ul li { margin: 5px 10px 5px 20px; padding: 3px 5px 3px 20px; background: url(images/bullet-red.jpg) no-repeat 0% 5px; list-style-type: none;}

#resource div.price {text-align: right; font-size: 26px; font-family: Georgia, serif; color: #990000; margin: 10px 20px; padding: 5px; width: 80%; clear: both;}

/* End Resource Div */

div.packageWrap {background: url(images/bg-package.jpg) bottom left no-repeat; padding: 10px 0px 20px 0px; margin: 0px auto 0px auto; text-align: center;}

div.packageWrap p { margin: 0px; padding: 4px;}

div.packageWrap img {border: 1px solid #fbffeb; margin: 4px;}

.books {border: 1px solid black; background: #f4f8e4; padding: 3px; margin: 0px;}

.leftbooks { padding: 3px; margin: 20px 0px 0px 6px;}

h3.capitals3 {font-size: 1.1em; margin: 0px 0px 6px 0px; padding: 6px 12px 4px 30px;
color: #770000; height: 30px; font-family: "trebuchet ms", verdana, sans-serif; 
margin-left: 170px; background: url(../images/bg-h3-ivory.gif) bottom left no-repeat;}

h3.black {font-size: 1.1em; padding: 10px;}

h3 {font-size: 1.1em;}

h4 {font-size: 1.1em; font-family: "trebuchet ms", verdana, sans-serif;
padding: 8px 10px; margin: 15px 2px 14px 4px; color: #1a2457;}

#resource h4.packages {text-align: center; margin: 10px 20px 10px 20px;}

div.packageTop {padding: 20px 0 0 10px; margin: 0 0 14px 0px;
border-bottom: 1px dashed black; border-top: 1px solid #fff; color: #1a2457; background: #fff url(images/bg-stripesGreen.jpg) top left repeat-x; }

div.packageTop2 {padding: 0; margin: 0 0 14px 0px; 
border-bottom: 1px dashed black; border-top: 1px solid #fff; color: #1a2457; background: url(images/bg-stripesGreen.jpg) bottom right; }

div.top { background: #fff url(images/contact-us.jpg) bottom right repeat-x; padding: 30px 0;}

#resource h4.starter, #resource h4.business, #resource h4.premium {padding: 38px 8px; margin: 2px; width: 95px; float: left;  clear: left; text-align: center; }

#resource h4.starter {background: #fff url(images/starter-button.jpg) 12px 12px no-repeat;  }
#resource h4.business {background: #fff url(images/business-button.jpg) 12px 12px no-repeat;}
#resource h4.premium {background: #fff url(images/premium-button.jpg) 12px 12px no-repeat;}

#resource h4.category {height: 1.4em; padding: 4px 20px; font-size: 1.2em; font-variant: small-caps;}

#resource h5 {height: 1.2em; border-bottom: 3px solid #f3e0b2; padding: 10px 6px 3px 50px; margin: 15px 35px 5px 35px;}

h5 {font-size: 1em; margin-left: 30px;}

#resource h6 {border-bottom: 4px solid #d86d65; background: #f6f1cb url(images/bg-gradient3.jpg) repeat-x; margin: 0px; padding: 4px; text-align: right; font-size: .8em;}

#resource h6.starter1 {border-bottom: 2px solid #d86d6f; border-top: 2px solid #d86d6f;}
#resource h6.business1 { border-bottom: 2px solid #bf3b32; border-top: 2px solid #bf3b32;}
#resource h6.premium1 {border-bottom: 2px solid #8d0f27; border-top: 2px solid #8d0f27;}

#resource h5.add {background: #f3efd4; padding: 6px;}

#resource p.description {width: 340px; margin: 0px 0px 0px 150px; padding: 0px;}

p.tips {padding: 16px; margin: 6px; font-size: .8em; line-height: 1.4em; width: 410px;}

p.tips2 {background: #b5cec7; padding: 16px; margin: 6px; font-size: .8em; line-height: 1.4em; width: 390px;}

#resource p.find {padding: 15px 50px 35px 100px; background: #f4f8e4 url(../images/arrow.gif) 40px 0px no-repeat; margin: 10px ; width: 360px;}

#resource p.highlight {font-size: .9em; font-weight: bold; margin: 12px 35px; padding: 2px 4px;
color: #770000; font-family: verdana, arial, sans-serif;
background: #f8f5e2 url(../images/bg-gradient4.jpg) 50% 50% repeat-x; border-bottom: 2px solid #bda385; }

#resource p.marginLeft {margin: 20px 0 0; float: right; width: 420px; clear: right; text-align: justify; padding-left: 0;}

.packagePrice {font-family: Georgia, serif; color: #990000; font-size: 1.2em;}

p.clear {clear: both;}

#resource p.center {text-align: center; margin: 6px; padding: 4px; clear: both;}

/* images */

#leftside img {margin: 7px 0px;}

img.right {float: right; margin: 5px 5px 10px 5px; border: none;}
img.rightside {float: right; margin: 4px 5px 10px 10px; border: 1px solid black;}
img.rightside2 {float: right; margin: 16px 0px 10px 10px; border: 1px solid black;}
img.left {float: left; margin: 0px 10px 15px 0px;}
img.borderBlack {border: 1px solid black; margin: 10px;}

#nav img {margin-left: 3px; border: 1px solid black;}

.strongtext {color: #1a2450; font-weight: bold;}
.strongtext2 {color: black; font-weight: bold;}

.special {color: #770000; font-weight: bold;}

.extra h5 {padding: 8px 4px; margin: 0px; text-align: center; background: #505f5a; border-bottom: 2px solid #bda385; color: #f4f8e4; font-size: .8em;}

a.feature:hover {background: none;}