/* i am on cwplap205 in the content_static directory */
body, html {
 margin:0;
 padding:0;
 background:#F2FBFE;
}

body {
 text-align: center; /* centers the layout in IE 5x - needs to be reset in p_container */
 font-family: Arial, Verdana, Helvetica, sans-serif;
 color: #7D7D7D;
 font-size: 12px;
}

a img { border: 0;}

sup {
 line-height: 0px;
}

img.floatleft {
 float: left;
 margin: 0px 10px 10px 0px;
}

/***************** Wrappers and containers start here *****************/

/* sets a buffer wrapper around all others */

#wrapper { 
 background: #fff;
 margin:0 auto;
 width:775px;
 border-right:1px solid #CEE2EF;
 border-left:1px solid #CEE2EF;
 padding: 0px;
}


#container {
 width: 775px;
 margin: 0 auto;
 padding: 0px 0px 0px 0px; /*sets bottom padding below footer */
 background: #fff;
 text-align: left; /* resets the center attribute set above in body needed to center the layout in IE 5x */
}
#threecolwrapper, #homewrapper {
 background:#fff;
 padding-top: 1px;
}
#twocolwrapper {
 background:#fff;
 padding: 1px 1px 0px 0px;
}
#floatwrapper { /*** must enclose two of the three cols - here leftcol. must include center col. ***/
 float: left; 
 width: 600px;
} 

h1 {
 font-family: "Century Gothic", Arial, Verdana, Helvetica, sans-serif;
 font-weight: normal;
 font-size: 21px;
 color: #9E218B;
 padding: 0px 10px 2px 0px;
 margin: 0;
}

h2 {
 font-family: "Century Gothic", Arial, Verdana, Helvetica, sans-serif;
 font-weight: bold;
 font-size: 14px;
 color: #005596;
 padding: 0px 5px 10px 0px;
 margin: 0;
}

h2 a {
 color: #005596;
}


h3 {
 font-weight: bold;
 font-size: 12px;
 color: #373737;
 padding: 2px 0px 10px 0px;
 margin: 0;
}


p {
 font-size: 12px;
 padding: 0px 10px 7px 0px;
 margin: 0;
 color: #5A5A5A;
 line-height: 18px;
}

a {
 color: #9E218B;
 text-decoration: underline
}

a:hover {
 text-decoration: none;
}


ol {
 line-height: 16px;
 color: #5A5A5A;
}
ol li {
 padding:0px 0px 6px 10px;
}

/********************* Columns *******************/

#midcol {
 background: #FFF9E9;
 float: right; 
 width: 380px;
}
#midcolinner, #twocol_rightcolinner {
 padding: 25px 20px 10px 20px;
}

#twocol_rightcolinner img {
}

#twocol_rightcolinner .thumbs {
}

#midcolinner ul, #twocol_rightcolinner ul, #tips ul {
 margin:0;
 font-size: 12px;
 padding:0px 0px 0px 15px;
 color: #5A5A5A;
 line-height: 16px;
}
#midcolinner ul li, #twocol_rightcolinner ul li, #tips ul li {
 list-style-type:none;
 padding:0px 0px 6px 10px;
 background: url(../img/bullet.gif) 0 5px no-repeat;
}

#midcolinner ul li ul li, #twocol_rightcolinner ul li ul li, #tips ul li ul li {
list-style-type:none;
padding:0px 0px 6px 10px;
background: url(../img/bullet_square.gif) 0 5px no-repeat;
}

p.footnote {
 font-size: 10px;
 font-style: italic;
 line-height: 12px;
 padding: 10px 0px 10px 0px;
}

p.caption {
 font-size: 10px;
 line-height: 12px;
 padding: 10px 0px 4px 0px;
}

#callout {
 background: #F2DEE8;
 padding:20px 15px 20px 15px; 
 margin-bottom:10px;
}
#callout p {
 color:#6C085D;
}

#callout ul {
 color:#6C085D;
}

#sidebar {
 background: #FFF0C7;
 padding:20px 15px 20px 15px; 
 margin-bottom:10px;
}

.sidebar {
 background: #FFF0C7;
 padding:20px 15px 20px 15px; 
 margin-bottom:10px;
}


