div#background-repeat {
			margin: 0;
			padding: 0;
			background: #B7BBC2 url(template_images/background_repeat.gif) repeat-y;
			background-position: center;
		}
				
		div#background {
			margin: 0;
			padding: 0;
			background: url(template_images/background_top.gif) no-repeat;
			background-position: top center;
		}
		
		div#container {
			width: 960px;
			margin: 0px auto;
			padding: 0;
			text-align: left;
			background: none;
		}

		div#footer-background {
			background: #B7BBC2 url(template_images/footer_background2f.gif) no-repeat;
			background-position: top center;
			height: 142px;
			z-index: 9;
		}
		
		div#footer {
			width: 960px;
			text-align: center;
		
		}

		div#footer p{
			color: #BFDFDE;
			font: normal 13px Verdana, Arial, Sans Serif;
			text-align: left;
			margin: 0px 0px 0px 0px;
			padding: 11px 0px 5px 20px;
		}
		
		
		div#footer table tr td {
			padding-top: 4px;
			
		}
		

		p {
			margin: 0;
			padding: 0;
		}
		
		/*add*/
	
	div#right-side {
			margin: 0px;
			padding: 0px;
			float: right;
			width: 272px;
		}
		
		div#right-side p {
			margin: 0px;
			padding: 0px;
		}
		
		div#right-side p.sidebar {
			margin: 0px;
			padding: 4px 20px 12px 30px;
			background: url(template_images/sidebar_fade.gif) repeat-x; 
			background-position: top left;
			color: #004744; 
			font: 12px Verdana, Arial, Sans Serif; 
			line-height: 18px;
		}
		
		div#right-side p.sidebar2 {
			margin: 0px;
			padding: 4px 20px 12px 30px;
			background: inherit; 
			color: #004744; 
			font: 12px Verdana, Arial, Sans Serif; 
			line-height: 18px;
		}
		
		div#right-side div.sidebar {
			margin: 0px;
			padding: 4px 12px 12px 20px;
			background: url(template_images/sidebar_fade.gif) repeat-x; 
			background-position: top left;
			color: #004744; 
			font: bold 12px Verdana, Arial, Sans Serif; 
		}
		
		
		div#right-side ul {
			margin: 0px;
			padding: 0px;
			list-style: none;
		}
		
		div#right-side ul li{
			margin: 0px;
			padding: 3px 0px 0px 0px;
			list-style: none;
		}
		
		div#right-side ul li ul{
			margin: 0px 3px 2px 10px;
			padding: 0px;
			list-style: square;
		}
		
		div#right-side ul li ul li{
			padding: 0px 2px 0px 0px;
			margin-left: 25px;
			list-style: square;
		}

		div#right-side ul.news {
			margin: 0px;
			padding: 5px 30px 12px 35px;
			background: url(template_images/sidebar_fade.gif) repeat-x; 
			background-position: top left;
			color: #004744; 
			font: 12px Verdana, Arial, Sans Serif; 
			line-height: 18px;
			list-style: square;
		}
		
		div#right-side ul.news li{
			margin: 0px;
			padding: 3px 0px 10px 0px;
			list-style: square;
		}
		
		/*end new*/
		
 A { } 
A:hover   { 
	color: #FF0000; 
	text-decoration: underline; 
	top: 17px}

	
BODY
 { text-align: center; color: #000000;
			background-color: #B7BBC2;
			font-size: 85%; font-family: Trebuchet MS,  Verdana, Geneva, Arial, Helvetica, sans-serif;  margin: 0px ; font-weight: normal}

H1	{
    FONT-SIZE: 180%; 
    font-weight: bold; 
    color: #000000; 
    font-family: normal arial, helvetica, geneva, sans-serif; 
	text-align: center;

	}
