/*************************************************************/
/*   Design:  TAL (Screen)                                   */ 
/*   Date:    September 24, 2008                             */
/*                                                           */
/*************************************************************/


/*************************/
/* SECTION 1 - MAIN BODY */
/*************************/

body {font-size: 75%; margin: 0px auto; padding: 0px; background: url('../img/bg_body_1000.gif') repeat-y top center; font-family: verdana, sans-serif}
.page-container {width: 1000px; margin: 0px auto; padding: 0px; background: url('../img/bg_layout_1000.gif') repeat-y top left; border: 1px solid rgb(100,100,100);}


/*************************************/
/* SECTION 2 - HEADER AND NAVIGATION */
/*************************************/

/*--------------*/
/* 2.1 - Banner */
/*--------------*/
.img-header {clear: both; float: left; width: 1000px; height: 150px; margin: 0px; padding: 0px;}

/*------------------------------*/
/* 2.2 - Navigation - Languages */
/*------------------------------*/
.lang-container {width: 1000px; top: 14px; position: absolute; z-index: 2; background-color: transparent;}
.lang {margin: 0px; padding: 0px; font-size: 1.0em;}	
.lang ul {float: right; margin: 0px; padding: 0px 20px 0px 0px;}	
.lang li {display: inline; list-style: none; margin: 0px; padding: 0px;}
.lang li a {margin: 0px; padding: 0px 0px 0px 1px;color: rgb(0,255,0);}
.lang a:hover {color: rgb(255,20,147); text-decoration: none;}
.img-lang {display: inline; height: 14px; margin: 0px; padding: 0px; border: none;}

/*----------------------------*/
/* 2.3 - Navigation - Level 1 */
/*----------------------------*/
.nav1-container {width: 1000px; top: 35px; position: absolute; z-index: 3; background: transparent;}
.nav1 {margin: 0px; padding: 0px; font-family: verdana, sans serif; font-size: 1.0em;}
.nav1 ul {float: right; margin: 0px; padding: 0px 20px 0px 0px; border-left: solid 1px rgb(115,162,182); background-color: rgb(255,255,255); font-weight: bold;}	
.nav1 li {display: inline; list-style: none; margin: 0px; padding: 0px;}
.nav1 li a {display: block; float: left; margin: 0px; padding: 2px 5px 2px 5px; border-right: solid 1px rgb(115,162,182); color: rgb(115,162,182); text-decoration: none; font-size: 10px;}
.nav1 a:hover {color: rgb(255,20,147); text-decoration: none;}
.nav1 a.selected {color: rgb(50,50,50); text-decoration: none;}

