body {
 font-family: verdana,arial,helvetica,geneva,sans-serif;
 text-align:center;
 background: #713b7c url(/images/backgroundtop.gif) left top repeat;
 margin-top: -20px;
 margin-bottom: -20px;
}
a {
 text-decoration:none;
 border:0;
 color:black;
}
a:hover {color:white;}
a img {border:0;
}
div.wholepage {
 margin: 0 auto;
 width: 748px;
 height: 1024px;
 background-color:  white;
}
div.header {
 margin: 5px 5px 15px 5px;
 clear: left;
 height: 120px;
 background: url(/images/sunset3.jpg) 100% 0 no-repeat;
}
div.wholepage img {
 float: left;
 margin: 15px 15px 0 15px;
}
div.header p {
 color: white;
 font-weight: bold;
 font-size: 1.5em;
 text-align: right;
 margin: 20px;
}
div.details {
 float: left;
 display: inline;
 width: 510px;
 clear: left;
 margin: 15px 0 0 15px;
 padding: 0px;
}
div.services {
 float: right;
 width: 200px;
 margin: 15px 15px 0 0;
}
div.services div {
 background: url(/images/grungetop.gif) left top no-repeat;
 width: 200px;
 height: 379px;
 margin: 0;
 padding: 4px 0 0;
}
div.services div div {
 background: url(/images/grungebottom.gif) left bottom no-repeat;
 width: 200px;
 height: 379px;
 padding: 0 0 4px;
}
div.services div div div{
 background: url(/images/grungerail.gif) left top repeat-y;
 padding: 1px 0px 0px;
}
div.services h1 {
 font-size: 13px;
 text-align: left;
 line-height: 14px;
 padding: 0 15px;
}
div.services h2 , div.courses h2 , div.block2 h2 {
 font-size: 10px;
 line-height: 11px;
 text-align: left;
 padding: 0 15px;
 margin-top: -5px;
}
div.block2 h2 {
 margin-top: 0px;
}
div.services ul , div.courses ul {
 margin-top: -5px;
}
div.services li , div.courses li {
 font-size: 10px;
 color: #7c6c84;
 line-height: 10px;
 text-align: left;
}
div.services li a {
 color: #7c6c84;
}
div.services li a:hover {
 color: white;
}
div.pic,div.block2 {
 float: left;
 display: inline;
 background: url(/images/lightpurpletop.gif) left top no-repeat;
 width: 240px;
 height:180px;
 margin: 0 15px 15px 0;
 padding: 4px 0 0;
}
div.block2 {
 height: 378px;
}
div.pic div, div.block2 div {
 background: url(/images/lightpurplebottom.gif) left bottom no-repeat;
 width: 240px;
 height:180px;
 padding: 0 0 4px;
}
div.block2 div {
 height: 378px;
}
div.pic div div , div.block2 div div {
 background: url(/images/lightpurplerail.gif) left top repeat-y;
 padding: 1px 0px 0px;
}
div.block2 ul.address li {
 list-style: none;
 font-size: 10px;
}
 
div.pic div div div {
 height:155px;
}
div.block2 div div div {
 height:353px;
}
div.pic img , div.block2 img {
 border: 1px solid #713b7c;
 margin: 10px 15px 0px 15px;
 height: 70px;
}
div.pic h1 , div.block2 h1 {
 font-size: 13px;
 text-align: left;
 line-height: 13px;
 padding: 0 15px;
}
div.pic p , div.block2 p {
 font-size: 11px;
 text-align: left;
 color: #7c6c84;
 padding: 0 15px;
}
div.block2 ul {
 font-size: 11px;
 text-align: left;
 color: #7c6c84;
}
div.pic p.learnmore , div.block2 p.learnmore {
 font-size: 9px;
 text-align: center;
 color: #fefe02;
 line-height: 9px;
 margin: 0 -12px;
}
div.pic p.learnmore a , div.block2 p.learnmore a {
 color: #fefe02;
}
div.pic p.learnmore a:hover , div.block2 p.learnmore a:hover {color: white;}
div.twoatleft {
 float: left;
 height:353px;
 width:240px;
 margin: 0 15px 15px 0;
 padding: 0;
}
div.footer {
 float:left;
 clear: left;
 height: 20px;
 width: 739px;
 background: url(/images/topfooter.gif) left top no-repeat;
 padding: 4px 0 0;
 margin: 0 5px;
}
div.footer div {
 height: 20px;
 width: 739px;
 background: url(/images/bottomfooter.gif) left bottom no-repeat;
 padding: 0 0 4px;
}
div.footer div div {
 background: url(/images/railfooter.gif) left top repeat-y;
 padding: 1px 0px 0px;
}
div.footer div div p{
 margin: 0 5px 0;
 padding: 0;
 font-size: 10px;
 line-height: 10px;
 color: #a382aa;
}
p#footer-left {float: left;}
p#footer-right {float: right;}
div.footer div div a{
 color: #a382aa;
}
#nav {
 margin: 0 0 0 15px;
 padding: 0;
}
div.tabs {
}
#nav li {
 list-style: none;
 float: left; 
 margin-left: 1px;
 padding-left: 16px;
 font-size: 10px;
 line-height: 20px;
 white-space: nowrap; 
 background: #bbb url(/images/rect1323.png) 0 0 no-repeat;
}
#nav a {
 display: block;
 float: left;
 padding: 0 16px 0 0;
 text-decoration: none;
 font-weight: bold; 
 background: #ccc url(/images/rect1323.png) 100% 0 no-repeat;
 color: #333;
 width: .1em;
}
html>body #nav a {width: auto;}	/* fixes IE6 hack */
/* Commented backslash hack hides rule from IE5-Mac \*/
#nav a {float: none;}	/* End IE5-Mac hack */
#nav #current, #nav #current a { 
 color: #fdb; 
 background-image: url(/images/rect1321.png);
}
table.contactus {
 margin: 0 15px;
}
table.contactus td , table.contactus th , table.courseinfo td , td.courseselect, td.courseselect select , td.courseselect input , table.contactus input , table.contactus select , table.contactus textarea {
 font-size: 10px;
 color: #7c6c84;
 line-height: 10px;
 text-align: left;
}
table.contactus th {
 font-weight: bold;
 color: black;
}
td.courseselect select {
 background: #dcc7e0;
}
table.courseinfo {
 border: 1px solid #e8e4e9;
 margin-left: 15px;
}
table.courseinfo td {
 background: #e8e4e9;
 padding: 0 5px;
 width: 90px;
}
table.courseinfo a {
 color: #7c6c84;
}
input.submit {
 font-size: 10px;
 color: #7c6c84;
 line-height: 10px;
/* border: 3px double #CCCCCC;
 border-top-color: #999999;
 border-left-color: #999999; */
}
table.courseinfo td.courseselect {
 width: auto;
}