H2{
    FONT-SIZE: 140%; color: #000000
}
H3{
    FONT-SIZE: 110%; font-family: "Times New Roman", Times, serif; color: #000000
}
H5{
    FONT-SIZE: 100%; text-align: center; font-weight: bold; color: #000000}
h2.center
	{text-align: center}
TD{
    COLOR: black;
    FONT-FAMILY: Arial;
    FONT-SIZE: 100%;
    VERTICAL-ALIGN: top
}
TD.copyright
{
	FONT-SIZE: 100%;
	text-align: center;
}
Address  { 
	font-size: 100%; 
	text-align: center; 
	text-align: center
 }
TH
{
    COLOR: black;
    FONT-FAMILY: Arial;
    FONT-SIZE: 100%
}
PRE
{
    COLOR: black;
    FONT-FAMILY: Arial;
    FONT-SIZE: 100%;
    VERTICAL-ALIGN: top
}
li {  
	list-style-position: outside;
	list-style-type: disc; 
	font-family: Trebuchet MS,  Verdana, Geneva, Arial, Helvetica, sans-serif;
	/*background-repeat: no-repeat*/
	}

.inside {  
	list-style-position: inside;
	}
	
.links {  
	font-family: normal arial, helvetica, geneva, sans-serif; 
	font-size: 100%; 
	font-weight: normal; color: #FFFF99; text-decoration: none; 
	left: 2%; 
	line-height: 125%; position: relative
	}

.links a:hover{  
	font-family: normal arial, helvetica, geneva, sans-serif; 
	font-size: 100%; 
	font-weight: normal; 
	color: #FF0000; text-decoration: underline; 
	left: 2%; 
	line-height: 125%; 
	position: relative}.ol {  font-size: 12px; 

 }

.inlinelink {  
	font-family: normal arial, helvetica, geneva, sans-serif; 
	color: #0000FF; 
	text-decoration: underline; 
	
}

.inlinelink a:hover {  
	font-family: normal arial, helvetica, geneva, sans-serif; 
	color: #FF0000; 
	text-decoration: underline; 
	}
	
.credits {  font-family: normal arial, helvetica, geneva, sans-serif; font-size: 80%
	}

.minitext {
	font-size: 80%; 
	font-style:italic 
}

#banner {
	margin-top:0px;
	margin: 0px 0px 0px 0px;
 	padding: 0% 2% 0% 3%;
	height:108px;
	border-right: 12em solid #0A6CCE;
	border-left: 10em solid #0A6CCE;
	border-bottom: solid 1.5px black;
	background-color: #0A6CCE;
	position: relative;
 	text-align:center;
 	z-index : 5;
	max-width:613px
 		}
#bannertop {
	margin-top:0px;
	height:auto;
	border-bottom: solid 1.5px black;
	background-color: #0A6CCE;
	position: absolute;
 	text-align:center;
 	z-index : 10;
	max-width:600px
 		}

#content {
	text-align: left;
	padding-left:160px;
	width: 100px ;
	margin-top:5px; 
	margin-bottom:0px; 
	/*background: white;*/
	
		
	}
#content2 {
	text-align: left;
	padding-left:160px;
	width: 600px ;
	margin-top:5px; 
	margin-bottom:0px; 
	
	}

#sites {
	position: absolute;	
	width: 150px;
	right: 15px;
	top: 135px;
	bottom: 0px;
	padding: 0px 0px 100px 0px;
	width: 128px; 
	/*background-color : #ffffff;*/
	display: block;

	}
	
#w3c {text-decoration: none}
#mslogo{text-align: center}
#indent{padding-left: 5px}
#lower_right {
	position: absolute;	
	width: 150px;
	right: 15px;
	top: 350px;
	padding: 7px;
	width: 128px;
	}
#leftmost, #left, #right, #content, #content2 
	{
	float: left;
	}
#leftmost 
	{
	position: absolute;
	margin-top:400px;
	width: 8em;
	z-index:8;
	}

#left 
	{
	position: absolute;
	margin-top:4%;
	margin-left:8.2em;
	width: 7em;
	clear: none;
	}

#middle2
		{
		text-align:left;
		margin: 0px 0px 0px 0px;
		padding: 0% 2% 1% 3%;
		z-index : 9;
		/*border-right: 1em solid #0A6CCE;*/
		border-left: 10em solid #f5f5f5;
		border-bottom: 1px solid black;
		border-top: 1px solid black;
		background: url('../images/shadows/pdshadow6.jpg') top left;
		width:776px;
		
		}

#right 
		{
		position: absolute;
		width: 15em;
		}
#tip
		{
		margin-right: 0%;
		padding: 0% 4% 1% 5%;
		z-index : 6;	
		border-right: 10em solid #0A6CCE;
		border-left: 8em solid #eeeeee;
		width: 100%;  
		}

h1.title 
	{
	text-align:center; 	
	margin-top: 1em;
	}
#photoright
	{
	right: 10px;
	position: absolute;
	top: 145px;
	width: 11.8em;
	z-index : 7; 

	}