#videomidcol {
 background: #ffc425 url(../img/video_rndbottom.gif) no-repeat bottom center;
 padding: 25px 0px 10px 30px;
}


/************* LEFT COLUMN *********************/
#leftcol {
 margin-right: 380px;
 background: #fff;
 padding: 0px 10px 0px 10px;
 line-height: 12px;
}


#leftcol ul.subnav {
 font-family: Arial, Verdana, Helvetica, sans-serif;
 padding: 15px 10px 15px 10px;
 margin: 0;
 font-size: 11px;
 color: #5A5A5A;
}

#leftcol ul.subnav li {
 padding: 0px 0px 12px 0px;
 list-style-type:none;

}

#leftcol ul.subnav li a {
 text-decoration: none;
 color: #5A5A5A;
}
#leftcol ul.subnav li a:hover {
 text-decoration: underline;
 color: #990082;
}

#leftcol ul.subnav li.subsection  a{
 text-decoration: none;
 padding: 0;
 margin: 0;
 font-size: 11px;
 font-weight: bold;
 color: #B243A1;
}
#leftcol ul.subnav li.subsection  a:hover {
 text-decoration: none;
 color: #B243A1;
}


/*----------
Left Column Tertiary Navs
----------------------------------------******/
#leftcol ul.subnav li ul {
 margin: 0;
 padding: 3px 0px 0px 0px;
 line-height: 16px; 
}


#leftcol ul.subnav li ul li {
 text-decoration: none;
 color: #5A5A5A;
 margin: 0px 0px 0px 10px;

}


#leftcol ul.subnav li.subsection ul li a {
 text-decoration: none;
 color: #666666;
 font-weight: normal;

}
#leftcol ul.subnav li.subsection ul li a:hover {
 text-decoration: underline;
}


#leftcol ul.subnav li.subsection ul li {
margin:0;
padding: 2px 0px 0px 10px;
}

/* Sub sub navs */

#leftcol ul.subnav li.subsection ul li a {
 text-decoration: none;
 color: #666666;
}

#leftcol ul.subnav li ul li.tertiarysection a { /* section highlight */
 text-decoration: none;
 padding: 0;
 margin: 0;
 font-size: 11px;
 font-weight: bold;
 color: #990082;
}
#leftcol ul.subnav li ul li.tertiarysection a:hover {
 text-decoration: none;
 color: #990082;
}

/* quaternary navs */

#leftcol ul.subnav li.subsection ul li.tertiarysection ul li a {
 text-decoration: none;
 font-weight: normal;
 color: #666666;
}

#leftcol ul.subnav li ul li.tertiarysection ul li.quaternarysection a { /* section highlight */
 text-decoration: none;
 padding: 0;
 margin: 0;
 font-size: 11px;
 font-weight: bold;
 color: #990082;
}

#leftcol ul.subnav li ul li.tertiarysection ul li.quaternarysection a:hover { /* section highlight */
 text-decoration: none;
}

#leftcol ul.subnav li ul li.tertiarysection ul li a:hover {
 text-decoration: underline;
 color: #990082;
}

 /* Glossary pages title */
 

#ttl_glossary {
 font-family: "Century Gothic", "Lucida Grande", Tahoma, Arial, Verdana, Helvetica, sans-serif;
 font-weight: bold;
 padding: 0px 0px 10px 10px;
 font-size: 17px;
 color: #F38F1D;
 border-bottom:1px solid #F38F1D;
}

#ttl_glossary a {
 color: #F38F1D;
 text-decoration: none;
}

/**************** Glossary page *******************/
#nav_glossary {
 color:#232F84;
 font-size: 16px;
 font-weight: bold;
}

#nav_glossary a {
 text-decoration: none;
}

#nav_glossary a.section {
 color: #F37A1D
}

#nav_glossary a:hover {
 color: #F37A1D
}


/**************** Glossary Left *******************/


#TJK_DL {
 font-family: Arial, Verdana, Helvetica, sans-serif;
 font-weight: bold;
 padding: 0px 0px 10px 10px;
 margin: 0;
 font-size: 11px;
 color: #F38F1D;
}


