
body{
	background-color:#FFFFFF;
	margin: 0 auto 1em auto;
}


/* Top ------------------------------------------------------- */
#top {width: 760px; background-color:#434343;}
#top td{vertical-align:bottom;}
#top a {
	display: block;
    color: #FFFFFF;
    font-size: 9pt;
    text-decoration: none;
    font-weight: bold;
	font-family:Arial, Helvetica, sans-serif;
    margin: 0px 35px 3px 0px;
	padding: 0px;
}
#top a:hover {color: #FFCC00;}


/* Banner ---------------------------------------------------- */
#banner {width: 760px; background-color:#7A7A7A;}


/* Content --------------------------------------------------- */
#content {width: 760px; background-color:#D6D6D5;}
#content td{vertical-align: top;}
/* wide */
.wide {width: 600px; background-color:#FFFFFF; padding-top: 15px;}
.wide h4 {color: #003366; font-size: 13.5pt; margin: 5px 24px 9px 24px;}
.wide p.author {font-size:9pt; font-variant:small-caps; margin: 3px 24px 0px 24px}
.wide hr.authorRule {margin: -5px 24px 0px 24px;}
.wide h5 {color: #333333; font-size: 10pt; line-height: 15pt; margin: 5px 24px 5px 24px;}
.wide h3 {color: #036; font-size: 12pt; line-height: 15pt; margin: 5px 24px 5px 24px;}
.wide p {margin: 12px 24px 16px 24px; font-size: 10pt; line-height: 15pt;}
.wide ul, ol {font-size: 10pt; line-height: 15pt; padding-left: 48px; padding-bottom: 24px;}
.wide ul {list-style-type: square;}
.widetext {font-size: 10pt;}
/* callouts */
.callout {width: 190px; margin: 12px 0px 0px 0px;}
.callout h4 {background-color: #333333; margin: 0px; padding: 9px 7px 3px 7px; font-size: 11pt; color: #FFFFFF;}
.callout p {background-color: #CCCCCC; margin: 0px; padding: 10px; font-size: 8pt; line-height: 12.5pt; color: #333333;}
.calloutpic {width: 220px; margin: 12px 0px 0px 0px;}
.calloutpic p {padding: 0px; margin: 5px 0px 2px 0px; font-size: 8pt; font-weight: normal; line-height: 11pt; color: #333333;}
.calloutpic ul {color: #FFFFFF; list-style-type:square; margin: 0px 10px 0px 30px; padding: 10px;}
.calloutpic ul li{color: #FFFFFF;}
.calloutpicnarrow {width: 150px; margin: 12px 0px 0px 0px;}
.calloutpicnarrow p {padding: 0px; margin: 5px 0px 2px 0px; font-size: 8pt; font-weight: normal; line-height: 11pt; color: #333333;}
.calloutquote {width: 220px; margin: 12px 0px 0px 0px; border: 1px solid #CCCCCC;}
.calloutquote p{padding: 0px; margin: 9px; font-size: 10pt; font-family:"Times New Roman", Times, serif; font-weight: normal; line-height: 12pt; color: #036;}
/* callouts Left */
.callout-left {width: 190px; margin: 12px 0px 0px 0px;}
.callout-left h4 {background-color: #333333; margin: 0px; padding: 9px 7px 3px 7px; font-size: 11pt; color: #FFFFFF;}
.callout-left p {background-color: #CCCCCC; margin: 0px; padding: 10px; font-size: 8pt; line-height: 12.5pt; color: #333333;}
.calloutpic-left {width: 220px; margin: 12px 0px 0px 24px;}
.calloutpic-left p {padding: 0px; margin: 5px 0px 2px 0px; font-size: 8pt; font-weight: normal; line-height: 11pt; color: #333333;}
.calloutpicnarrow-left {width: 150px; margin: 12px 0px 0px 0px;}
.calloutpicnarrow-left p {padding: 0px; margin: 5px 0px 2px 0px; font-size: 8pt; font-weight: normal; line-height: 11pt; color: #333333;}
.calloutquote-left {width: 220px; margin: 12px 0px 0px 0px; border: 1px solid #CCCCCC;}
.calloutquote-left p{padding: 0px; margin: 9px; font-size: 10pt; font-family:"Times New Roman", Times, serif; font-weight: normal; line-height: 12pt; color: #036;}
/* class notes */
.classnotestd1 {background-color: #D6D6D5;}
.classnotestd1 p {margin: 7px 24px 7px 24px; font-size: 10pt;}
.classnotestd1 a {color: #333333;}
.classnotestd2 {background-color: #AAAAAA;}
.classnotestd2 p {margin: 7px 24px 7px 24px; font-size: 10pt;}
.classnotestd2 a {color: #333333;}

/* narrow */
.narrow {width: 160px;}


/* Bottom ---------------------------------------------------- */
#bottom {width: 760px; height: 25px; background-color:#434343;}
.bottomwide {width:600px;}
.bottomwide p {font-size: 9pt; color: #FFFFFF; padding: 4px 24px 3px 24px; margin: 0px}
.bottomwide a {color: #FFFFFF; text-decoration: none;}
.bottomwide a:hover {color: #FFCC00;}
.bottomnarrow {width:160px;}
.bottomnarrow p {font-size: 9pt; color: #FFFFFF; padding: 4px 24px 3px 0px; margin: 0px}
.bottomnarrow a {color: #FFFFFF; text-decoration: none;}
.bottomnarrow a:hover {color: #FFCC00;}

/* Picture Perfect ---------------------------------------------------- */
.picture-perfect {background-image:url(images/picture-perfect-corner.gif); background-repeat:no-repeat; background-position:top right; background-color:#CCCCCC; margin: 10px; padding: 25px 0px 15px 0px;}
.picture-perfect h4 {border: 4px solid #003366; display:inline; font-family:Arial, Helvetica, sans-serif; font-size: 14pt; padding: 3px;}
.picture-perfect h5 {color: #003366; font-family:Arial, Helvetica, sans-serif; font-size: 10pt; text-transform:uppercase;}

/* Smart Quotes ---------------------------------------------------- */
.smartQuotes {padding: 0 15px 8px 15px;}
.smartQuotes p {}
.smartQuotes p.start {background-image: url(images/smart-quotes-left.gif); background-position:top left; background-repeat:no-repeat; padding: 5px 0px 0px 0px; text-indent: 25px;}
.smartQuotes p.end {background-image: url(images/smart-quotes-right.gif); background-position:bottom right; background-repeat:no-repeat;}
.smartQuotes .imageBox {float: right; margin-left: 15px; width: 150px;}
.smartQuotes .imageBox p {font-size: 10px; line-height: 1.15em;}

/* Image Box ---------------------------------------------------- */
.imageBox {float:right; margin:0 15px 0 15px; width: 240px;}
.imageBox p {font-size: 10px; line-height: 1.15em; margin:0; padding:10px;}
