/* Formatting Structure */
/* ----------------------------------------------------- */
#wrap {
  position:relative;
  margin:15px 0 0 ;
  width:98%;
  max-width:1000px; 
}

/* this causes a problem in IE showing the RECAPTCHA box
#subwrap {
  position:relative;
}
*/

/* Left Cols */
/* ----------------------------------------------------- */
#colL {
	float: left;
  width:25%;
  left:0;
clear: right;
  }
#colL .content {
  padding:0 10px 10px;
  color:#000;
  font-size:85%;
  line-height:135%;
  }
#M #colL, #MR #colL, #MRx #colL {display:none }
  
/* Main Cols */
/* ----------------------------------------------------- */
#colM {
line-height:135%;
clear: right;
  }

/* used to be the following but that was removed on 11/9/06 bc it created conflicts

#colM {
  line-height:135%;
float: left;
width: 100%;
clear: right;
  }
  
*/
  
#colM .content {
  padding:0 1.5em;
  }


/* Right Cols */
/* ----------------------------------------------------- */
#colR {
	float: left;
  width:25%;
clear: right;
  }
#MRx #colR, #iATN_Mainx #colR {
  width:180px;
  }
#colR .content {
  margin:0px 20px 10px 0;
  font-size:85%;
  line-height:135%;
  }
#M #colR, #LM #colR {display:none }


/* cells */
/* ----------------------------------------------------- */

#colM .blueleft			{ background: #e2eeff url('http://www.iatn.net/images/themes/bubbles/boxtop_blue.gif') top left repeat-x; font-size: 12px; line-height: 13px; color: #000; padding: 6px 7px 5px 9px }
#colM .bluemiddle	{ background: #e2eeff url('http://www.iatn.net/images/themes/bubbles/images/boxtop_blue.gif') top repeat-x; font-size: 12px; line-height: 13px; color: #000; padding: 6px 7px 5px 9px }
#colM .blueright		{ text-align: right; background: #e2eeff url('http://www.iatn.net/images/themes/bubbles/boxtop_blue.gif') top right repeat-x; font-size: 12px; line-height: 13px; color: #000; padding: 6px 7px 5px 9px } 

#colM .infoBoxContent	{ border-style: solid;border-width:1px;border-color: #9eb7ca;font-size: 10px}
#colM .infoBoxContent td { font-size: 10px; font-weight: normal; color: #000 }
#colM .infoBlueright		{ text-align: right; background: #e2eeff url('http://www.iatn.net/images/themes/bubbles/boxtop_blue.gif') top right repeat-x; font-size: 10px; line-height: 10px; color: #000; padding: 2px 2px 2px 2px } 
#colM .infoBlueleft			{ background: #e2eeff url('http://www.iatn.net/images/themes/bubbles/boxtop_blue.gif') top left repeat-x; font-size: 10px; line-height: 10px; color: #000; padding: 2px 2px 2px 2px }

#colM .errorInfoBoxContent	{ border-style: solid;border-width:1px;border-color: #d00000;font-size: 10px}
#colM .errorInfoBoxContent td { font-size: 10px; font-weight: normal; color: #000 }
#colM .errorInfoRight		{ text-align: right; background: #d03737 url('http://www.iatn.net/images/themes/bubbles/boxtop_red.gif') top right repeat-x; font-size: 10px; line-height: 10px; color: #fff; padding: 2px 2px 2px 2px } 
#colM .errorInfoLeft			{ background: #d03737 url('http://www.iatn.net/images/themes/bubbles/boxtop_red.gif') top left repeat-x; font-size: 10px; line-height: 10px; color: #fff; padding: 2px 2px 2px 2px }

#colM .boxContent	{ border-style: solid;border-width:1px;border-color: #9eb7ca;font-weight: normal; color: #000 }
#colM .boxContent td h4 {color: #555; font-size: 125% }
#colM .boxContentTan	{border-style: solid;border-width:1px;border-color: #cac088 }

#colM .tanleft			{ background: #cac088 url('http://www.iatn.net/images/themes/bubbles/boxtop_tan.gif') top left repeat-x; font-size: 12px; line-height: 13px; color: #000; padding: 6px 7px 5px 9px }
#colM .tanmiddle		{ background: #cac088 url('http://www.iatn.net/images/themes/bubbles/boxtop_tan.gif') top repeat-x; font-size: 12px; line-height: 13px; color: #000; padding: 6px 7px 5px 9px }
#colM .tanright		{ text-align: right; background: #cac088 url('http://www.iatn.net/images/themes/bubbles/boxtop_tan.gif') top right repeat-x; font-size: 12px; line-height: 13px; color: #000; padding: 6px 7px 5px 9px } 

#colM .lighttanleft			{ background: #F7F4E6 url('http://www.iatn.net/images/themes/bubbles/boxtop_light_tan_nb.gif') top left repeat-x; font-size: 12px; line-height: 13px; color: #000; padding: 6px 7px 5px 9px }
#colM .lighttanmiddle		{ background: #F7F4E6 url('http://www.iatn.net/images/themes/bubbles/boxtop_light_tan_nb.gif') top repeat-x; font-size: 12px; line-height: 13px; color: #000; padding: 6px 7px 5px 9px }
#colM .lighttanright		{ text-align: right; background: #F7F4E6 url('http://www.iatn.net/images/themes/bubbles/boxtop_light_tan_nb.gif') top right repeat-x; font-size: 12px; line-height: 13px; color: #000; padding: 6px 7px 5px 9px } 


.bluebuttonleft			{ width: 122px; text-align:center; background: #e2eeff url('http://www.iatn.net/images/themes/bubbles/blue_button.gif') top left repeat-x; font-size: 12px; line-height: 28px; color: #000 }
.bluebuttonright		{ background: #e2eeff url('http://www.iatn.net/images/themes/bubbles/blue_button.gif') top right repeat-x; font-size: 12px; line-height: 28px; color: #000 } 


#colM .errorBoxContent	{border-style: solid;border-width:1px;border-color: #d00000 }
#colM .errorleft			{ background: #d03737 url('http://www.iatn.net/images/themes/bubbles/boxtop_red.gif') top left repeat-x; font-size: 12px; line-height: 13px; color: #fff; padding: 6px 7px 5px 9px }
#colM .errormiddle		{ background: #d03737 url('http://www.iatn.net/images/themes/bubbles/boxtop_red.gif') top repeat-x; font-size: 12px; line-height: 13px; color: #fff; padding: 6px 7px 5px 9px }
#colM .errorright		{ text-align: right; background: #d03737 url('http://www.iatn.net/images/themes/bubbles/boxtop_red.gif') top right repeat-x; font-size: 12px; line-height: 13px; color: #fff; padding: 6px 7px 5px 9px } 

.infoBox {
	float:right;margin: 3px;
}