/* zeroing out padding and margin */
#TJK_DL dd,#TJK_DL dt {
margin:0;
padding:0;
} 

/* margin for the DTs (shorthand) */
#TJK_DL dt {
margin:7px 0;
}

/* image and left padding for DDs */
#TJK_DL dd {
 padding: 8px;
 background: #F7FCFE;
 font-weight: normal;
 color: #7D7D7D;
 text-align: left;
 font-size: 9px;
}

/* styling all anchors in the DTs */
#TJK_DL dt a {
 background: 0 50% no-repeat;
 padding-left:10px;
 font-family: Arial, Verdana, Helvetica, sans-serif;
 color: #F38F1D;
 font-weight: normal;
 font-style: italic;
 text-decoration:none;
}

#TJK_DL dt a:visited {
 color:#F38F1D;
}

#TJK_DL dt a:visited:hover,
#TJK_DL dt a:hover,
#TJK_DL dt a:active,
#TJK_DL dt a:focus {
 text-decoration: underline;
}
/* the + and - gif in the anchors   */
#TJK_DL .DTplus a {
background-image:url(../img/toggle_plus.gif)
}
#TJK_DL .DTminus a {
background-image:url(../img/toggle_minus.gif)
}
/**********************************/
/*********************************/
#TJK_DL .showDD {
position:relative;
top:0
}
#TJK_DL dd,.hideDD{
top:-9999px;
position:absolute
}

/*************** END LEFT COLUMN *****************/

/*************** RIGHT COLUMN *****************/
#rightcol {
 margin-left: 600px;
}

#rightcolinner{
 padding:6px;
}

.promotop{
 width: 159px;
 height: 18px;
 background: #fff url(../img/promo_top.gif) no-repeat;
}
.promo {
 background: #FFF9E9;
 width: 159px;
}
.promo p {
 padding: 5px 15px 5px 15px;
 font-size: 11px;
 color:#005596;
 line-height:18px;
}
.promo h1 {
 padding: 5px 15px 5px 15px;
 font-weight:bold;
 font-size: 15px;
 color:#F38F1D;
 line-height:18px;
}
.promobottom{
 width: 159px;
 height: 18px;
 background: #fff url(../img/promo_bottom.gif) no-repeat;
 padding-bottom: 10px;
}
/*************** END RIGHT COLUMN *****************/

/*************** TWO-COLUMN TEMPLATE *****************/
#twocol_rightcol {
 background: #FFF9E9;
 float: right; 
 width: 554px;
}

#twocol_leftcol {
 background: #fff;
 float: left; 
 width: 200px;
 padding: 0px 10px 0px 10px;
 line-height: 12px;
}
#twocol_leftcol ul.subnav {
 font-family: Arial, Verdana, Helvetica, sans-serif;
 padding: 15px 10px 15px 10px;
 margin: 0;
 font-size: 11px;
 color: #5A5A5A;
}

#twocol_leftcol ul.subnav li {
 padding: 0px 0px 12px 0px;
 list-style-type:none;

}

#twocol_leftcol ul.subnav li a {
 text-decoration: none;
 color: #5A5A5A;
}
#twocol_leftcol ul.subnav li a:hover {
 text-decoration: underline;
 color: #990082;
}

#twocol_leftcol ul.subnav li.subsection  a{
 text-decoration: none;
 padding: 0;
 margin: 0;
 font-size: 11px;
 font-weight: bold;
 color: #B243A1;
}
#twocol_leftcol ul.subnav li.subsection  a:hover {
 text-decoration: none;
 color: #B243A1;
}


/*----------
Left Column Tertiary Navs
----------------------------------------******/
#twocol_leftcol ul.subnav li ul {
 margin: 0;
 padding: 3px 0px 0px 0px;
 line-height: 16px; 
}


#twocol_leftcol ul.subnav li ul li {
 text-decoration: none;
 color: #5A5A5A;
 margin: 0px 0px 0px 10px;
}

#twocol_leftcol ul.subnav li.subsection ul li a {
 text-decoration: none;
 color: #666666;
 font-weight: normal;

}
#twocol_leftcol ul.subnav li.subsection ul li a:hover {
 text-decoration: underline;
}

