* {margin: 0; padding: 0;}

body {font-family: Verdana, sans-serif; font-size: 12px; background: #dadfd4; behavior:url("../csshover2.htc");} 

#main { width: 800px; background: #fff url(../images/bg-top2.jpg) no-repeat; margin: 0px 10px; padding: 10px 0px 0px 0px; position: relative;}

#main-wrapleft {width: 850px; background: url(../images/bg-left.jpg) repeat-y;  margin: 0px auto 10px auto; padding-left: 15px;}
#main-wrapright {width: 830px; background: url(../images/bg-right.jpg) top right repeat-y; padding-right: 5px;}

#header {background: #5e72a4 url(../images/bg-header-small.jpg) repeat-x; width: 100%;}

#content2 {border-top: 6px solid #dadfd4; background: #fff; clear: both; position: relative; padding-right: 330px; background: url(../images/bg-dots3.jpg) repeat-x; text-align: center;}

#content3 {border-top: 6px solid #dadfd4; background: #fff; clear: both; position: relative; background: url(../images/bg-dots3.jpg) repeat-x; text-align: center;}

#packageWrap { width: 750px; margin: 20px auto; border: 3px double #eee; background: #bdcca8; position: relative;}

#left {margin: 20px 0 10px 20px; background: #dee7ca; width: 380px; float: left; text-align: left;}

#right {float: right; width: 280px; margin: 20px 20px 0px 0px; border: 3px double #d7d7d7; background: #fafcf8;}

.cream {background: #fefcdf; border: 1px solid #eee; margin: 10px 0;}

#right2 {position: absolute; width: 320px; top: 60px; right: 0px; border-left: 1px dashed #d7d7d7; backwhitwhitground: #fafcf8;}

#footer {background: #b5c3a2 url(../images/bg-softsage2.jpg) repeat-x; text-align: center; padding: 20px 20px 5px 20px; color: #333; border-bottom: 5px solid #4971ad;}

#footer2 {width: 850px; height: 20px; background: url(../images/bg-bottom.jpg)  no-repeat; margin: 0px 0px 0px 2px}

div#websitePics {margin: 20px auto; background: #dadfd4; width: 350px; text-align: center; padding: 10px;}

div#websites {margin: 20px auto; background: #cedbba; width: 350px; text-align: center; padding: 10px 6px;}

div#websites img {margin: 4px; border: 1px solid black;}

div.message {background: #f4f9fc; margin: 10px 70px; padding: 5px 5px 12px 5px; clear: both;}

div.message h5 {margin: 0px 0px 10px 0px; color: #5d7964; font-weight: bold; background: #ccc url(../images/bg-green-border.jpg) bottom left repeat-x; padding: 5px 20px 12px 20px; font-size: 1em;}

/* header1 */

#title {margin: 0px; padding: 0px; font-size: 1em; color: #2b374f;
      position: relative; width: 410px; height: 98px;
      overflow: hidden;}

#title span {display: block;
      position: absolute; left: 0; top: 0; z-index: 1;
      width: 410px; height: 98px; margin: 0; padding: 0;
      background: url(../images/logo-small.jpg) top left no-repeat;}


/* miscellaneous */


h2 {font-size: 1.1em; color: #333; padding: 6px; margin: 20px 25px 6px 25px; text-align: center;}

h3 {font-size: 1em; color: #4971ad; padding: 6px; margin: 6px 20px; text-align: center;}

h3.graphic {font-size: 1.2em; color: #eff0e9; font-family: georgia, serif; background: #44537a url(../images/bg-sub-nav.jpg) bottom left repeat-x; width: 630px; margin: 10px auto 0px auto; padding-bottom: 12px;}

h3.process {background: #ccd9b9 url(../images/bg-nav-green2.jpg) repeat-x; height: 1.3em; margin: 0px 0px 10px 0px; color: #323581; border-top: 2px solid #7c8c68;}

h4 {font-size: 1em; color: #333476; padding: 6px; margin: 12px 55px; text-align: left;}

h4.print {font-size: 1em; color: #333476; padding: 6px;  text-align: center; }

h5 {font-size: .9em; color: #333; padding: 0px 6px; margin: 6px 40px; text-align: left;}

p {margin: 6px 10px; padding: 6px 10px; color: #333;}
p.thin {width: 380px;}

#content2 p {text-align: left;}

p.wideMargin {margin: 10px 70px;}

p.floatHold {width: 600px;}

p.contain {margin: 6px 50px; padding: 6px 10px; color: #222;}

p.extra {margin: 10px 60px; padding: 6px 40px; color: #333;}

p.detail {width: 650px; margin: 10px 20px 10px 50px;}

#content2 p.links {text-align: center;}

#right p.center {text-align: center; margin: 0px auto 20px; padding-bottom: 20px; background: url(images/bg-site.gif) 50% bottom no-repeat; color: #97333d; font-weight: bold;}

p.center img {margin: auto;}
p.center a {color: #723a3c;}

ol{margin: 6px 20px; padding: 6px; color: #222;}
ol li {padding: 4px;}

img.define {border: 1px solid black; margin: 3px;}

img.alignRight {float: right; margin: 0px 80px 10px 10px; border: 1px solid black;}
img.alignRight2 {float: right; margin: 0px 0px 10px 10px;}
img.alignRight3 {float: right; margin: 20px 0px 10px 0px;}
img.alignRight4 {position: absolute; top: 150px; right: 100px;}

img.alignLeft {float: left; margin: 0px 20px 10px 0px; border: 1px solid black;}
img.alignLeft {float: left; margin: 0px 15px 10px 0px; border: 1px solid black;}

img.border {border: 1px solid black;}

img.topRight {position: absolute; top: 10px; right: 30px;}

#right a img {border: none;}

#right img.site { border: 1px solid black; margin: 3px;}

.example {color: #2d7c74; }

div.example {padding: 8px; margin: 10px; border: 1px solid black; float: left; width: 380px;}

p.clear {clear: both;}

.highlight {color: #333476; font-weight: bold;}
.highlight2 {color: #28324d; font-weight: bold;}
.highlight3 {color: #333476; font-weight: bold; background: #fff; padding: 3px; border: 1px solid #fef8e8}
.highlight4 {color: #536253; font-weight: bold; background: #dfe3e6; padding: 3px;}
.highlight5 {color: #274c34; font-weight: bold; background: #cdd3e9; padding: 3px;}
.highlight6 {color: #333476; font-weight: bold; background: #f0f8df url(images/arrow.jpg) 0% 50% no-repeat; padding: 5px 3px 5px 28px; border: 1px solid #f0f8df;}

.crimson {color: #97333d;}


p.clear {clear: both;}

#content2 a:link, #content2 a:visited { color: #31317f;} 
#content2 a:hover, #content2 a:active {background: #edf0e9; color: #323581;}

p.links a:link, p.links a:visited {color: #333476;}
p.links a:hover, p.links a:active {color: #1911ad; background: #edf0e9; text-decoration: none;}

#footer a:link, #footer a:visited { color: #31317f; text-decoration: none;} 
#footer a:hover, #footer a:active { color: #323581; text-decoration: underline;}

h3.graphic a:link, h3.graphic a:visited {color: #cdd3a9; font-family: georgia, serif;}
h3.graphic a:hover, h3.graphic a:active {color: #edf0e9; text-decoration: none;}

div.phone-top {position: absolute; top: 30px; right: 10px; width: 200px;}

#content ul {margin: 20px 25px; list-style-type: square; padding: 4px;}
#content ul li {margin: 4px; padding: 4px;}

div.concepts {background: #f4f9fc; padding: 8px; margin: 20px 70px; border: 3px double #8f9f7b;}

#content div.concepts ul {margin: 10px 90px; list-style-type: square; padding: 4px 4px 4px 30px; color: #701d3a; background: #f4f9fc;}
#content div.concepts ul li {margin: 3px; padding: 3px;}


/* navigation */

#nav {background: #eee url(../images/bg-nav2.jpg) repeat-x;; text-align: center; color: #555; font-family: verdana, sans-serif; font-size: .9em; float: left; width: 100%; font-weight: normal;}

#nav ul {padding: 0px; list-style-type: none; float: left; }

#nav li {padding: 4px; float: left; border-right: 1px solid #dadfd4; border-left: 1px solid #fff; position: relative; background: #fff url(../images/bg-nav2.jpg) bottom left repeat-x; z-index: 1000;}

#nav li:hover {color: #fff; background: #44537a url(../images/bg-nav-blue.jpg) repeat-x;}

#nav ul li ul { margin: 4px 0 0 0; padding: 0px; position: absolute; left: -1px; display: none; width: 14em;  z-index: 1000;}

#nav ul li:hover ul {display: block; color: #222;}

#nav ul li ul:hover {display: block; }

#nav ul li ul li {width: 100%; border-left: 1px solid #fff; border-right: 1px solid #fff; border-bottom: 1px solid #fff; background: #9db777 url(../images/bg-nav-green2.jpg) bottom left repeat-x; font-weight: normal; padding: 3px 2px;}

#nav ul li ul li:first-child { border-top: 1px solid #fff;}

#nav ul li ul li:hover { color: black; background: #9db777 url(../images/bg-nav-green.jpg) bottom left repeat-x;}

#nav a {text-decoration: none; padding: 4px; display: block; color: #222;}

#nav a:hover {color: #fff;}

#nav ul li ul li a:hover {color: #000;}

/* end navigation */