body {
	padding:0;
        margin:0;
        text-align:center;
        height:100%;
        background-color:#FFF;
        font-family: verdana, arial, helvetica, sans-serif;
        }


#top-bar {
        background-image: url(images/top-gradient.jpg);
        background-repeat: repeat-x;
        background-position:top; 
        }

#bottom-bar {
        background-image: url(images/bottom-gradient.jpg);
        background-repeat: repeat-x;
        background-position:bottom;
        }

#header {
        margin:0; 
        padding: 150px 0 0 0;
        overflow: hidden;
        background-image: url(images/header.jpg);
        background-repeat: no-repeat;
        height: 0px !important;
        height /**/:150px;
        }


#footer {
        margin:0; 
        padding: 150px 0 0 0;
        overflow: hidden;
        background-image: url(images/footer.jpg);
        background-repeat: no-repeat;
        height: 0px !important;
        height /**/:150px;
        }

#footer2 {
        margin:0; 
        padding: 150px 0 0 0;
        overflow: hidden;
        background-image: url(images/footer2.jpg);
        background-repeat: no-repeat;
        height: 0px !important;
        height /**/:150px; 
        }

#footer3 {
        margin:0; 
        padding: 150px 0 0 0;
        overflow: hidden;
        background-image: url(images/footer3.jpg);
        background-repeat: no-repeat;
        height: 0px !important;
        height /**/:150px; 
        }

#footer4 {
        margin:0; 
        padding: 150px 0 0 0;
        overflow: hidden;
        background-image: url(images/footer4.jpg);
        background-repeat: no-repeat;
        height: 0px !important;
        height /**/:150px; 
        }

#content {                        /* content area below topbar */
        margin: auto;
        width:750px;
        height:100%;
        text-align:left;
        }

#quotebox {
        float:right; 
        width:210px;
        height:100%;
        }

#quotebox p {
        width:150px; 
        display:block;
        margin:10px 0 20px 0; 
        padding:10px 10px 10px 15px; 
        text-align:center;
        font-size:80%;
        font-style: italic; 
        float:right; 
        }

.qstyle1 {
        color:#635258;
        background-color:#E7CE8F;
        background-image: url(images/indent.gif);
        background-repeat: no-repeat;
        background-position: 0 12px;  
        }

.qname {
        color:#44393E;
        font-style:normal; 
        }

.qstyle2 {
        color:#635258;
        background-color:#AA9999;
        background-image: url(images/indent.gif);
	background-repeat: no-repeat;
        background-position: 0 12px;   
        }

#leftcol {
        background-image: url(images/leftcol-header.jpg);
        background-repeat: no-repeat;
        background-position:top; 
        float:left; 
	width:365px;            
        height:100%;
        display:block;
        color:#635258;
        background-color:#E7CE8F;
        }

#rightcol {
        background-image: url(images/rightcol-header.jpg);
        background-repeat: no-repeat;
        background-position:top; 
        float:right; 
        width:365px;
        height:100%;
        display:block;
        color:#635258;
        background-color:#AA9999;
        }


#leftcol h3 { 
        color:#635258;
        margin:50px 10px 20px 10px; 
        background-image: none;
        padding: 0;
        }

#rightcol h3 {
        color:#FFF;
        margin:50px 10px 20px 10px;
        background-image: none;
        padding: 0; 
        }

#leftcol ul { 
        list-style-type: none;
        margin: 10px; 
        }

#leftcol li { 
        background-image: url(images/arrow1.gif);
        background-repeat: no-repeat;
        background-position: 0 5px;
        padding: 0 0 12px 12px; 
        }

#leftcol ul a:link, #leftcol ul a:visited {
        color: #635258;
        text-decoration: none;
        }

#leftcol ul a:hover {
        color: blue;
        }

#rightcol ul { 
        list-style-type: none;
        margin: 10px; 
        }

#rightcol li { 
        background-image: url(images/arrow2.gif);
        background-repeat: no-repeat;
        background-position: 0 5px;
        padding: 0 0 12px 12px; 
        }

#rightcol ul a:link, #rightcol ul a:visited {
        color: #FFF;
        text-decoration: none;
        }

#rightcol ul a:hover {
        color: blue;
        }

#logocol1 {
	float:left;
	width:220px;
        }

#logocol2 {
	float:left;
	width:170px;
        }

#logocol3 {
	float:left;
	width:170px;
        }

