/* CSS Document
Copyright 2007 Fundraising Training Associates. All Rights Reserved. 
Author: Tracey Tam, Istyle Web Solutions.
------------------------------------------------------
General Elements
Page Structure
Typography
Links
Navigation
Images
Footer
Forms
------------------------------------------------------ */
/* General Elements */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, select, textarea, p, a, span, blockquote, table, th, td {
margin: 0px;
padding: 0px;
}

body {
margin: 0px;
padding: 0px;
text-align: center;
color: #71716a;
background: #beecfc url(images/homepagebg.jpg);
font: 11px/20px Verdana, Arial, Helvetica, sans-serif;
background-repeat: no-repeat;
background-position: center top;
background-attachment: fixed;
}

/* Page Structure */
#maincontainer {
width: 689px;
padding: 0;
margin: 0 auto;
background: #fff url(images/bgcontent.gif) 0 0 repeat-y;
}
#left {
width: 187px;
margin: 0 0 20px 0;
padding: 0;
float: left;
}
#right {
float: left;
width: 500px;
}
#logo {
margin: 0px 0 0 0;
width: 187px;
height: 116px;
display: inline;
}
.contactdetail {
margin: 10px 0;
text-align: left;
padding: 0 0 0 14px;
}
.content {
background: url(images/dot.gif) 0 0 repeat-y;
padding: 20px 0px 20px 45px;
text-align: left;
}

/* Typography */
p {
margin: 0;
padding: 0;
text-align: left;
}
#left p {
padding: 0 0 0 14px;
font: 10px/16px Verdana, Arial, Helvetica, sans-serif;
}
.content p {
padding: 10px 20px 0 5px;
}
abbr { 
display: inline;
color: #e45a7f;
font: 10px/16px Verdana, Arial, Helvetica, sans-serif;
margin: 0;
padding: 0;
}
#left span {
font: 10px/16px Verdana, Arial, Helvetica, sans-serif;
}
h1 {
background: url(images/homeheading.gif) no-repeat;
height: 71px;
margin: 18px 0 0 0px;
width: 449px;
}
h1.services {
background: url(images/servicesheading.gif) no-repeat;
height: 71px;
}
h1.pricing {
background: url(images/pricingheading.gif) no-repeat;
height: 36px;
}
h1.about {
background: url(images/aboutheading.gif) no-repeat;
height: 36px;
}
h1.resources {
background: url(images/resourcesheading.gif) no-repeat;
height: 36px;
}
h1.testimonials {
background: url(images/testimonialheading.gif) no-repeat;
height: 36px;
}
h1.contact {
background: url(images/contactheading.gif) no-repeat;
height: 36px;
}
h1.course {
background: url(images/courseheading.gif) no-repeat;
height: 71px;
}
h1 span {
display: none;
}
h2 {
font: 14px/14px Verdana, Arial, Helvetica, sans-serif;
margin: 18px 0 0 5px;
color: #e45a7f;
}
h3 {
font: bold 12px/14px Verdana, Arial, Helvetica, sans-serif;
margin: 18px 0 0 5px;
color: #e45a7f;
}
ul.normal {
margin: 10px 0 0 0px;
padding: 0;
width: 400px;
list-style: circle;
}
ul.normal li{
margin-left: 17px;
padding: 0;
}
ul.fancy {
margin: 10px 0 0 5px;
padding: 0;
list-style: none;
width: 450px;
}
ul.fancy li {
padding: 5px;
margin: 0;
height: auto;
color: #4d5a50;
border-top: 1px dashed #d9d8d1;
width: 80%;
}
ul.fancy span {
font: normal 11px "Georgia", "Lucida Grande", "Trebuchet MS", Times, serif;
padding: 0;
margin-left: 15px;
color: #8a8a77;
}
/* Links */
a {
border: none;
text-decoration: none;
color: #93a84d;
}
a img {
border: none;
}
a:hover{
border: none;
text-decoration: underline;
}
a.formlink {
background: url(images/contactlink.gif) 0 0 no-repeat;
width: 110px;
height: 30px;
display: block;
}

/*#right img {
border: #d9d8d1 1px solid;
margin: 5px 0 0 5px;
}*/

/* Navigation */
#nav {
width: 502px;
height: 55px;
background: url(images/nav.gif) top left no-repeat;
margin: 0;
padding: 0;
position: relative;
}
#nav span { 
display: none; 
}
#nav ul {
margin: 0;
}
#nav li { 
list-style: none;
margin: 0; 
padding: 0; 
position: absolute;
}
#nav li, #nav li a { 
height: 55px;
display: block; 
}
#navhome { left: 0px; width: 56px; }
#navservices { left: 56px; width: 84px; }
#navpricing { left: 140px; width: 74px; }
#navabout { left: 214px; width: 64px; }
#navresources { left: 278px; width: 98px; }
#navtestimonials{ left: 376px; width: 126px; }
#navhome a:hover, #navhome.current { background:url(images/nav.gif) -0px -55px no-repeat;}
#navservices a:hover, #navservices.current { background:url(images/nav.gif) -56px -55px no-repeat;}
#navpricing a:hover, #navpricing.current { background:url(images/nav.gif) -140px -55px no-repeat;}
#navabout a:hover, #navabout.current { background:url(images/nav.gif) -214px -55px no-repeat;}
#navresources a:hover, #navresources.current { background:url(images/nav.gif) -278px -55px no-repeat;}
#navtestimonials a:hover, #navtestimonials.current { background:url(images/nav.gif) -376px -55px no-repeat;}
/* Images */
.profilepic {
margin: 30px 0 0 0;
padding: 0;
border: none;
}
/* Footer */
#footer {
clear: both;
background: url(images/footerbg.jpg) 0 0;
width: 689px;
height: 55px;
}
#footer a {
color: #71716a;
text-decoration: none;
}
#footer a:hover {
color: #e45a7f;
text-decoration: underline;
}
#footer p {
padding: 10px 0 0 0;
text-align: center;
}
/* Fprms */
#form {
width: 420px;
margin: 0 0 20px 0;
}
label { 
width: 130px; 
float: left;
text-align: right;
display: block; 
color: #71716a;
font: normal 12px/25px "Georgia", "Lucida Grande", "Trebuchet MS", Times, serif;
}
input {
margin: 0 0 0 8px;
width: 200px;
border-style: double;
border: #b8b8ab 1px solid;
background: #d9d8d1;
height: 18px;
padding: 3px;
color: #71716a;
font: 12px/16px Verdana, Arial, Helvetica, sans-serif;
}
textarea { 
margin: 5px 0 0 8px;
width: 200px;
height: 150px;
border-style: double;
border-color: #b8b8ab;
border-width: 1px;
background: #fff;
padding: 3px;
color: #71716a;
font: 12px/16px Verdana, Arial, Helvetica, sans-serif;
}
.submit {
display: block;
margin: 0 0 0 138px;
width: 80px;
height: 25px;
background: #b8b8ab;
color: #fff;
font: bold 11px/18px Arial, Helvetica, sans-serif;
}

p.error_message {color:red;}

/* MAKE ONLY THE CONTENT PRINTABLE - updated by hubert@etaronline.com 22.05.08 */

@media print {
  #left{display:none;}
  #footer {display:none;}
  #nav {display:none;}
  .imagemain {display:none;}
}

div.imagemain img {
border: #d9d8d1 1px solid;
margin: 5px 0 0 5px;}