body { 	
	color: #000000; 
	font-family: verdana, arial, sans-serif; 
	font-size: small; 
	font-weight: normal; 
	text-align: center; 
	margin: 0px; 
	padding: 0px; 
	background-color: #f9f9ff;  
  min-height: 100%;
	height:auto !important;
	height: 100%; 
	overflow: auto;
} 

#wrapper { 

/* 	background-color: #fffff0;  */ 
	margin: 0px; 
	border-style: solid; 	
	border-color: #0099ff;  	
 	border-width: 0px 2px 2px 2px;  
	max-width:1024px;
	width:expression(document.body.clientWidth > 1020? "1020px": "auto" );
	text-align: left; 
  min-height: 480px;
	height:auto !important;
	height: 100%; 
}	

#innerwrap { 
	margin: 0px;
   min-height: 480px; 
	height:auto !important; 
  	height: 88%; 

}


/* page title */
h1 { 	 
	color: #f9e50a; 
	font-size: 32pt; 
	line-height: .2em;
	text-align: left;
	background-color: #0099ff;
	font-family: Haettenschweiler, impact, "arial Black", sans-serif; 
	margin: 0px; 
	border-top: solid 5px #00ccff;
	border-bottom: solid 6px #00ccff;
	padding-top: 0.1em;
	padding-right: 2%;
	padding-left: 2%;
	padding-bottom: .1em; 
}

.homelogo { 
	vertical-align: middle; 
	border: none; 
}

img	{ 
	border: 0px; 
} 

.l 	{ 
	float: left; 
	vertical-align: top; 
	border: solid thin #000000; 
	margin-top: 20px;  
	margin-right: 2%;
	margin-bottom: 20px;  
}

.r { 
	float: right; 
	vertical-align: top; 
	border: 2px; 
	margin-right: 4%;
	margin-left: 1%;
} 

label { 
	font-size: small;
	font-weight: bold;
} 




.here	{ 
	display: block; 
	font-size: small; 
	font-weight: bold; 
	width: 9.95em; 
	margin: 0px 0px 0px 1px; 
	color: #333333; 
	background-color: #f0f0f0;
	padding: .2em 0em 0.3em .45em; 
	border-top: #15289b 1px solid; 
	border-right: #15289b 1px solid; 
	border-bottom: #15289b 1px solid; 
	border-left: #15289b 2px solid; 
}



/* left menu */
.menu 	{ 
	font-size: small; 
	position: relative; 
	top: 0em; 
        left: 0em; 
	float: left; 
	margin-top: 0; 
	margin-right: 2.5em; 
	margin-bottom: 2em; 
	width: 10.4em; 
	color: #333333; 
	padding-top: .1em; 
	padding-left: .2em; 
	padding-right: .5em; 
	padding-bottom: .5em; 
	border-top: solid thick #00ccff; 
	border-right: solid thick #0066cc; 
	border-bottom: solid thick #0066cc; 
	border-left: solid thick #00ccff; 
	font-family:  Verdana, Lucida, Geneva, Helvetica, Arial, sans-serif; 
	background-color: #00ccff;
}

.menu 	ul { 
	padding: 0px; 
	margin: 0px; 
	list-style-type: none; 
	background-color: #ffff66;
}

.menu 	li {
	list-style-type: none; 
	list-style-image: none; 
	width: 10em; 
	margin: 0px; 
	padding: 0em; 
	border-bottom: #90bade 1px solid; 
	list-style-type: none; 
}

.menu 	li a {
	display: block; 
	font-size: small; 
	padding-top: 5px; 
	padding-left: 0.2em; 
	padding-bottom: 5px; 
	padding-right: .2em; 
	border-right: #cccc00 3px solid; 
	border-left: #cccc00 3px solid; 
	margin: 0px; 
	width: 10em;
	color: #0000ff; 
	background-color: #ffff99; 
	text-decoration: none;
}

.menu 	li a:visited {
	display: block; 
	padding-top: 5px; 
	padding-left: 0.2em; 
	padding-bottom: 5px; 
	padding-right: .2em; 
	border-left: #cccc00 3px solid; 
	border-right: #cccc00 3px solid; 
	width: 10em;
	color: #800080; 
	background-color: #ffffcc; 
	text-decoration: none;
} 


.menu 	li a:hover {
	border-right: #1c64cc 3px solid; 
	border-left: #1c64cc 3px solid; 
	color: #ff0000; 
	background-color: #ccf0ff; 
	text-decoration: underline;
} 

.menu 	li a:active {
	border-right: #1c64cc 3px solid; 
	border-left: #1c64cc 3px solid; 
	color: #ff0000; 
	background-color: #ccf0ff; 
	text-decoration: underline;
}


p  {	font-size: small; 
	border: 0px;
	margin-right: 10%;
	margin-left: 3%;
}

.indent { 
	margin-left: 10em; 
}



ul	{ 
	list-style-image: url(./images/bullet.gif);   
	list-style-type: circle;  
	font-style: normal;
	font-weight:  bold;
	font-size: small; 
	margin-top: -.5em; 
	margin-left: 8%; 
}

li 	{
	padding-left: .5em;
	margin-top: .5em; 
}

