@charset "utf-8";
/* CSS Document */

* {	margin: 0 auto;	padding: 0; }

body { color:#fff; font: 13px Comic sans MS, Comic sans, sans-serif; background: url(../images/bkg.jpg) repeat-x; }
h1 { margin: 0 0 20px 0; font-family: Arial, Verdana, Tahoma, sans-serif; font-size: 20px; font-weight: normal; }
h2 { margin: 0 0 20px 0; font-family: Comic sans MS, Comic sans, sans-serif; font-size: 13px; font-weight: normal; color:#0e1776; }

p {	margin: 10px 0;	line-height: 1.6em; }

img { border: 0; }

.wrapper { width: 1100px; }


/* logo */
.wrapper .content .header { float: left; width: 100%; height: 183px; margin: 0; background: url(../images/header.jpg) no-repeat; }
/* NAV STYLES */

.wrapper .content .header .menu {float: left; width: 660px; margin: 49px 0 0 410px; display: inline;}
.wrapper .content .header .menu ul {float: left; color: #a3238e; font-weight: bold; padding: 0; margin: 0 0 0 0;}
.wrapper .content .header .menu ul li {float: left; font-size: 11px; list-style: none; padding:0; line-height: 2.3em; text-align: center; font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif; margin: 0;}
.wrapper .content .header .menu ul li span { display:none; }
.wrapper .content .header .menu ul li a {font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif; text-decoration:none; color:#fff; margin: 0 11px 0 0; display:block; height: 133px; background: url(../images/nav-01.png) repeat; background-position: 0 2px; cursor: pointer;}
.wrapper .content .header .menu ul li a:hover {text-decoration:none; background-position: 0 -132px;}
.wrapper .content .header .menu ul li a:active {text-decoration:none; background-position: 0 -56px;}


/*-----*/

.wrapper .content { float: left; background: url(../images/bkg-content.jpg) no-repeat bottom #819eda; width: 1100px; height: 850px; margin: 0;  }
.wrapper .content .copy { float: left; width: 640px; margin: 10px 0 0 95px; display: inline; }
.wrapper .content .copy ol { margin: 15px 15px 15px 30px; }
.wrapper .content .copy ul {margin: 0 0 20px 0; }
.wrapper .content .copy ol li { margin: 0 0 0.8em 0; line-height: 1.6em; }
.wrapper .content .copy ol li ul li, ul li { margin: 0 0 0 1.6em; line-height: 1.6em; }

/* WHERE TO GO NAV */

.wrapper .content .copy .menu {float: left; width: 100px; margin: 15px 0 0 0; display: inline;}
.wrapper .content .copy .menu ul {float: left; color: #a3238e; font-weight: bold; padding: 0; margin: 0 0 0 0;}
.wrapper .content .copy .menu ul li {float: left; font-size: 11px; list-style: none; padding:0; line-height: 2.3em; text-align: center; font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif; margin: 0; position: relative;  }
.wrapper .content .copy .menu ul li .textCallout { background: url(../images/bkg-callout.png) no-repeat; width: 168px; height: 110px; color:#0e1776; text-align: center; font-size:12px; padding: 12px 15px 0 25px; line-height: 16px; font-weight: normal; position: absolute; left: 110px; margin-top: -60px; display: none; }
.wrapper .content .copy .menu ul li span { display:none; }
.wrapper .content .copy .menu ul li a {font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif; text-decoration:none; color:#fff; margin: 0 11px 8px 0; width: 100px; display:block; height: 22px; background: url(../images/nav-01.png) repeat; background-position: 0 2px;}




/*-----*/

.wrapper .content .copyScrollBkg { float: left; width: 618px; height: 392px; margin: 0; background: url(../images/bkg-scroll.png) no-repeat;  }
.wrapper .content .copyScrollBkg .copyScroll { float: left; width: 578px; height: 350px; margin: 16px 0 0 15px; color: #0e1776; overflow: auto; -margin: 8px 0px 0px 7px; position: relative; z-index: 50;}
.wrapper .content .copyScrollBkg .copyScroll ol { margin: 15px 15px 15px 30px; }
.wrapper .content .copyScrollBkg .copyScroll ul {margin: 0 0 20px 0; }
.wrapper .content .copyScrollBkg .copyScroll ol li { margin: 0 0 0.8em 0; line-height: 1.6em; }
.wrapper .content .copyScrollBkg .copyScroll ol li ul li, ul li { margin: 0 0 0 1.6em; line-height: 1.6em; }

.wrapper .content .rightImage { float: left; margin: 10px 0 0 10px; }

.wrapper .content .copy .customPtag { padding-right: 400px; background: url(../images/blowout-howto.png); no-repeat bottom; height: 123px; }
.wrapper .content .copy p a img { position: relative; z-index: 500; }