/* basic styles */
html, body {margin: 0; padding: 0 0 5em; font: 0.9em/1.4 "Helvetica Neue", Arial, Helvetica, sans-serif; text-align: center; background: #654784 url("images/bodybg.gif") top left repeat;}
#container {width: 740px; border: 5px solid #210f34; border-width: 0 5px 5px; margin: 0 auto; text-align: left; background: #c0c8d1;}
a img {border: 0;}

#masthead {float: left; padding-top: 10px; background: #fff1f7 url("images/mastbg.jpg") top left repeat-x;}
#masthead h1 {float: left; font-size: 1em; padding: 1em 0 10px 30px; margin: 0;}
#masthead div, #masthead form {text-align: right;}

#navbar {float: left; clear: left; margin: 0; padding: 0; background: #f5c063; border-top: 4px solid #210f34; border-bottom: 2px solid #210f34;}
#navbar li {float: left; width: 148px; list-style: none; text-align: center;}
#navbar #nav-home, #navbar #nav-links {width: 148px;} 
#navbar a {display: block; width: 100%; padding: 1em 0; text-decoration: none; white-space: nowrap; color: #210f34;}
#navbar #nav-home a, #navbar #nav-links a {width: 148px;} 
#navbar a:hover {background: #f6d191;}

/* Highlighting the current tab is handled through a body id, instead of a current class. */
#home #nav-home a, #educators #nav-educators a, #clients #nav-clients a, #resources #nav-resources a, #contact #nav-contact a, #links #nav-links a {background: #f69e06; color: #FFF;}

#main {clear: both; border-top: 25px solid #154d8b;}

#masthead, #navbar {width: 740px;}

#contentshadow {float: left; width: 460px; margin: -10px 0 -5px 20px; padding: 0; background: #6a7a8a url("images/content_droptop.gif") 100% -5px no-repeat;}
#content {padding: 20px; position: relative; left: -5px; top: -5px; background: #f4eef5 url("images/contentbg.gif") top left repeat-x; border-style: solid; border-color: #25435D #FFF #FFF #22445B; border-width: 1px 0 0 1px;}

#content a {color: #210f34;}
#content a:hover {color: #654784;}
a.more {background:  url("images/more-arr.gif") 100% 60% no-repeat; border-bottom: 1px solid; text-decoration: none; padding-right: 9px;}

#sidebar {float: right; width: 230px; margin: 10px 10px 0 0;}
#sidebar ul {margin: 0; padding: 0;}
#sidebar li {list-style: none;}

#footer {clear: both; width: 100%; position: relative; padding: 0.66em 0 1em; border-top: 4px solid #ae7bb8; color: #FFF; background: #654784;}
html>body #footer {padding-top: 1em;}
#footer p {margin: 0 1em; line-height: normal; text-align: center;}
#footer a {color: #FFF;text-decoration:underline;}
#footer a:hover {color: #EEAF77;}

#navcontainer {width: 230px; border: 0; padding: 0; margin: 0; font-family: Verdana, Helvetica, Arial, sans-serif; font-size: 0.9em; color: #333; text-align: left;}

#navcontainer ul {width: 230px; list-style: none; margin: 0; padding: 0 0 0 0; border: 0; background-color: #90bade; text-align: left; line-height: 30px;}

#textleft #navcontainer li {line-height: 30px; height: 32px; border-bottom: 1px solid #90bade; margin: 0;}

#navcontainer li a {display: block; padding: 0 5px 0 10px; border: 0; border-top: 1px solid #21425a; border-left: 0; border-right: 0; background: #c0c8d1; color: #21425a; text-decoration: none; height: 30px;}

#navcontainer li a:hover, #navcontainer li#active a {border: 0; border-top: 1px solid #21425a; border-left: 0; border-right: 0; background-color: #7f97b0; color: #21425a;}


#specialcontainer {width: 230px; border: 0; padding: 0; margin: 0; font-family: Verdana, Helvetica, Arial, sans-serif; font-size: 0.9em; color: #333; text-align: left;}

#specialcontainer ul {width: 230px; list-style: none; margin: 0; padding: 0 0 0 0; border: 0; background-color: #90bade; text-align: left; line-height: 30px;}

#textleft #specialcontainer li {line-height: 30px; height: 32px; border-bottom: 1px solid #90bade; margin: 0;}

#specialcontainer li a {display: block; padding: 0 5px 0 10px; border: 0; border-top: 1px solid #654784; border-left: 0; border-right: 0; background: #eccef2; color: #654784; text-decoration: none; height: 30px;}

#specialcontainer li a:hover, #specialcontainer li#active a {border: 0; border-top: 1px solid #654784; border-left: 0; border-right: 0; background-color: #cda5d5; color: #654784;}


/* IE/Win hack \*/
* html #contentshadow {margin-left: 10px;}
* html #sidebar {margin-right: 5px;}