html {
margin: 0; padding: 0;
}

body {
background: #000 url(images/backdrop.jpg) repeat-x;
color: #000;
font: 13px/17px verdana, sans-serif;
margin: 0; padding: 0;
}

a:link {color:#060; background: transparent; font-weight: bold; text-decoration:none; }
a:visited {color:#060; background: transparent; font-weight: bold; text-decoration:none; }
a:hover {text-decoration:underline;}
a:active {color:#fff; background: #060; font-weight: bold; text-decoration:none; }

/*-- The following definitions pertain to the "container" division --*/

div#container {
width: 750px;
color: #000;
background: #fff;
margin: 0 auto 0 auto;
padding: 0;
}

/*-- This is the CSS code for the tabbed navigaton table below the banner --*/


table.navbar	{
width: 750px;
border: 0;
margin: -4px 0 0 0;
padding: 0;
color: #000;
background: #cfc;
text-align: center;
}

td.navbar1	{
height: 21px;
vertical-align: middle;
color: #060;
background: #9c9;
font: bold 14px/14px arial, helvetica, sans-serif; 
border-bottom: 9px #9c9 solid;
}

td.navbar2	{
height: 21px;
vertical-align: middle;
color: #fff;
background: #363;
font: bold 14px/14px arial, helvetica, sans-serif; 
border-bottom: 9px #9c9 solid;
}

td.navbar3	{
width: 100%;
height: 21px;
vertical-align: middle;
color: #000;
background: #cfc;
font: bold 14px/14px arial, helvetica, sans-serif; 
border-bottom: 9px #9c9 solid;
}

a.navbar:link {color:#fcf; background: transparent; text-decoration:none;}
a.navbar:visited {color:#fcf; background: transparent; text-decoration:none;}
a.navbar:hover {color:#fcf; background: transparent; text-decoration:none;}
a.navbar:active {color:#fcf; background: transparent; text-decoration:none;}


/*-- End NavBar code --*/



/*-- The is all the CSS code the makes the navigation links behave like JavaScript rollovers (it doesn't take much, does it?) --*/

div#navlinks {
width: 100%;
}

div#navlinks a {
color: #060;
background: #9c9 url(images/button.gif);
font: bold 13px/13px arial, helvetica, sans-serif; 
text-align: left;
text-decoration: none;
display: block;
padding: 3px 3px 5px 3px;
margin: 0;
}

div#navlinks a:hover {
color: #696;
background: #9c9 url(images/button2.gif);
text-decoration: none;
}

div#navlinks a:active {
color: #fff;
background: #9c9 url(images/button3.gif);
text-decoration: none;
}

div#navlinks a.yourhere {
color: #060;
background: #9c9 url(images/button3.gif);
text-decoration: none;
}


/*-- Formatting for two-column format --*/

table#content {
width: 750px;
}

td.content1 {
color: #000;
background: #fff;
width: 492px;
vertical-align: top;
padding: 9px 15px 15px 15px;
}

td.content2 {
color: #000;
background: #000 url(images/sunlight.jpg) no-repeat;
width: 210px;
vertical-align: top;
padding: 0 9px 9px 9px;
}

/*-- End NavBar code --*/



/*-- This table data is for the 'Previous|Next Page' links --*/

table.pagelinks {
display: block;
width: 486px;
margin-top: 21px;
}


td.left {
width: 120px;
text-align: left;
font: 13px/17px verdana, sans-serif;
}

td.right {
width: 366px;
text-align: right;
font: 13px/17px verdana, sans-serif;
}





/*-- Misc divisions --*/

div#breadcrumb {
font: 10px/12px verdana, sans-serif;
margin: 0;
}


div.sidebar {
margin: 24px 0 12px 0;
padding: 3px 15px 15px 15px;
border: #999 1px solid;
}

div#copyright {
color:#003;
background: #cfcfcf;
text-align: center;
font: 9px/10px verdana, sans-serif;
padding: 5px;
border-top: #006 1px dotted;
margin: 0;
}

div.center {
display: block;
text-align: center;
}


/*-- These are the formatting elements for the Study Questions --*/