#twocol_leftcol ul.subnav li.subsection ul li {
margin:0;
padding: 2px 0px 0px 10px;
}

/* Sub sub navs */

#twocol_leftcol ul.subnav li.subsection ul li a {
 text-decoration: none;
 color: #666666;
}

#twocol_leftcol ul.subnav li ul li.tertiarysection a { /* section highlight */
 text-decoration: none;
 padding: 0;
 margin: 0;
 font-size: 11px;
 font-weight: bold;
 color: #990082;
}
#twocol_leftcol ul.subnav li ul li.tertiarysection a:hover {
 text-decoration: none;
 color: #990082;
}


/* quaternary navs */

#twocol_leftcol ul.subnav li.subsection ul li.tertiarysection ul li a {
 text-decoration: none;
 font-weight: normal;
 color: #666666;
}

#twocol_leftcol ul.subnav li ul li.tertiarysection ul li.quaternarysection a { /* section highlight */
 text-decoration: none;
 padding: 0;
 margin: 0;
 font-size: 11px;
 font-weight: bold;
 color: #990082;
}

#twocol_leftcol ul.subnav li ul li.tertiarysection ul li.quaternarysection a:hover { /* section highlight */
 text-decoration: none;
}

#twocol_leftcol ul.subnav li ul li.tertiarysection ul li a:hover {
 text-decoration: underline;
 color: #990082;
}

/*************** END TWO-COLUMN TEMPLATE *****************/
#tips {
 background: #fff;
 margin:0 auto;
 width:775px;
 border-right:1px solid #CEE2EF;
 border-left:1px solid #CEE2EF;
 text-align:left;
 padding: 0px 0px 15px 15px;
}

/*************** TIPS POP-UP ****************/


/************ Home Template *****************/

#homecol {
 background: #fff;
 padding: 22px 22px 0px 22px;
}

/************ Sitemap Template *****************/

#sitemapfloatwrapper { /*** must enclose two of the three cols - here leftcol. must include center col. ***/
 float: left; 
 width: 516px;
} 

#sitemapmidcol {
 float: right; 
 width: 258px;
 background: #FFF9E9;
}
#sitemapleftcol {
 margin-right: 258px;
}

#sitemaprightcol {
 margin-left: 516px;
}

#sitemapmidcolinner, #sitemaprightcolinner {
 padding: 53px 20px 10px 20px;
}

#sitemapleftcolinner {
 padding: 25px 20px 10px 20px;
}

#sitemapmidcolinner ul, #sitemapleftcol ul, #sitemaprightcolinner ul {
 margin:0;
 font-size: 12px;
 padding:0px 0px 0px 15px;
 color: #5A5A5A;
 line-height: 16px;
}
#sitemapmidcolinner ul li, #sitemapleftcol ul li, #sitemaprightcolinner ul li {                                                   
 list-style-type:none;
 padding:0px 0px 6px 10px;
 font-weight: bold;
 background: url(../img/bullet.gif) 0 5px no-repeat;
}
#sitemapmidcolinner ul ul li a, #sitemapleftcol ul ul li a, #sitemaprightcolinner ul ul li a {
 text-decoration: none;
 font-weight: normal;
 color: #B243A1;
}
#sitemapmidcolinner ul ul li a:hover, #sitemapleftcol ul ul li a:hover, #sitemaprightcolinner ul ul li a:hover {
 text-decoration: underline;
}
#sitemapmidcolinner ul ul ul li a, #sitemapleftcol ul ul ul li a, #sitemaprightcolinner ul ul ul li a {
 font-weight: normal;
 color: #666666;
}

/*************** QUIZ *******************/
#quiz p{
padding:10px 0px 0px 3px;
}
#quiz tr {vertical-align:top;}

.quiz_q {
 font-family: "Century Gothic", "Lucida Grande", Tahoma, Arial, Verdana, Helvetica, sans-serif;
 font-size: 30px;
 color: #6C085D;
}

.quiz_a {
 font-family: "Century Gothic", "Lucida Grande", Tahoma, Arial, Verdana, Helvetica, sans-serif;
 font-size: 30px;
 color:#F38F1D;
}