#menuright
	{
	right: -100px;
	background-color : #0A6CCE;
	width: 9em;
/*	float: right;right: 10px;
	padding-bottom: 5%;
	padding-right: 3%;
	padding-left: 0%;
text-align:left;
	bottom: 10px;margin-top: 15px;*/
	position: relative;
	top: 15px;
	float:right;
	z-index : 7; 
	color:#FFFFFF; 
	font-size: 80%;
	font-family: normal arial, helvetica, geneva, sans-serif; 
	
	}
	
#bottomrighthome
	{
	background-color : #0A6CCE;
	position: absolute;
	padding-bottom: 0px;
	bottom: 10px;
	width: 20px;
	height: 550px;
	border-right: 1px solid #0A6CCE;
	z-index: 1; 
	right: 0em;
	float: right;
	clear: right;
	}	
#bottomright
	{
	background-color : #0A6CCE;
	position: absolute;
	padding-bottom: 50px;
	bottom: 0px;
	width: 20px;
	height: 600px;
	border-right: 20px solid #0A6CCE;
	z-index: 1; 
	right: 0em;
		}	
#topright
	{
	background-color : #0A6CCE;
	position: absolute;
	padding-bottom: 0px;
	top: 0px;
	width: 20px;
	height: 600px;
	border-right: 20px solid #0A6CCE;
	z-index: 1; 
	right: 0em;
	float: right;
	clear: right;
	}	
	
#copyright{
	font-size: 70%;
	text-align: center;
	}

#boo
 {
	/*background-color : #eeeeee;*/
	display: block;
	position: absolute;
	top: 400px;
	left: 0px;
	width: 8em;
	margin-left:0px; 
	margin-right:0px; 
	color: black;
	z-index: 9;
	border: solid;
}
	
#bottom 
	{
	margin: 0px 0px 0px 0px;
	padding: 0% 2% 1% 3%;
	background-color : black;
	height: 2em;
	text-align: center;
	border: solid 2px;
	color: white;
	}	
	
#javamenu
	{
	margin-right:0px;
	}
	
#inside {
	position: absolute;
	font-size: 80%;
	z-index : 10; 
	
	}
	
h2.white {
	color: white;
	font-size: 120% ;
}

#header, #footer {
	margin-bottom: 0.5em;
	margin-top: 0.5em;
	width: 100%;
	padding: 0em;
}
#header p, #footer p {
	text-align: center;
}
#footer {
	clear: both;
}

#inner { 
	float: left; 
	width: 9em; 
	margin-left: -148px;
	/*font-family: arial ; 
	text-align: center; 
	border: 5px solid white;
	font-weight: bold; 
	font-size: 100%;
	padding: 5px 5px 0px 0px;*/
	margin-top: 15px;
}
#menu {
	background-color : #f5f5f5;
	display: block;
	position: relative;
	left: -1em;
	width: 9em;
	margin-left:0px; 
	margin-right:0px; 
	text-decoration: none;
	z-index: 0;
	float:left;
	}
	
.menuholder{width: 9em}

.shift {
	left: -162px;
	position: absolute;
	top: 564px;
}
	
#menuinside
{top: 150px}
	


#menu div.menusub
	{
	color: black;
	background:white;
	border-bottom: solid 2px #dddddd;
	font-weight:bold;
	padding-left: 3px;
	padding-right: 2px;
	font-size: 90%;
	text-align: left;
	width: 99%;
	}

#menu div.mslogo
	{
	padding:5px 0px 5px 0px;
	background:white;
	margin-left: 6px;
	border: solid 1px #dddddd;
	text-align: center;	
	}
		
 img.float  {float: left; padding-right:10px}

#menu div.navitem a:link {
	display: block;
	width: 97%;
	padding: 1px 2px 1px 5px;
	font-family: normal arial, helvetica, geneva, sans-serif;
	text-align: left;
	font-size: 90%; 
	z-index: 9;
	text-decoration: none;
	color: #000000;
	background-color: #f5f5f5;
		font-variant: normal; 
	
	border-bottom: solid 2px #dddddd;
	}
	
#menu div.navitem a:visited 
{
	display: block;
	width: 97%;
	padding: 1px 2px 1px 5px;
	font-family: normal arial, helvetica, geneva, sans-serif;
	text-align: left;
	text-decoration: none;
	color: #333333;
	background-color: #f5f5f5;
	font-size: 90%; z-index: 9;
	border-bottom: solid 2px #dddddd;
}

