/**********************************************
 * FORMS: subscribe, contact
 *********************************************/
.subscribe {
	margin:0 auto;
	width:370px;
	padding:6px;
}

#cssform p, h1, form, button{border:0; margin:0; padding:0;}
.spacer{clear:both; height:1px;}
/*******************************************
 * style the form elements
 *******************************************/

#cssform{
	border:solid 2px #E8DDC1;
	background:#F9F5EC;
}
#cssform h1 {
	font-size:14px;
	font-weight:bold;
	margin-bottom:8px;
}
#cssform p{
	font-size:11px;
	color:#666666;
	margin-bottom:20px;
	border-bottom:solid 1px #E8DDC1;
	padding-bottom:10px;
}
#cssform label{
	display:block;
	font-weight:bold;
	text-align:right;
	width:140px;
	float:left;
}
#cssform .small{
	color:#666666;
	display:block;
	font-size:11px;
	font-weight:normal;
	text-align:right;
	width:140px;
}
#cssform input{
	float:left;
	font-size:12px;
	padding:4px 2px;
	border:solid 1px #E6F2E7;
	width:200px;
	margin:2px 0 20px 10px;
}
#cssform button{ 
	clear:both;
	margin-left:150px;
	width:125px;
	height:31px;
	background:#666666 url(../image-files/button.png) no-repeat;
	text-align:center;
	line-height:31px;
	color:#FFFFFF;
	font-size:11px;
	font-weight:bold;
}
   
/*******************************************
 * Box Div Styles: Rounded corner sideboxes
 *******************************************/
.xrounded h1, .zrounded h1 {
  margin:0; 
  font-size:1.2em; 
  padding:0 8px 3px 8px; 
  border-bottom:1px solid #d0d0d0;
}

.xrounded p, .zrounded p {
  margin:0; 
  padding:5px 0 0; 
  font-size:12px;
  line-height:125%;
}

.xrounded {
  background: transparent; 
  /*width:180px;   Adjust the width here*/
  width:100%;
  float:left; 
  margin:0 5px 15px 5px;
  line-height:125%;
}

.xtop, .xbottom {
  display:block; 
  background:transparent; 
  font-size:1px;
}

.xb1, .xb2, .xb3, .xb4 {
  display:block; 
  overflow:hidden;
}

.xb1, .xb2, .xb3 {
  height:1px;
}

.xb2, .xb3, .xb4 {
  background:#fff; 
  border-left:1px solid #d0d0d0;
  border-right:1px solid #d0d0d0;
}

.xb1 {
  margin:0 5px; 
  background:#d0d0d0;
}

.xb2 {
  margin:0 3px;
  border-width:0 2px;
}

.xb3 {
  margin:0 2px;
}

.xb4 {
  height:2px; 
  margin:0 1px;
}

.xboxcontent {
  display:block; 
  border:0 solid #d0d0d0; 
  border-width:0 1px; 
  height:auto;
  background:#fff;
}

.graybull{ 
  list-style-image:url(../image-files/bullet.gif);
  padding-left:20px;
  list-style-position: outside;
}

div.xboxcontent div{
  padding: 0 4px 0 8px;
}

* html .xboxcontent {
  height:1px;
}

.color_a {
  background: #A5D3FF; /* Change the top part color here */
  color:#000;
}

/* variations of headline background color and text color */
.forest { background: #8AB800; color:#FFCC33; }
.orange { background: #F5B800; color: #002EB8; }
.blue { background:#2E00B8; color:#FFCC33; }
.purple { background: #8A00B8; color: #FFCC33; }
.light_blue { background:#3366FF; color:#FFFFFF; }
.tan { background:#B88A00; color:#000000; }
.green { background:#2EB800; color:#000000; }
.red { background:#B82E00; color: #FFFFFF; }

.floatleft50 {
  float:left;
  width:50%;
  border:none;
  margin:5px 10px 0px 0px;
}

.floatright50 {
  float:right;
  width:50%;
  border:none;
  margin:5px 0px 0px 10px;
}

div.figure {
	float: right; 
  border-bottom: thin dotted #CCC;
	margin: 0.5em;
	padding: 0.5em 0 0.5em 0.5em;
}

div .top_bottom_border {
  border-top:2px solid #900;
  border-bottom:2px solid #900;
  padding:5px 0px;
}

.floatleft {
  float:left;
}

div.figure_left {
	float: left;
	border-bottom: thin dotted #CCC;
	margin: 0.5em;
	padding: 0.5em 0.5em 0.5em 0;
}

div.figure_right {
	float: right;
	border: none;
	margin: 0.5em;
	padding: 0.5em 0.5em 0.5em 0;
}

div.figure p {
	text-align: center;
	font-style: italic;
	font-size: 90%;
	text-indent: 0;
}

div.figure_left p {
	text-align: center;
	font-style: italic;
	font-size: 90%;
	text-indent: 0;
}

div.figure_right p {
	text-align: center;
	font-style: italic;
	font-size: 90%;
	text-indent: 0; margin: 0 auto; width:200px;
}

img.scaled {
	width: 100%;
}