ol	{ 
	list-style-type: disc; 
	list-style-position: inside; 
	font-size :x-small;
	margin-right: 15%; 
} 

dl	{ 
	font-weight:  bold;
	font-size: x-small; 
	margin-top: -.5em; 
	margin-left: 7%; 
	margin-right: 15%; 
}

dt	{ 
	font-weight:  bold;
	font-size: small; 
} 

dd	{
	margin-left: 0em; 
	margin-bottom: .5em; 
}



/* normal link formats */
a:link {
	color: #0033ff; 
	font-weight: 600; 
	text-decoration: underline; 
}

a:visited {
	color: #663366; 
	font-weight: 600; 
	text-decoration: underline; 
}

a:hover {
	color: red;
	font-weight: 600; 
	background-color: white; 
	text-decoration: underline; 
}

a:active {
	color: red; 
	background-color: #fff0ff; 
	font-weight: 600; 
	text-decoration: underline; 
}


/* accessibility link formats */ 
.access  { 
	float: right; 
	font-family: verdana, arial, sans-serif; 
	font-size: small; 
	line-height: 1em; 
}
.access a:link { 
	color: #ffffff; 
	font-size: small; 
	font-weight: 500; 
	text-decoration: underline; 
}

.access a:visited {
	color: #ffffff; 
	font-weight: 500; 

	font-size: small; 
	text-decoration: underline; 
}

.access a:hover {
	color: red;
	font-weight: 500; 
	background-color: white; 
	text-decoration: underline; 
}

.access a:active {
	color: red; 
	background-color: #fff0ff; 
	font-weight: 500; 
	text-decoration: underline; 
}

.active { 
	color: #ffffff; 
	font-weight: 600; 
	background-color: #0066cc; 
	font-family: "arial black",verdana, arial, sans-serif; 
	padding-right: 2em; 
	padding-left: 2em; 
}



/* skip link formats */

#skip { 
	display: block; 
	width: 9em;
	color: #ffffff; 
	font-size: small;	
	margin-top: 0em;
	margin-bottom: .3em;
	margin-left: .3em;
}

#skip	a:link {
	color: #ffffff; 
	font-weight: bold; 
	text-decoration: none; 
	background-color: #00ccff; 
}

#skip 	a:visited {
	color: #ffffff; 
	font-weight: bold; 
	text-decoration: none; 
}

#skip 	a:hover {
	color: #ff0000; 
	font-weight: bold; 
	text-decoration: none; 
	background-color: #ffffff; 
}

#skip 	a:active {
	color: #0099ff; 
	font-weight: 100; 
	text-decoration: none; 
}


/* bottom of page details */
.footer	{ 
	color: #0066cc ;
	font-weight: 900; 
	font-size: small;
	text-align: left; 
	background-color: #f9e50a;
	margin-top: 5px; 
	margin-right: 0%; 
	margin-bottom: 10px; 
	margin-left: 0%; 
	border-top: solid 10px #0099ff;
	border-bottom: solid 10px #0099ff;
	padding-top: .3em; 
	padding-bottom: 10px; 
	padding-left: 5%; 
	padding-right: 5%;
	font-family: verdana, arial, sans-serif; 
}	

.footer img {
		float: right;
}	

	
/* page content formats #003399 */
#content { 
	color: #000000; 
	background-color: #f9f9ff;
	margin : 0em 0em 0em 11.28em ; 
	padding : 0% ; 
 	padding-left : 1em ; 
	border-top: .5em solid #0066cc;
	border-right: 0em solid #0066cc;
	border-bottom: 0px solid #0066cc;
	border-left: 0em solid #0066cc;
}


form 	{ 
	border: 5px solid #0066cc ;
	margin-left: 4em; 
	margin-right: 5%;
	padding: 10px;
}


.centre	{ 
	text-align :center; 
	margin: 0%;
}


h2	{ 
	margin-left: 3%; 
}

h3	{ 
	margin-left: 3%; 
} 

h4	{ 
	margin-left: 3%; 
	font-weight: 900; 
}

.bold 	{ 
	font-weight: bold; 
} 

.ranking	{ 
	width: 65%; 
	text-align: left; 
	background-color: #f3f3ff; 
}

td	{ 
	padding: 0em; 		
	padding-left: .25em; 
	width:auto; 

} 

th	{ 
	font-size: 11pt; 
} 

acronym {
	font-weight: 800; 
	border-bottom: 1px dotted black; 
	cursor: help; 
}

blockquote { 
	font-size: x-small; 
	font-style: italic; 
	margin-right: 0%; 
	margin-top: .3em; 
	margin-left: 5%; 
}

address	{ 
	display:block;  
	position: relative;
	top: -1em; 
	left: 8em;
	color: #000000; 
	font-size: small; 
	font-weight: bold; 
	font-style: normal; 
	font-family: Verdana ;
} 

.head 	{
	margin-top: 2em; padding-left: 0em; font-style: normal; font-size: 1.2em; 
}

.first 	{ 
	background-color: #ffff99; 
} 
.second 	{ 
	background-color: #ffdddd; 
}
.top5 	{ 
	background-color: #99ff99; 
}

#bige	{ 
	color: #ffffff; 
}

.clist	{ 
	list-style: none;
	list-style-image: none;
}