#logocol4 {
	float:left;
	width:120px;

        }

p.intro { 
        margin-top: 30px;
        font-size:100%;
        font-weight:bold;
        line-height: 150%; 
        color:#635258;
        background-image: url(images/leaf.jpg);
        background-repeat: no-repeat;
        background-position: 120px 80px;
        padding-bottom: 95px;
        }

p.footer { 
        margin-top: 30px;
        font-size:80%;
        color:#FFF;
        }

.course {
        margin-top: 50px;
        background-image: url(images/roundel-shell.jpg);
        background-repeat: no-repeat;
        background-position: bottom;
        padding-bottom: 70px;
        }

.eval {
        margin-top: 50px;
        background-image: url(images/roundel-plant.jpg);
        background-repeat: no-repeat;
        background-position: bottom;
        padding-bottom: 70px;
        }

.faq {
        margin-top: 30px;
        }

.evalquote {
        font-size:80%;
        font-style: italic; 
        }

.delimquote {
        font-size:80%;
        font-style: italic;
        padding-bottom: 10px;
        border-bottom: 1px dashed #AA9999; 
        }

.summary {
        padding: 5px 5px 5px 25px;
        font-size:90%;
        font-style: italic;
        color:#635258;
        background-color:#E7CE8F; 
        background-image: url(images/indent.gif);
	background-repeat: no-repeat;
        background-position: 0 6px;   
        }


.summary em {
        font-size:100%;
        color:#635258;
        font-style: italic;
        }
      
.clearboth { 
        clear: both; 
        }

div.figure {
       float: right;
       border: 1px #AA9999 solid;
       margin: 0.3em;
       padding: 0.3em;
       background-color:#E7CE8F;
       }

div.figure p {
       text-align: center;
       font-size: smaller;
       text-indent: 0;
       margin:0;
       }

h2 {
        font-size:120%;
        color:#AA9999;
        text-transform: uppercase; 
        background-image: url(images/fern-bullet.jpg);
        background-repeat: no-repeat; 
        padding-left: 100px;
        padding-top: 8px;
        padding-bottom: 22px;
        }

h3 {
	font-size:110%;
        color:#635258; 
	}

h4 {
	font-size:100%;
        color:#855322;
        margin-bottom:0;
 	}
h5 {
	font-size:80%;
        font-weight: bold;
        color:#635258;
        margin-top:0;
 	}
h6 {
        font-size:80%;
	font-weight:bold;
        color:#635258;
        font-style: italic;
        margin-top:40px;
 	}

p {     
        font-size:80%;
        color:#564733;
        }

.clearboth { 
        clear: both; 
        }

.floatright { 
        float: right;
        margin: 0 0 0 10px;
        }

.floatleft { 
        float: left;
        }

.clientlogo { 
        text-align : center ;
        margin: 5px 0 0 0;
        }


em {     
        font-size:90%;
        font-weight:bold;
        color:#635258;
        font-style: normal; 
        }

p.img { margin: 10px 10px 10px 10px;}

p.evalquote {margin: 0 0 5px 0;}

ul {
        font-size:80%;
        color:#564733;
        }

ul#navlist {
        margin: 0 0 20px 0;
        padding-left: 0;
        white-space: nowrap;
        text-align:center;
        font-size:80%;
        }

#navlist a {padding: 0px 10px 0px 10px;}

#navlist li {
        display: inline;
        list-style-type: none;
        text-transform: uppercase; 
        border-left:1px solid #AA9999;
        }

#navlist li:first-child { /* supress "pipe" symbol for leftmost menu item */
        border-left:none;     
        } 

#navlist a:link, #navlist a:visited {
        color: #855322;
        text-decoration: none;
        }

#navlist a:hover {
        color:#855322;
        background-color:#C3AC68;
        text-decoration: none;
        border-bottom: solid #855322;
        }

#navlist li a#current, #navlist li a#current:link { /*highlights current menu option */
        color:#635258;
        text-decoration: none;
        border-bottom: solid #AA9999;
        }

#enqform {
        float:left; 
        display:block;
        color:#635258;
        background-color:#E7CE8F;
        font-size:80%;
        }
a:link {color: #855322; text-decoration: underline; }
a:active {color: #0000ff; text-decoration: underline; }
a:visited {color: #635258; text-decoration: underline; }
a:hover {color: #660066; text-decoration: none; }

</style>