div.study {
display: block;
width: 456px;
color:#000;
background: #cfffcf url(images/study_question.gif) left top no-repeat;
margin-top: 15px;
margin-bottom: 7px;
padding: 42px 15px 15px 15px;
border: #393 1px solid;;
}

td.study1 {
color:#363;
background: transparent;
font: normal bold 24px/21px arial, geneva, sans-serif;
text-align: right;
width: 24px;
padding-right: 6px;
vertical-align: top;
}

td.study2 {
color:#000;
background: transparent;
font: bold italic 14px/17px arial, geneva, sans-serif;
text-align: left;
vertical-align: top;
}





/*-- Common block elements --*/

h1 {
color:#363;
background: transparent;
font: normal bold 30px/33px arial, geneva, sans-serif;
text-align: center;
margin: 24px 0 18px 0;
}

h1.a {
color:#363;
background: transparent;
font: normal bold 36px/36px impact, arial, geneva, sans-serif;
text-align: center;
margin: 36px 0 18px 0;
}

h2 {
color:#363;
background: transparent;
font: normal bold 16px/19px arial, geneva, sans-serif;
text-align: left;
margin: 36px 0 0 0;
}

h2.center {
color:#363;
background: transparent;
font: italic bold 16px/19px arial, geneva, sans-serif;
text-align: center;
margin: 0;
}

h3 {
color:#363;
background: transparent;
font: normal bold 16px/19px arial, verdana,geneva, sans-serif;
text-align: center;
margin: 9px 0 0 0;
}

h4 {
color:#00c;
background: transparent;
font: normal bold 14px/16px arial, verdana,geneva, sans-serif;
text-align: center;
margin: 9px 0 6px 0;
}


/* Be kind to Netscape 4* /

p, td, ol, ul, li, dl, dt, dd {font-family: verdana, sans-serif;}

/* Done being kind to Netscape 4 */


p {
margin: 7px 0 0 0;
font: 13px/17px verdana, sans-serif;
}

p.indent {
margin: 7px 36px 0 36px;
}

p.a {
margin: 15px 0 0 0;
}

p.center {
text-align: center;
}

p.right {
margin: 28px 0 0 0;
text-align: right;
}

p.indent {
margin: 7px 24px 0 24px;
}

p.sm11 {
font: 11px/14px verdana, sans-serif;
margin: 7px 0 0 0;
}

p.sm11indent {
font: 11px/12px verdana, sans-serif;
margin: 18px 72px 0 72px;
}

p.sm {
font: 10px/11px verdana, sans-serif;
margin: 6px 0 0 0;
}

p.xsm {
font: 9px/10px verdana, sans-serif;
margin: 2px 0 0 0;
text-align: center;
}

p.smcenter {
font: 10px/12px verdana, sans-serif;
text-align: center;
margin: 0;
}

input {
font: 9px/9px verdana, sans-serif;
}

ol, ul {
list-style-type: none;
margin-left: 0;
padding-left: 0;
font: 13px/17px verdana, sans-serif;
}

li {
background: url(images/bullet.gif) left top no-repeat;
color: #000;
margin-top: 7px;
padding-left: 15px;
}

ul.littlelead {
margin-top: 3px;
}

li.nolead {
margin-top: 0px;
}

span.smallcaps {
font-variant: small-caps;
}

span.small {
font: 10px/12px verdana, sans-serif;
}

span.red {
color: #f00;
background: transparent;
font-weight: bold;
}

span.green {
color: #090;
background: transparent;
font-weight: bold;
}

span.white {
color: #fff;
background: transparent;
font-weight: bold;
}

span.ul {
text-decoration: underline;
}

img {
border: 0;
}

img.center {
display: block;
text-align: center;
margin: 12px auto 12px auto;
}

img.left {
margin: 9px 9px 6px 0;
float: left;
}

img.right {
margin: 9px 0 6px 9px;
float: right;
}

img.spacer {
margin: 360px 0 0 0;
}



/*-- The following definitions pertain to price listing tables --*/

td.indexcell {
text-align: center;
padding: 0;
}


table.wide100 {
width: 100%;
margin: 12px 0 12px 0;
}

table.wide90 {
width: 90%;
text-align: center;
margin: 12px 5% 12px 5%;
}

table.wide80 {
width: 80%;
text-align: center;
margin: 12px 10% 12px 10%;
}