body
{
//background: #003063;
font-size: 1em;
text-align:justify;
//background-image: http://loaclhost("gift.jpg");
}


H1 {
      color: #F7EBC6;
      font-weight: bold; 
      font-size: 24pt;
      line-height: 10pt; 
      font-family: helvetica; 
      font-variant: normal;
      font-style: normal;
  }


p {color: white} 
SELECT { font-size: 10px; }
BODY, P, LAYER, DIV, TR, TH TD,TABLE{
font-size: 10px; 
font-family: verdana, tahoma, sans-serif;
color: #;
}
	
CAPTION { 
    caption-side: top;
    margin-left: 0em;
    text-align: center;
 }


TH { background-color:red;text-align: center; font-weight: bold; }
TD {color:blue;}
A:link {
  text-color:#27B968;
  text-decoration: underline;
  text-align:center;
  background: #FFFFFF;}/*normal links in the text*/
A:hover { /*this effect is not shown in NN4.xx*/
  color: #FFFFFF; 
  text-decoration: underline; 
  background-color: #000000;}
A:active {/*colour in NN4.xx is red*/ 
  color: #0000FF; 
  text-decoration: underline; 
  background: #FFFFFF;}
.activeButtons {font-size:14px; font-weight:bold;color:#FFFFFF; text-decoration:none;background-color:#17CD0D;font-family: verdana, sans-serif;}
.inactiveButtons {font-size:14px; color:#BEBBBB; text-decoration:none;font-family: verdana,sans-serif;}
.buttons:VISITED {color: #FFFFFF;}
.buttons:HOVER {color: #CCFFFF;}
.selectedButtons {font-size:14px; font-weight:bold;color:#FFFFFF; text-decoration:none;background-color:#0000FF;font-family: verdana, sans-serif;}
.formbuttons {background-color:#336699;font-size:10px;font-weight:bold;border-color:#eeeeee;color:#FFFFFF; text-decoration:none;}
.customer {font-size:30px;font-weight:bold;border-color:#eeeeee;}
.mandatory {font-size:10px;font-weight:bold;color:#CA0606;font-family: verdana,sans-serif;}
.optional {font-size:10px;font-weight:bold;color:#5D06FA;font-family: verdana,sans-serif;}
.submenu {font-size:10px;font-weight:bold;color:#5D06FA;font-family: verdana,sans-serif;}
.normal {font-size:12px;color:#000000;font-family: verdana,sans-serif;}
.grayed {font-size:12px;font-weight:normal;color:#BDB8B8;font-family: verdana,sans-serif;background-color:#8C8A8A;}
.gray {font-size:12px;font-weight:normal;color:#808080;font-family: verdana,sans-serif;}
.XSMALL {font-size:9px;font-weight:normal;font-family: verdana,sans-serif;}
.box {/*this is a box */
  background: #FFFFFF;
  color : #000099;
  font-family : Arial, Tahoma, Verdana, Helvetica, sans-serif;
  font-size: 12px;
  padding : 0px;
  margin: 0px;
  border-color : #FF0000;
  border-style : solid;  /*groove, outset, solid, dashed*/
  border-width : 1px;/* the border property in longhand*/
  }


#photo {
        position: relative;
        width: 121px;
        height: 161px;
        overflow: clip;
      }
#header {
	position: absolute;
	background-color: ThreedFace;
	width: 800px;
	height: 50px;
	top: 0;
	left: 0;
}
#sidebar {
        position: absolute;
	top:50px;left:0;
	background-color:#F7EBC6;
        width: 120px;
        height: 530px;
        left: 0;
        .col {position: absolute; left: 0; top: 50; z-index: 1; border-style: inset;}
        border-color : gray;
        border-style : solid;  /*groove, outset, solid, dashed*/
        border-width : 3px;/* the border property in longhand*/
	border-left: solid ;       #tborder{ position: absolute; left: 120; top: 0; z-index: 1; width: "680" bgcolor="#C0C0C0"} 
	border-right: solid;
      
        }

#main {
   position: absolute;
   background-color:#C0C0C0;
   width: 680px;
   height: 530px;
   top: 50px;
   left: 120px;
	border-width : 0px;
	border-left: solid gray;
   }
#submain {
        position: absolute;
        background-color:#FFCC99;
	width: 680px;
        height: 400px;
        top: 180px;
        left: 120px;
	border-width : 0px;
	border-left: solid gray;
	overflow: scroll;
      }
#mainScroll {
	position: absolute;
	background-color: White;
	width: 680px;
	height: 530px;
	top: 50px;
	left: 120px;
	border-width : 0px;
	border-left: solid gray;
	overflow: scroll;
}
#footer {
        position: absolute;
	background-color:#000000;
	font-size:8pt;
        width: 800px;
        height: 20px;
        top: 580px;
        left: 0;
      }
#topbox {
        position: absolute; 
	top: 0px; left: 0px; 
	width:680px; 
	height: 140px; 
	visibility: hidden;
	background-color:#000000; 
	font-size:10pt; 
      }
#topbox1 {
        position: absolute; 
	top: 0px; left: 0px; 
	width:680px; 
	height: 140px; 
	visibility: hidden;
	background-color:#000000; 
	font-size:10pt; 
      }
      
#bottombox {
        position: absolute; 
	top:  140px; left: 0px; 
	width:680px; 
	height: 390px; 
	visibility:visible; 
	font-size:10pt; 
      }
#loginbox {
         position: absolute; 
         top: 0px; 
         left: 0px; 
         width:678px; 
         height: 198px; 
         visibility:visible;
         font-size:10pt;
	 background-image:"gift.jpg";
      }
#addressInfo {
        position: absolute; 
	top:  0px; left: 0px; 
	width:680px; 
	height: 390px; 
	visibility:hidden; 
      }
#giftInfo {
        position: absolute; 
	top:  0px; left: 0px; 
	width:680px; 
	height: 390px; 
	visibility:hidden; 
      }
#pledgeInfo {
        position: absolute; 
	top:  0px; left: 0px; 
	width:680px; 
	height: 390px; 
	visibility:hidden; 
      }
#paymentInfo {
        position: absolute; 
	top:  0px; left: 0px; 
	width:680px; 
	height: 390px; 
	visibility:hidden; 
      }

#campaignInfo {
        position: absolute; 
	top:  0px; left: 0px; 
	width:680px; 
	height: 390px; 
	visibility:hidden; 
      }