html {
  margin: 0; 
  padding: 0;
}

body { 
  font-family: "arial", sans-serif;
  font-size: 12px;
  color: #036; 
  background-color: #C0C0C0;
  margin: 0; 
  padding: 0;
  border: 0;
  text-align:center;
}

p {
  margin: 0 0 15px 0;
  }  
  
ul {  
  list-style-position:outside;
  padding: 0;
  margin:5px 5px 10px 25px;
  border:0;
}	
li {
  margin: 0 0 10px 0;
}

h1 { 
  font: bold 18px verdana, sans-serif; 
  letter-spacing: 1px; 
  margin: 0 0 15px 0;
  padding: 0; 
  color: #003768;
}
  
h1.tagline {
  text-align:justify;
  letter-spacing: 0px;
  margin: 10px;
}

h2 { 
  font: bold 14px arial, sans-serif; 
  letter-spacing: 1px; 
  margin: 0;
  padding: 0; 
  color: #003768;
}

h2.date-header {
  border-bottom: 1px solid #003768;
}
  
h3 { 
  font: bold 12px verdana, sans-serif; 
  letter-spacing: 1px; 
  margin: 0;
  padding: 0; 
  color: #003768;
}

h3.post-header {
  font: bold 12px verdana, sans-serif; 
  letter-spacing: 1.5px; 
  margin: 5px 0 10px 0;
  padding: 0; 
  color: #003768;
}
  
img {
  border:0;
} 


blockquote {
  margin: 10px 20px 10px 20px;
  padding: 20px 20px 20px 20px;
  background: #E7F1F3;
  border-top: 1px solid #AAD3DB;
  border-bottom: 1px solid #AAD3DB;
  }

/* page sections */

#wrapper {
  background: url(/images/hr/wrapper_bg.gif) repeat-y #647386 ;
  width:744px;
  margin: 0 auto;
  margin-top:10px;
  text-align:left;
  }

#sidebar {
  width:278px;
  border:0;
  margin:0;
  padding:0;
  float:left;
  background: url(/images/hr/sidebar_gradient.gif) 0px 456px repeat-x #647386 ;
  }

#sidebar p {
  margin: 0 10px 10px 10px;
  font-size:16px;
  font-weight:bold;
  line-height: 1.5em;
}

#sidebar p.smaller {
  margin: 0 10px 10px 10px;
  font-size:12px;
  font-weight:bold;
  line-height: 1.5em;
}

#maincolumn {
  width:466px;
  border:0;
  margin:0;
  padding:0;
  float:left;
  }

#masthead {
  margin:0;
  padding:0;
  border:0;
  }
  
#nav {
  margin:0;
  padding:0;
  border:0;
  background-color:#647386;
  height:28px;
  line-height:28px;
  font-size: 14px;
  text-align:center;
  font-weight: bold;
  color:#F8EED4;
  }

#nav a, #footer a {
  text-decoration:none;
  color:#fff;
  padding: 0 7px 0 7px;
  }  
  
#nav a:hover, #footer a:hover {
  color:#FDB812;
  }  
  
#content {
  margin:22px;
  padding:0;
  border:0;
  line-height: 1.5em;
  }
  
 #mainpic_background {
   margin: 10px 5px 0px 20px;
padding:0;
border:0;
line-height: 1.5em;
   background: transparent url(./images/hr/home_mainpic_ltr_smlr.jpg) 435px 597px; 

   }
  
  
#footer {
  clear:both;
  height:28px;
  line-height:28px;
  background-color:#647386;
  width:744px;
  font-size: 14px;
  text-align:center;
  font-weight: bold;
  color:#F8EED4;
  }    
  
#credits {
  clear:both;
  height:28px;
  line-height:28px;
  background-color:#D1D3D4;
  width:744px;
  font-size: 14px;
  text-align:center;
  font-weight: bold;

  }

	
/* links */
a {
	text-decoration: underline;
	color:#506582;
}

#sidebar a {
	text-decoration: underline;
	color:#114183;
}

a.1 {
	text-decoration: underline;
	color:#FFFFFF;
}
a.white {
	text-decoration: none;
	color:#ffffff;
}
a.white:hover {
	text-decoration: underline;
}
a.3 {
color: #657C9A;
	font-weight: bold;
	text-decoration:underline;
}
a.4 {
	text-decoration: none;
	color:#676767;
}

/* misc */

.clear {
  clear:both;
  margin:0;
  padding:0;
  border:0;
  }
  
/* --[ form elements ]------------------------------- */
form {
  padding: 0;
  margin: 20px 0 0 0;
  }

/* If you're finding the input elements get pushed down, increase the width */
label {
  float: left;
  width: 30%;
  vertical-align: top;
  }

input.button {
  display:block;
  width:85px;
  margin:3px 10px 2px 0;
  padding:5px 0 5px 0;
  font-size:1em;
  font-weight:bold;
  text-align:center;
  background:#eee url(/images/kraemer/gradient1.png) repeat-x;
  color:#26c;
  border-top:1px solid #ddd;
  border-right:1px solid #bbb;
  border-bottom:1px solid #bbb;
  border-left:1px solid #ddd;
  }

input.button:hover {
  background:#fff;
  color:#222;
  border-top:1px solid #ddd;
  border-right:1px solid #888;
  border-bottom:1px solid #888;
  border-left:1px solid #ddd;
  text-decoration:none;
  }

input.register_button {
  display:block;
  width:150px;
  margin:3px 10px 2px 0;
  padding:5px 0 5px 0;
  font-size:1em;
  font-weight:bold;
  text-align:center;
  background:#eee url(/images/kraemer/gradient1.png) repeat-x;
  color:#26c;
  border-top:1px solid #ddd;
  border-right:1px solid #bbb;
  border-bottom:1px solid #bbb;
  border-left:1px solid #ddd;
  }

input,
textarea,
select {
  padding: 1px;
  font: 400 1em verdana, sans-serif;
  color: #999;
  background: #EEE;
  border: 1px solid #CCC;
  }

input:focus,
input:hover,
textarea:focus,
textarea:hover,
select:focus,
select:hover {
  color: #000;
  background: #E7F1F3;
  border: 1px solid #888;
  }

input.noBorder,
input:focus.noBorder,
input:hover.noBorder {
  padding: 0;
  border: 0;
  }

input.radio {
  background: none;
  border: 0px;
  }

.width25 { width: 24%;}
.width50 {width: 48%;}
.width73 {width: 73%;}
.width75 {width: 75%;}
.width100 {width: 100%;}

.lightBlueBg { 
  background-color: #EAF2F5;
  border: 1px solid #888;
  }