/*******************************************************
Stylesheet for Midstride.com
Purpose: Rounding Corners
Modified from: http://www.quinncrowley.com/rounded.htm
Notes:
- This method only requires one image, either a rounded
square or a circle
- The colour used for the image is the same colour used
for the background-color of the main content divs
- p margins can be resized for different effects or to 
create borders
*******************************************************/

/******************************************************************
Sample of XHTML Markup

<div class="roundcont">
   <div class="roundtop">&nbsp;</div>
<div class="roundtopright">&nbsp;</div>
   <p>Header</p>
   <p>Text / content here.</p>
<div class="bottomfiller">
   <div class="roundbottom">&nbsp;</div>
   <div class="roundbottomright">&nbsp;</div>
&nbsp;</div>
</div>	
*******************************************************************/

/* For fluid-width containers color: CA4003*/
.roundcont {
  width: 100%;
  background-color: #CA4003;
  color: #039;
}

/* For fixed-width containers */
.fixedroundcont {
  width: 250px;
  background-color: #CA4003;
  color: #fff;
}

.bottomfiller {
  width: 100%;
  height:18px;
  background-color: #ca4003;
  color: #fff;
}

.roundcont h1 {
  background-color:#ca4003;
  margin:0;
  padding:0;
}
.roundcont h2 {
  margin:0;
  padding:0 3px 0 7px;
}

.roundcont p {
  margin: 0px 2px;
  padding: 0px 15px;
  background-color:#fff;
}

.fixedroundcont p {
  margin: 0px 2px;
  padding: 0px 15px;
  background-color:#fff;
}

.roundtop {
  background: url(/clf/images/square.gif) no-repeat top left; 
  width:15px;
  height:11px;
  float:left;
}
.roundtopright { 
  background: url(/clf/images/square.gif) no-repeat top right; 
  float:right;
  width:11px;
  height:10px;
}
.roundbottom {
  background: url(/clf/images/square.gif) no-repeat top left; 
  background-position: 0px -7px;
  width:15px;
  float:left;
}

.roundbottomright {
  background: url(/clf/images/square.gif) no-repeat top right; 
  background-position: -10px -7px ;
  width:15px;
  float:right;
}

img.corner {
  width: 15px;
  height: 15px;
  border: none;
  display: block !important;
}

/* On grey #eeeeee */
/* For fluid-width containers */
.roundcont_eee {
  width: 100%;
  background-color: #eee;
  color: #000;
}

/* For fixed-width containers */
.fixedroundcont_eee {
  width: 250px;
  background-color: #eee;
  color: #fff;
}

.bottomfiller_eee {
  width: 100%;
  height:18px;
  color: #fff;
}

.roundcont_eee h1 {
  margin:0;
  padding:0;
}
.roundcont_eee h2 {
  margin:0;
  padding:3px 0 0 8px;
}

.roundcont_eee p {
  margin:0px;
  padding: 3px 5px 2px 9px;
}

.fixedroundcont_eee p {
  margin: 0px 2px;
  padding: 0px 15px;
}

.roundtop_eee {
  background: url(/clf/images/square_eee.gif) no-repeat top left; 
  width:8px;
  height:11px;
  float:left;
}
.roundtopright_eee { 
  background: url(/clf/images/square_eee.gif) no-repeat top right; 
  float:right;
  width:11px;
  height:10px;
}
.roundbottom_eee {
  background: url(/clf/images/square_eee.gif) no-repeat top left; 
  background-position: 0px -7px;
  width:15px;
  float:left;
}
.roundbottomright_eee {
  background: url(/clf/images/square_eee.gif) no-repeat top right; 
  background-position: -10px -7px ;
  width:15px;
  float:right;
}
img.corner {
  width: 15px;
  height: 15px;
  border: none;
  display: block !important;
}