/* CSS Document */


/* GLOBAL PAGE STYLES*/

html, body { margin: 0; padding: 0; border: 0; background: #FFF; }
html { background: #EEECE7; }
div { margin: 0; padding: 0; border: 0; }
  
a:link { color: #413E5F; text-decoration: none; }
a:visited { color: #8B6EA8; text-decoration: none; }
a:hover, a:visited:hover { color: #8E86CC; text-decoration: underline; }

td { vertical-align: top; padding: 0; }

/* H TAG SIZES , P and text sizes */


.mousetext { font: normal 68%/1.2em Verdana, Arial, Helvetica, sans-serif; }
.ratext { font: normal 70%/1.3em Verdana, Arial, Helvetica, sans-serif; }

/* UL, LI, OL  */

ul, dl { 
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: small;
  line-height: 1.3em;
  color: #333;
  margin: 0 0 5px 0;
  list-style-position: outside;
  padding: 0px;
  list-style-type: none;
  vertical-align: top;
}
ol { 
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: small;
  line-height: 1.3em;
  color: #333;
  margin: 0 0 5px 0;
  list-style-position: inside;
  padding: 0px;
  vertical-align: top;
}
li { padding: 2px 0 8px 0; }
.bullet  { list-style-type: square; }

/* LISTS STYLES USED IN NAVIGATION */

ul#nav, ul#nav1, ul#nav2, ul#nav3 {
  font: normal 11px/1.3em Verdana, Arial, Helvetica, sans-serif;
  margin: 0;
  list-style: none;
  vertical-align: top;
}
ul#contacts  {
  font: normal 10.5px/13px Verdana, Arial, Helvetica, sans-serif;
  padding: 5px 10px 35px 10px;
  vertical-align: top;
}

ul#nav li { padding: 2px 0 8px 0; line-height: 13px; }
ul#nav1 li { padding: 2px 0 8px 0; line-height: 10px; }
ul#contacts li  { padding: 0 0 10px 0; }


/* OTHER FREQUENTLY USED LISTS */

#news { 
  background: #fff;
  margin-right:1px;
  padding-left: 10px;
  line-height: 14px;
  border: 1px #C9B69F solid;
  border-top: none;
}
#news a { color: #0566AA; }

#news ul { padding: 15px 20px 2px 0px; }

html>body #news li { 
  line-height: 12px;
  background: transparent url("images/xarrow_small.gif") top left no-repeat;
  padding: 0 0 10px 13px;
}

/* TABLE, TD, TR, */

.data { 
  font: normal 80%/1.3em Verdana, Arial, Helvetica, sans-serif;
  color: #333;
  border: 1px #999 solid;
  margin: 0 10px 0 20px;
  padding: 2px;
  width: auto;
}
html>body .data td { padding: 2px 5px 2px 5px!important; }

.data th { 
  background: #CCC;
  color: #333;
  padding: 3px 5px 3px 5px;
}
.odd { background: #FFF; }
.even { background: #eee; }

/* FOOTER */

#bottom-section { background: #EEECE7 url("images/footer.gif") top left no-repeat; }



#footer { 
  font: normal 12px Verdana, sans-serif;
  color: #222;
  white-space: nowrap;
  vertical-align: top;
  padding: 30px 0 20px 0;
}
#footer p { 
  padding: 0 0 0 180px;
  margin: 0;
  line-height: 1.5em;
}
#footer a:link { color: #3594B72 /*!important*/; text-decoration: none; }
#footer a:visited { color: #594B72 /*!important*/; text-decoration: none; }
#footer a:hover, #lanlfooter a:visited:hover { color: #594B72 /*!important*/; text-decoration: underline; }

/* SPACER GIF */

.strut { visibility: visible; }

/*  BAR STYLES FOR OUTLINED BARS */ 
.bar {
  display: block;
  margin: 0px; 
  padding: 4px 10px 3px 10px; 
  height: 11px; 
  vertical-align: top; 
  color: #666;
  border-top: 1px #5B4268 solid;
  border-bottom: 1px #5B4268 solid; 
  font: bold 10px/11px Arial, Helvetica, sans-serif; 
  letter-spacing: 0.01em; 
  text-transform: uppercase; 
  text-decoration: none; 
}
.barbody {
  display: block;
  margin: 0px; 
  padding: 4px 10px 3px 10px; 
  height: 13px; 
  vertical-align: top; 
  color: #666;
  background: #5B4268;
  border: 0px #FFF solid;
  font: bold 10px/11px Arial, Helvetica, sans-serif; 
  letter-spacing: 0.01em; 
  text-transform: uppercase; 
  text-decoration: none; 
}

/* LINK LIST WITH ARROWS */

.links {
	font: normal 80%/1.3em Verdana, Arial, Helvetica, sans-serif; 
	color: #333;
	margin: 0 0 0 8px; 
	padding: 5px 0 0 15px; list-style-image: url("images/xarrow.gif");}

.links li {
	list-style-image: url("images/xarrow.gif");
	 }
	 
/* PLAIN LIST WITH BULLETS */

.bullet {
	font: normal 80%/1.3em Verdana, Arial, Helvetica, sans-serif; 
	color: #333;
	margin: 0 0 0 8px; 
	padding: 10px 0 0 15px; }

.bullet li {
	list-style-image: url("images/xbullet.gif");
	list-style-type: disc; }


/* SPECIAL LIST WITH ARROWS */

.arrow {
	font: normal 80%/1.3em Verdana, Arial, Helvetica, sans-serif; 
	color: #333;
	margin: 0 0 0 8px;
	padding: 10px 0 0 15px; }

.arrow li {
	list-style-image: url("images/xarrow.gif");
	list-style-type: disc; }


/* NESTED AND INDENTED LISTS (USES ARROWS AND BULLETS) */

li.head { 
	list-style-image: url("images/xarrow_down.gif");
	border-bottom: 1px #ddd solid; 
	padding: 3px 5px 5px 0px;}

li.sublink  {
	list-style-image: url("images/xbullet_small.gif");
	margin: 0 10px 0 15px;
	border-bottom: 1px #ddd solid;
	padding: 2px 5px 3px 0px;}



	/* TABLE, TD, TR, */

.data { 
  font: normal 80%/1.3em Verdana, Arial, Helvetica, sans-serif;
  color: #333;
  border: 1px #999 solid;
  margin: 0 10px 0 20px;
  padding: 2px;
  width: auto;
}
html>body .data td { padding: 2px 5px 2px 5px!important; }

.data th { 
  background: #CCC;
  color: #333;
  padding: 3px 5px 3px 5px;
  text-align: left;
}
.odd { background: #FFF; }
.even { background: #eee; }



/* COLUMNS */

.col1 { 
  width: 160px;
  background: #FFF;
  margin: 0;
  border: none;
}
.col2, .col3, .col4  { 
  background-color: #FFF;
  width: 200px;
  margin: 0;
  border: none;
  padding: 0 0 0 20px;
}
#mid-section2 .col2-400 { 
  width: 400px;
  margin: 0;
  padding: 0 0 0 20px;
  background: #FFF;
}
#mid-section1 .col2-wide { 
  min-width: 620px;
  vertical-align: top;
  padding: 0 5px 0 20px;
}
#mid-section1 .col2-420 { 
  min-width: 420px;
  vertical-align: top;
  padding: 0 0 0 20px;
}
#mid-section1 .col2-320 { 
  min-width: 320px;
  vertical-align: top;
  padding: 0 0 0 20px;
}
#mid-section1 .col2-620 { 
  min-width: 620px;
  vertical-align: top;
  padding: 0 5px 0 20px;
}
#mid-section1 .col3-300 { 
  min-width: 300px;
  vertical-align: top;
  padding: 0 5px 0 0;
}
#mid-section1 .col1 { 
  width: 160px !important;
  wid\th: 140px;
}
#mid-section1 .col3-180 { 
  width: 180px;
  wid\th: 155px;
  vertical-align: top;
  padding: 0;
}

