<!-- css page for grey background pages -->

body { margin : 0 ;  font: normal normal  normal 10pt  "Verdana,Tahoma,Lucida Sans Unicode" ; text-align: left ; background : #dddddd }

h1 { font: normal normal  bold 24pt "Verdana"; text-align:left; margin-top : 20px ; margin-bottom : 5px  ; COLOR: #000000 }

h2 { font: normal normal  100 14pt "Verdana"; text-align: left ; margin-top : 5px ; margin-bottom : 0  ;  COLOR: #cc0000 }

h3 { font: normal normal  bold 12pt "Verdana"; text-align:left; margin-top : 20px ; margin-bottom : 5px  ; COLOR: #000000 }

h4 { font: normal normal  100 130% "Futura Md BT"; text-align: center  margin-top : 5px ; margin-bottom : 0  ;  COLOR: #006666}

h5 { font: normal normal  100 160% "Futura Md BT"; text-align: center ; margin-top : 5px ; margin-bottom : 0  ;  COLOR: #006666}


td { text-align:center ; border-width:0}

p { font: normal normal  normal 10pt serif; text-align: left; margin-left:10px;margin-right:10px }

p.ctr { font: normal normal  normal 100% serif; text-align: center  }

p.csm{ font: normal normal  normal 70% serif; text-align: center ;  COLOR: #666666  }


.small { font: normal normal  normal 80% sans-serif; text-align: left  }

div.box {   border-color:  #006666; border-width: thick;  padding: 10px ; margin : 5px ; background :   #e7dfd4}

A:link { COLOR: #000000; TEXT-DECORATION: none ; font-size:12pt ;font-weight:bold}

A:visited { COLOR: #333333; TEXT-DECORATION:none ; font-size:12pt ;font-weight:bold}

A:hover { COLOR: #cc0000; TEXT-DECORATION: none ; font-size:12pt ;font-weight:bold}


A:link.rev { COLOR: #e7dfd4; TEXT-DECORATION: underline }

A:visited.rev { COLOR: #ffffff; TEXT-DECORATION: underline }

A:hover.rev { COLOR: #ff0000; TEXT-DECORATION: underline }

<!-- light tan = e7dfd4 , green= #006666  -->

<!-- for drop-down menus -->

#sddm
{	margin: 0;
	padding: 0;
	z-index: 30}

#sddm li
{	margin: 0;
	padding: 0;
	padding-top: 5px;
	padding-bottom: 5px;
	list-style: none;
	float: left;
        width: 125px ;
	font: bold 12pt Verdana}

#sddm li a
{	display: block;
	margin: 0 1px 0 0;
	padding: 4px 4px;
	background: #ddd;
	color: #000;
	text-align: left;
	text-decoration: none}

#sddm li a:hover
{	background: #ddd;
        color: #c00;}

#sddm div
{	position: absolute;
	visibility: hidden;
	margin: 0;
	padding: 0;
	background: #ddd;
	border: 1px solid #c00}

	#sddm div a
	{	position: relative;
		display: block;
		margin: 0;
		padding: 5px 10px;
		width: auto;
		white-space: nowrap;
		text-align: left;
		text-decoration: none;
		background: #ddd;
		color: #c00;
		font: bold 12pt Verdana}

	#sddm div a:hover
	{	background: #ddd;
		color: #f00}