.clear:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
/* Hides from IE-mac \*/
* html .clear {height: 1%;}
/* End hide from IE-mac */
* {margin:0}
body {font-family: Arial, Helvetica, sans-serif; font-size:12px;text-align:center; background:#deded1; margin-top:10px; margin-bottom:25px;}
/*********************** begin main layout ***********************************/

/************ main wrapper *******************/
#wrapper {width:768px;margin:0 auto;text-align:left;overflow:hidden;}
/**************** holds content below upper nav ******************/
#wrapper2 {width:768px;margin:0 auto;text-align:left;overflow:hidden;background:url(../images/back.gif) center repeat-y; padding-top:5px; padding-bottom:5px;}
/***************** upper nav ************************/
#nav {height:22px; position:relative; float:right; margin-right:25px;}
#nav ul {margin:0; padding:0;}
#nav ul li {list-style:none; position:relative; float:left; display:inline; margin:0; padding:0;}
#nav li a {display: block;height:22px;background-repeat:no-repeat;background-position:top left; color:#fff; line-height:22px; font-weight:bold}
#nav li.nav1 a {width:24px;background-image: url(../images/menu1.gif);}
#nav li.nav1 a:hover, #nav li.nav1.active a {background-image:url(../images/menu1_over.gif);}
#nav li.nav2 a {width:24px; background-image: url(../images/menu2.gif); margin-left:5px}
#nav li.nav2 a:hover, #nav li.nav2.active a {background-image:url(../images/menu2_over.gif);}
#nav li.nav3 a {width:24px; background-image: url(../images/menu3.gif); margin-left:5px}
#nav li.nav3 a:hover, #nav li.nav3.active a {background-image:url(../images/menu3_over.gif);}
/********************** header ************************/
#header {margin:0 auto;height:90px;width:752px;background:url(../images/header.jpg) no-repeat;text-indent: -5000px; margin-bottom:25px;}
/************** container for middle content *********************/
#main {overflow:hidden;display:block;padding:3px;margin-bottom:25px}
/****************** sidebar *********************************/
#sidebar {float:left;width:200px;display:block;margin-left:5px;}
#sidebar .main_menu {width:200px;height:31px;background: url(../images/main_menu.gif);}
#sidebar .tools {width:200px;height:31px; margin-top:13px; background: url(../images/tools.gif);}
#sidebar .experiences {width:200px;height:31px;margin-top:13px;background: url(../images/reader_experiences.gif);}
/********************** middle content ***********************/
#homecontent {float:right;width:530px; margin-right:5px;display:block; line-height:1.3em;}
#homecontent p {text-align:left;}
#content {float:right;width:515px; margin-right:20px;display:block; line-height:1.3em;}
#content p {text-align:left; padding-top:12px;}
#content h2 {font-size:14px;font-family:Arial, Helvetica, sans-serif; font-weight:bold; color:#172d41; padding-top: 15px; padding-bottom:0px; margin-bottom:-10px;}
#imgright {float: right;}
h2 a:link, h2 a:active, h2 a:visited {font-family:Arial, Helvetica, sans-serif; font-weight:bold;color:#172d41;text-decoration:none;}
h2 a:hover {font-family:Arial, Helvetica, sans-serif; font-weight:bold;color:#990100;text-decoration:none;}
.bulletlist ul {margin:0; padding:0; padding-left: 10px; list-style-type:none; line-height:1.5em;}
.bulletlist ul li {background: url(../images/listbullet.gif) no-repeat 0 50%; padding-left:25px;}
/******************** footer *************************/
#footer {clear:both;height:68px;margin:0 auto;width:768px;text-align:center;color:#e3e1df;background:url(../images/footer.gif);background-repeat:no-repeat; font-size:10px}
.ft-link {position:relative;top:20px;}
.ft-link a:link, .ft-link a:active, .ft-link a:visited, .ft-link a:hover {text-decoration:underline; color:#e3e1df;}
.ft-link a:hover {text-decoration:underline; color:#ffffff;}
/**************************** begin content elements ***************************/
.maincallout { margin-bottom:10px;}
.infoA, .infoB {border-bottom:1px dotted #e5e5e5;padding:10px;}
.infoS {border-bottom:1px dotted #e5e5e5;padding-bottom:10px; margin:0px;}
.homeblock{border-bottom:1px dotted #e5e5e5; padding:10px;height:auto;overflow:hidden;}
/************************** misc styles *************************/
h1 {font-size:21px;font-family: Georgia, Times New Roman, serif; font-weight:normal; color:#30344a}
h2 {font-size:14px;font-family:Arial, Helvetica, sans-serif; font-weight:bold; color:#172d41}
img {border:0;}
p img {padding:10px;max-width:100%; }
img.right {padding:0px 5px 5px 5px;margin: 0 0 2px 7px;display:inline;}
img.left {padding:0px 5px 5px 5px;margin: 0 7px 2px 0;display:inline;}
.right {float:right;}
.left {float:left;}
a:link, a:active,a:visited {color:#679ca0;text-decoration:underline;}
a:hover {color:#990100;text-decoration:underline;}
.testimonial { width:190px;font-size:11px;font-style:italic;margin-top:5px; margin-left:5px; text-align:left; background:url(../images/quote.jpg) no-repeat top left;}
/******************************* main menu styles *****************************/
.mainmenu{width: 200px;}
.mainmenu ul{list-style-type: none;margin: 5px 0; padding-left:5px; margin-bottom:10px}
.mainmenu ul li a{background: url(../images/bullet.gif) no-repeat 2px center;color: #679ca0;display: block;width: auto;padding: 5px 0;padding-left: 20px;text-decoration: none;border-bottom: 1px dotted #e5e5e5; font-weight:bold; font-size:12px;}
* html .mainmenu ul li a{ /*IE only. Actual menu width minus left padding of LINK (20px) */width: 150px;}
.mainmenu ul li a:visited, .markermenu ul li a:active{color: #679ca0; font-weight:bold;}
.mainmenu ul li a:hover{background-color: #f7f8f8; font-weight:bold}