/* MENU RIGHT*/

#menu-right { padding: 0 0 0 20px; } 
#menu-right ul { color: #666; }  
#menu-right li { padding: 0px 0px 10px 0; }

/* P  mid-section1 .col3 p, mid-section2 .col2-400 p, col1 p, col2 p, col3 p, col4 p */

.col1 p { padding: 0 0 0 10px; }
.col2-420 p { padding: 0 20px 10px 0; }
.col2-620 p { padding: 0 0 10px 0; }
.col2-wide p { padding: 15px 0 0 440px; }
.col2 p { margin: 0; padding: 15px 5px 10px 0; }
.col3 p { padding: 0 5px 10px 20px; }
#mid-section1 .col3 p { margin: 0; padding: 15px 5px 0 0; }
#mid-section1 .col3-180 p { padding: 15px 5px 0 20px; width: 180px; wid\th: 155px; }
.col3 p, .col4 p { margin: 0; padding: 15px 5px 10px 0; }
#leadtext p { padding: 0 0 0 420px; }

/* UL and LI  mid-section1 ul, mid-section1 .col1-full, mid-section2 */

#mid-section1 ul, #mid-section2 ul { margin: 0; padding: 5px 5px 0 20px; }
#nav-groups ul { margin: 0; padding: 0px; }
#mid-section2 .col1 ul, #mid-section1 .col1 ul { padding: 15px 10px 25px 10px; width: 160px; wid\th: 140px; vertical-align: top; }

