/***********************************************/
/* HTML tag styles                             */
/***********************************************/ 

		
body{
	font-family: Arial, Helvetica, sans-serif;
	margin: 0px 0px 12px 0px;
	padding: 0px;
	background-image: url("../../images/bg.gif");
	font-size: 80%;
}

a{
	color: #004080;
	text-decoration: underline;
}

a:link{
	color: #004080;
	text-decoration: none;
	font-weight:bold;
}

a:visited{
	color: #004080;
	text-decoration: underline;
	font-weight:bold;
}

a:hover{
	color: #96BF0D;
	text-decoration: underline;
	font-weight:bold;
}


a.footerlink:link { color: #FFFFFF; text-decoration: none}
a.footerlink:visited { color: #FFFFFF; text-decoration: none}
a.footerlink:hover { color: #000033; text-decoration: underline; background-color:#FFFFFF}
a.footerlink:active { color: #000000; text-decoration: none;

}

p
{
    line-height:150%;
}


h1{
 font-size: 160%;
 font-weight:bold;
 color: #96BF0D;
 margin:0px 0px 12px 0px;
}

h2{
 font-size: 140%;
 font-weight:bold;
 color: black;
}

h3{
 font-size: 140%;
 font-weight:bold;
 color: #004489;
 margin: 0px 0px 12px 0px;
}


h4{
 font-size: 120%;
 font-weight:bold;
 color: #004489;
 margin: 3px 0px 3px 0px;
}

h5{
 font-size: 120%;
 font-weight:bold;
 color: #96BF0D;
 margin: 12px 0px 12px 0px;
}

ul{
 list-style-type: disc;
 font-size: 100%;
 margin: 0px;
 padding: 0px 0px 0px 24px;
}

ol{
 list-style-type: disc;
 font-size: 100%;
}

ul ul{
 list-style-type: square;
}

ul ul ul{
 list-style-type: none;
}


li{
 padding: 1px 0px 1px 0px;
}


br{
clear:  both;
}


hr{
clear:  both;
height: 1px;
color:#AEAEAE;
background-color:#AEAEAE;
border:none;
}

/***********************************************/
/* Layout Classes                                 */
/***********************************************/

	.frame {
		width:781px;
		margin-right:auto;
		margin-left:auto;
		margin-top:3px;
		padding:0px;
		text-align:left;
		}
		

		.header {
	width:769px;
    float: left;
    clear: both;
    padding: 0px;
    margin: 0px;
    background-color: white;
    border-top-style:solid; 
    border-top-width:6px;
    border-top-color:#CCCCCC;
    border-right-style:solid; 
    border-right-width:6px;
    border-right-color:#CCCCCC;
    border-left-style:solid; 
    border-left-width:6px;
    border-left-color:#CCCCCC;
    }
	
	.search 
	{
	    float:none;
		width:750px;
		padding:0px;
		clear: both;
		margin-left:auto;
		margin-right:auto;
		background-color: #96BF0D;
		}
		
		
	.leftcolumn01{
		float:left;
		 padding: 12px;
		}	
		
	.leftcolumn02{
		width:392px;
		float:left;
		padding: 0px;
		margin: 0px;
		}
		
	.leftcolumn03{
		float:left;
		padding:  0px 0px 0px 12px;
		margin: 0px;
		width:280px; 
		}
		
	.leftcolumn04{
		float:left;
		padding: 0 0 0 9px; 
		margin: 0 px;  
		width:574px;
		border-left-style:solid; 
        border-left-width:6px;
        border-left-color:#CCCCCC;
        background-color: White; 
		}
		
		
	.leftcolumn05{
		float:left;
		padding: 0px;
		margin: 0px;
		width:175px; 
		background-color:white;
		text-align:center;
		height:262px;
		}
		
	.leftcolumn06{
		float:left;
		padding: 0 0px 0 0px;
		margin: 0px;
		width:11px; 
		background-color:white;
		text-align:center;
		border-right-style:solid; 
        border-right-width:6px;
        border-right-color:#CCCCCC;
        height:262px;
		}
		
	.leftcolumn07{
		float:left;
		padding: 0px;
		margin: 0px;
		width:175px; 
		background-color:#131313;
		text-align:center;
		height:231px;
		overflow: auto;
		}
		
	.leftcolumn08{
		float:left;
		padding: 0px;
		margin: 0px;
		width:175px; 
		background-color:#131313;
		text-align:center;
		height:31px;
		}
		
	.leftcolumn09{
		float:left;
		padding: 20px 20px 0px 20px; 
		margin: 0 0 0 0px;
		width:534px; 
		background-color:white;
		}
		
	.leftcolumn10{
		float:left;
		padding: 0px;
		margin: 0px;
		width:175px; 
		background-color:#D7E7A4;
		}
			
		
	.centercolumn{
		padding:0px;
		float:none;
		clear: both;
		margin-left:auto;
		margin-right:auto;
		text-align:center;
		}
		
		
	.singlecolumn01{
		clear: both;
		padding: 0px;
		margin: 0px;
		float:left;
		width:100%;	
		}
		
		
	.singlecolumn02{
		width:781px;
		padding: 0px;
		margin: 0px 0px 3px 0px;
		clear: both;
		float:left;
		}
		
		
	.singlecolumn03{
		clear: both;
		padding: 6px 0 0px 6px;
		margin: 0px;
		float:left;
		width:510px;	
		background-color: #F4FFCF;
		}


		
	.singlecolumn_contentmain{
	    float:left;	
	    width:689px;
		clear: both;
		padding: 20px 40px 20px 40px;
		margin: 0px;
		background-color:White;
		border-right-style:solid; 
        border-right-width:6px;
        border-right-color:#CCCCCC;
        border-left-style:solid; 
        border-left-width:6px;
        border-left-color:#CCCCCC;
		}
		
	.singlecolumn_contentmain02{
	    float:left;	
	    width:759px;
		clear: both;
		padding: 0px 0px 20px 10px;
		margin: 0px;
		background-color:White;
		border-right-style:solid; 
        border-right-width:6px;
        border-right-color:#CCCCCC;
        border-left-style:solid; 
        border-left-width:6px;
        border-left-color:#CCCCCC;
		}
		
		
		.greenpanel{
		clear: both;
		padding: 3px;
		margin: 0px;
		float:left;
		background-color:#96BF0D;
		text-align:center;
		width:386px;	
		}
		

/***********************************************/
/* Row layouts                                 */
/***********************************************/

div.row {clear: both;padding: 6px;}
div.row span.left {float: left; width:150px; text-align: right;}
div.row span.right {float: left;width:auto; text-align: left; margin-left:6px;} 

		
		
/***********************************************/
/* General text classes                                 */
/***********************************************/

.style01
{
 color: #96BF0D;
 font-size: 120%;
}


.style02
{
 color: #004489;
 font-size: 95%;
}

.small
{
 font-size: 84%;
}

.smallwhite{
 color: White;
}

.smallwhite02{
 color: White;
 font-size: 84%;
}


.smallmargin01{
 margin: 1px 0px 3px 0px;
 padding: 0px;
}

.largewhite{
 color: White;
 font-size: 120%;
 margin: 0px;
 padding:  0 0 0 3px;
}


.large01{
  font-size: 120%;
 font-weight:bold;
 color: #004489;
 margin: 3px 0px 3px 0px;
}

.large02{
  font-size: 150%;
 font-weight:bold;
 color: #004489;
 margin: 1px 0px 1px 0px;
 padding: 0px;
}

a.whitelink:link {  color: #FFFFFF; text-decoration: none }
a.whitelink:visited {  color: #FFFFFF; text-decoration: none }
a.whitelink:hover {  color: #FFFFFF; text-decoration: underline }
a.whitelink:active {  color: #FFFFFF; text-decoration: underline }

.normal{
 font-size: 80%;
 color: #000000;
}

.validatortext
{
    font-size: 100%;
    color: red;
    font-weight: bold;
}

.validatortext02
{
    font-size: 100%;
    color: yellow;
    font-weight: bold;
}



.notice01
{
    font-size: 120%;
    color: white;
    font-weight: bold;
    background-color:red;
    padding:3px;
}
  
  
  
  /* a.pager01:link, a.pager01:visited,a.pager01:active,a.pager01:hover */
  .pager01
{
    font-size: 160%;
    color: #96BF0D; 
    font-weight:bold; 
    padding: 0px; 
    text-decoration: none;
    background-color:Lime;
} 
  
   
    
a.buttonlink01:link, a.buttonlink01:visited,a.buttonlink01:active 
{
    display: inline-block;
    width:6em; /* dimensions needed for IE5.xWin */
    padding: 2px;
    margin:0px;
    line-height: 1.4; /* to centre the text vertically in the button */
    background-color:#96BF0D;
    border: 2px solid white;
    color: White;
    text-decoration: none;
    text-align:center;
    font-size: 120%;
    font-weight: bold;
}



a.buttonlink01:hover
{
    display: inline-block;
    width:6em; /* dimensions needed for IE5.xWin */
    padding: 2px;
    margin:0px;
    line-height: 1.4; /* to centre the text vertically in the button */
    background-color:#B7D90A;
    border: 2px solid white;
    color: White;
    text-decoration: none;
    text-align:center;
    font-size: 120%;
    font-weight: bold;
}




/***********************************************/
/* Images                                 */
/***********************************************/
.image01{
	padding: 0px;
	margin:0px;
	float:right;
	clear: both;
}


/*this centres the image*/
.imagecenter{
	display: block;
	margin: 0 auto;
}