/* 
	Filename: 	style2a.css 
	Date: 		12 Sep 09	
*/
html {
	height: 100%;
	width: 100%;
	}

body {
	background: #FFF url("../images/system/body.bmp") repeat;
	font-family:Verdana, arial, sans-serif;
	font-size: 0.8em;
	line-height: 1.25em;
	text-align:left;
	padding-bottom: 5px;
	color:#333333;
	background-attachment: fixed;
	}
	
/* 
	DIV Id definitions
	#webpage inherits 100% size of html, which automatically
	adjusts to the browser in question - hopefully. All other
	#divisions are sized within #webpage by a percentage width (%).
*/
#webpage {
	position: static;
	width: auto;
	margin: 25px 25px 25px 25px;
	overflow: hidden; 
	display: block; 
	background: #FFF url("../images/system/webpage.bmp") repeat;
	border: thin solid;
	border-color:#C0C0C0;

	}	
/*
	These are the primary page divisions
*/
#header, #tbar, #left, #content, #right, #tbar, #footer {
	background: transparent;
	}
/*
	Each #division only defines the basic positional
	structure, while subsequent inset definitions will
	define the attributes of the data contained
*/	
#header {
	width: 100%;
	float:left;
	background:#E1E5D5;
	}
					
#tbar {
	clear: left;
	width: 100%;
	background:#656565;
	}
/*
Note: #left(20%) #content(60%), #right(20%) 
float left to make one 100% horizontal block
*/
#left {
	float: left;
	clear: left;
	width: 20%;
	}
	
#content {
	float: left;
	width: 60%;
	}
	
#right {
	float: left;
	width: 20%;
	}
	
#bbar {
	clear: both;
	width: 100%;
	background:	#525252;
	}
		
#footer {
	clear: both;
	width: 100%;
	background:#E1E5D5;
	}
/*
	The following div.classes act as insets within one of the
	previous #<div> definitions and provide the margin and
	padding required within each of the primary <div>'s
*/
.insetHeader{
	font-size: 1.25em;
	}
					
.insetTbar {
	width:90%;
	height:40px;				/* check method*/
	background:#656565;
	color: white;
	}	
		
.insetLH {
	font-size: 0.85em;
	color:#333333;
	background:#E1E5D5;
	margin: 10px 10px 10px 10px;
	padding: 5px 10px 5px 10px;
	border: solid thin;
	border-color:gray;
	}
	
.insetContent {
	font-size: 0.875em;
	text-align:justify;
	color:#333333;
	background:white;
	margin: 10px 0px 10px 0px;
	padding: 5px 10px 5px 10px;
	border: solid thin;
	border-color:gray;	
	min-height: 500px;
	}			

.insetRH {
	font-size: 0.85em;
	color: maroon;
	font-style: italic;
	background:#E1E5D5;
	margin: 10px 10px 10px 10px;
	padding: 5px 10px 5px 10px;
	border: solid thin;
	border-color:gray;
	}
	
.insetBbar {
	font-size:0.85em;
	font-weight:bold;
	height:50px;			/* check method*/
	background:#525252;
	color: white;
	}

.insetFooter {
	background:#E1E5D5;
	color:#639D02; 
	text-align: center;
	padding: 5px 0px 5px 0px;
	}
/*
	main style classes
*/
.myTitle{
	font-size: 1.25em;
	color:#639D02;
	letter-spacing: 5px;
	position: relative; 
	top: 30px;
	text-decoration:underline;
	}
	
.mySubTitle{
	font-size: 0.8em;
	color:#639D02;
	position: relative; 
	top: 30px;
	}
	
.myFooter{
	font-size: 1em;
	text-decoration:underline;
	}
	
.mySubFooter{
	font-size: 0.8em;
	}

.mybox { 
	width: 10px;
	}
/*
	style used via getElementById in tree.js
*/
#myTree a, #myTree a:link, #myTree a:visited, #myTree a:active
	{
	color:#333333;
	font-weight:normal;	
	padding: 0px 5px 5px 5px;
	text-decoration: none;
	}

#myTree a:hover
	{
	color: red;
	font-weight:bold;
	padding: 0px 5px 5px 5px;
	}
/*
	.linkList1 styles classes
*/
.linkList1 a, .linkList1 a:link, .linkList1 a:visited, .linkList1 a:active
	{
	color:#333333;
  	text-decoration: none;
	}

.linkList1 a:hover
	{
	color: red;
	font-weight:bold;
  	text-decoration: none;
	}

.linkList1 ul{
	padding: 0;
	}

.linkList1 li{ 
	list-style: none; 
	}
	
.linkList1 li a { 
	text-decoration: none; 
	padding: 0px 0px 0px 15px;
	background: transparent url("../images/system/arrow1.png") no-repeat left ;
	} 
		
.linkList1 li a:hover{ 
  	text-decoration: none; 
  	padding: 0px 0px 0px 15px;
	background: transparent url("../images/system/arrow1_select.png") no-repeat left ;
	} 
/*
	.linkList2 styles classes
*/
.linkList2 a, .linkList2 a:link, .linkList2 a:visited, .linkList2 a:active
	{
	color: white;
  	text-decoration: none;
	}

.linkList2 a:hover
	{
	color: yellow;
	font-weight:bold;
  	text-decoration: none;
	}

.linkList2 ul{
	list-style: none;
	margin: 0;			/* check default - this is req'd??? */		
	padding: 0px 0px 0px 15px;

	float:left;
	}

.linkList2 li{ 
	list-style: none;
	padding: 0px 0px 0px 15px;
	display: inline;
	position:relative;
	}
	
.linkList2 li a { 
	text-decoration: none; 
	padding: 0px 0px 0px 15px;
	background: transparent url("../images/system/arrow2.png") no-repeat left ;
	} 
		
.linkList2 li a:hover{ 
  	text-decoration: none; 
  	padding: 0px 0px 0px 15px;
	background: transparent url("../images/system/arrow2_select.png") no-repeat left ;
	} 	
/* 
	Rounded corners without images 
*/
	.mtop, .mbottom {
		display: block;
		}

	.mtop .m1, .mtop .m2, .mtop .m3, .mtop .m4,
	.mbottom .m1, .mbottom .m2, .mbottom .m3, .mbottom .m4{ 
		display: block;
	  	height: 1px;
	  	overflow: hidden; 
		}

	.m1{
		margin: 0px 5px 0px 5px;
		}

	.m2{
		margin: 0px 3px 0px 3px;
		}

	.m3{
		margin: 0px 2px 0px 2px;
		}

	.mtop .m4, .mbottom .m4{ 
		margin: 0px 1px 0px 1px;
	  	height: 2px;
		}
	
	.mtop, .mbottom{
		background:#666666;
		}

	.mtop .m1, .mtop .m2, .mtop .m3, .mtop .m4,
	.mbottom .m1, .mbottom .m2, .mbottom .m3, .mbottom .m4{
		background:#E1E5D5;
		}
	
/* end of file */