#menu div.navitem a:hover {
	display: block;
	width: 97%;
	padding: 1px 2px 1px 5px;
	font-family: normal arial, helvetica, geneva, sans-serif;
	text-align: left;
	text-decoration: none;
	color: #ffffff;
	background-color: gray;
	border-top: 1px solid black;
	border-left: 1px solid black;
	border-bottom: solid 1px black;
	border-right: 1px solid black;

	font-size: 90%; z-index: 9

	}

#menu div.navitemon 
a{
	display: block;
	width: 97%;
	padding: 5px 0px 5px 7px;
	font-family:  normal arial, helvetica, geneva, sans-serif;
	text-align: left;
	text-decoration: none;
	color: #ffffff;
	background-color: #ff6633;
	border-top: 1px solid #d26a00;
	border-bottom: solid 1px #ffddbb;
	}
a:link {color: #005ab0;
	background-color: transparent;
	text-decoration: none;
 	font-weight: normal;
	}
/*#footer
		{
		margin: 20px 0 0 0;
		padding-left:140px;
		}
#footer p, #footer p a link, #footer p a visited {
	font: normal 0.75em/1em verdana, arial, helvetica, geneva, sans-serif;
	}*/
	
.float  {float: left
			}

.sbody {
    line-height: 150%;
    position: relative;
    top: -0.5em;
    left: -0.5em;
    /*background-color: white;*/
    padding: 0.75em;
    border: 1px solid #666666;
    border-top: none;
  }
  
  

.example {clear:both;margin:20px 0;}
.example p{position:relative;left:30px;}
.example a {font-weight: normal !important;}


#BlueCell1   { color: #FFFFFF; font-family: Arial; letter-spacing: 1pt; font-size: large; 
               text-align: Right; font-style: italic; font-weight: bold }
#BlueCell2   { color: #FFFFFF; font-family: Arial; font-weight: bold; position: relative; 
               left: 20px; top: 2px }



.clsNavBar 
{ 
	font-family: Arial, sans-serif; 
	font-size: small; 
	color: white; 
	/*background-color: black;*/
	text-decoration: none; 
	background-position: center;
}

.clsNavBar a:link
{ 
	color: white; 
	text-decoration: none;
}

.clsNavBar a:visited 
{ 
	color: white; 
	color: rgb(255,255,255); 
	text-decoration: none; 
	/*background-color: rgb(0,0,0); */
}

.clsNavBar a:hover
{ 
	/*background-color: rgb(255,255,255); */
	color: rgb(0,0,0) 
}
.center
{text-align: center}

#shadowtop{padding-left: 8em;
		background-color: #f5f5f5}
		
div#right-side {
			margin: 0px;
			padding: 0px;
			float: right;
			width: 272px;
		}
		
		div#right-side p {
			margin: 0px;
			padding: 0px;
		}
		
		div#right-side p.sidebar {
			margin: 0px;
			padding: 4px 0px 12px 30px;
			background: url(template_images/sidebar_fade.gif) repeat-x; 
			background-position: top left;
			color: #004744; 
			font: 12px Verdana, Arial, Sans Serif; 
			line-height: 18px;
		}
		
		div#right-side p.sidebar2 {
			margin: 0px;
			padding: 4px 0px 12px 30px;
			background: inherit; 
			color: #004744; 
			font: 12px Verdana, Arial, Sans Serif; 
			line-height: 18px;
		}
		
		div#right-side div.sidebar {
			margin: 0px;
			padding: 4px 0px 12px 20px;
			background: url(template_images/sidebar_fade.gif) repeat-x; 
			background-position: top left;
			color: #004744; 
			font: bold 12px Verdana, Arial, Sans Serif; 
		}
		
		
		div#right-side ul {
			margin: 0px;
			padding: 0px;
			list-style: none;
		}
		
		div#right-side ul li{
			margin: 0px;
			padding: 3px 0px 0px 0px;
			list-style: none;
		}
		
		div#right-side ul li ul{
			margin: 0px 3px 2px 10px;
			padding: 0px;
			list-style: square;
		}
		
		div#right-side ul li ul li{
			padding: 0px 2px 0px 0px;
			margin-left: 25px;
			list-style: square;
		}

		div#right-side ul.news {
			margin: 0px;
			padding: 5px 0px 12px 35px;
			background: url(template_images/sidebar_fade.gif) repeat-x; 
			background-position: top left;
			color: #004744; 
			font: 12px Verdana, Arial, Sans Serif; 
			line-height: 18px;
			list-style: square;
		}
		
		div#right-side ul.news li{
			margin: 0px;
			padding: 3px 0px 10px 0px;
			list-style: square;
		}