html, body {
margin : 0;
padding : 0;
background-color : #66ccff;
}
p, dl, dd, dt {
font-family:  Helvetica, "Lucida Grande", Arial, Geneva, sans-serif;
font-size : medium;
line-height : 1.4;
color : #000000;
 }

/* to work on */
div#wrap {
 padding: 10px 30px 30px 40px;
}
 /*for remarks*/
p.c1 {
color : navy;
font-size : 1.1em;
font-style : italic;
}
 /*to draw attention*/
p.c2 {
margin-left : 4em;
font-size : 1.2em;
font-family : Arial, Helvetica, sans-serif;
color : navy;
}	
.right {
float : right;  
}
p.c3 {
float : right;
}
.left {
float : left;  
}
p.c4 {
float : left;
}
p.c5 {
text-align : justify;
}
p.c7 {
position : relative;
bottom : 1em;	
}
p.c6 {
position : relative;
bottom : 1.4em;	
}
p.c8 {
font-size : 1.3em;
font-family : arial, helvetica, sans-serif;
font-weight : bold;
}
.caption {
position:relative; top:-1em;
font-size : small; font-style: italic; font-family: sans-serif; 
}	
.note {
background-color : #ebf5fc;
}
.letter {
font-style: italic; width: 70%; 
}
#signature {
 font-family: "lucida handwriting", "lucida handwriting italic"; font-size: 1.6em; 
}
#colleft {
border-radius:15px;
 -moz-border-radius:15px;
 -webkit-border-radius:15px;
 margin:3px 20px 3px 5px;
  background-color: #eeffff; float: left; padding:10px; width: 17%;
  
}
#colright {
border-radius:15px;
-moz-border-radius:15px;
-webkit-border-radius:15px;
margin:3px 3px 3px 5px;
 background-color: #eeffff; float: right; padding:10px; width: 20%;
}
.box {
border-radius:15px;
-moz-border-radius:15px;
-webkit-border-radius:15px; 
margin: 3px; 
}
.center {
text-align: center;
}
p#valid {
 position: relative; top: 20cm; 
}
span.c16 {
text-decoration : none;
}
.no deco {
 text-decoration : none;
}
span.c15 {
font-size : 1.3em;
font-family : arial, helvetica, sans-serif;
font-weight : bold;
}
span.c1 {
margin-top : 0;
margin-bottom : 0;
}
br.left {
 clear : left; 
}
br.c13 {
clear : left;
}
br.right {
 clear : right; 
}
br.c12 {
clear : right;
}
.clear {
 clear : both; 
}
img.c11 {
padding : 1px;
}
img {
border : 0;
}
div.right {
float : right;   
}
div.c9 {
float : right; 
}
div.rightPadding {
 float : right;
 padding-left : 1.5em;
 padding-bottom : 1.5em; 
}
div.c8 {
float : right;
padding-left : 1.5em;
padding-bottom : 1.5em;
}
div.leftPadding {
float : left; padding-right: 3em;  
}
div.c71 {
float : left; padding-right: 3em;  
}
/*see p.left etc*/

div.c7 {
float : left;
}
div.left {
float : left;  
}
div.c6 {
text-align : center;
}
div.textleft {
 text-align : left; 
}
.w3 {
width: 300px;  
}
.w4{
width: 400px;  
}
div.c3 {
width:400px;
}

.w5 {
width:  500px; 
}
.w6{
width: 600px;
}
.w7 {
width: 700px;  
}

table.background {
background : #ebf5fc;
border-color : black;
}	
td.c4 {
background-color : #eaeaea;
}
td.c3 {
background-color : #c6c6c6;
}
td.c2 {
background-color : #66ccff;
}
td.c1 {
background-color : #ffffff;
}
ul, ol, td {
font-family : arial, helvetica, sans-serif;
font-size : 0.9em;
color : #000000;
font-style : normal;
text-decoration : none;
letter-spacing : normal;
}

th {
font-family : arial, helvetica, sans-serif;
font-size : 1em;
color : #000000;
font-style : normal;
text-decoration : none;
font-weight : bold;
letter-spacing : normal;
}
h1 {
font-family :"Century Gothic", "Tw Cen MT", "Eras Demi ITC";
font-size : 1.8em;
color : #66ccff;
text-decoration : none;
font-weight : 900;
}
h2 {
font-family : Verdana, arial, helvetica, sans-serif;
font-size : 1.5em;
color : #000;
text-decoration : none;
font-weight : 700;
font-variant : small-caps;
}
h3 {
font-size : 1.5em;
font-family : arial, helvetica, sans-serif;
font-weight : bold;
color : #000;
}
h3.c1 {
color : #66ccff;
}
FORM {
margin-top : 0;
margin-bottom : 0;
}

a:link, a:active{ 
font-family : arial, helvetica, sans-serif;
font-weight : bold;
color : #380b67;
text-decoration : underline;
}

a:visited {
color : #660066;  
text-decoration: underline;
font-weight : bold;
}
a:hover {
color : #00aeed;
text-decoration : underline;
}
a.c2 {
text-decoration : none;
}
a.nav22 {
font-family : arial, helvetica, sans-serif;
font-size : 10pt;
color : #333399;
text-decoration : none;
font-weight : 500;
background-color : #eaeaea;
width : 95px;
margin-top : 2px;
text-align : right;
background : #c6c6c6;
padding-right : 6px;
}	
a.nav22:visited {
font-family : arial, helvetica, sans-serif;
font-size : 10pt;
color : #333399;
text-decoration : none;
font-weight : 500;
background-color : #c6c6c6;
width : 95px;
margin-top : 2px;
text-align : right;
background : #c6c6c6;
padding-right : 6px;
}	
a.nav22:hover {
color : #c7c7c7;
background-color : #eaeaea;
font-family : arial, helvetica, sans-serif;
font-size : 10pt;
color : #990066;
text-decoration : none;
font-weight : 500;
width : 95px;
margin-top : 2px;
text-align : right;
background : #eaeaea;
padding-right : 6px;
}	
a.nav3 {
font-family : arial, helvetica, sans-serif;
font-size : 10pt;
color : #333399;
text-decoration : none;
text-indent : 2px;
font-weight : 500;
background-color : #eaeaea;
width : 148px;
text-align : left;
padding-right : 6px;
padding-left : 6px;
vertical-align : middle;
min-width : 110px;
max-width : 110px;
}	
a.nav3:visited {
font-family : arial, helvetica, sans-serif;
font-size : 10pt;
color : #990099;
text-decoration : none;
text-indent : 2px;
font-weight : 500;
background-color : #eaeaea;
width : 148px;
text-align : left;
padding-right : 6px;
padding-left : 6px;
vertical-align : middle;
min-width : 110px;
max-width : 110px;
}	
a.nav3:hover {
color : #c7c7c7;
background-color : #c7c7c7;
font-family : arial, helvetica, sans-serif;
font-size : 10pt;
color : #990066;
text-decoration : none;
text-indent : 2px;
font-weight : 500;
width : 148px;
text-align : left;
background : #c7c7c7;
padding-right : 6px;
padding-left : 6px;
vertical-align : middle;
min-width : 110px;
max-width : 110px;
}