
body {margin: 2% 0px 0px 0px; padding: 0; text-align:center; background-color: rgb(230,231,232); height: 100%;}

#content {width: 800px; margin: 0px auto; text-align:left; /*IE workaround */}

/* nameplate styles */
#nameplate { position: relative; width:800px; height:127px; border-right: 1px solid black; border-left: 1px solid black; border-top: 1px solid black; text-decoration: none;}


/* top navbar styles */
#greenbar { background-color: transparent; background-image: url(images/underbar1.gif); background-repeat: repeat-x; position: relative; top: -5px; width:800px; height: 48px; margin: 0; padding: 0; border-right: 1px solid black; border-left: 1px solid black; }

.topbartext { text-align: center; width: 140px; height: 23px; float: left; padding: 12px 0 0; }
.topbartext a { color: white; font-size: 12px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: 600; font-stretch: normal; font-style: normal; text-decoration: none; text-align: center; }
.topbartext a:hover { color: rgb(221,91,38); }

.topbartext2 { text-align: center; width: 240px; height: 23px; float: left; padding: 12px 0 0; }
.topbartext2 a { color: white; font-size: 12px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: 600; font-stretch: normal; font-style: normal; text-decoration: none; text-align: center; }
.topbartext2 a:hover { color: rgb(221,91,38); }


/* side navbar styles */
div#mainspace { position: relative; top: -13px; width: 800px; border-left: 1px solid black; border-bottom: 1px solid black; border-right: 1px solid black; background-color: white; background-image: url(images/navbarspacer.gif); background-repeat: repeat-y;  }

td#sidelinks {vertical-align: top; margin: 0;}
td#sidelinks a {display: block; margin: 0 0 -2px 12px; padding: 8px 12px 8px 0; background-color: #dfdfdf; text-align: right; color: #898989; font-size: 12px; font-family: Arial, Helvetica, Geneva, SunSans-Regular, sans-serif; font-weight: 500; font-style: normal;  text-decoration: none; height: 30px; width:168px;}
td#sidelinks a:hover { color: white;  background-color: rgb(152,111,172); border-right: 4px solid rgb(250,174,90);}

div#sidelinks2 a {display: block; margin: 0 0 2px 12px; padding: 13px 12px 0px 0; background-color: #dfdfdf; text-align: right; color: #898989; font-size: 12px; font-family: Arial, Helvetica, Geneva, SunSans-Regular, sans-serif; font-weight: 500; font-style: normal;  text-decoration: none; height: 30px; width:168px;}/* when I change this to a class, the formatting messes up */

div#navpic { width:194px; height:155px ; margin: 0 0 2px 12px; padding-bottom: 0;}
div.spacer {background-color: white; width:172px; padding: 1px 12px 1px 0px; margin: -2px 0 -1px 12px; height: 2px;}
div#spacer2 {background-color: white; width:300px; padding: 0; margin: 0; height: 400px;}
div#navtextbox_last {background-color: #dfdfdf; width:168px;  padding: 0 12px 0 0px; margin: 0 0 0 12px; height: 300px;}


/* main area styles */
td#main {background-color: transparent; padding: 0 17px 0 0; margin: 0 0 0 -20px; vertical-align: top; }   

img#photoright {border: solid 1px black; padding: 0; margin: 0.75em 0 0 1em; text-decoration: none;}
img#photoleft {border: 1px solid black; padding: 0; margin: 0.75em 1em 0 0; text-decoration: none;}
#nlpic { position: relative; top: 3px; text-decoration: none;} 
img#photoleft2 {border: none; padding: 0; margin: -8px 1em 0 0; text-decoration: none;}
img#photoleft3 {border: none; padding: 0; margin: 10px 1em 0 0; text-decoration: none;}
img#photoleft4 {border: 1px solid black; padding: 0; margin: 5px 1em 0 4px; text-decoration: none;}
img#photoleft5 {border: none; padding: 0; margin: -50px 1em 0 14px; text-decoration: none;}
img#mcv {margin: 0 0 0 96px;}
img#arrow {border: none; padding: 0; margin: 1px .25em 0 0; text-decoration: none;}


.orangebar2 { background-color: transparent; background-image: url(images/orangebar.gif); background-repeat: repeat-x; margin: 10px 0 0 0px; padding: 0; width: 575px; height: 6px;}
.orangebar3 { background-color: transparent; background-image: url(images/orangebar.gif); background-repeat: repeat-x; margin: 10px 0 18px 0px; padding: 0; width: 575px; height: 6px;}
.orangebar4 { background-color: transparent; background-image: url(images/orangebar.gif); background-repeat: repeat-x; margin: 0px 0 26px 0px; padding: 0; width: 575px; height: 6px;}