/* TD mid-section1, mid-section2 */

#mid-section1 td, #mid-section2 td { margin:0; padding: 0; vertical-align: top; }

/* FIXED WIDTHS IN PAGE  */
body { min-width: 780px; }
#mid-section1 { width: 780px; }
#mid-section2 { width: 780px; }
#mid-section1  { min-width: 780px; }
#mid-section2  { min-width: 780px; }

/* SITE SPECIFIC GENERAL FORMATTING */

#mid-section1 .col1, #mid-section2 .col1  { 
  width: 180px !important;
  wid\th: 160px;
}

/* SUBJECT NAVIGATION */

#mid-section1 .col1 ul { 
  padding: 23px 0px 0px 10px;
  margin: 0px;
  width: 160px;
  wid\th: 140px;
}
#mid-section2 .col1 ul { 
  padding: 15px 0px 10px 10px;
  width: 160px;
  wid\th: 140px;
}


/* CONTENT AREA COLUMNS */

#mid-section1 .col2-wide { min-width: 600px; vertical-align: top; padding: 0 5px 0 0px; }
#mid-section2 .col2-400 { padding: 0px; background: #FFF; }
#mid-section1 .col2-420 { min-width: 420px; vertical-align: top; padding: 0px; }
#mid-section1 .col2-600 { min-width: 600px; vertical-align: top; padding: 0px; }
#leadtext p { 
  font: normal 12px/1.5em Verdana, Arial, Helvetica, sans-serif;
  padding: 20px 0 0 420px;
}
h1, h2, h3, h4, h5, h6 { font-family: Verdana, Arial, Helvetica, sans-serif; }
h1 { font-size: 83%; color: #5B4268; padding: 0px 0px 0px 70px; margin: 5px 0px 0px 0px; background: transparent; }
.content { color: #5B4268; padding: 20px 0px 0px 20px; margin: 5px 0px 0px 0px; background: transparent; }
h2 { margin: 20px 0 5px 0; font-weight: bold; font-size: 90%; color: #5B4268; }
h2 .home { font-size: 110%; color: #354A53; } 
h3 {font: bold 13px/18px Verdana, Arial, Helvetica, sans-serif; color: #5B4268; margin: 10px 0px 0 0px;} 
h4 { font-size: 70%; margin: 0 0 5px 0; color: #261A1D; }
h5 { font-size: 75%; font-weight: normal; margin: 10px 20px 1px 0px; padding: 5px 10px 5px 10px; color: #814D74; background: #F4E0F2;}
h6 { font-size: 60%; font-weight: normal; margin: 20px 0px 1px 0px; color:color: #5B4268;  }
p { font: normal 80%/1.5em Verdana, Arial, Helvetica, sans-serif; color: #333; margin: 0; padding: 0; }.menu_right a:link {color: #594B9E; }
.menu_right a:visited  {color: #912107; text-decoration: none; }
.menu_right a:hover {color: #7D8395; text-decoration: none; }
.col1, .col2, .col3, .col4, .col2-420, .col2-620, .col3-180 { color: #333; }
#bar, #barleft { display: block; margin: 0px; padding: 4px 10px 3px 20px; height: 13px; 
	vertical-align: top; color: #B2A6BD; background: transparent;
	font: bold 10px/11px Arial, Helvetica, sans-serif; letter-spacing: 0.01em; text-transform: uppercase; text-decoration: none; }
#barleft { padding: 0px 10px 3px 10px; color: #B2A6BD; background: transparent; width: 180px; wid\th: 160px;} /* the preceding is a box model hack for IE */ 
#barright { display: block; vertical-align: top; font: bold 10px/11px Arial, Helvetica, sans-serif; letter-spacing: 0.01em; text-transform: uppercase; text-decoration: none; margin: 20px 0px 0px 0px; padding: 4px 10px 10px 10px; color: #594B72;
  border-top: 1px #5B4268 solid;
  border-bottom: 1px #5B4268 solid;  width: 180px; wid\th: 160px;
 height: 30px;}/* the preceding is a box model hack for IE */ 
 #bar2 { display: block; vertical-align: top; font: bold 10px/11px Arial, Helvetica, sans-serif; letter-spacing: 0.01em; text-transform: uppercase; text-decoration: none; margin: 10px 0px 0px 0px; padding: 4px 10px 10px 5px; color: #594B72;
  border-top: 1px #5B4268 solid;
  border-bottom: 1px #5B4268 solid;  width: 180px; wid\th: 160px;
}/* the preceding is a box model hack for IE */ 

.head { display: block; margin: 10px 0 0px 0; padding: 3px 0 0px 0; height: 19px; 
	vertical-align: top; color: #666; border-top: 1px #5B4268 solid; border-bottom: 1px #5B4268 solid;
	font: bold 11px Arial, Helvetica, sans-serif; line-height: 2em;letter-spacing: 0.01em; text-transform: uppercase;  text-decoration: none; width: 160px; wid\th: 140px;  }/* the preceding is a box model hack for IE */


/* UL, LI -------------------------------------------*/

ul#jumpstart, ul#jumpstart1 { font: normal 12px/1.3em Verdana, Arial, Helvetica, sans-serif;
 color: #333; list-style-image: url("images/arrow.gif");
 list-style-type: disc; padding: 15px 10px 0 35px; }
 
 ul#jumpstart h3 { margin: 10px 0 0 0; padding: 0;}
 
#nav a, #nav1 a { color: #594B72;}
#nav1 { margin:0; padding:0;}
.news { font: normal 0.75em/1.2em Verdana, Arial, Helvetica, sans-serif; }
#mid-section2 ul.related  { font: 0.7em/1em Verdana, Arial, Helvetica, sans-serif; padding: 5px 5px 0px 20px; }
#secondary {  background: #B089B3; width: 200px; }
#secondary li { font: normal 11px/10px Verdana, Arial, Helvetica, sans-serif;
	 margin: 0; list-style: none; vertical-align: top; padding: 3px 0 8px 5px; background: #B089B3;  border-bottom: 1px #FFF solid; }
#secondary li a{ color: #FFF;}
.bullet li {list-style-image: url("images/bullet.gif"); list-style-type: disc;}
#bulleted { font: normal 11px/1.0em Verdana, Arial, Helvetica, sans-serif; color: #333; 
	 list-style-type: disc; padding: 0px 0px 0px 20px;}
	 #bulleted li{ font: normal 11px/1.0em Verdana, Arial, Helvetica, sans-serif; color: #333; 
	 list-style-type: disc; margin: 0px 0px 0px 20px;}
		 


/* P -------------------------------------------*/

.other #mid-section2 .col4 p { padding: 5px 5px 5px 20px;}

.indent { padding: 0 0 0 20px; }

/* TD ------------------------------------------*/

html td {vertical-align: top; }

/* OTHER FREQUENTLY USED STYLES ------------------*/

/* Top of 
page */

.top { background: transparent url("images/toparrow.gif") top right no-repeat; font: normal 0.7em/1.2em Verdana, Arial, Helvetica, sans-serif; padding: 3px 20px; margin-left: 280px;}


li.ratext {padding: 0px 10px 0px 0px; font: normal 11px/1.2em Verdana, Arial, Helvetica, sans-serif;}

.ratext {font: normal 11px/1.2em Verdana, Arial, Helvetica, sans-serif;}

#box {font: normal 0.7em/1.0em Verdana, Arial, Helvetica, sans-serif; background: #DBEBF1; margin: 5px 10px 5px 15px; border: #dedede 1px solid; width: 140px;}/* THIS STYLE IS FOR TABLE WITHOUT A BORDER AND/OR TO USE IN PAGES THAT HAVE MORE THAN TABLES ON A PAGE */

.data { background:  #EEE;
    font: normal 80%/1.3em Verdana, Arial, Helvetica, sans-serif;
    color: #333;
    margin: 0px;
    padding: 0px; 
    width: auto;
    border: 1px #CCC solid; }

#mid-section2 .data td { padding: 5px 15px 5px 15px; }

.data th { 
    background: #CCC;
    color: #333;
    padding: 3px 5px 3px 5px;
    text-align: left;}
	

.odd { background: #FFF; } 
.even { background: #EEE; }
.bullet {
    font: normal 11px/1.2em Verdana, Arial, Helvetica, sans-serif;
    color: #333;
    margin: 0 0 0 20px; 
    padding: 10px 0 0 5px; }

.bullet li {
    list-style-image: url("images/xbullet.gif");
    list-style-type: disc; }
font: normal 0.8em/1.3em Verdana, Arial, Helvetica, sans-serif;	
.blockquote {
    font: normal 0.8em/1.3em Verdana, Arial, Helvetica, sans-serif;
    color: #5B2433;
	margin: 0 50px 20px 30px; 
    padding: 20px 0px 0px 0px; background: transparent;}


.indent50  { padding: 0px 0px 0px 50px;}
.indent20  { padding: 0px 0px 0px 20px;}
.indent10  { padding: 0px 0px 0px 0px; margin: 5px 0px 0px -10px;}
.noindent { padding: 0px 0px 0px 0px; margin: 5px 0px 0px -20px;  }
ol { 
  font: normal 0.8em/1.3em Verdana, Arial, Helvetica, sans-serif;
    color: #585859;
  line-height: 1.3em; 
  margin: 0 0 5px 80px; 
  padding: 0px; 
  vertical-align: top; }


.nonarrow { margin: 0px 0px 0px 20px; padding: 0px 10px 0px 20px; background: transparent;}
.highlight { font: bold 0.9em/1.3em Verdana, Arial, Helvetica, sans-serif; color: #573F7A;
  line-height: 1.3em; 
  margin: 0px; 
  padding: 0px; 
  vertical-align: top;}
  
    .imgright {float:right;}
  
  .imgleft {float:left;}