/*
 * www.7e.com Cascading Style Sheet
 */

/*---- General ----*/

body {
	margin: 0pt;
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	
	background-color: white;
/*	scrollbar-arrow-color: #668866; */
	background-image: url(../images/furniture/background.gif);
}

table {
    font-size: 0.85em;
}

h1 {
    color: #7575DD;
    font-size: 1.8em;
    font-weight: normal;
	 letter-spacing: 2px;
    clear: both;
	 font-style: italic;
	 padding-bottom: 10px
}
h2 {
    color: #8282DF;
    font-size: 1.5em;
    font-weight: normal;
    letter-spacing: 1px;
    clear: both;
}
h3 {
    color: #AEAEEC;
    font-size: 12pt;
    font-weight: bold;
    clear: both;
}
h4 {
    color: #AEAEEC;
    font-size: 10pt;
    font-weight: bold;
    clear: both;
}

table.frame {
	border: 2px darkseagreen solid;
}
table.table {
    font-size: 9pt;
}
th {
	color: 008000;
	background-color: #bbeebb;
    font-weight: normal;
	height: 25px;
	background-image: url(images/cellpic1.gif);
}
.row1 {
	background-color: #f7fff7;
}
.row2 {
	background-color: #eeffee;
}

/*---- Areas ----*/

.topArea {
    background-color: darkseagreen;
    color: white;
    border-bottom: 1px solid Green;
    padding: 3px;
 }
.leftArea {
    background-color: #ccffcc;
    border-right: 1px solid Green;
	padding: 2px 3px 3px 3px;
}
.contentArea {
	padding: 30px;
}
.leftBox {
	color : white;
	background-color: #99cc99;
	font-family: Arial, Helvetica, sans-serif;
	text-align: center;
	padding: 5px;
	}
.previewImage {
    float: right;
    margin-left: 20px;
    margin-bottom: 10px;
}


/*---- General Links ----*/

a, a:link, a:visited {
    color: #7575DD;
}
a:hover {
    color: #2E2EC7;
}

h1 a, h1 a:link, h1 a:visited,
h2 a, h2 a:link, h2 a:visited,
h3 a, h3 a:link, h3 a:visited,
h4 a, h4 a:link, h4 a:visited {
    color: darkseagreen;
    text-decoration: none;
}
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover {
    color: #dd6900;
}


/*---- Menu Links ----*/
a.menuMain, a.menuMain:visited {
	background-color: #AFAFEB;
    	color: black;
    	font-weight: bold;
    	font-size: 0.9em;
    	text-decoration: none;
	display: block;
	margin-top: 2px;
	padding: 3px;
	padding-left: 5px;
}
a.menuMain:hover {
	background-color: #DDD802;
/* was #fab749 */
    	color: black;
}
a#currentMain {
	background-color: #fab749;
/*	border-right: 10px solid #fab749;*/
}

a.menuSub1, a.menuSub1:visited {
	background-color: #C6C6F0;
	font-weight: bold;
	font-size: 0.8em;
	text-decoration: none;
	display: block;
	padding: 2px;
	padding-left: 0px;
	background-image: url(../images/buttons/7e_button1_sub1.gif);
	color: White;
}
a.menuSub1:hover {
	background-color: #DDD802;
	color: black;
	background-image: url(../images/buttons/7e_button1_sub1_f3.gif);
}
a#currentSub1 {
	background-color: #fab749;
	background-image: url(../images/buttons/7e_button1_sub1_f3.gif);
/*	border-right: 7px solid #fab749;*/
}

a.menuSub2, a.menuSub2:visited {
	background-color: #D1D1F3;
    	color: black;
    	font-size: 0.7em;
    	text-decoration: none;
	display:block; 
	margin-bottom: 0px;
	padding:1px;
	padding-left: 20px;
}
a.menuSub2:hover {
	background-color: #DDD802;
    	color: black;
}
a#currentSub2 {
	background-color: #FEFCA5;
	background-image: url(../images/buttons/7e_button1_sub1_f3.gif);
/* was sand: FDE2A6 */
/*	border-right: 5px solid #fab749;*/
}

