/* Base Color Panels for Home Page */


#baseBBB9AFhome  { 
	background-color: #bbb9af; 
	visibility: visible; 
	position: absolute;
	top: 0; 
	left: 0;  
	width: 230px; 
	height: 100%; 
	z-index: 2;
}

#baseF1EEE1home { 
	background-color: #f1eee1; 
	visibility: visible; 
	position: absolute; 
	top: 0; 
	left: 0; 
	width: 230px; 
	height: 95px;
	border-bottom: 1px solid white; 
	z-index: 4;  
}

#base666666home { 
	background-color: #666; 
	visibility: visible; 
	position: absolute; 
	z-index: 8; 
	top: 235px; 
	left: 0; 
	width: 230px; 
	height: 26px;
	z-index: 6; 
}




/* Divider Rules for Subtier Pages */

#SolidRuleTop { 
	position: absolute;
	visibility: visible; 
	top: 80px; 
	left: 0px; 
	width: 100%; 
	height: 8px;
	background-image: url("../images/solidrulelitegray.gif");
	z-index: 1; 
}

#SolidRuleTop2 { 
	position: absolute;
	visibility: visible; 
	top: 64px; 
	left: 0px; 
	width: 100%; 
	height: 17px;
	background-color: #efefef;
	z-index: 1; 
}




/* Base Color Panels for Subtier Pages */

#baseEFEFEF  { 
	background-color: #efefef; 
	visibility: visible; 
	position: absolute;  
	top: 0; 
	left: 0; 
	width: 230px; 
	height: 100%;
	z-index: 2; 
}

#baseD5D5D5  { 
	background-color: #f1eee1; 
	visibility: visible; 
	position: absolute;  
	top: 0; 
	left: 0; 
	width: 100%; 
	height: 210px;
	z-index: 3; 
}

#baseBBB9AFtop  { 
	background-color: #bbb9af; 
	visibility: visible; 
	position: absolute;
	top: 0; 
	left: 231px;  
	width: 100%; 
	height: 80px; 
	border-bottom: 1px solid white; 
	z-index: 4;
}

#baseF1EEE1 { 
	background-color: #f1eee1; 
	visibility: visible; 
	position: absolute; 
	top: 0; 
	left: 0; 
	width: 230px; 
	height: 80px;
	border-bottom: 1px solid white;
	z-index: 23;  
}

#baseBBB9AFleft  { 
	background-color: #bbb9af;
	visibility: visible; 
	position: absolute;
	top: 81px; 
	left: 0px;  
	width: 230px; 
	height: 129px; 
	border-right: 1px solid white;
	z-index: 8;
}

#baseBBB9AFleft2  { 
	background-image: url("../images/compALT_blueorb.gif"); 
	visibility: visible; 
	position: absolute;
	top: 81px; 
	left: 0px;  
	width: 230px; 
	height: 129px; 
	border-right: 1px solid white;
	z-index: 8;
}

#base666666sub { 
	background-color: #666; 
	visibility: visible; 
	position: absolute; 
	top: 211px; 
	left: 0; 
	width: 230px; 
	height: 26px;
	z-index: 10; 
}

#base666666sub2 { 
	background-color: #666; 
	visibility: visible; 
	position: absolute; 
	top: 220px; 
	left: 0; 
	width: 230px; 
	height: 26px;
	z-index: 10; 
}







/* Base Navigation Containers */

#navtophome { 
	visibility: visible; 
	position: absolute;  
	top: 35px; 
	left: 250px; 
	width: 244px; 
	height: auto;
	z-index: 28;
}

#subnavhome { 
	visibility: visible; 
	position: absolute;  
	top: 235px; 
	left: 10px; 
	width: 210px; 
	height: 26px;
	z-index: 24; 
}

#navtopsub { 
	visibility: visible; 
	position: absolute;  
	top: 26px; 
	left: 250px; 
	width: 302px; 
	height: auto;
	z-index: 30;
}

#navtier2 { 
	visibility: visible; 
	position: absolute;  
	top: 64px; 
	left: 230px; 
	width: 460px; 
	height: auto;
	z-index: 72;
}

