html
{
 font-size: 78%;
 margin: 0px;
 padding: 0px;
 background: url('./bgtile.jpg');
}

body
{
 margin: 0px;
 padding: 0px;
 font-family: Trebuchet, Arial, Helvetica, sans-serif;
 text-align: center;
}

div { margin: 0; padding: 0; }

div#extra { clear: both; font-size: 0.8em; color: #aaaaaa; text-align: center; padding-bottom:0.5em;}
div#container
{ background-color: #fffbf8; width: 760px; margin: 0 auto; text-align: left; min-height: 100%;}

div#main
{ width: 100%;}

div#pgheader1
{ height: 106px; width: 760px; background: url('/header.jpg') no-repeat;}

div#navmenu
{
 text-align: right;
 padding-right: 0.4em;
 background-color: #4b4b4c;
 border-top: 2px solid #757777;
 border-bottom: 2px solid #ffa101;
 padding: 0.3em;
}

#navmenu ul
{
 width: 12em;
 margin: 0;
 padding: 0;
 list-style-type: none;
 display: inline;
}
#navmenu li
{
 display: inline;
 color: #ffffff;
 padding: 0 0.5em;
 border-right: 2px solid #ffa101;
}
#navmenu ul li.last
{ border: none; }

#navmenu a, #navmenu a:active, #navmenu a:visited
{ color: white; text-decoration: none; }
#navmenu a:hover
{ color: #ffa101; text-decoration: underline; }

div#content
{
 width: 60%;
 float: left;
 color: #4b4b4c;
 padding: 0em 0em 0em 15px;
 text-align: justify;
}

.threecollist
{
  float: left;
  clear: both;
  width: 100%;
  padding: 0 10px;
  margin: 0.5em 0px;
  list-style-type: none;
}
.threecollist li 
{
  float: left;
  width: 40%;
  background: url('/smbullet.gif') no-repeat 0% ;
  margin: 0 10px;
  padding: 0 0 0 12px;
}

/*#content a,#content a.active, #content a.visited
{}
#content a.hover
{}*/
a, a:active, a:visited
{ color: #E77221;}
a:hover
{ text-decoration: none; color: #aaaaaa;}

div#callout1
{
 display: inline;
 margin: 20px 15px 10px 0;
 padding-bottom: 15px;
 float: right;
 width: 30%;
 background: #fff4e7 url('/call1bg.jpg') no-repeat bottom right;
}

#callout1 h2 
{ 
 color: #4b4c4c;
 font-size: 1.2em;
 padding: 0.4em 0.5em;
 margin: 0;
 background: #dadddd url('./bulleto.gif') no-repeat 100%;
 border-bottom: 3px solid #ffa101;
}

#callout1 p { margin: 5px 10px 0px 10px; }

div#callout2
{
 color: #4e4f4f;
 display: inline;
 margin: 20px 15px 10px 0;
 padding-bottom: 15px;
 float: right;
 width: 30%;
 background: #f3f3f3 url('/call2bg.jpg') no-repeat bottom right;
}

#callout2 h2 
{ 
 color: #D25200;
 font-size: 1.2em;
 padding: 0.4em 0.5em;
 margin: 0;
 background: #ffdbb4 url('/bulletg.gif') no-repeat 100%;
 border-bottom: 3px solid #8e8f8f;
}

#callout2 p { margin: 5px 10px 0px 10px; }

h1
{
 background: url('/bulletw.gif') no-repeat;
 margin: 20px 0 0 0;
 padding: 0em 1.5em;
 font-size: 1.5em;
 color: #6b6b6c;
}

h2
{
 color: #9b9b9c;
 font-size: 1.3em;	
 padding: 0;margin: 0 35px;
}

h3
{
 color: #6b6b6c;
 padding: 0 1.5em;
 background: url('/smbullet.gif') no-repeat 0.3em;
 font-size: 1.1em;
}

#content p
{
 margin-left: 20px;
}

b
{

}

strong
{

}

em
{

}

/* Form styles */
#content h4.formtitle
{
	color: #D25200;
	font-size: 1.2em;
	padding: 0.4em 0.5em;
	background: #ffdbb4 url('/bulletg.gif') no-repeat 100%;
	border-bottom: 3px solid #8e8f8f;
	font-weight: bold;
	margin: 20px 0px 0px 20px;
}

#content fieldset
{
	color: #4e4f4f;
	padding: 0px 0px 15px 0px;
	background: #f3f3f3 url('/call2bg.jpg') no-repeat bottom right;
	border: none;
	margin: 0px 0px 0px 20px;
	padding: 20px;
}

#content div.formRow
{
	margin-top: 10px;
    padding: 2px 2px 2px 2px;
    clear: both;
}

	#content div.formRow div.rowLabel
	{
		float: left;
		width: 120px;
		font-weight: bold;
		/* background-color: #ff0000; */
	}

	#content div.formRow div.rowValue
	{
		margin-left:120px;
	}

.textInput
{
	background-color: #dadddd;
	color: #4b4c4c;
	border: 1px #8e8f8f solid;
	font-size: 0.8em;
	padding: 2px 2px 2px 2px;
	width: 250px;
}

.submitButton
{
	background-color: #ffdbb4;
	color: #D25200;
	border: 1px #D25200 solid;
	font-size: 0.8em;
	padding: 1px 5px 1px 5px;
}