/* * { font-family: Arial, Helvetica, sans-serif; font-size: 12px;
    font-style: normal; line-height: normal; font-weight: normal; font-variant:
    normal; text-transform: none; color: #000000; } */ 
html,body 
	{
		height:100%;
		margin: 0;
		margin-left:5%;
		margin-right:10%;
		padding: 0;
		font-family: Verdana, Arial, Helvetica, sans-serif; 
		font-size: 12px; 
		font-weight:normal; 
		line-height: 130%; 
		color: #000000; 
		text-align:left;   
	}
.highlight
	{
		padding:0.1em;
		background-color:yellow;
	}

#switcher
	{
		float:left;
		width: 25%;
		background-color: #FFFFFF;
		padding-bottom: 2em;
		font-family: Arial, Helvetica, sans-serif; 
		font-size: 10px;
		font-weight: bold; 
		color: #FF0000;			
	}
 	
	
H1,H2,H3
	{
		padding-top: 0em;
		padding-bottom: 0em;
		margin-top: .3em;
		margin-bottom: 0em;
		font-family: Arial, Helvetica,sans-serif; 
		font-style: normal; 
		font-variant: normal;
		font-weight: bold;
		line-height: 100%; 
		text-align:center; 		
		color: #0000FF; 
	}

H1
	{
		font-size: 36px; 
	}
	
H2
	{
		font-size: 24px; 
	}

H3
	{
		font-size: 20px;
		text-align: left;
	}	


H4
	{
		padding-top: 0em;
		padding-bottom: 0em;
		margin-top: .3em;
		margin-bottom: 0em;
		font-family: Arial, Helvetica,sans-serif; 
		font-size: 16px;
		font-style: normal; 
		font-variant: normal;
		font-weight: bold;
		line-height: 100%; 
		text-align:left; 		
		color: #0000FF; 
	}


.display
	{
		margin-right: 3em;
		margin-left: 3em;
	}
	
.display_indent
	{
		margin-right: 6em;
		margin-left: 6em;
	}	

.display_bold
	{
		margin-right: 3em;
		margin-left: 3em;
		font-weight: bold;
	}
	
.normal_bold
	{
		line-height: 100%; 
		text-align:left; 
		font-weight: bold;		
		color: #000000;
	}	

.center_em
	{
		font-size: 14px;
		text-align: center;
		color:red;
		font-weight: bold;
	}
	
.display_left
	{
		text-align: left;
		margin-left: 5em;
	}
	
#page_head
	{
		float:right;
		width:74%;	
		background-color: #FFFFFF;
	}	
	
#container
	{
		position: relative;
		min-height:94%;
	}

* html #container
	{
		height:94%
	}


#content_area {
  position:relative;
  min-height:100%;
  background: #FFFFFF;
  float: right;
  width: 74%;

}
*html #content_area  /*hack for ie as otherwise the floats overlap and center displayed above right - cos ie displays floats incorrectly*/
	{
		width: 74%; 
	}


#leftcol {
  background: #FFFFFF;
  float: left;
  width: 25%;
  height: 150px;
}
#left_menu
	{
		float:left;
		background-color: #99FF00;
		font-family: Arial, Helvetica, sans-serif; 
		font-size: 14px;
		font-weight: bold; 
		color: #0000FF;
		height: 160px;		
		width: 100%;		
	}

#content
	{
		float:left;	
		width: 97%;
		background-color: #FFFFFF;
		padding-top: 1em;
		margin-top: 1 em;	
		padding-left: 1em;
		padding-right: 1em;
	}
	

.my_button 
	{
		margin-left: 0em;
		padding-left:0em;
		margin-top: .75em;
		padding-top:.75em;	
	}
	
	
.my_button UL 
	{
		padding-top: 0em; 		
		padding-right:0em; 
		padding-left:0em; 
		padding-bottom:2em;
		margin-bottom:2em;		
		font-family: Verdana, Arial, Helvetica, sans-serif;		
		font-size: 12px;
		font-weight: bold;		
		line-height: 20px; 
	}
	
.my_button LI 
	{
		margin-left:0.5em; 
		padding-left;0.5em;
		display: block; 
		width: 115px; 
		list-style-type: none; 
		height: 20px; 
		text-align: left;
		color: #0000FF;  
		width: 100%;
	}


.my_button LI A 
	{
		border-top-width: 0px;
		display:block;
		border-left-width: 0px;
		border-bottom-width: 0px;
		border-right-width: 0px;		
		margin-left:0em; 
		padding-left;0em;
		width: 100%; 
		height: 100%; 
		text-decoration: none;
		color: #0000FF; 
		width: 100%;	
	}
	
.my_button LI A:link 
	{
		margin-left:0.5em; 
		padding-left;0.5em;
		font-weight: bold; 
		color: #0000FF; 
		border-top-style: outset; 
		border-right-style: outset; 
		border-left-style: outset; 
		border-bottom-style: outset; 		
		width: 100%;	
	}
	
	
.my_button LI A:hover 
	{
		font-weight: bold; 
		color: #FFFFFF; 
		border-top-style: outset; 
		border-right-style: outset; 
		border-left-style: outset; 
		border-bottom-style: outset; 		
		background-color: #0000FF; 
		width: 97%;			
	}





#footer_area {
  clear: both;
  width: 100%;
}
#footer
	{
		clear: both;
		width: 100%;  
		position:relative;
		bottom: 0;
		background-color: #FFFFFF;
		padding-top: 0em;
		padding-bottom: 0em;
		font-size: 10px;
	}




	@media print  
{
	#switcher,#leftcol,#left_menu,#footer 
	{ 
		display: none; 
	}

	#page_head
	{
		width:100%;
		text-align:center;
		left: 0px;
		padding-top: 5px;
		padding-bottom: 5px;		
		background-color: #FFFFFF;
	}
#content_area 
{
  position:relative;
  min-height:100%;
  background: #FFFFFF;
  float: left;
  width: 100%;
  height: 500px;
}

*html #content_area  /*hack for ie as otherwise the floats overlap and center displayed above right - cos ie displays floats incorrectly*/
	{
		width: 100%; 
	}

#content
	{
		font-family: Verdana, Arial, Helvetica, sans-serif; 
		font-size: 1.5em;
		line-height: 130%;
		background-color: #FFFFFF;
		margin-top: .5em;
		margin_bottom: 2em;
		padding-bottom: 3em;
		min-height: 100%;
		height: 70%;
		width:100%
	}

#footer_area {
  clear: both;
  width: 100%;
}
#footer
	{
		clear: both;
		width: 100%;  
		position:relative;
		bottom: 0;
		width: 100%;
		background-color: #FFFFFF;
		padding-top: 0em;
		padding-bottom: 0em;
		font-size: 10px;
	}

}