/* CSS Document */

body {
height: 100%;
background-color:#D9D7C6; 
margin: 0 0 0 0;
text-align:center;
background-image:  url(images/page_bg.gif);
background-position:center;



}
p {
	
	text-align:left;
	padding:0 5px 0 18px;

	font: normal 12px Verdana, Geneva, Arial, Helvetica, sans-serif;
}

html { height: 100%; margin-bottom: 1px; } /* solves slight page position jumping */



html>#container {height:100%} 

/* html>body #container {height:100%;}*/

#container {
margin: 0 auto 0 auto;
min-height: auto;
width: 770px;
background-color:#ffffff;
border-left: 5px solid #cccccc;
border-right: 5px solid #cccccc;
border-top: 5px solid #cccccc;
/*background:#000000 url(images/container_bk.gif) repeat-y  ;*/


}

#logo {
background-color:#ffffff;
float:left;
width:331px;
height:90px;
}

#topstrip {
/*background-color:#009900;*/
float:left;
width:438px;
height:90px;
text-align:right;
}

#page_content {
width:770px;
height:auto;
}

#left_column {
/*background-color:#CCFF00;*/
float:left;
width:404px;
height:auto;
text-align:left;

}

#right_column {
/*background-color:#CCCC99;*/
float:left;
width:366px;
height:auto
}

#title {
padding: 20px 5px 10px 42px;

}

#main_type {
background-color:#C8D4D5;
margin: 10px 5px 0 42px;
width:350px;
height:auto;
}

#main_type2 {
background-color:#C8D4D5;
margin: 10px 5px 0 42px;
width:350px;
height:317px;
overflow:scroll;
}

#tarea {
background-color:#C8D4D5;
margin: 10px 5px 0 42px;
width:350px;
height:317px;
font: normal 12px  Verdana, Arial,Geneva, Helvetica, sans-serif;
color: #000000;
border: solid 1px #C8D4D5;
}

#main_type p {
	padding:5px;
	width:300px;
	font: normal 12px  Verdana, Arial,Geneva, Helvetica, sans-serif;
	color: #666666; 
}

#main_type2 p {
	padding:5px;
	width:300px;
	font: normal 12px  Verdana, Arial,Geneva, Helvetica, sans-serif;
	color: #666666; 
}


#main_type_noscroll {
background-color:#C8D4D5;
margin: 10px 5px 0 42px;
width:350px;
height:317px;
}

#main_type_noscroll p {
	padding:5px;
	width:300px;
	font: normal 12px  Verdana, Arial,Geneva, Helvetica, sans-serif;
	color: #666666; 
}

#main_type_noscroll a {

text-decoration: none;
color: #15312C; 
}

#main_type_noscroll a:hover {

text-decoration: none;
color: #15312C; 
}

#main_type_small {
background-color:#C8D4D5;
margin: 10px 5px 0 42px;
width:350px;
height:180px;
overflow:scroll;


}
#main_type_small p {
	padding:5px;
	width:300px;
	font: normal 12px Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #666666; 
}


#tiles {
background-color:#ffffff;
margin: 0 5px 10px 42px;
width:350px;


}


#right_image {
width:250px;
height:385px;
padding:20px 0 0 50px;
}

.right_image_type {
height:auto;
padding:0 0 0 0;
text-align:center;
font: bold 18px Verdana, Geneva, Arial, Helvetica, sans-serif;
color: #0C4C46;
}

.small { font: normal 9px Verdana, Geneva, Arial, Helvetica, sans-serif;
color: #000000; 

}

.massive { font: bold 18px Verdana, Geneva, Arial, Helvetica, sans-serif;
color: #0C4C46;

}

.whitebold { font: bold 11px Verdana, Geneva, Arial, Helvetica, sans-serif;
color: #ffffff; 
}


.bold { font: bold 12px Verdana, Geneva, Arial, Helvetica, sans-serif;
color: #000000; 
line-height:20px;
}


.normal { font: normal 12px Verdana, Geneva, Arial, Helvetica, sans-serif;
color: #000000; }

/* ================================= Navigation ============================================ */



#navigation {
	width:770px;
	text-align:center;
	background: #ffffff ;
	/*padding:0 auto 0 auto;*/
	margin:0 auto 0 auto; 
	z-index:1000;
	border-top:1px solid #ffffff ;
	}

ul {
  padding: 0;
  margin: 0;
  width: 100%;
  color: #fff;
  list-style: none;
  }
ul#nav {
	margin-right: auto;/*centres in compliant browsers*/
	margin-left: auto;/* "	" */ 
	width: 770px;
	z-index:1000;
}
 
ul#nav li {
  float: left;
  position: relative;
  width: 110px; /* width */
  z-index:1000;
  } 
  
li ul {
  display: none;
  position: absolute; 
  top: 21px;
  left: 0;
  }