#subnav { 
	visibility: visible; 
	position: absolute;  
	top: 211px; 
	left: 10px; 
	width: 210px; 
	height: 26px;
	z-index: 26; 
}

#subnav2 { 
	visibility: visible; 
	position: absolute;  
	top: 220px; 
	left: 10px; 
	width: 210px; 
	height: 26px;
	z-index: 26; 
}

#compass {
	position: absolute;
	visibility: visible; 
	top: 103px; 
	left: 10px; 
	width: 210px; 
	height: 90px;
	z-index: 30;
}

#closewindow { 
	position: absolute;
	visibility: visible;  
	top: 31px; 
	left: 379px; 
	width: 122px; 
	height: 38px;
	z-index: 60; 
}







/* Base Art Container Panels */

#artlefthome { 
	visibility: visible; 
	position: absolute;  
	top: 96px; 
	left: 0; 
	width: 230px; 
	height: 138px; 
	border-bottom: 1px solid white;
	z-index: 22; 
}

#artleftsub { 
	visibility: visible; 
	position: absolute;  
	top: 81px; 
	left: 0; 
	width: 230px; 
	height: 138px; 
	border-bottom: 1px solid white;
	z-index: 22; 
}

#artmainsub { visibility: visible; 
	position: absolute;
	background-color: #666; 
	top: 81px; 
	left: 231px; 
	width: 509px; 
	height: 129px;
	border-right: 1px solid white;
	z-index: 36; 
}

.cntDotH1 {
 background:URL(../images/dotrule1.gif) repeat-x;
}

.cntDotH {
 background:URL(../images/dotrule5.gif) repeat-x;
}






/* Main Content Containers */

#contentmain { 
	position: absolute;
	visibility: visible; 
	top: 95px; 
	left: 250px; 
	width: 490px; 
	height: auto;
	z-index: 18; 
}

#contentmain1 { 
	position: absolute;
	visibility: visible; 
	top: 110px; 
	left: 250px; 
	width: 490px; 
	height: auto;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px; 
	color: #555;
	vertical-align: top;
	line-height: 15px;
	z-index: 18; 
}

#contentmain2 { 
	position: absolute;
	visibility: visible; 
	top: 81px; 
	left: 250px; 
	width: 490px; 
	height: auto;
	z-index: 18; 
}

#contentmain3 { 
	position: absolute;
	visibility: visible; 
	top: 110px; 
	left: 250px; 
	width: 490px; 
	height: auto;
	z-index: 18; 
}

#contentmain4 { 
	position: absolute;
	visibility: visible; 
	top: 100px; 
	left: 250px; 
	width: 490px; 
	height: auto;
	z-index: 18; 
}

#contentmain5 { 
	position: absolute;
	visibility: visible; 
	top: 100px; 
	left: 250px; 
	width: 540px; 
	height: auto;
	z-index: 18; 
}

#titleboxLearning { 
	position: absolute;
	visibility: visible; 
	top: 120px; 
	left: 250px; 
	width: 490px; 
	height: 36;
	z-index: 70; 
}

#contentsub { 
	position: absolute;
	visibility: visible; 
	top: 237px; 
	left: 250px; 
	width: 490px; 
	height: auto;
	z-index: 18;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px; 
	color: #555;
	vertical-align: top;
	line-height: 15px; 
}

#popcontentmain { 
	position: absolute;
	visibility: visible; 
	top: 102px; 
	left: 20px; 
	width: 490px; 
	height: auto;
	z-index: 48; 
}







/* Left-Hand Sidebar Containers */

#contentlefthome { 
	visibility: visible; 
	position: absolute;  
	top: 280px; 
	left: 10px; 
	width: 205px; 
	height: auto;
	z-index: 26; 
}

#contentleftsub1 { 
	visibility: visible; 
	position: absolute; 
	top: 255px; 
	left: 10px; 
	width: 217px; 
	height: auto; 
	z-index: 27; 
}

#contentleftsub2 { 
	visibility: visible; 
	position: absolute;  
	top: 264px; 
	left: 10px; 
	width: 205px; 
	height: auto;
	z-index: 26; 
}








