@media screen {
html, body { 
  margin: 0;
	padding: 0;
	background-color: #4F6E18;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

body {
  text-align: center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

A:link { 
	text-decoration: underline; 
	color: #333333;  
}

#logo {   
	position: absolute;    
	width: 10px;    
	height: 10px;
}  

#container {    
	margin: 0 auto;    
	padding: 20px 20px;    
	width: 900px;
}  

.section {    
	position: relative;  
}  

#top {
	height: 160px;    
	margin-top: 5px; 
} 

#ubc-logo {
	position: absolute;
	left: 0;
	top: 0;
	width: 83px;
	height: 113px;
	background-image: url(../Images/UBClogo.png);
	background-repeat: no-repeat;
}  

h1 {    
	position: absolute;    
	right: 0;    
	top: 10px;
	width: 295px;    
	height: 21px;    

}

#search {
	position: absolute;
	top: 44px;
	left: 0;
	background-color: #FFFFFF;
	height: 25px;
	width: 260px;
	text-align: center;
	padding: 0px;
}  

#search input {
  width: 220px;
  padding-left: 10px;
}

#search form {
  margin: 0px;
}

#search .corner {
	background-image: url(../Images/bordercorners.png);
	position: absolute;
	width: 20px;
	height: 20px;
	background-repeat: no-repeat;
}  

#search .corner.tl { 
	background-position: -10px -10px; 
	left: 0; 
	top: 0; 
}  

#search .corner.tr { 
	background-position: 10px -10px; 
	right: 0; 
	top: 0; 
}  

#search .corner.bl { 
	background-position: -10px 10px; 
	left: 0; 
	top: 5px;
}
  
#search .corner.br { 
	background-position: 10px 10px; 
	right: 0; 
	top: 5px; 
} 

#search2 {
	position: absolute;
	top: 100px;
	left: 0;
	background-color: #fff;
	height: 24px;
	width: 260px;
	text-align: center;
  padding-top: 1px;
}  

#search2 p {
  margin: 0px;
}

#search2 form {
  margin: 0px;
}

#search2 select {
  padding: 0px;
}
#search2 .corner {    
	background-image: url(../Images/bordercorners.png);    
	position: absolute;    
	width: 10px;    
	height: 10px;    
	overflow: hidden;  
}  

#search2 .corner.tl { 
	background-position: -10px -10px; 
	left: 0; 
	top: 0; 
}  

#search2 .corner.tr { 
	background-position: 0 -10px; 
	right: 0; 
	top: 0; 
}  

#search2 .corner.bl { 
	background-position: -10px 0; 
	left: 0; 
	top: 15px; 
}  

#search2 .corner.br { 
	background-position: 0 0; 
	right: 0; 
	top: 15px; 
}  

#middle {
	background-color: #fff;
	height: 663px;
	width: 545px;
	padding: 10px;
	float: left;
	left: 10px;
	top: 20px;
}  

#middle .corner {    
	background-image: url(../Images/bordercorners.png);    
	position: absolute;    
	width: 20px;    
	height: 20px;
	background-repeat: no-repeat;
}  

#middle .corner.tl { 
	background-position: -10px -10px; 
	left: 0; 
	top: 0; 
}  

#middle .corner.tr { 
	background-position: 10px -10px; 
	right: -1px; 
	top: 0px; 
}  

#middle .corner.bl { 
	background-position: -10px 10px; 
	left: 0px; 
	bottom: 0px;
}  

#middle .corner.br { 
	background-position: 10px 10px; 
	right: -1px; 
	bottom: 0px; 
}  

#middleedit {
	float: left;
	background-color: #fff;
	width: 310px;
	top: 20px;
	padding-left: 10px;
	padding-bottom: 10px;
	padding-right: 0px;
	padding-top: 20px;
}  

#middleedit input {
  margin: 0px;
}

#middleedit .corner {    
	background-image: url(../Images/bordercorners.png);    
	position: absolute;    
	width: 20px;    
	height: 20px;    
  background-repeat: no-repeat;
}  

#middleedit .corner.tl { 
	background-position: -10px -10px; 
	left: 0; 
	top: 0; 
}  

#middleedit .corner.tr { 
	background-position: 10px -10px; 
	right: -1px; 
	top: 0; 
}  

#middleedit .corner.bl { 
	background-position: -10px 10px; 
	left: 0px; 
	bottom: 0px; 
}  

#middleedit .corner.br { 
	background-position: 10px 10px; 
	right: 0px; 
	bottom: -1px; 
}  

#map_can {    
	width: 100%;
	height: 100%;  
}  

#instructions {    
	color: #fff;    
	font-family: helvetica, arial, sans-serif;    
	font-size: 12px;    
	height: 16px;  
}

