/* GLOBAL STYLES */

/* CSS Document */
body {
    text-align:center;
    padding: 0;
    margin: 0;
    font-family: Arial, Verdana, Helvetica, sans-serif;
  font-size: 0.75em;
  color:#333333;
  background-color: #FFFFFF;
}

a{
	color:#333;
	}
a:hover{
	color:#333; 
	text-decoration:none;
	}
	
p {
    padding: 4px 0 4px 0;
    margin: 0;
}

p.due{
    padding: 8px 0 4px 0;
    margin: 0;
}

h2{
  color:#bb0c0c; 
  font-weight:bold;
  font-size: 1.1em;
  margin: 0;
  padding: 4px 0 4px 0;
}

.mandatory{
  color:#bb0c0c; 
  font-weight:bold;
  font-size: 1.1em;
}

.micro{
    font-size: 0.9em;
}

.microGrey{
    font-size: 0.9em;
    color:#666;
    padding-top: 10px;
}

.clear {
    clear: both;
}

input, textarea, select {
  font-family: Arial, Verdana, Helvetica, sans-serif;
  padding:2px; 
  border:solid 1px #999; 
  font-weight:normal;
  color:#333;
  font-size: 1em;
  background-color: #FFFFFF ! important;
  }
  
input.checkBox {
  padding:2px; 
  background-color: none ! important;
  border: none;
  }
  
 input.Lrg {
  width: 180px;
  }
  
  
  input.Med {
  width: 100px;
  }
  
  input.LrgAddress {
  margin-bottom: 5px;
  width: 180px;
  }
  
select.Small {
  width: 60px;
  }

#Wrapper { 
    width:758px;
    margin: 0;
    margin-left: auto;
    margin-right: auto;
    text-align: left;
    border: 1px solid #000;
    }
    
#Header {
	border-bottom: 1px solid #000;
	width: 758px;
    }
    
#page {
	padding: 20px;
	min-height: 300px;
    } 
    
#pageTop {
	background: url(images/pageTop.gif) no-repeat;
	padding: 10px;
	height: 310px;
	width: 758px;
    }   
    
#pageBottom { 
    background: url(images/pageBottom.gif) no-repeat top;
    padding: 20px 30px 10px 40px;
    min-height: 310px;
    }
    
 #pageLogos {
	background: url(images/pageLogos.gif) no-repeat top;
	height: 1px;
	padding-top: 14px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 15px;
    }
    
#pageFooter {
	height: 50px;
	float: left;
	padding-top: 0;
	padding-right: 10px;
	padding-bottom: 0;
	padding-left: 10px;
    }

.pageTopText{
	width: 410px;
	padding-top: 185px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 260px;
    }
    



/* For form */

#formLeft {
	width: 320px;
	float: left;
	padding-right: 30px;
}

#formRight {
	width: 320px;
	float: left;
}

.fieldWrapper
{
	float: left;
	padding: 4px 0;
	margin-right: -3px; /* IE6 hack */
}


.questionWrapper {
	width: 100px;
	float: left;
	padding-bottom: 5px;
}

.answerWrapper {
	width: 220px;
	float: left;
	padding-bottom: 5px;
}

.buttonWrapper {
	width: 220px;
	float: left;
	padding: 20px 0 5px 0;
}

.tickBox {
	width: 30px;
	float: left;
	padding-bottom: 5px;
}

.clear {
	clear: both;
}

.imgLogo {
	padding-right: 10px;
}

.imgBanner {
	border: 1px solid #ccc;
}