/* Primary Text Styles */

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #555;
}

p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px; 
	color: #555;
	vertical-align: top;
	line-height: 15px;
}

th, td {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px; 
	color: #555;
	line-height: 15px;
}

#ul {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px; 
	color: #555;
	vertical-align: top;
	line-height: 15px;
	list-style: none;
	margin-left: 0;
	padding: 0 0 0 1em;
}


#listoption1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px; 
	color: #555;
	vertical-align: top;
	line-height: 15px;
	margin-left: 0;
	padding-left: 0;
	list-style: none;
}

#listoption1 li {
	padding-left: 7px;
	background-image: url(../images/bullet_slate.gif);
	background-repeat: no-repeat;
	background-position: 0 .5em;
}



input, select, textarea{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px; 
	color: #555;
}

a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;	
	color : #516181;
	text-decoration: underline;
}

a:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;	
	color : #086e26;
	text-decoration: none;
}

a:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color : #516181;
	text-decoration: underline;
}

h1 {  
	font-family: Arial, Helvetica, sans-serif;	
	font-size: 14px;
	color: #516181; 
	font-weight: normal; 
}

h2 {  
	font-family: Arial, Helvetica, sans-serif;	
	font-size: 12px;
	color: #7f3d1c; 
	font-weight: normal; 
}

.subheadbrown { 
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #7f3d1c; 
	font-weight: normal; 
}

h3 {  
	font-family: Arial, Helvetica, sans-serif;	
	font-size: 16px;
	color: #7C8660; 
	font-weight: normal; 
}

h4 {  
	font-family: Arial, Helvetica, sans-serif;	
	font-size: 14px;
	color: #7C8660; 
	font-weight: normal; 
}

.subhead2bold { 
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #516181; 
	font-weight: bold; 
}

.sidesub {  
	font-family: Arial, Helvetica, sans-serif;	
	font-size: 11px;
	color: #5B684B; 
	font-weight: bold; 
}

.sidefff { 
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px; 
	color: #fff;  
	line-height: 12px; 
}

.side555 { 
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px; 
	color: #555;  
	line-height: 13px;
	text-decoration: none; 
}

.sidehomelink a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #f9f6eb;
	font-weight: bold;
	line-height: 12px;
	text-decoration: none;
}

.sidehomelink a:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #ffffff;
	font-weight: bold;
	line-height: 12px;
	text-decoration: underline;
}

.sidehomelink a:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #f9f6eb;
	font-weight: bold;
	line-height: 12px;
	text-decoration: none;
}

.sidehomelink2 a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #f9f6eb;
	font-weight: bold;
	line-height: 12px;
	text-decoration: none;
}

.sidehomelink2 a:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #ffffff;
	font-weight: bold;
	line-height: 12px;
	text-decoration: underline;
}

.sidesublink a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #516181;
	line-height: 12px;
	text-decoration: none;
}

.sidesublink a:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #086e26;
	line-height: 12px;
	text-decoration: underline;
}

.sidesublink2 a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #516181;
	line-height: 12px;
	text-decoration: none;
}

.sidesublink2 a:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #086e26;
	line-height: 12px;
	text-decoration: underline;
}

.sitemaplink a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #516181;
	line-height: 18px;
	text-decoration: none;
}

.sitemaplink a:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #086e26;
	line-height: 18px;
	text-decoration: underline;
}

.footertext { 
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #888; 
	line-height: 12px;
}

.glossterm { 
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #516181; 
	font-weight: bold; 
}

.A-Z { 
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #555; 
	font-weight: bold; 
	letter-spacing: 3px; 
}

/* table, left and bottom */
.tb1 {
	border-color:#cccccc;
	border-style: solid;
	border-width: 0 0 1px 1px;
	border-spacing: 0; 
	border-collapse: collapse;
}

/* table cells, top and right */
.tb2  { 
	border-color:#cccccc;
	border-style: solid;
	margin: 0;
	padding: 4px; 
	border-width: 1px 1px 0 0; 
}