.tb5 {	
  margin: 0px;
  padding: 0px;
  display: block;
  height: 20px;
}
.tb5 input {
  font-size: 10pt;
  border: none;
  margin: 0px;  
}

.tb5 p {
  margin: 0px;
}

.searchlabel {	  
	font-family:Verdana, Arial, Helvetica, sans-serif;	  
	font-weight:bold;	  
	color: white;      
	margin-left: 0px;
	font-size:20px;
}

.searchlabel2 { 
	font-weight:bold;   	  
	color: white;    
  font-size:12px;  
  padding-top: 20px;
  display: block;
}

button {       
	color: #fff;       
	border: 0 none;       
	position: absolute;       
	top: -2px;       
	left: 270px;
	cursor: pointer;
	font-weight: bolder;
	padding-bottom: 6px;
  padding-left: 4px;    
	text-align: left;       
	height: 30px;       
	width: 40px;
	background: transparent url(../Images/roundedcornr_997116.gif) no-repeat top left;
}
.button_hover {      
	background: transparent url(../Images/roundedcornr_923052.gif) no-repeat top left;
}
.style1 {
	font-family: Verdana, sans-serif;
	font-size:80%;
	background-color:#ffffff;
	font-weight:bold;
	border:1px #000000 solid; 
	color:#FF0000;
}

.style2 {
	font-family: Verdana, sans-serif;
	font-size:75%;
	background-color:#ffffff;
	font-weight:bold;
	border:1px #000000 solid; 
	color:#FF0000;
}

.style3 {
	font-family: Verdana, sans-serif;
	font-size:70%;
	background-color:#ffffff;
	font-weight:bold;
	border:1px #000000 solid; 
	color:#FF0000;
}

.style4 {
	font-family: Verdana, sans-serif;
	font-size:65%;
	background-color:#ffffff;
	font-weight:bold;
	border:1px #000000 solid; 
	color:#FF0000;
}

.style5 {
	font-family: Verdana, sans-serif;
	font-size:30%;
	background-color:#ffffff;
	font-weight:bold;
	border:1px #000000 solid; 
	color:#FF0000;
}

label {
	font-size:12px;
	width: 110px;
	padding-top: 2px;
	float: left;
	text-align: left;
}

fieldset {
  padding-left: 15px;
  top: 10px;
  position: absolute;
  left: 1px;
	border: none;
  width: 295px;
}

.fieldset {
  margin: 0px;
  padding: 0px;
  float: left;
	border: 2px solid #781351;
	width: 295px;
}

fieldset input {
  width: 160px;
}

.fieldset form {
  padding: -10px;
}

#fieldsetForm p {
  margin-top: 0px;
}

#fieldsetForm {
  padding-top: 430px;
  border: 1px solid #FFFFFF;
}

#formBottom input{
  margin: 0px;
  padding: 0px;
  height: 25px;
  font-size: 12px;
  width: 250px;
}

#formBottom2 input{
  margin: 0px;
  padding: 0px;
  height: 25px;
  font-size: 12px;
  width: 250px;
}
}
legend {
	color: #FFFFFF;
  background-color: #4F6E18;
  border: 2px solid #781351;
	font-weight: bolder;
	text-align: left;
}

#checkFound {
	margin-left: 100px;
	font-weight: bold;
	color: #FF6666;
	float: left;
	clear: both;
}
.submitlink {
  width:65px;
  font-size:14px;
  font-weight:bold;
  background: transparent;
	border-top: 0;
	border-right: 0;
	border-bottom: 1px solid #FFF;
	border-left: 0;
	color: #FFF;
	display: inline;
	margin: 0;
	padding: 0;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  color:white;
  float: right;
  margin-right:145px	
}

*:first-child+html .submitlink {		/* hack needed for IE 7 */
	border-bottom: 0;
	text-decoration: underline;
}

* html .submitlink {				/* hack needed for IE 5/6 */
	border-bottom: 0;
	text-decoration: underline;
}

#summary {
  padding: 10px;   
  position: absolute;
  font-size:14px;
  margin-left:340px;
  margin-top:18px;
  height:130px;
  width:545px;
  background-color: #fff;
  text-align: left;
}

#summary .corner {
	background-image: url(../Images/bordercorners.png);
	position: absolute;
	width: 10px;
	height: 10px;
	overflow: hidden;
}

#summary .corner.tl {
	background-position: -50px -50px;
	left: 0;
	top: 0;
}

#summary .corner.tr {
	background-position: 0 -10px;
	right: -1px;
	top: 0;
}

#summary .corner.bl {
	background-position: -10px 0;
	left: 0;
	bottom: 0;
}

#summary .corner.br {
	background-position: 0 0;
	right: -1px;
	bottom: 0;
}

#infowindow {    
	font-size:15pt;
	border: 1px solid #781351;
}  

.iwstyle {
  font-size:20pt;
}