/*----------------------------------------*/
/* 2.4 - Navigation - Level 2 - Main menu */
/*-change font-family (arial), -----------*/
/*----------------------------------------*/
/*.nav2 {clear: both; margin: 0px; padding: 0px; font-family: arial, sans-serif; color: rgb(243,235,123); font-weight: bold; font-size: 1.0em;}*/
.nav2 {clear: both; margin: 0px; padding: 0px; font-family: arial, sans-serif; color: rgb(0,0,225); font-weight: bold; font-size: 1.0em;}
/*.nav2 ul {float: left; width: 1000px; margin: 0px 0px 20px 0px; padding: 0px; border-top: solid 1px rgb(54,83,151); border-bottom:solid 1px #FFFFFF; background-image: url(../img/MenuBG.gif); height:28px;}	*/
.nav2 ul {float: left; width: 1000px; margin: 0px 0px 20px 0px; padding: 0px; border-top: solid 1px rgb(54,83,151); border-bottom:solid 1px #FFFFFF; background-image: url(../img/MenuBG.gif); height:28px;}	
.nav2 li {display: inline; list-style: none; margin: 0px; padding: 0px;}
/*.nav2 li a {display: block; float: left; margin: 4px 10px 3px 10px; padding: 2px 3px 2px 3px; text-decoration: none; color: rgb(0,0,0); font-size: 120%;}*/
/*-change font-color to Pantone485EC rgb(255,0,0); */
.nav2 li a {display: block; float: left; margin: 4px 10px 3px 10px; padding: 2px 3px 2px 3px; text-decoration: none;  color: rgb(255,255,255); font-size: 120%;}
.nav2 a:hover { border:solid 1px #FFFFFF; margin:3px 9px 2px 9px; }
/*.nav2 a.selected { border:solid 1px #FF8C00; margin:3px 9px 2px 9px; }*/
.nav2 a.selected { color: rgb(255,0,0); }
.buffer {clear: both; width: 750px; height: 30px; margin: 0px; padding: 0px; background-color: rgb(255,255,255);}

/*-----------------------------------------*/
/* 2.5 - Navigation - Level 3 - Side menu  */
/*-add font-family (times)-----------------*/
/*-----------------------------------------*/
/*.nav3 {overflow: hidden; clear: both; float: left; width: 230px; min-height: 400px; margin: 0px; padding: 0px; font-family: times, sans-serif; color: rgb(75,75,75); font-size: 1.0em;}0022ce*/
.nav3 {float: left; clear: both; width: 230px; min-height: 400px; margin: 0px; padding: 0px; font-family: verdana; font-size: 1.0em; color: #8b0000;}

div.MenuBar * {margin:0; padding:0;} /* removes margin and padding off all list elements */

/* you must link to the hover.htc file for this menu to work in IE6 and earlier */
div.MenuBar {behavior:url(../css/csshover.htc); background-color:transparent; }

/* creates dividing line to left of level 1's first menu item, revealing div color to left of menu */
div.MenuBar ul {border-left:1px solid #0000ff; display:inline;}	/* #CCB fixes margin-doubling bug in IE6 */
 	
/* background color of the level 1 menu items #E0E7C9*/
div.MenuBar li { background-color:#4d9aee; border-right:1px solid #0000ff;} /*  #CCB creates dividing lines to right of each horiz level 1 menu item *//* set to 0px to remove 549fef*/
              						  
/* background color of hovered menu items #F0F7D9*/
div.MenuBar li:hover { background-color:#accfee;}

div.MenuBar a { color:#ffffff; /* #776 sets the color of all menu type */  padding:.2em 5px;} /*creates space top/bottom and left/right respectively around each menu item's text - set vert height in ems   */

div.MenuBar a.MenuBarSubmenu span span { color:#ffffff; background: url(../img/bg_arrow15.gif) no-repeat right 50%; display: block; padding: 1px 20px 1px 0; } /* arrow pointer */

div.MenuBar a:hover { color:#0d1fd4; } /* #443 type color of a hovered menu choice for words*/

div.MenuBar a.MenuBarSubmenu:hover span span { color:#0d1fd4; background: url(../img/bg_arrow_hover15.gif) no-repeat right 50%;} /* arrow pointer */

.nav3 li a.selected {color:#FFFF00; text-decoration: none; font-weight: bold;} 

.nav3 li a.MenuBarSubmenuActive span span { color:#FFFF00; background: url(../img/bg_arrow_active15.gif) no-repeat right 50%; display: block; padding: 1px 20px 1px 0; text-decoration: none; font-weight: bold;} /* arrow pointer */ 

div.MenuBar ul li ul { width:18em;} /* sets the width of menu levels 2 - 4 */
/*  width:12em;   						/* sets the width of menu levels 2 - 4 */ 

div.MenuBar li li { background-color:#4d9aee; /* E0E7C9 background color of the level 2 menu */
 border-bottom:1px solid #CCB; /* lines between menu choices - set to 0px if not wanted */
 }
div.MenuBar ul li ul li ul  { border-top:1px solid #CCB; /* set the border-top of levels 3 and 4 of a horizontal menu - set to 0px to remove - for a vertical menu, you will set this for levels 1 - 4 below */ top:-1px;} /* set to negative value of border-top for perfect pop-out alignment -set to 0 if border is 0 - don't remove! */
 
div.MenuBar li li li {  background-color:#EEB;} /* background color of the level 3 menu */

div.MenuBar li li li li {  background-color:#DDA;} /* background color of the level 4 menu */

  /* Want transparency on your menus? add the class 'transparent' to the MenuBar div */

 /* note: the lower the value, the greater the transparency */

div.MenuBar.transparent ul ul li {  opacity:0.9; /* CSS3 - range 0 to 1 */   -moz-opacity:0.9; /* Firefox- range 0 to 1  */  filter:alpha(opacity=90);}  /* IE- range 0 to 100  */

/* ADDITIONAL PREFS FOR VERTICAL MENU - NO NEED TO TOUCH THESE IF LEVEL 1 IS HORIZONTAL */
div.MenuBar.vertical ul { border-top:1px solid #7bc0e2;}   /* #CCB set the border-top of level 1 of the vertical menu - broken out separately so it can be different from top border of other levels */

div.MenuBar.vertical li { border-bottom:1px solid #7bc0e2;}  /* #CCB adds horizontal lines between menu choices - overrides main setting above for this feature */

div.MenuBar.vertical ul ul  { border-top:1px solid #7bc0e2; /* #CCB set the border-top of levels 2 - 4 of a vertical menu - set to 0 to remove */  top:-1px;} /* set to negative value of border-top for perfect pop-out alignment - set to 0 if border is 0 - don't remove!*/
 
 
/* end vertical menu preferences */
/* END MENU PREFERENCES */
 
/* YOU ARE STRONGLY ADVISED NOT TO MODIFY THE CODE THAT FOLLOWS : ) */
/* the menu mechanics start here */
div.MenuBar {	float:left; 	width:100%;	}

div.MenuBar ul { float:left; /* makes ul wrap li */ font-size:1em;} /* prevents inheritence from main text style sheet */
/*font-size:1em; /* prevents inheritence from main text style sheet */


div.MenuBar li { float:left;  /*causes the list to align horizontally instead of stack */ list-style-type:none; /* removes the bullet off each list item */ position:relative;} /* positioning context for the absolutely positioned drop-down */

div.MenuBar a { display:block; /* makes link fill li so entire area is "hot" */ text-decoration:none;}  /* removes the underlining from the links */

/* the horizontal menu ends here */
/* the drop-downs starts here */
div.MenuBar ul li ul {  position:absolute;     /* positions the drop-down ul in relation to its relatively positioned li parent */  border:0; /* stops inheritance from level 1 ul */ margin-left:0px;}      /* stops inheritance from level 1 ul */

div.MenuBar ul li ul li { width:100%; padding:0; /* stops inheritance */ border-left:0; /* stops inheritance */ border-right:0;} /* stops inheritance */

div.MenuBar ul li ul {display:none;} /* conceals the drop-down when menu not hovered */
div.MenuBar ul li:hover ul {display:block; /* shows the drop-down when the menu is hovered */	z-index:1000;}  /* Safari needs this to display menu on top of other page elements */
	
/* pop-outs starts here */
body div.MenuBar ul li ul li ul  {position:absolute; /* associated menu with parent li positioning context */ visibility:hidden; /* ensures that level 3 menu is not reveal when level 2 is reveled */ left:100%; top:-1px;} /* aligns level 3 and 4 pop-out with previous level */

div.MenuBar ul li ul li:hover ul {visibility:visible;} /* shows level 3 menu when associated level 2 li is hovered */
/* second and third level popouts here*/
div.MenuBar ul li ul li:hover ul li ul {visibility:hidden;} /* ensures that level 4 is not reveal when level 3 is reveled */
div.MenuBar ul li ul li ul li:hover ul {visibility:visible;}  /* shows level 4 menu when associated level 3 li is hovered */
/* the drop-downs end here */
 
/* extra styles for the vertical menu */
div.MenuBar.vertical ul {border-left:0px; /* removes the border of the level 1 ul that can be used in the horizontal menu */ margin-left:0;}  /* removes left margin that is available on horizontal menu */

.vertical ul { /* took off the id so the ul ul width setting in prefs was more specific */ width:100%;}

div.MenuBar.vertical li {position:relative; /* positioning context for the level 2 menu */ width:100%; /* set width of level 1 menu - MUST match left value in ul ul selector below */ clear:left; /* makes the main menu stack - note: turning off floating (alternative way to create stacking) causes spacing problems in IE */ border-right:0;} /* removes right borders used by horiz level 1 */

div.MenuBar.vertical ul ul  { position:absolute; /* make ul position relative to parent li for all menu levels */ left:100%; /* align level 2 with level 1 - MUST match li width in selector above */ top:-1px;} /* aligns the level 2 pop-out */

/* levels 2 -4 width */
div.MenuBar.vertical li li {}
div.MenuBar.vertical ul ul ul { left:100%;} /* align level 2 with level 3 and 3 with 4 - MUST match li width in selector above */

 /* END MENU MECHANICS */
 
/* inevitable hacks for IE6  and < */
* html div.MenuBar {z-index:1;} /* IE6 won't respect high z-index on abs-pos'd child (ul li ul) without this on its parent rel-pos'd element */
				/* see http://www.last-child.com/conflicting-z-index-in-ie6/ */
* html div.MenuBar ul li ul {z-index:400;} /*ensures menu is on top of other page elements */
 
* html div.MenuBar a {} /* cannot find a way to get the top level 'a' to fill the unwidthed menu choices without drop-down in IE : ( */
 
* html div.MenuBar.vertical a {/* now hasLayout in IE - works on the vert menu as container has width */ zoom:100%; } 

* html div.MenuBar ul ul a { /* second level of horiz menu */ zoom:100%;}   /* now IE 'haslayout" - IE now makes background hot in horizontal menus */


 /* END OF LIST-BASED MENU */
/*.nav3 ul {width: 230px; margin: 0px 0px 20px 0px; padding: 0px; border-bottom: solid 1px rgb(216,206,159); background-color: rgb(219,230,241);}
.nav3 ul {width: 230px; margin: 0px 0px 20px 0px; padding: 0px; border-bottom: solid 1px rgb(216,206,159); background-color: rgb(155,194,241);}	
.nav3 li {list-style: none; margin: 0px; padding: 0px;}
/*.nav3 li.title {margin: 0px 0px 0px 0px; padding: 3px 5px 2px 15px; background-color: rgb(156,186,214); Pantone1645EC rgb(255,127,80); color: rgb(255,255,255); text-transform: uppercase; font-weight: bold; font-size: 120%;}
.nav3 li.title {margin: 0px 0px 0px 0px; padding: 3px 5px 2px 15px; background-color: rgb(255,127,80); color: rgb(255,255,255); text-transform: uppercase; font-weight: normal; font-size: 140%;}
/*.nav3 li.group a {display: block; min-height: 1.7em; height: auto ; height: 1.7em; line-height: 1.7em; margin: 0px; padding: 0px 7px 0px 15px; border-top: solid 1px rgb(200,200,200); border-left: solid 7px rgb(219,230,241); color: rgb(75,75,75); font-weight: bold; font-size: 120%;}
.nav3 li.group a {display: block; min-height: 1.7em; height: auto ; height: 1.7em; line-height: 1.7em; margin: 0px; padding: 0px 7px 0px 15px; border-top: solid 1px rgb(200,200,200); border-left: solid 7px rgb(219,230,241); color: rgb(00,00,80); font-weight: normal; font-size: 130%;}
.nav3 li a {display: block; min-height: 1.7em; height: auto ; height: 1.7em; line-height: 1.7em; margin: 0px; padding: 0px 7px 0px 20px; border-left: solid 7px rgb(219,230,241); color: rgb(75,75,75); text-decoration: none; font-size: 120%;}
/*.nav3 li a:hover {border-left: solid 7px rgb(156,186,214);  color: rgb(100,100,100); text-decoration: none;}*/
/*.change sidebar color rgb(156,186,214); Pantone7417EC rgb(255,99,71);
.nav3 li a:hover {border-left: solid 7px rgb(255,99,71);  color: rgb(100,100,100); text-decoration: none;}
.nav3 li a.selected {border-left: groove 7px rgb(0,102,153);  color: rgb(0,102,153); text-decoration: none;} 
*/


/********************************************/
/* SECTION 3 - SPECIFIC CLASSES FOR LAYOUTS */
/********************************************/

.content {float: left; width: 750px; min-height: 400px; margin: 0px; padding: 0px 0px 0px 20px; color: rgb(75,75,75); font-size: 1.0em;}
.content-container {clear: both; float: left; width: 750px; margin: 0px 0px 15px 0px; padding: 0px;}
.content-container-1col {overflow: hidden; width: 740px; margin: 0px; padding: 0px;}

.content-container-2col-left {overflow: hidden; float: left; width: 350px; margin: 0px; padding: 0px 20px 0px 0px;}
.content-container-2col-right {overflow: hidden; float: right; width: 350px; margin: 0px; padding: 0px 20px 0px 0px;}

.content-container-3col-left {overflow: hidden; float: left; width: 230px; margin: 0px 20px 0px 0px; padding: 0px;}
.content-container-3col-middle {overflow: hidden; float: left; width: 230px; margin: 0px; padding: 0px;}
.content-container-3col-right {overflow: hidden; float: right; width: 230px; margin: 0px 20px 0px 0px; padding: 0px;}

.content-pagetitle {overflow: hidden; width: 750px; margin: 0px 0px 10px 0px; padding: 0px 0px 2px 0px; border-bottom: solid 3px rgb(88,144,168); color: rgb(88,144,168); font-weight: bold; font-size: 180%;}


/*********************************/
/* SECTION 4 - COMMON PARAMETERS */
/*********************************/

/*--------------------*/
/* 4.1 - Content Area */
/*--------------------*/

/* Titles and textboxes*/
.content-title-noshade-size1 {margin: 0px; padding: 0px; color: rgb(88,144,168); font-weight: bold; font-size: 130%;}
.content-title-noshade-size2 {margin: 0px; padding: 0px; color: rgb(88,144,168); font-weight: bold; font-size: 150%;}
.content-title-noshade-size3 {margin: 0px; padding: 0px; color: rgb(88,144,168); font-weight: bold; font-size: 160%;}
.content-title-noshade-size4 {margin: 0px; padding: 0px; color: rgb(88,144,168); font-weight: bold; font-size: 180%;}
.content-title-noshade-size5 {margin: 0px; padding: 0px; color: rgb(88,144,168); font-weight: bold; font-size: 200%;}
.content-title-shade-size1 {margin: 0px; padding: 0px 10px 0px 10px; background-color: rgb(215,215,215); color: rgb(100,100,100); color: rgb(88,144,168); font-weight: bold; font-size: 130%;}
.content-title-shade-size2 {margin: 0px; padding: 0px 10px 0px 10px; background-color: rgb(215,215,215); color: rgb(88,144,168); font-weight: bold; font-size: 150%;}
.content-title-shade-size2-blk {margin: 0px; padding: 0px 10px 0px 10px; background-color: rgb(0,0,0); color: rgb(255,255,255); font-family: verdana ; font-weight: bold; font-size: 150%;}
.content-title-shade-size3 {margin: 0px; padding: 0px 10px 0px 10px; background-color: rgb(215,215,215); color: rgb(88,144,168); font-weight: bold; font-size: 160%;}
.content-title-shade-size4 {margin: 0px; padding: 0px 10px 0px 10px; background-color: rgb(215,215,215); color: rgb(88,144,168);  font-weight: bold; font-size: 180%;}
.content-title-shade-size5 {margin: 0px; padding: 0px 10px 0px 10px; background-color: rgb(215,215,215); color: rgb(88,144,168);  font-weight: bold; font-size: 200%;}
.content-title-shade-size5-blk {margin: 0px; padding: 0px 10px 0px 10px; background-color: rgb(0,0,0); color: rgb(255,255,255); font-family: verdana ; font-weight: bold; font-size: 200%;}
.content-subtitle-noshade-size1 {margin: 0px; padding: 0px; color: rgb(88,144,168); font-weight: bold; font-size: 110%;}
.content-subtitle-noshade-size2 {margin: 0px; padding: 0px; color: rgb(88,144,168); font-weight: bold; font-size: 120%;}
.content-subtitle-noshade-size3 {margin: 0px; padding: 0px; color: rgb(88,144,168); font-weight: bold; font-size: 130%;}
.content-subtitle-noshade-size4 {margin: 0px; padding: 0px; color: rgb(88,144,168); font-weight: bold; font-size: 140%;}
.content-subtitle-noshade-size5 {margin: 0px; padding: 0px; color: rgb(88,144,168); font-weight: bold; font-size: 150%;}
.content-subtitle-shade-size1 {margin: 0px; padding: 0px 10px 3px 10px; background-color: rgb(215,215,215); color: rgb(88,144,168); font-weight: bold; font-size: 110%;}
.content-subtitle-shade-size2 {margin: 0px; padding: 0px 10px 3px 10px; background-color: rgb(215,215,215); color: rgb(88,144,168); font-weight: bold; font-size: 120%;}
.content-subtitle-shade-size2-blk {margin: 0px; padding: 0px 10px 3px 10px; background-color: rgb(0,0,0); color: rgb(255,255,255); font-weight: bold; font-size: 120%;}
.content-subtitle-shade-size3 {margin: 0px; padding: 0px 10px 3px 10px; background-color: rgb(215,215,215); color: rgb(88,144,168); font-weight: bold; font-size: 130%;}
.content-subtitle-shade-size4 {margin: 0px; padding: 0px 10px 3px 10px; background-color: rgb(215,215,215); color: rgb(88,144,168); font-weight: bold; font-size: 140%;}
.content-subtitle-shade-size5 {margin: 0px; padding: 0px 10px 3px 10px; background-color: rgb(215,215,215); color: rgb(88,144,168); font-weight: bold; font-size: 150%;}
.content-subtitle-shade-size5-blk {margin: 0px; padding: 0px 10px 3px 10px; background-color: rgb(0,0,0); color: rgb(255,255,255); font-weight: bold; font-size: 150%;}
.content-txtbox-noshade {margin: 0px; padding: 7px 0px 0px 0px; background-color: rgb(255,255,255);}
.content-txtbox-noshade2 {margin: 0px; padding: 7px 0px 0px 0px; background-color: rgb(255,255,255); color: rgb(0,0,255); font-size: 150%; }
.content-txtbox-shade {margin: 0px; padding: 7px 10px 5px 10px; background-color: rgb(235,235,235);}
/*.content-txtbox-shade-blk {margin: 0px; padding: 7px 10px 5px 10px; background-color: rgb(0,0,0); color: rgb(255,255,255); font-family: verdana ; font-size: 120%; }*/
.content-txtbox-shade-blk {margin: 0px; padding: 7px 10px 5px 10px; background-color: rgb(0,0,0); color: rgb(255,255,255); }
.content-txtbox-shade-blk2 {margin: 0px; padding: 7px 10px 5px 10px; background-color: rgb(0,0,0); color: rgb(255,255,255); font-family: verdana ; font-size: 130%; }

/* Headings */
h1 {margin: 1.0em 0px 0.5em 0px; font-weight: bold; font-size: 160%;}
h2 {margin: 1.0em 0px 0.5em 0px; font-weight: bold; font-size: 150%;}
h3 {margin: 1.0em 0px 0.5em 0px; font-weight: bold; font-size: 140%;}
h4 {margin: 1.0em 0px 0.5em 0px; font-weight: bold; font-size: 130%;}
h5 {margin: 0px 0px 0.2em 0px; font-weight: bold; font-size: 130%;}
h6 {margin: 0px 0px 0.2em 0px;font-weight: bold; font-style: italic; font-size: 130%;}

/* Paragraphs */
p {margin: 0px 0px 0.5em 0px; padding: 0px; line-height: 1.3em; font-family: verdana, sans serif; font-size: 120%; }
p.readmore {margin: 1.0em 0px 0.5em 0px; padding: 0px; line-height: 1.2em; font-size: 110%; }
p.quote {margin: 0em 30px 0.6em 30px;	line-height: 120%; font-size: 120%;}
p.embed {float: left; width: 120px; margin: 7px 7px 5px 0px; padding: 5px 5px 5px 5px; background-color: rgb(238,237,249); font-style: italic; font-weight: bold;  line-height: 1.2em; font-size: 140%;}
p.embed-caption {float: left; margin: 5px 0px 0px 0px; padding: 0px; font-style: italic; font-weight: normal; line-height: 1.2em; font-size: 70%;}

/* Quote */
p.quote {clear: left; margin: 0em 30px 0.6em 30px;	line-height: 120%; font-size: 110%;}

/* Embedded emphasis */
.embed {float: left; width: 120px; margin: 2px 7px 2px 0px; padding: 5px 5px 5px 5px; background-color: rgb(238,237,249); font-style: italic; font-weight: bold;  line-height: 1.2em; font-size: 140%;}
.embed-caption {float: left; margin: 5px 0px 0px 0px; padding: 0px; font-style: italic; font-weight: normal; line-height: 1.2em; font-size: 70%;}

/* Lists */
ul.noindent {margin: 0px 0px 7px 15px; padding: 0px; list-style-type: disc; list-style-position: outside; font-size: 100%; border:none;}
ul.indent {margin: 0px 0px 7px 15px; padding: 0px 0px 0px 15px; list-style-type: disc; font-family: verdana; font-size: 120%; border:none; }
ul.indent li { border:none; }
ol.indent {margin: 0px 0px 0px 9px; padding: 0px 0px 0px 25px; list-style-type: decimal; list-style-position: outside; font-size: 120%; border:none;}
ol.indent li { border:none; }
ul.linklist-noindent {margin: -0.3em 0px 0.5em 0px; padding: 0px; list-style-type: none; line-height: 1.2em; font-size: 120%; border:none; }
ul.linklist-indent {margin: -0.3em 0px 0.5em 0px; padding: 0px 0px 0px 10px; list-style-type: none; line-height: 1.2em; font-size: 120%; border:none; }

/* Tables */
.table {clear: left; margin: 0.5em 0px 0.2em 30px; border: solid 1px rgb(150,150,150); empty-cells: show; border-collapse: collapse; background-color: rgb(233,232,244);}
.table tr {margin: 0px; padding: 0px;}
.table td {padding: 2px 7px 2px 7px; border: solid 1px rgb(150,150,150); text-align: left; font-size: 120%;}
.table th {margin: 0px; padding: 2px 7px 2px 7px; border: solid 1px rgb(150,150,150); empty-cells: show; text-align: left; font-size: 120%; 	}
.table-caption {margin: 0.5em 0px 1.0em 30px; padding: 0px; clear: both; text-align: left; font-size: 120%;}

/* List Container */
div#listcontainer { margin: 20px; border: solid 1px rgb(0,0,0); width: 400px; font-size: 1em;}
ul {margin: 12px 20px 10px 1.25em; border: 0; padding: 0px; list-style-type:none; border-top: 2px solid #069;}
li {margin: 0; padding: .3em 0; text-indent: .5em; border-bottom: 2px solid #069;}

/* Images */
.img-left-noborder-notopmargin {float: left; margin: 0px 10px 0px 0px;}
.img-left-noborder-topmargin {float: left; margin: 3px 10px 0px 0px;}
.img-left-border-notopmargin {float: left; margin: 0px 10px 0px 0px; border: solid 1px rgb(150,150,150);}
.img-left-border-topmargin {float: left; margin: 3px 10px 0px 0px; border: solid 1px rgb(150,150,150);}
.img-right-noborder-notopmargin {float: right; margin: 0px 0px 0px 10px;}
.img-right-noborder-topmargin {float: right; margin: 3px 0px 0px 10px;}
.img-right-border-notopmargin {float: right; margin: 0px 0px 0px 10px; border: solid 1px rgb(150,150,150);}
.img-right-border-topmargin {float: right; margin: 3px 0px 0px 10px; border: solid 1px rgb(150,150,150);}

/*--------------------*/
/* 4.2 - SIDEBAR Area */
/*--------------------*/
.sidebar {float: left; clear: both; width: 230px; min-height: 400px; margin: 0px; padding: 0px 0px 10px 0px; text-align: left; color: rgb(75,75,75);}
.sidebar-maintitle {margin: 0px 0px 10px 0px; padding: 3px 10px 2px 10px; background-color: rgb(156,186,214); color: rgb(255,255,255); text-transform: uppercase; font-weight: bold; font-size: 120%;}
.sidebar-title-noshade {margin: 0px; padding: 2px 10px 3px 10px; border-top: solid 1px rgb(215,215,215); color: rgb(75,75,75); font-weight: bold; font-size: 120%;}
.sidebar-title-shade {margin: 0px; padding: 2px 10px 3px 10px; background-color: rgb(215,215,215); color: rgb(75,75,75); font-weight: bold; font-size: 120%;}
.sidebar-txtbox-noshade {margin: 0px 0px 10px 0px; padding: 2px 10px 3px 10px;}
.sidebar-txtbox-shade {margin: 0px 0px 10px 0px; padding: 2px 10px 3px 10px; background-color: rgb(235,235,235);}
.sidebar-txtbox-noshade p {margin: 0px 0px 5px 0px; padding: 0px; line-height: 1.25em; font-size: 110%;}
.sidebar-txtbox-shade p {margin: 0px 0px 5px 0px; padding: 0px; line-height: 1.25em; font-size: 110%;}

/*--------------------*/
/* 4.3 - INFOBAR Area */
/*--------------------*/
.infobar {overflow: hidden; float: right; width: 230px; min-height: 400px; margin: 0px; padding: 0px 0px 10px 0px; text-align: left; color: rgb(75,75,75);}
.infobar-maintitle {margin: 0px 0px 10px 0px; padding: 3px 10px 2px 10px; background-color: rgb(156,186,214); color: rgb(255,255,255); text-transform: uppercase; font-weight: bold; font-size: 120%;}
.infobar-title-noshade {margin: 0px; padding: 2px 10px 3px 10px; border-top: solid 1px rgb(215,215,215); color: rgb(75,75,75); font-weight: bold; font-size: 120%;}
.infobar-title-shade {margin: 0px; padding: 2px 10px 3px 10px; background-color: rgb(215,215,215); color: rgb(75,75,75); font-weight: bold; font-size: 120%;}
.infobar-txtbox-noshade {margin: 0px 0px 10px 0px; padding: 2px 10px 3px 10px;}
.infobar-txtbox-shade {margin: 0px 0px 10px 0px; padding: 2px 10px 3px 10px; background-color: rgb(235,235,235);}
.infobar-txtbox-noshade p {margin: 0px 0px 5px 0px; padding: 0px; line-height: 1.25em; font-size: 110%;}
.infobar-txtbox-shade p {margin: 0px 0px 5px 0px; padding: 0px; line-height: 1.25em; font-size: 110%;}

/*--------------------*/
/* 4.4 - Footer Area  */
/*--------------------*/
.footer {overflow: hidden; clear: both; width: 1000px; height: 3.0em; margin: 0px; padding: 0.5em 0px 0.5em 0px; border-top: solid 1px rgb(125,125,125); background-color: rgb(128,161,202); color: rgb(255,255,255); font-size: 1.0em;}
.footer p {margin: 0px; padding: 0px; text-align: center; line-height: 1.3em; font-size: 110%;}

/*-------------------*/
/* 4.5 - Hyperlinks  */
/*-------------------*/
.content a, .sidebar-txtbox-noshade a, .sidebar-txtbox-shade a {color: rgb(0,51,255); text-decoration: none;}
.content a:hover, .sidebar-txtbox-noshade a:hover, .sidebar-txtbox-shade a:hover {color: rgb(255,20,147); text-decoration: none;}
.content a:visited, .sidebar-txtbox-noshade a:visited, .sidebar-txtbox-shade a:visited  {color: rgb(65,105,255);}
.footer a {color: rgb(0,51,255); text-decoration: underline;}
.footer a:hover {color: rgb(255,20,147); text-decoration: none;}


/*******************************/
/* SECTION 5 - GENERIC CLASSES */
/*******************************/

/*----------------------------*/
/* 5.1 - Title decoration box */
/*----------------------------*/
.box-on {float: left; min-width: 0.3em; margin-right: 0.2em; padding: 0px 0.2em 0px 0.3em;}
.box-off {display: none;}

/*-----------------------------*/
/* 5.2 - Horizontal alignments */
/*-----------------------------*/
.align-left {text-align: left;}
.align-right {text-align: right;}
.align-center {text-align: center;}

/*---------------------------*/
/* 5.3  Bottom border colors */
/*---------------------------*/
.line-box {border-bottom: solid 1px rgb(200,200,200); padding-bottom: 15px; margin: 0px 0px 15px 0px;}


/*****************************/
/* SECTION 6 - MISCELLANEOUS */
/*****************************/
.showcode {font-family: monospace; font-weight: bold; font-size: 13px; color: rgb(255,0,0);}
.clear {clear: both;}
.hide {display: none;}
br {clear: none;}