body {
	margin: 0px; 
	background-color: #ffffff;
	width:100%;
	} 
	
	/*   This sets the width and centres the web page 
	#maincontainer_part {
	width:320px;
	margin:0 auto;
}
	*/
	
Pre {
	font-family: arial; 
	color: midnightblue;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	font-weight: normal;
	font-size: 12px;
	}	
}
	
	
UL, LI 	{ 
	font-family: arial; 
	color: midnightblue;
	margin: 0px 20px 0px 20px;
	padding: 0px 0px 0px 0px;
	font-weight: normal;
	}
	
UL {
	font-size: 12px;
	margin: 0px 0px 0px 25px;
	}

LI {
	font-size: 12px;
	margin: 0px 75px 0px 25px;
	}
/* ******************************************************************************
 ********************************START******************************************/
P	{
	font-family: arial; 
	color: midnightblue;
	margin: 5px 5px 0px 5px;
	padding: 0px 0px 0px 0px;
	font-weight: normal;
	font-size: 12px;
	}

p.bold {
  font-weight: bold;
}

h1	
	{
	margin: 5px 5px 0px 5px;
	font-family: arial; 
	font-size: 13pt;
	color: green;
	padding: 0px 0px 0px 0px;	
	}

h2	
	{
	margin: 5px 5px 0px 5px;
	font-family: arial; 
	font-size: 13pt;
	color: red;
	padding: 0px 0px 0px 0px;	
	}
	
h3	
	{
	margin: 5px 5px 0px 5px;
	font-family: arial; 
	font-size: 13pt;
	color: red;
	padding: 0px 0px 0px 0px;	
	}
	
h4	
	{
	margin: 0px 0px 0px 0px;
	font-family: arial; 
	font-size: 11pt;
	color: red;
	padding: 0px 0px 0px 0px;	
	}	

Table {
	width: 100%;
	margin: 5px 5px 0px 5px;
	border-style:solid;
	border-width:0px;
	padding-top:5px;
	padding-bottom:5px;
	}

Table.menu {
	border-width:0px;
	}	
	
Table.notice	 {
	background-color: yellow;
}

TD.notice	 {
	font-weight: bold;
}

}
TD.fifty {
  width: 50%;
}	
	
TD
	{
	text-align: left;
	font-family: arial; 
	color: midnightblue;
	padding: 0px 7px 0px 7px;
	font-weight: normal;
	font-size: 12px;
	vertical-align: top;
	border-style:none; 
}

td.bold 
	{
	text-align: left;
	font-family: arial; 
	color: red;
	padding: 0px 7px 0px 7px;
	font-weight: bold;
	font-size: 10pt;
	vertical-align: top;
	border-style:none; 
}


TD.left
	{
	width: 25%;
	text-align: left;
	vertical-align: top;
}

TD.left10	{
	width: 10%;
}

TD.left15	{
	width: 15%;
	text-align: left;
	vertical-align: top;
	border-style:none; 
}

TD.left20	{
	width: 20%;
	text-align: left;
	vertical-align: top;
	border-style:none; 
		font-size: 1.5vw;
}

TD.left25	{
	width: 25%;
	text-align: left;
	vertical-align: top;
	font-size: 1.5vw;
}

TD.left30	{
	width: 30%;
	text-align: left;
	vertical-align: top;
}

TD.left35	{
	width: 35%;
	text-align: left;
	vertical-align: top;
}

TD.left40	{
	width: 40%;
	text-align: left;
	vertical-align: top;
	border-style:none; 
}

TD.left50 {
	width: 50%;
 	border-style:solid;  
	font-size: 10px;
}	

TD.mid
	{
	text-align: left;
	 vertical-align: middle;
}

TD.midcen
	{
	text-align: centre;
	 vertical-align: middle;
}


/* *********************************END******************************************
*******************************************************************************/ 
		
Table.logo {
	padding:0px;
	border:1px midnightblue;
	width:90%;
	margin-top: 0px;
    margin-left:5%; 
    margin-right:5%;
	}
	
table.center {
    width:270px; 
	margin-top: 20px;
    margin-left:auto; 
	margin-bottom: 20px;
    margin-right:auto;
  }	



img {
text-align:left;
display:block;
margin-top:5px;
margin-left:auto; 
margin-right:auto; 
}
	
td.img {
display:none;
margin: 0px; 
margin-left:0px; 
margin-right:0px; 
}
	
	
td p {
color: black;
margin: 10px 10px 0px 5px;
font-size: 12px;
font-family: arial; 
font-weight: normal;
}

td h2 {
color: midnightblue;
margin: 10px 0px 15px 10px;
}


td h5 {
color: Red;
margin: 10px 10px 0px 10px;
font-size: 12pt;
font-family: arial; 
font-weight: bold;
}

td ul {
color:midnightblue;
padding-left:25px;
margin: 0px 0px 0px 5px;
}


td li {
color:midnightblue;
padding-left:0px;
margin: 0px 0px 0px 0px;
font-size: 12px;
}

td li pre{
color:midnightblue;
padding-left:0px;
margin: 0px 0px 0px 0px;
font-size: 12px;
}







header {
width:90%;
background-color: midnightblue;	
text-align:center;
margin-top: 20px;
margin-left: auto;
margin-right: auto;
padding-top:6px;
padding-bottom:6px;
} 

header a:link {
	color:white;
	font-size: 16pt;
	margin:0;
}
header a:visited  {
	color:white;
	font-size: 16pt;
	margin:0;
}
header a:hover {
	color:linen;
	font-size: 16pt;
}
header a:active {
	color:white;
	font-size: 16pt;
}



h1.center {
	text-align: center;
}

img.left {
	margin: 0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	display:inline;
}


a:link {
	color: blue;
	margin: 10px 5px 0px 5px;
	text-decoration:none;
	font-size: 10pt;
	font-family: arial; 
	font-weight: bold;
}

a:visited {
color: blue;
margin: 10px 5px 0px 5px;
text-decoration:none;
font-size: 10pt;
font-family: arial; 
font-weight: bold;
}


a:hover {
color: #9C9C68;
margin: 10px 5px 0px 5px;
text-decoration:none;
font-size: 10pt;
font-family: arial; 
font-weight: bold;
}

a:active {
color: #9C9C68;
margin: 10px 5px 0px 5px;
text-decoration:none;
font-size: 10pt;
font-family: arial; 
font-weight: bold;
}




@media only screen and (min-width:600px) {
body {
	width:600px;
	margin:0 auto;
}
}