li > ul {
	top: auto;
	left: auto;
	}
li a {
background: #15312C; 
color: #fff;
font: bold 10px Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
border-left: 1px solid #fff;
border-right: 1px solid #fff;
border-bottom: 1px solid #fff;
display: block;
padding:2px 3px 3px 3px;
height:15px;
text-decoration:none;
}
.level1 a {
background: #15312C;
color: #fff;
text-align:left;
font: bold 10px Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
border-left: 1px solid #fff;
border-right: 1px solid #fff;
border-bottom: 1px solid #fff;
display: block;
width: 120px;
height: 100%;
padding:5px;
text-decoration:none;

}
.level1 a:hover {
background: #5C706C;
}

li a:hover {
background: #5C706C;


}
li:hover ul, li.over ul{ display: block;
 }




/* ================================= footer ============================================ */


#footer {
	border-left: 5px solid #cccccc;
	border-right: 5px solid #cccccc;
	border-bottom: 5px solid #cccccc;
	background-color:#15312C;
	height:20px;
	margin-top: 0;
	margin-bottom: 0;
	margin-left: auto;
	margin-right: auto;
	width: 770px;
	
	}

#footer p {
	margin-bottom: 0;
	padding: 2px 0 0 0;
	color:#fff;
	clear:both;
	margin-top: 0;
	margin-left: auto;
	margin-right: auto;
	width: 770px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	text-decoration: none;
	text-align:center;
	}
	
#footer a:link {
margin-bottom: 0;
	padding: 0 0 0 0;
	color:#fff;
	clear:both;
	margin-top: 5px;
	margin-left: auto;
	margin-right: auto;
	width: 770px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	text-decoration: none;
	}	
	
#footer a:visited {
margin-bottom: 0;
	padding: 0 0 0 0;
	color:#fff;
	clear:both;
	margin-top: 5px;
	margin-left: auto;
	margin-right: auto;
	width: 770px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	text-decoration: none;
	}	

#footer a:hover {
margin-bottom: 0;
	padding: 0 0 0 0;
	color:#fff;	
	clear:both;
	margin-top: 5px;
	margin-left: auto;
	margin-right: auto;
	width: 770px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	text-decoration: none;
	}	

#footer a:active {
margin-bottom: 0;
	padding: 0 0 0 0;
	color:#fff;
	clear:both;
	margin-top: 5px;
	margin-left: auto;
	margin-right: auto;
	width: 770px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	text-decoration: none;
	}	


/* ================================= footer 2 ============================================ */


#footer2 {
	
	height:20px;
	margin-top: 5px;
	margin-bottom: 0;
	margin-left: auto;
	margin-right: auto;
	width: 770px;
	
	}

#footer2 p {
	margin-bottom: 0;
	padding: 2px 0 0 0;
	color:#fff;
	clear:both;
	margin-top: 0;
	margin-left: auto;
	margin-right: auto;
	width: 770px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	text-decoration: none;
	text-align:center;
	}
	
#footer2 a:link {
margin-bottom: 0;
	padding: 0 0 0 0;
	color:#0C4C46;
	clear:both;
	margin-top: 5px;
	margin-left: auto;
	margin-right: auto;
	width: 770px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	text-decoration: none;
	}	
	
#footer2 a:visited {
margin-bottom: 0;
	padding: 0 0 0 0;
	color:#0C4C46;
	clear:both;
	margin-top: 5px;
	margin-left: auto;
	margin-right: auto;
	width: 770px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	text-decoration: none;
	}	

#footer2 a:hover {
margin-bottom: 0;
	padding: 0 0 0 0;
	color:#0C4C46;	
	clear:both;
	margin-top: 5px;
	margin-left: auto;
	margin-right: auto;
	width: 770px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	text-decoration: none;
	}	

#footer2 a:active {
margin-bottom: 0;
	padding: 0 0 0 0;
	color:#0C4C46;
	clear:both;
	margin-top: 5px;
	margin-left: auto;
	margin-right: auto;
	width: 770px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	text-decoration: none;
	}	

	
/*Forms Formating-------------*/
form {
	padding: 0;
	margin:15px 0 0 0;
}
#formcontainer {
	width: 480px;
	}
#formleft {
float: left;
}
#formright {
float: right;
}
#formcontainer label {
	float: left;
	width: 100px;
	text-align: left;
	padding: 0 10px 0 0 ;
}
#formcontainer label p {
	padding: 0;
	margin: 0;
}
.single-field {
	width: 140px;
}
.multiline-field {
	width: 140px;
	height: 107px;
}
.largemultiline-field {
	width: 190px;
	height: 268px;
}
 .option {
	width: 246px;
}

#formcontainer .formbutton {
	margin: 12px 0 0 29px;
}
#formcontainer .formtext-hilight {
	color: Red;
}