a.menuSub3, a.menuSub3:visited {
	background-color: #D1D1F3;
    	color: black;
    	font-size: 0.7em;
    	text-decoration: none;
    	text-indent:-10px; 
	display:block; 
	margin-bottom: 0px;
	padding:1px;
	padding-left: 30px;
	font-style: italic; 
}
a.menuSub3:hover {
	background-color: #DDD802;
    	color: black;
}
a#currentSub3 {
	background-color: #FEFCA5;
/* was sand: FDE2A6 */
/*	border-right: 5px solid #fab749;*/
}


/*--- Form elements ----*/

input {
	color: #000000;
	background-color: #ffffff;
	font: normal 11px Verdana, Arial, Helvetica, sans-serif;
/*	border-color: #9999CC;*/
}

textarea {
	color: #000000;
	background-color: #ffffff;
	font: normal 11px Verdana, Arial, Helvetica, sans-serif;
	border-color: #9999CC;
}

input.button {
	background-color: #eeffee;
}


/*---- Misc ----*/

.menu3active {
	background-color: #FEFCA5;
}

.underline {
	border-bottom: 1px solid darkseagreen;
}

.copyright, .preview {
	font-size: 7pt;
    font-family: Verdana, Arial, Helvetica, sans-serif;
	letter-spacing: -1px;
}
.Breadcrumb {  font-size: 0.8em}
.Select {  padding-left: 25px; font-size: 0.8em; padding: 5px;}
.SubMenu { padding-left: 25px; font-size: 0.8em; padding: 5px; border-color: #CCCCFF; border-style: solid; border-top-width: 1px; border-bottom-width: 1px}
.SubMenuBackground {  background-color: #CCCCCC}
.CopyrightText { font-size: 0.8em; padding: 5px; }
.FormButtons {  background-color: #CCCCFF; border: #666666; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px}
li {
	list-style-image: url(../images/furniture/bullet.gif);
	list-style-position: outside;
	list-style-type: none;
	padding-left: 10px;
}
.ImageText {  font-size: 0.8em; font-style: italic; color: #9999E6}
.TextSmaller {  font-size: 0.8em}
.FAQAnswer {  font-weight: bold}
.LineDash {  background-image: url(/images/furniture/line_dash.gif); background-repeat: repeat-x}
.Emphasis {
	font-weight: bold;
	color: #3130CE;
}
.Footer {
	font-size: 0.7em;
	padding: 5px 5px;
	border: solid;
	border-width: 1px 0px;
	text-align: right;
	border-color: #CCCCCC #CCCCCC;
	margin: 0px 0px 10px;
}

select { color: #000000; background-color: #ffffff; font: normal 11px Verdana, Arial, Helvetica, sans-serif; }
.TempNotes {
	color: Red;
	font-weight: bold;
	font-style: italic;
}
.AltLink {
	border: 1px solid Gray;
	text-decoration: none;
	padding: 3px;
}
.AltLink:hover {
	background-color: #3130CE;
	color: White;
	text-decoration: none;
}
.Glossary dt {
color: #000;
font-weight: bold;
padding: 0;
}
.Glossary dd {
	margin: 0 0 1em 0;
	padding: 0 0 0 10px;
	background-image: url(../images/furniture/arrow.gif);
	background-repeat: no-repeat;
	background-position: 0 .5em;
}
.NotesSmall {
	color: Olive;
	font-size: 0.8em;
	font-style: italic;
}
.TableStandOut {
	background-color: #DEDFF7;
	font-size: 0.9em;
}




#7EMenu {
	float: left;
	/*
	width: 137px;
	\width: 167px;
	w\idth: 137px;
	*/
	margin: 0px;
	padding: 0 0 0 0;
	text-align: left;
	text-indent: 3px;
	
	/*
	position:absolute;
	top:100px;
	left:20px;
	width:120px;
	*/
	}

#7EMenu ul { /* changes ul bullet in menu area */
	margin: 0 0 3em 0;
	padding: 0;
	list-style-type: none;
	}

#7EMenu ul a
{
	display: block;
	padding: 0 0;
	width: 115px;
	height: 18px;
	background: #3130CE url(../images/buttons/7e_button1.gif);
	text-decoration: none;
	list-style-type: none;
	font-size: 0.8em;
}

#7EMenu ul a:link, #7EMenu ul a:visited
{
	color: #FFF;
	text-decoration: none;
	font-weight: bold;
	list-style-type: none;
}

#7EMenu li
{
	list-style-type: none;
}

#7EMenu ul a:hover
{
	background: #3130CE url(../images/buttons/7e_button1_f3.gif);
}

#7EContent {
	margin:0px 50px 20px 200px; /*---- t r b l ----*/
	}

#7EFooter {
	margin:0px 10px 20px 200px; /*---- t r b l ----*/
	}

#7EHeader {
	margin:0px 0px 0px 0px; /*---- t r b l ----*/
	}






