/* Main CSS Document */

html {
  height: 100%;
}

body {
	margin: 0;
	height: 100%;
	font-size: 11px;
	background: #fff;
}

div#center {
	margin: 0;
	padding: 30px 0 15px 0;
	width: 100%;
}

a:link,
a:visited {
	color: #00a160; 
	text-decoration: none;
	font-weight: normal;
}

a:hover {
	color: #;	
	text-decoration: underline;
	font-weight: normal;
}

p {
  margin-top: 0;
  margin-bottom: 5px;
}

div,
p,
table,
td,
th {
	font-family: Verdana, Arial;
	line-height: 130%;
	font-size: 1.0em;
/*	text-align: left;*/
}
/*
form {
  border: 0;
  margin: 0;
  padding: 0;
  background: none;
}
*/
frame,
iframe {
  border: 0;
  margin: 0;
  padding: 5px;
  width: 99%;
}

div#maincontent ul,
div#maincontent li {
  padding: 0;
  margin: 0;
  margin-left: 1.0em;
}

.clr {
	clear: both;
}

fieldset {
	border: 0;
	padding: 5px 0;
}

input,
textarea,
select,
.inputbox{
	font-family: Verdana, Arial;
/*	font-style: italic;*/
	font-size: 1.0em;
	color: #333;
	border: 1px solid #ccc;
	background: #fff;
	padding: 2px 5px;
}

input:focus,
textarea:focus,
select:focus,
.inputbox:focus {
	color: #333;
	border: 1px solid #ccc;
	background: #eaebe2;
}

/* main template body stuff */

div#mainframe {
	min-width: 750px;
	max-width: 950px;
	width: expression(document.body.clientWidth > 950? "950px": "auto" );
	background: #fff;
	text-align: left;
}

div#mf_1 {
	width: 100%;
}

div#mf_2 {
	width: 100%;
}

div#mf_3 {
	width: 100%;
	background: url(../images/bg_lt.png) 0 0 no-repeat;
}

div#mf_4 {
	width: 100%;
	background: url(../images/bg_rt.png) 100% 0 no-repeat;
}

div#mf_5 {
	width: 100%;
	background: url(../images/bg_lb.png) 0 100% no-repeat;
}

div#mf_6 {
	width: 100%;
	background: url(../images/bg_rb.png) 100% 100% no-repeat;
}

/* inside body stuff */

div#header {
  height: 159px;
  width: auto !Important;
  width: 100%;
  float: none;
  padding: 10px 5px 0 5px !important;
  padding: 0.86em 5px 0 5px;
}

div#logo {
  float: left;
  padding: 0px 0 0 20px;
}

div#logo a {
  display: block;
  width: 480px;
  height: 150px;
	background: url(../images/logo.png) 5px 5px no-repeat;
}

div#header_r {
  float: right;
  width: 40%;
  padding: 0 20px 0 0;
}

div#buttons {
  margin: 35px 0 0 0;
  float: right;
}

div#maincontent {
  width: auto !Important;
  width: 100%;
  padding: 50px 10px;
}

div#image {
  height: 200px;
	background: url(../images/bg_content.png) center top no-repeat;
}

div#message {
  height: 100px;
	background: url(../images/message.png) center top no-repeat;
}

div#footer {
  height: 29px;
  padding: 10px 0 0 0 !important;
  padding: 0;
  width: auto !Important;
  width: 100%;
  text-align: center;
	color: #ccc;
}

div#footer a,
div#footer a:link,
div#footer a:visited,
div#footer a:hover {
	color: #ccc;
	text-decoration: none;
}

div#footer a:hover {
	color: #ccc;
	text-decoration: underline;
}

div#footer_buttons {
  text-align: center;
  vertical-align: top;
  padding: 0 0 50px 0;
}
#footer_buttons a img {
  opacity: 0.65;
	filter: Alpha(opacity=65,finishopacity=65,style=1);
  border:0
}
#footer_buttons a:hover img {
  opacity: 1.0;
	filter: Alpha(opacity=100,finishopacity=100,style=1);
}

/* Special content styling */

div#exclamation {
	background: url(../images/con_exclamation.png) 0 0 no-repeat;
	padding: 14px 0 0 14px;
}

div#exclamation div {
	font-weight: normal;
	font-style: italic;
	color: #eee;
	font-size: 1.0em;
	padding: 15px 15px 10px 40px;
	text-transform: none;
	border-bottom: 1px solid #ccc;
	border-right: 1px solid #ccc;
	font-family: "Century Gothic", "Helvetica Neue Bold Condensed", Arial, sans-serif;
}

div#question {
	background: url(../images/con_question.png) 0 0 no-repeat;
	padding: 14px 0 0 14px;
}

div#question div {
	font-weight: normal;
	font-style: italic;
	color: #eee;
	font-size: 1.0em;
	padding: 15px 15px 10px 40px;
	text-transform: none;
	border-bottom: 1px solid #ccc;
	border-right: 1px solid #ccc;
	font-family: "Century Gothic", "Helvetica Neue Bold Condensed", Arial, sans-serif;
}