/******************** Navigation ************************/

/**** HEADER
--------------------------------------*/


#header {
 background: #fff;
 height: 114px;
}


#topnav {
 text-align: right;
 float: right;
 width: 475px;
 padding: 20px 15px 0px 0px;
 font-family: Arial, Verdana, Helvetica, sans-serif;
 font-size: 10px
}

#topnav a {
 text-decoration:none;
 color: #FF9E2F;
}

#topnav a:hover {
 text-decoration:underline;
}

#topnav a.section {
 text-decoration:underline;
}

#topnav img {
 float: left;
}

#logo {
 width: 220px;
 height: 76px;
 padding-bottom: 13px;
}

#breadcrumb {
 background: #ECD3E8;
 font-family: Arial, Verdana, Helvetica, sans-serif;
 font-size: 10px;
 padding: 9px 5px 9px 15px;
 color: #6C085D;
}
#breadcrumb a {
 color: #6C085D;
 text-decoration:underline;
}
#breadcrumb a:hover {
 text-decoration:none
}
/************** Main Nav starts here ********************/

#navwrapper {
 margin: 0; 
}

#nav {
 float: left;
 width: 775px;
 font-family: Arial, Verdana, Helvetica, sans-serif;
 font-size: 12px;
 text-align: center;
 list-style: none; 
 background: #9E218B;
 font-weight: bold;
 padding: 0;
 margin: 0;
 position:absolute;
 z-index: 999;
 border-bottom:1px solid #fff;
}

#nav ul {
 margin: 0;
 padding: 0;
 float: left;
}

#nav li {
 float:left;
 position:relative;
 list-style-type:none;
 background-color:#9E218B;
 border-left:1px solid #BF6DB3; /*set left to give appearance of even spacing across page width*/
}

/* Section highlight */
#nav li.sectionhighlight {
 float:left;
 position:relative;
 list-style-type:none;
 background-color:#6C085D;
 color: #fff;
 border-left:1px solid #BF6DB3;

}
#nav li.sectionhighlight a {
 padding: 5px 27px;
}

#nav li.sectionhighlight ul li a {
 padding: 3px 12px; /* ADUJUST THIS FOR DROP DOWN SPACING */
}


#nav li:hover, #nav li.sfhover {
 background: #6C085D;
}

#nav ul li ul li:hover, #nav ul li ul li.sfhover {
 background: #6C085D; /*rollover color for drop downs*/
}

#nav a {
 display:block;
 padding:5px 27px;
 text-decoration:none;
 color:#fff;
}

#nav ul li ul {
 padding: 0;
 font-size: 11px;
 position: absolute;
 width: 190px;
 left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
 font-weight: normal;
}

#nav ul li ul a {
 padding: 3px 12px; /* ADUJUST THIS FOR DROP DOWN SPACING */
 color:#fff;
}

#nav ul li ul li {
 text-align: left;
 width:100%;
 background-color:#9E218B;
 border-left:1px solid #BF6DB3;
 border-bottom:1px solid #BF6DB3;
 border-right:1px solid #BF6DB3;
 padding:0 0 1px;
 left:-1px;
}

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

#nav li:hover ul, #nav li.sfhover ul {
 left: auto;
} 

* html  #nav ul li ul { /* IE fix that adds a top line to drop downs in IE - can't read :first-child */
 border-top:1px solid #fff;
 border-left:0px; /* stops the drop from inheriting the ul border */
}


/*************** FOOTER *****************/
#footer {
 background:#fff;
 /*border-top:2px solid #FAD2A4;*/
 clear:both;
}
#footerspacer {
 background: #fff;
 border-bottom:2px solid #FAD2A4;
 height: 30px;
}
#footer a{
 color: #666666;
}


#footer p {
 font-size: 11px;
 padding: 0px 10px 7px 0px;
 margin: 0;
 color: #696969;
 line-height: 16px;
}


#footer p.warning {
 border: 1px solid #000;
 padding: 10px;
 margin-right:10px;
 /*color: #666666;*/
 font-weight: bold;
}
/*************** END FOOTER *****************/