#WSmenu {
	margin: 2em 0; 
	padding:0 0em;
	}

/* With a nod to http://wellstyled.com/css-nopreload-rollovers.html */

/* Menu Level1 stuff */

div.Level1 {
	float: left;
	width: 120px; height: 18px;
	margin: 0 3px 0 0;
	background: url( '../images/buttons/7e_button1.gif' ) 0 -18px no-repeat;
	}
div.Level1 a {
	display: block;
	margin: 0; padding:0;
	width:100%; height:100%;
	overflow:hidden;
	/* font: bold 13px/1 Georgia, serif; */
	font-size: 0.8em;
	font-weight: bold;
	color:#FFF;
	text-decoration: none;
	background: url( '../images/buttons/7e_button1.gif' ) top left no-repeat;
	}
div.Level1 span {
	display: block;
	margin:0; padding: 2px 0 0 2px;
	}
div.Level1 a:hover {
	background-image: none;
	color:#FFF;
}
div.Level1 a:active {
	color:#FFF;
	}
div.Level1 a:visited {
	color:#FFF;
	}

/* Level1a same as level 1 except shows depressed button */
	
div.Level1a {
	float: left;
	width: 120px; height: 18px;
	margin: 0 3px 0 0;
	background: url( '../images/buttons/7e_button1.gif' ) 0 -18px no-repeat;
	}
div.Level1a a {
	display: block;
	margin: 0; padding:0;
	width:100%; height:100%;
	overflow:hidden;
	/* font: bold 13px/1 Georgia, serif; */
	font-size: 0.8em;
	font-weight: bold;
	color:#FFF;
	text-decoration: none;
	background: url( '../images/buttons/7e_button1.gif' ) 0 -18px no-repeat;
	}
div.Level1a span {
	display: block;
	margin:0; padding: 2px 0 0 2px;
	}
div.Level1a a:hover {
	background-image: none;
	color:#FFF;
}
div.Level1a a:active {
	color:#FFF;
	}
div.Level1a a:visited {
	color:#FFF;
	}

/* Menu Level2 stuff, diff button & not bold */

div.Level2 {
	float: left;
	width: 120px; height: 18px;
	margin: 0 3px 0 0;
	background: url( '../images/buttons/7e_button2.gif' ) 0 -18px no-repeat;
	}
div.Level2 a {
	display: block;
	margin: 0; padding:0;
	width:100%; height:100%;
	overflow:hidden;
	/* font: bold 13px/1 Georgia, serif; */
	font-size: 0.8em;
	color:#000;
	text-decoration: none;
	background: url( '../images/buttons/7e_button2.gif' ) top left no-repeat;
	}
div.Level2 span {
	display: block;
	margin:0; padding: 2px 0 0 2px;
	}
div.Level2 a:hover {
	background-image: none;
	color:#000;
}
div.Level2 a:active {
	color:#000;
	}
div.Level2 a:visited {
	color:#000;
	}
	
/* Level2a same as level 2 except shows depressed button */

div.Level2a {
	float: left;
	width: 120px; height: 18px;
	margin: 0 3px 0 0;
	background: url( '../images/buttons/7e_button2.gif' ) 0 -18px no-repeat;
	}