/* text box styles; added 2009-02-10 JW */
.textbox
{
	padding: 0.25em;
	border-width: thin;
	border-style: none;
	border-color: #000000;
	background-color: #DFDFDF;
	color: #898989;
	font-family: Helvetica, Arial, Geneva, SunSans-Regular, sans-serif;
	font-size: 12px;
	padding: 8px;
	margin: 1px;
}
.textbox a:link  { color: #505030; }
.textbox a:visited { color: #505030; }
.textbox a:hover { color: #FBB96C; }
.textbox a:active { color: #FBB96C; }
 

/* p styles */
p.spacer1 { margin: 8px 0 0 0px; padding: 0 16px 22px 4px;}

p.normal { margin: -4px 0 0 0px; padding: 0 4px 20px 4px; color: black; font: 500 12px/21px Verdana, Arial, Helvetica, sans-serif; text-align: left;}
p.normal a {color: rgb(152,111,172);}
p.normal a:hover {color: rgb(198,198,198);}
p.normal span { margin: -4px 0 0 -4px; padding: 0 0 20px 4px; color: black; font: 500 11px/20px Verdana, Arial, Helvetica, sans-serif;; font-style: normal; text-align: left;}

p.normal1 { margin: -4px 0 0 0px; padding: 0 4px 0 4px; color: black; font: 500 12px/21px Verdana, Arial, Helvetica, sans-serif; text-align: left;}
p.normal1 a {color: rgb(152,111,172);}
p.normal1 a:hover {color: rgb(198,198,198);}

p.small { margin: -4px 0 0 0px; padding: 0 4px 20px 4px; color: black; font: 500 11px/19px Verdana, Arial, Helvetica, sans-serif; text-align: left;}
p.small a {color: rgb(152,111,172);}
p.small a:hover {color: rgb(198,198,198);}

p.smallgap { margin: 0; padding: 0 16px 10px 4px; color: black; font: 500 11px/19px Verdana, Arial, Helvetica, sans-serif; text-align: left; font-style: normal;}

p.links { margin: 16px 0 0 0px; padding: 0 4px 10px 4px; color: black; font: 500 12px/21px Verdana, Arial, Helvetica, sans-serif; text-align: left;}
p.links a {color: rgb(152,111,172);}
p.links a:hover {color: rgb(198,198,198);}


/* header styles */
h2.header { margin: 15px 0 10px 0px; padding: 0 16px 0 4px; color: rgb(129,156,209); font-size: 18px; font-family: Arial, Geneva, SunSans-Regular, sans-serif; font-weight: 700; font-style: normal; font-variant: normal; text-align: left;  }
h2.header a {color: rgb(129,156,209); text-decoration: none;}
h2.header a:hover {color: rgb(198,198,198);}
h2.header span {font-size: 12px;}

h2.header2 { margin: 15px 0 2px 0px; padding: 0 16px 0 4px; color: rgb(129,156,209); font-size: 18px; font-family: Arial, Geneva, SunSans-Regular, sans-serif; font-weight: 700; font-style: normal; font-variant: normal; background-color: transparent; text-align: left;  }
h2.header2 span {font-size: 12px;}

h2.header3 { margin: 10px 0 8px 0px; padding: 0; color: rgb(152,111,172); font-size: 14px; font-family: Arial, Geneva, SunSans-Regular, sans-serif; font-weight: 700; font-style: italic; background-color: transparent; text-align: left;}

h4.use { margin: 2px 0 16px 0px; padding: 0; color: rgb(152,111,172); font-size: 15px; font-family: Arial, Geneva, SunSans-Regular, sans-serif; font-weight: 700; font-style: italic; line-height: 20px; text-align: center; }

h4.emphasis { margin: 10px 0 6px 0px; padding: 0 4px 0 4px; color: rgb(250,174,90); font-size: 16px; font-family: Arial, Geneva, SunSans-Regular, sans-serif; font-weight: 700; font-style: normal; font-variant: normal; text-align: left; line-height: 1.25em;}
h4.emphasis a {color: rgb(250,174,90);}
h4.emphasis a:hover {color: rgb(198,198,198);}

/* most of these header styles should not be headers at all, but until we can re-work the CSS, I'm adding h5.emphasis to get a page up while changing as few things as possible -- jw */
h5.emphasis { margin: 0px 0px 0px 0px; padding: 0 4px 0 4px; color: rgb(250,174,90); font-size: 12px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: 700; font-style: normal; font-variant: normal; text-align: left; }
h5.emphasis span {color: black; font: 500 12px/21px Verdana, Arial, Helvetica, sans-serif; text-align: left; }
h5.emphasis a {color: rgb(250,174,90);}
h5.emphasis a:hover {color: rgb(198,198,198);}

h3.sub1 { margin: 0px 0 9px 0px; padding: 0 16px 0 4px; color: rgb(152,111,172); font-size: 14px; line-height: 20px; font-family: Arial, Helvetica, Geneva, SunSans-Regular, sans-serif; font-weight: 700; font-style: normal; text-align: left;  }
h3.sub1 a {color: rgb(250,174,90);}
h3.sub1 a:hover {color: rgb(198,198,198);}

h3.sub2 { margin: -14px 0 0 0; padding: 0 16px 10px 4px; color: rgb(152,111,172); font-size: 14px; font-family: Arial, Helvetica, Geneva, SunSans-Regular, sans-serif; font-weight: 700; font-style: normal; text-align: left; }

h3.sub3 { margin: -6px 0 0 0; padding: 0 16px 10px 4px; color: rgb(152,111,172); font-size: 14px; font-family: Arial, Helvetica, Geneva, SunSans-Regular, sans-serif; font-weight: 700; font-style: normal; text-align: left; line-height: 1.25em;}
h3.sub3 a {color: rgb(250,174,90);}
h3.sub3 a:hover {color: rgb(198,198,198);}

h3.sub4 { margin: 0px 0 9px 0px; padding: 0 16px 0 4px; color: rgb(152,111,172); font-size: 15px; line-height: 20px; font-family: Arial, Helvetica, Geneva, SunSans-Regular, sans-serif; font-weight: 700; font-style: italic; text-align: left;  }
h3.sub4 a {color: rgb(250,174,90);}
h3.sub4 a:hover {color: rgb(198,198,198);}
h3.sub4 span {color: rgb(250,174,90);}

h3.trademark { margin: 0px 0 9px 0px; padding: 0 16px 0 4px; color: rgb(152,111,172); font-size: 15px; line-height: 20px; font-family: Arial, Helvetica, Geneva, SunSans-Regular, sans-serif; font-weight: 700; font-style: italic; text-align: left;  }
h3.trademark span {font-size: 12px;}

h3.sub5 { margin: 16px 0 12px 0px; padding: 0 16px 0 4px; color: rgb(152,111,172); font-size: 14px; line-height: 20px; font-family: Arial, Helvetica, Geneva, SunSans-Regular, sans-serif; font-weight: 700; font-style: italic; text-align: left;  }
h3.sub5 span { margin: 16px 0 12px 0px; padding: 0; color: rgb(250,174,90); font-size: 14px; line-height: 20px; font-family: Arial, Helvetica, Geneva, SunSans-Regular, sans-serif; font-weight: 700; font-style: italic; text-align: left;  }
h3.sub5 a {color: rgb(250,174,90);}
h3.sub5 a:hover {color: rgb(198,198,198);}

h3.sub6 { margin: 8px 0 0 0; padding: 0 16px 10px 4px; color: rgb(152,111,172); font-size: 14px; font-family: Arial, Helvetica, Geneva, SunSans-Regular, sans-serif; font-weight: 700; font-style: normal; text-align: left; }
h3.sub6 a {color: rgb(250,174,90);}
h3.sub6 a:hover {color: rgb(198,198,198);}

h3.sub7 { margin: 0 0 -12px 0; padding: 0 16px 0 4px; color: rgb(152,111,172); font-size: 14px; font-family: Arial, Helvetica, Geneva, SunSans-Regular, sans-serif; font-weight: 700; font-style: normal; text-align: left; }
h3.sub7 a {color: rgb(250,174,90);}
h3.sub7 a:hover {color: rgb(198,198,198);}

h3.sub8a { margin: 15px 0 10px 0px; padding: 0 16px 0 4px; color: rgb(152,111,172); font-size: 14px; line-height: 20px; font-family: Arial, Helvetica, Geneva, SunSans-Regular, sans-serif; font-weight: 700; font-style: normal; text-align: left;  }
h3.sub8a span {color: rgb(250,174,90);}
h3.sub8a a {color: rgb(250,174,90);}
h3.sub8a a:hover {color: rgb(198,198,198);}

h3.sub8b { margin: -8px 0 10px 0px; padding: 0 16px 0 4px; color: rgb(152,111,172); font-size: 14px; line-height: 20px; font-family: Arial, Helvetica, Geneva, SunSans-Regular, sans-serif; font-weight: 700; font-style: normal; text-align: left;  }
h3.sub8b a {color: rgb(152,111,172); text-decoration: none;}
h3.sub8b a:hover {color: rgb(198,198,198);}
h3#popout span {font-size: 18px; color: rgb(250,174,90);}


h3.submerch { margin:16px 0 10px 0px; padding: 0 16px 0 4px; color: rgb(152,111,172); font-size: 14px; line-height: 20px; font-family: Arial, Helvetica, Geneva, SunSans-Regular, sans-serif; font-weight: 700; font-style: normal; text-align: left;  }
h3.submerch span {color: rgb(250,174,90);}
h3.submerch a {color: rgb(152,111,172); text-decoration: none;}
h3.submerch a:hover {color: rgb(198,198,198);}

h3.submerch2 { margin:16px 0 10px 0px; padding: 0 16px 0 4px; color: rgb(152,111,172); font-size: 14px; line-height: 20px; font-family: Arial, Helvetica, Geneva, SunSans-Regular, sans-serif; font-weight: 700; font-style: normal; text-align: left;  }
h3.submerch2 span { margin: -4px 0 0 0px; padding: 0 4px 20px 4px; color: black; font: 500 12px/21px Verdana, Arial, Helvetica, sans-serif; text-align: left;}
h3.submerch2 a {color: rgb(152,111,172); text-decoration: none;}
h3.submerch2 a:hover {color: rgb(198,198,198);}

h3.softboxhead {margin: -10px 0 0 0; padding: 0 0 0 18px; color: rgb(152,111,172); font-size: 16px; line-height: 20px; font-family: Arial, Geneva, SunSans-Regular, sans-serif; font-weight: 700; font-style: normal; text-align: left;}
h3.softboxhead a {color: rgb(152,111,172); text-decoration: none;}
h3.softboxhead a:hover {color: rgb(198,198,198);}

h3.sub9 { margin: -10px 0 9px 0px; padding: 0 16px 0 4px; color: rgb(152,111,172); font-size: 15px; line-height: 20px; font-family: Arial, Helvetica, Geneva, SunSans-Regular, sans-serif; font-weight: 700; font-style: italic; text-align: left;  }
h3.sub9 a {color: rgb(152,111,172);}
h3.sub9 a:hover {color: rgb(198,198,198);}

h3.sub10 { margin: 4px 0 10px 0; padding: 0 16px 10px 4px; color: rgb(152,111,172); font-size: 14px; font-family: Arial, Helvetica, Geneva, SunSans-Regular, sans-serif; font-weight: 700; font-style: normal; text-align: left; }
h3.sub10 a {color: rgb(250,174,90);}
h3.sub10 a:hover {color: rgb(198,198,198);}

h5.sub5 { margin: 6px 0 12px 0px; padding: 0 16px 0 4px; color: rgb(152,111,172); font-size: 15px; line-height: 20px; font-family: Arial, Helvetica, Geneva, SunSans-Regular, sans-serif; font-weight: 700; font-style: italic; text-align: left;  }
h5.sub5 a {color: rgb(250,174,90);}
h5.sub5 a:hover {color: rgb(198,198,198);}

h2.contact { margin: -4px 0 0 0px; padding: 0 10px 8px 4px; color: rgb(152,111,172); font-size: 14px; font-family: Arial, Helvetica, Geneva, SunSans-Regular, sans-serif; font-weight: 700; font-style: normal; text-align: left; }

h2.contact1 { margin: -4px 0 0 0px; padding: 0 10px 8px 4px; color: rgb(250,174,90); font-size: 14px; font-family: Arial, Helvetica, Geneva, SunSans-Regular, sans-serif; font-weight: 700; font-style: normal; text-align: left; }


/* footer area styles */
.logo {margin: -10px 0 0 0; padding: 0;}

p.center { margin: -4px 0 0 0px; padding: 0 4px 20px 4px; color: black; font: 500 12px/24px Verdana, Arial, Helvetica, sans-serif; line-height: 2.5em; text-align: center;}
p.center a {color: rgb(152,111,172);}
p.center a:hover {color: rgb(198,198,198);}

p#credits { margin: 10px 0 0 0px; padding: 0; color: rgb(152,111,172); font: 10px/16px Verdana, Arial, Helvetica, sans-serif; text-align: left; letter-spacing: 0.01em; font-style: normal;}


/* softbox styles */
div#cornertop {text-align: right; margin: 0; padding: 0; background: rgb(218,231,181) url(images/grcorner_topleft.gif) bottom left no-repeat;}
div#cornerbottom {text-align: right; margin: 0; padding: 0; background: rgb(218,231,181) url(images/grcorner_botleft.gif) bottom left no-repeat;}
div.softbox {background: rgb(218,231,181); margin: 16px 25px 10px 10px; padding: 0;}

div#cornertop_ol {text-align: right; margin: 0; padding: 0; background: rgb(218,231,181) url(images/sm_grcorner_topleft.gif) bottom left no-repeat;}
div#cornerbottom_ol {text-align: right; margin: 0; padding: 0; background: rgb(218,231,181) url(images/sm_grcorner_botleft.gif) bottom left no-repeat;}
div.softbox_ol {background: rgb(218,231,181); margin: 0 0 8px 8px; padding: 0;}

p.softboxtype {margin: 0; padding: 2px 8px 0 18px; color: black; font-size: 12px; line-height: 20px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: 500; font-style: normal; text-align: left;}
p.softboxtype a {color: rgb(152,111,172);}
p.softboxtype a:hover {color: rgb(198,198,198);}

p.softboxtype1 {margin: 0; padding: 0 16em 0 16px; color: black; font-size: 11px; line-height: 18px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: 500; font-style: normal; text-align: left;}

p.softboxtype2 {margin: 0; padding: 0 6px; color: black; font-size: 11px; line-height: 14px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: 500; font-style: normal; text-align: center;}
p.softboxtype2 a {color: rgb(152,111,172); }
p.softboxtype2 a:hover {color: rgb(198,198,198);}


/* about styles */
ul#about li { list-style-type: square; margin: 0; padding: 0 4px 8px 4px; color: black; font: 500 12px/21px Verdana, Arial, Helvetica, sans-serif; text-align: left;}
ul#about li a {color: rgb(152,111,172);}
ul#about li a:hover {color: rgb(198,198,198);}


/* merch styles */
td#leftbox {padding: 0 30px 0 0; }
td#rightbox {padding: 0 10px 0 0; }
div#rem {float: left; width: 572px; height: 370px;}
div#remind { margin: -15px 0 0 0; }


/* dibels styles */
p.byline { margin: 0; padding: 0 0px 22px 4px; color: #999999; font: 11px/20px Arial, Helvetica, Geneva, SunSans-Regular, sans-serif; text-align: left; letter-spacing: 0.01em; font-style: italic;}

div.caption { margin: 0; padding: 0 0 0 14px; color: black; font: 11px/18px Arial, Helvetica, Geneva, SunSans-Regular, sans-serif; font-style: normal;}

table#caption {width: 270px; float: right; position: relative; margin: -18px 10px 0 0; padding: 0;}


/* idel styles */
ul#idel li { list-style-type: square; margin: 0; padding: 0 4px 0 4px; color: black; font: 500 12px/21px Verdana, Arial, Helvetica, sans-serif; text-align: left;}
ul#idel li span { list-style-type: square; margin: 0; padding: 0 4px 0 4px; color: black; font: 500 12px/21px Verdana, Arial, Helvetica, sans-serif; text-align: left; font-style: italic;}
ul#idel li a {color: rgb(152,111,172);}
ul#idel li a:hover {color: rgb(198,198,198);}

div.captionidel { margin: 0; padding: 0 0 0 14px; color: black; font: 11px/18px Arial, Helvetica, Geneva, SunSans-Regular, sans-serif; background-color: transparent; font-style: italic;}

table#captionidel {width: 270px; float: right; position: relative; margin: -40px 10px 0 0; padding: 0;}


/* faq styles...don't remove the duplicate div#faqlist... */
div#faqlist { margin: 0; padding: 0 0 0 4px; color: rgb(152,111,172); font: 500 12px Arial, Helvetica, Geneva, SunSans-Regular, sans-serif; text-align: left; font-style: italic;}
div#faqlist { color: rgb(152,111,172); font-weight: 500; font-style: normal;}
div#faqlist a {color: rgb(152,111,172); font-weight: 500; font-style: normal;}
div#faqlist a:hover {color: rgb(198,198,198);}
div#faqlist1 { margin: 0; padding: 0 0 0 4px;}
div#faqlist4 { margin: -35px 0 0 0; padding: 0 0 15px 4px; color: rgb(152,111,172); font: 500 14px Arial, Helvetica, Geneva, SunSans-Regular, sans-serif; line-height: 2.5em; text-align: left;}
div#faqlist4 a { color: rgb(152,111,172);}
div#faqlist4 a:hover {color: rgb(198,198,198);}

div#faqlist span { margin: 0 0 20px 0; padding: 0 0 0 4px;}

#faqsection {margin: -15px 0 10px 0;}
#faqsection1 {margin: -30px 0 15px 0;}

ul.faqs li {list-style-type: square; color: rgb(152,111,172); font: 14px; padding: 6px 0 0 0; margin: 0; }
ul.faqs li span {margin: 0; padding: 0; color: rgb(152,111,172); font: 14px/2px Arial, Helvetica, Geneva, SunSans-Regular, sans-serif; text-align: left; font-style: normal;}

#qanda { list-style-type: square; color: rgb(152,111,172); margin: 20px 0 0 0; padding: 0 2em 10px 0; font-size: 14px; font-family: Arial, Helvetica, Geneva, SunSans-Regular, sans-serif; font-weight: 700; font-style: italic; text-align: left; }

#qanda ul li.quest { list-style-type: square; color: rgb(152,111,172); margin: 12px 0 0 0; padding: 0; font-size: 12px; line-height: 20px; font-family: Arial, Helvetica, Geneva, SunSans-Regular, sans-serif; font-weight: 700; font-style: normal; text-align: left; }
#qanda li a {color: rgb(152,111,172);}
#qanda li a:hover {color: rgb(152,111,172);}
#qanda ul li.quest span { font-style: normal; }
#qanda ul li.answer span { font-style: italic; }

#qanda ul li.answer { list-style-type: none; color: black; font-style: normal; background-color: transparent; text-align: left; margin: 8px 0 25px 0; padding: 0; font: 500 12px/21px Verdana, Arial, Helvetica, sans-serif;}
#qanda ul li.answerlink { list-style-type: none; color: black; font-style: normal; background-color: transparent; text-align: left; margin: 8px 0 25px 0; padding: 0; font: 500 12px/21px Verdana, Arial, Helvetica, sans-serif;}
#qanda li.answerlink a {color: rgb(152,111,172);}
#qanda li.answerlink a:hover {color: rgb(198,198,198);}
#qanda ul li.answerlink span { font-style: italic; }


/* idel faq styles */
div#faqlistidel { margin: -10px 0 0 0; padding: 0 0 0 4px; color: rgb(152,111,172); font: 700 12px  Verdana, Arial, Helvetica, sans-serif; line-height: 2.5em; text-align: left; font-style: italic;}
div#faqlistidel a {color: rgb(152,111,172); font-weight: 500; font-style: normal; line-height: 24px; line-height: 24px;}
div#faqlistidel a:hover {color: rgb(198,198,198);}

ul.faqsidel li {list-style-type: square; color: rgb(152,111,172); font: 14px; padding: 15px 0 0 0; margin: 0; line-height: .05em;}


/* mentor styles */
ul.ment li {list-style-type: square; color: rgb(152,111,172); font: 14px; padding: 6px 0 0 0; margin: 0; }
ul.ment li span {color: black;}

p.nosee { margin: -4px 0 0 0px; padding: 0 4px 20px 4px; color: black; font: 500 12px/24px Verdana, Arial, Helvetica, sans-serif; text-align: left;}
#nosee a {color: rgb(152,111,172);}
#nosee a:hover {color: rgb(198,198,198);}

label {color: rgb(152,111,172); font-size: 14px; font-family: Helvetica, Arial, Geneva, SunSans-Regular, sans-serif; font-weight: 700; font-style: normal; width: 22em; float: left; text-align: right; display: block; margin: 2px 0 10px 40px;}


/* newsletter styles */
div#nletter { margin: 0; padding: 0 16px 22px 4px; color: black; font: 14px/40px Verdana, Arial, Helvetica, sans-serif; text-align: left; letter-spacing: 0.01em; font-style: normal;}
div#nletter span { margin: 0; padding: 0 16px 22px 4px; color: black; font: 11px/26px Verdana, Arial, Helvetica, sans-serif; text-align: left; letter-spacing: 0.01em; font-style: normal;}
div#nletter a { color: rgb(152,111,172);}
div#nletter a:hover {color: rgb(198,198,198);}


/* email box styles */
table#email { margin: -20px 0 0 0; padding: 0; background-color: white;}
table#email2 { margin: -20px 0 0 0; padding: 0; background-color: white;}

h2.email1 { margin: -18px 0 0 0; padding: 0 10px 28px 4px; color: rgb(152,111,172); font-size: 12px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: 700; font-style: normal; font-variant: normal; text-align: left; }

h2.email2 { margin: 0; padding: 0 0 10px 0; color: black; font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: 500; font-style: normal; font-variant: normal; text-align: center; }

.emailbox {text-align: center; margin: 10px 0 -10px 0; 	background-color: #DFDFDF; font-size: 12px; font-family: Verdana, Arial, Helvetica, sans-serif; padding: 8px 8px 3px 8px;}

div#emailbox2 {margin: 0 0 -10px 0; background-color: #DFDFDF; font-size: 12px; font-family: Verdana, Arial, Helvetica, sans-serif; padding: 24px 8px 24px 8px; border: 0px solid #999; width: 520px;}

.submitem input {margin: 0; color: white; border: 3px double #CCCCCC; width: 60px;
height: 26px; background: rgb(152,111,172) url(images/purpbar.gif) repeat-x; outline: none; vertical-align: middle;}

.submitem input:hover {color: rgb(152,111,172); border: 3px double rgb(152,111,172);
background: url(images/graybar1.gif) repeat-x;}


/* prof develop styles */
#trainings {margin: -2px 0 0 0;}

ul.trainings li { list-style-type: square; color: rgb(152,111,172); margin: 0 0 4px 0; padding: 0 0 4px 4px;  font: 700 13px Arial, Helvetica,Geneva, SunSans-Regular, sans-serif; line-height: 2em; background-color: transparent; text-align: left; font-style: italic;}

li#second { list-style-type: circle; margin: 0 0 6px 0px; padding: 0 16px 2px 4px; color: black; font: 12px/21px Verdana, Arial, Helvetica, sans-serif; text-align: left; font-style: normal;}
li#second a {color: rgb(152,111,172);}
li#second a:hover {color: rgb(198,198,198);}

#trainlist { list-style-type: square; color: rgb(152,111,172); margin: 0; padding: 0 2em 0 0; font-size: 14px; font-family: Arial, Helvetica, Geneva, SunSans-Regular, sans-serif; font-weight: 700; font-style: italic; text-align: left; }

#trainlist ul li.quest { list-style-type: square; color: rgb(152,111,172); margin: -25px 0 0 0; padding: 0; font-size: 12px; line-height: 20px; font-family: Arial, Helvetica, Geneva, SunSans-Regular, sans-serif; font-weight: 700; font-style: normal; text-align: left; }
#trainlist li a {color: rgb(152,111,172);}
#trainlist li a:hover {color: rgb(198,198,198);}

#trainlist ul li.answerlink { list-style-type: none; color: black; font-style: normal; background-color: transparent; text-align: left; margin: 2px 0 25px 0; padding: 0 0 10px 0; font: 500 12px/21px Verdana, Arial, Helvetica, sans-serif;}
#trainlist li.answerlink a {color: rgb(152,111,172);}
#trainlist li.answerlink a:hover {color: rgb(198,198,198);}
#trainlist ul li.answerlink span { font-style: italic; }



/* online page styles */
td#center {padding: 0 60px 0 75px;}
form#online {margin: 0 37px;}

p.form { margin: 0px; padding: 6px 6px 6px 2px; color: rgb(152,111,172); font-size: 13px; font-family:   Helvetica, Arial, Geneva, SunSans-Regular, sans-serif; font-weight: 700; font-style: normal; text-align: right; line-height: 14px;}

p.form3 { margin: 0px; padding: 10px 0 0 0; color: rgb(152,111,172); font-size: 13px; font-family:   Helvetica, Arial, Geneva, SunSans-Regular, sans-serif; font-weight: 700; font-style: italic; text-align: left; }

p.form4 { margin: 0px; padding: 12px 8px 0 0px; color: rgb(152,111,172); font-size: 13px; font-family:  Helvetica, Arial, Geneva, SunSans-Regular, sans-serif; font-weight: 700; font-style: normal; text-align: right; }

p.form5 { margin: 0px; padding: 0 8px 0 0; color: rgb(152,111,172); font-size: 13px; font-family:  Helvetica, Arial, Geneva, SunSans-Regular, sans-serif; font-weight: 700; font-style: normal; text-align: right; }

input.online_s {color: black; background: white; border: 1px solid #898989; margin: 8px 20px 6px 0; width: 30em;}
input.online_d {color: black; background: white; border: 1px solid #898989; margin: 11px 20px 6px 0; width: 30em;} 
input.online_short {color: black; background: white; border: 1px solid #898989; margin: 8px 20px 4px 0; width: 8em;} 
input.online1 {color: black; background: white; border: 1px solid #898989; margin: 10px 0 0 0; width: 16em; }

select#state {color: black; background: white; border: 1px solid #898989; margin: 10px 20px 5px 0; width: 14em;}
select#province {color: black; background: white; border: 1px solid #898989; margin: 10px 20px 5px 0; width: 14em;}
select#state {color: black; background: white; border: 1px solid #898989; margin: 10px 20px 5px 0; width: 14em;}
select#country {color: black; background: white; border: 1px solid #898989; margin: 10px 20px 5px 0; width: 14em;}


/* sign in styles */
.submit input {margin: -30px 0 0 14em; color: white; border: 3px double #CCCCCC; width: 100px;
height: 28px; background: rgb(152,111,172) url(images/purpbar.gif) repeat-x; outline: none; vertical-align: middle;}

.submit input:hover {color: rgb(152,111,172);
border: 3px double rgb(152,111,172);
background: url(images/graybar1.gif) repeat-x;padding: inherit;}

.submitonline input {margin: 0 0 10px 0; color: white; border: 3px double #CCCCCC; width: 100px; height: 28px; background: rgb(152,111,172) url(images/purpbar.gif) repeat-x; outline: none; text-align: center;}

.submitonline input:hover {color: rgb(152,111,172);
border: 3px double rgb(152,111,172);
background: url(images/graybar1.gif) repeat-x;}

.submit_ol input {margin: -2px 0 0 15px; color: white; border: 3px double #CCCCCC; width: 140px;
height: 28px; background: rgb(152,111,172) url(images/purpbar.gif) repeat-x; outline: none; vertical-align: middle;}

.submit_ol input:hover {color: rgb(152,111,172);
border: 3px double rgb(152,111,172);
background: url(images/graybar1.gif) repeat-x;}

.submit_ol2 input {margin: -28px 0 0 15px; color: white; border: 3px double #CCCCCC; width: 140px;
height: 28px; background: rgb(152,111,172) url(images/purpbar.gif) repeat-x; outline: none; vertical-align: middle;}

.submit_ol2 input:hover {color: rgb(152,111,172);
border: 3px double rgb(152,111,172);
background: url(images/graybar1.gif) repeat-x;}


/* a new box style for the download page; trying to make it simpler and easier to edit */
.greenbox
{
	padding: 0.25em;
	border-width: thin;
	border-style: solid;
	border-color: rgb(218,231,181);
	background-color: rgb(218,231,181);
	color: #ffffff;
}

h3.greenboxheader {margin: 0 0 0 0; padding: 0 0 0 0; color: rgb(152,111,172); font-size: 16px; line-height: 20px; font-family: Arial, Geneva, SunSans-Regular, sans-serif; font-weight: 700; font-style: normal; text-align: left;}
h3.greenboxheader a {color: rgb(152,111,172); text-decoration: none;}
h3.greenboxheader a:hover {color: rgb(198,198,198);}

p.greenboxtext {margin: 0 0 0 0; padding: 0 0 0 .5em; color: black; font-size: 12px; line-height: 16px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: 500; font-style: normal; text-align: left;}
p.greenboxtext a {color: rgb(152,111,172);}
p.greenboxtext a:hover {color: rgb(198,198,198);}

p.greenboxtextsmall {margin: 0 0 0 0; padding: 0 0 0 .5em; color: black; font-size: 10px; line-height: 12px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: 500; font-style: normal; text-align: left;}
p.greenboxtextsmall a {color: rgb(152,111,172);}
p.greenboxtextsmall a:hover {color: rgb(198,198,198);}

/* smaller bulleted list style */
ul.small li { list-style-type: square; margin: 0; padding: 0 4px 0 4px; color: black; font: 500 11px/16px Verdana, Arial, Helvetica, sans-serif; text-align: left;}
ul.small li a {color: rgb(152,111,172);}
ul.small li a:hover {color: rgb(198,198,198);}