div.Level2a a {
	display: block;
	margin: 0; padding:0;
	width:100%; height:100%;
	overflow:hidden;
	/* font: bold 13px/1 Georgia, serif; */
	font-size: 0.8em;
	color:#000;
	text-decoration: none;
	background: url( '../images/buttons/7e_button2.gif' ) 0 -18px no-repeat;
	}
div.Level2a span {
	display: block;
	margin:0; padding: 2px 0 0 2px;
	}
div.Level2a a:hover {
	background-image: none;
	color:#000;
}
div.Level2a a:active {
	color:#000;
	}
div.Level2a a:visited {
	color:#000;
	}

/* Menu Level3 stuff, diff button & not bold & span has left indent */

div.Level3 {
	float: left;
	width: 120px; height: 18px;
	margin: 0 3px 0 0;
	background: url( '../images/buttons/7e_button3.gif' ) 0 -18px no-repeat;
	}
div.Level3 a {
	display: block;
	margin: 0; padding:0;
	width:100%; height:100%;
	overflow:hidden;
	/* font: bold 13px/1 Georgia, serif; */
	font-size: 0.8em;
	color:#000;
	text-decoration: none;
	background: url( '../images/buttons/7e_button3.gif' ) top left no-repeat;
	}
div.Level3 span {
	display: block;
	margin:0; padding: 2px 0 0 8px;
	}
div.Level3 a:hover {
	background-image: none;
	color:#000;
}
div.Level3 a:active {
	color:#000;
	}
div.Level3 a:visited {
	color:#000;
	}
	
/* Level3a same as level 3 except shows depressed button */

div.Level3a {
	float: left;
	width: 120px; height: 18px;
	margin: 0 3px 0 0;
	background: url( '../images/buttons/7e_button3.gif' ) 0 -18px no-repeat;
	}
div.Level3a a {
	display: block;
	margin: 0; padding:0;
	width:100%; height:100%;
	overflow:hidden;
	/* font: bold 13px/1 Georgia, serif; */
	font-size: 0.8em;
	color:#000;
	text-decoration: none;
	background: url( '../images/buttons/7e_button3.gif' ) 0 -18px no-repeat;
	}
div.Level3a span {
	display: block;
	margin:0; padding: 2px 0 0 8px;
	}
div.Level3a a:hover {
	background-image: none;
	color:#000;
}
div.Level3a a:active {
	color:#000;
	}
div.Level3a a:visited {
	color:#000;
	}

/* Menu Level4 stuff, diff button & not bold & span has left indent (has little graphic too) */

div.Level4 {
	float: left;
	width: 120px; height: 18px;
	margin: 0 3px 0 0;
	background: url( '../images/buttons/7e_button4.gif' ) 0 -18px no-repeat;
	}
div.Level4 a {
	display: block;
	margin: 0; padding:0;
	width:100%; height:100%;
	overflow:hidden;
	/* font: bold 13px/1 Georgia, serif; */
	font-size: 0.7em;
	color:#000;
	text-decoration: none;
	background: url( '../images/buttons/7e_button4.gif' ) top left no-repeat;
	}
div.Level4 span {
	display: block;
	margin:0; padding: 2px 0 0 8px;
	}
div.Level4 a:hover {
	background-image: none;
	color:#000;
}
div.Level4 a:active {
	color:#000;
	}
div.Level4 a:visited {
	color:#000;
	}
	
/* Level4a same as level 4 except shows depressed button */

div.Level4a {
	float: left;
	width: 120px; height: 18px;
	margin: 0 3px 0 0;
	background: url( '../images/buttons/7e_button4.gif' ) 0 -18px no-repeat;
	}
div.Level4a a {
	display: block;
	margin: 0; padding:0;
	width:100%; height:100%;
	overflow:hidden;
	/* font: bold 13px/1 Georgia, serif; */
	font-size: 0.7em;
	color:#000;
	text-decoration: none;
	background: url( '../images/buttons/7e_button4.gif' ) 0 -18px no-repeat;
	}
div.Level4a span {
	display: block;
	margin:0; padding: 2px 0 0 8px;
	}
div.Level4a a:hover {
	background-image: none;
	color:#000;
}
div.Level4a a:active {
	color:#000;
	}
div.Level4a a:visited {
	color:#000;
	}