/* *****************************************************************
 * BMI.css		Created: 04/12/06		Modified:	04/12/06		
 * Author: Jamie Layne												
 *																	
 * Barnett & Murphy, Inc. Style sheet. 
 * The content contained herein is the property of Barnett & Murphy, Inc.			
 * All styles and imagery associated with said styles are not to be	
 * duplicated or borrowed. Copyright @ 2006							
 ********************************************************************/
 
 /**********************
  * General Tag Styles *
  **********************/
 Body {
 	background: #e2e2e2;
	margin-top: 0px;
	padding-top: 0px;
	font-family: verdana;
	font-size: 0.9em;
 }
 
 a {
 	color: #000000;
	text-decoration: underline;
 }
 
/************************
 * Container Styles 	*
 ************************/

/* Main Body Container */
div#Main {
	width: 780px;
	padding-top: 0px;
	margin-top: 0px;
	padding-right: 0px;
	margin-left: auto;
	margin-right: auto;
	background-color: #f1f1f1;
	
}

div#Content {
	position: relative;
	padding-top: 250px;
	background: url(../imgs/frame/verticalBG_gr.gif) no-repeat;
	background-position: top left;
	width: 620px;
	padding-left: 121px;
	padding-right: 30px;
}

div#imailContent {
	position: relative;
	padding-top: 250px;
	background: url(../imgs/frame/verticalBG_bl.gif) no-repeat;
	background-color: #f1f1f1;
	background-position: top left;
	width: 620px;
	padding-left: 121px;
	padding-right: 30px;
}

div#vdpContent {
	position: relative;
	padding-top: 250px;
	background: url(../imgs/frame/verticalBG_red.gif) no-repeat;
	background-color: #f1f1f1;
	background-position: top left;
	width: 620px;
	padding-left: 121px;
	padding-right: 30px;
}

div#urContent {
	position: relative;
	padding-top: 250px;
	background: url(../imgs/frame/verticalBG_prpl.gif) no-repeat;
	background-color: #f1f1f1;
	background-position: top left;
	width: 620px;
	padding-left: 121px;
	padding-right: 30px;
}

/* Footer Container */
div.Footer {
	width: 100%;
	margin-top: 20px;
	text-align: center;
	font-family: arial;
	color: #67177f;
	font-size: 0.75em;
	font-weight: bolder;
}

div.BulletList {
	width: 100%;
	font-size: 0.8em;
}

div.bullet {
	margin-left: 20px;
	margin-bottom: 5px;
	float: right;
	width: 120px;
	height: 20px;
	display: inline;
	vertical-align: middle;
	background: url(../imgs/icon/sqBullet_prpl.gif) no-repeat;
	background-position: top left;
	padding-left: 15px;
}

div.imailBullet {
	margin-left: 20px;
	margin-bottom: 5px;
	padding-left: 20px;
	background: url(../imgs/icon/sqBullet_red.gif) no-repeat;
}

div.vdpBullet {
	margin-left: 20px;
	margin-bottom: 5px;
	padding-left: 20px;
	background: url(../imgs/icon/sqBullet_darkred.gif) no-repeat;
}

div.urBullet {
	margin-left: 20px;
	margin-bottom: 5px;
	padding-left: 20px;
	background: url(../imgs/icon/sqBullet_gr.gif) no-repeat;
}

div.prplBox {
	margin-left: auto;
	margin-right: auto;
	width: 500px;
	border: 8px outset #a372b1;
}

div.columns {
	width: 100%;
	text-align: center;
}

div.column {
	float: left;
	padding-left: 10px;
	padding-right: 10px;
	width: 180px;
	height: 100px;
	display: inline;
}

div.column img {
	vertical-align: middle;
}

div.ImageDescription {
	width: 100%;
}

div.ImageDescription div.Image {
	float: left;
	width: 200px;
	height: 200px;
	margin-right: 15px;
	border: 0px;
}

div.ImageDescription div.Description {
	float: left;
	width: 60%;
}

div.iPopUp {
	position: absolute;
	top: 950px;
	left: 350px;
	
	width: 450px;
	background: url(../imgs/frame/popUpBG_bl.jpg) no-repeat;
	background-color: #ffffff;
	background-position: bottom left;
	border: 3px ridge #000000;
}

div.iPopUp_red {
	position: absolute;
	top: 950px;
	left: 350px;
	
	width: 450px;
	background: url(../imgs/frame/popUpBG_red.jpg) no-repeat;
	background-color: #ffffff;
	background-position: bottom left;
	border: 3px ridge #000000;
}

div.iPopUp_Testimonials {
	position: absolute;
	top: 450px;
	left: 150px;
	font-size: 0.9em;
	
	width: 580px;
	background-color: #ffffff;
	background-position: bottom left;
	border: 3px ridge #cccccc;
}

div.iPopUp_prpl {
	position: absolute;
	top: 950px;
	left: 350px;
	
	width: 450px;
	background: url(../imgs/frame/popUpBG_prpl.jpg) no-repeat;
	background-color: #ffffff;
	background-position: bottom left;
	border: 3px ridge #000000;
}

div.CheckList {
	margin-left: 20px;
	margin-bottom: 20px;
}

div.CheckList div.Description {
	font-weight: bold;
	font-size: 1em;
	color: #67177f;
	margin-bottom: 5px;
}

div.CheckList div.Check {
	float: left;
	margin-left: 20px;
}

div.CheckList div.Title {
	margin-left: 10px;
	width: 80%;
	float: left;
}

div.FieldList {
	margin-left: 15px;
}

div.FieldList div.FieldName {
	float: left;
	width: 200px;
}

div.FieldList div.FieldValue {
	float: left;
	text-align: left;
	padding-left: 15px;
	margin-bottom: 5px;
}

div.FieldList div.FieldValue input {
	width: 200px;
	margin-left: 0px;
	padding-left: 0px;
	text-align: left;
}

div.FieldList div.FieldValue select {
	_margin-left: 15px;		/* IE Hack for positioning */
	width: 200px;
}
/************************
 * Content Styles 		*
 ************************/
 
 div.MainTitle {
 	margin-top: 30px;
	margin-bottom:20px;
	padding-left: 10px;
	font-family: "Arial Narrow";
 	font-size: 1.2em;
	font-weight: bold;
	color: #ffffff;
	background: #681980;
	height: 100%;
	width: 260px;
 }
 
 div.recommendMainTitle {
 	margin-top: 30px;
	margin-bottom:30px;
	padding-left: 10px;
	font-family: "Arial Narrow";
 	font-size: 1.2em;
	font-weight: bold;
	color: #ffffff;
	background: #0055a5;
	height: 100%;
	width: 260px;
 }
 
  div.imailMainTitle {
 	margin-top: 30px;
	margin-bottom:20px;
	font-family: "Arial Narrow";
 	font-size: 1.2em;
	font-weight: bold;
	color: #ffffff;
	background: #e73130;
	height: 100%;
	width: 100%;
 }
 
 div.vdpMainTitle {
 	margin-top: 30px;
	margin-bottom:20px;
	font-family: "Arial Narrow";
 	font-size: 1.2em;
	font-weight: bold;
	color: #ffffff;
	background: #98012e;
	height: 100%;
	width: 100%;
 }

  div.urMainTitle {
 	margin-top: 30px;
	margin-bottom:20px;
	font-family: "Arial Narrow";
 	font-size: 1.2em;
	font-weight: bold;
	color: #ffffff;
	background: #077647;
	height: 100%;
	width: 100%;
 }
 
 div.SubTitle {
 	color: #864b98;
	font-weight: bolder;
	background: url(../imgs/frame/subTitleBG.gif) repeat-y;
	height: 100%;
	padding-left: 10px;
	padding-top: 3px;
	padding-bottom: 3px;
	margin-bottom: 8px;
 }
 
  div.imailSubTitle {
 	color: #e23828;
	font-weight: bolder;
	background: url(../imgs/frame/subTitleBG.gif) repeat-y;
	height: 100%;
	padding-left: 10px;
	padding-top: 3px;
	padding-bottom: 3px;
	margin-bottom: 8px;
 }
 
  div.vdpSubTitle {
 	color: #a93b5c;
	font-weight: bolder;
	background: url(../imgs/frame/subTitleBG.gif) repeat-y;
	height: 100%;
	padding-left: 10px;
	padding-top: 3px;
	padding-bottom: 3px;
	margin-bottom: 8px;
 }
 
   div.urSubTitle {
 	color: #429371;
	font-weight: bold;
	background: url(../imgs/frame/subTitleBG.gif) repeat-y;
	height: 100%;
	padding-left: 10px;
	padding-top: 3px;
	padding-bottom: 3px;
	margin-bottom: 8px;
 }
 
 .prplTitle {
 	font-weight: bold;
	font-size: 1em;
	color: #67177f;
	margin-bottom: 5px;
 }
 
 .uponRequest {
 	color: #006233;
 }
 
 .imail {
 	color: #e23828;
 }
 
 .VDP {
 	color: #9d102d;
 }
 .lrgText {
	font-size: 1.2em;
 }

 .smText {
 	font-size: 0.8em;
 }
 
 .ital {
 	font-style: italic;
 }
 
 .bld {
 	font-weight: bold;
 }
 
 div.alignC {
 	width: 100%;
 	text-align: center;
 }
 
  div.alignR {
 	width: 100%;
 	text-align: right;
 }
 
  div.floatR {
 	float: right;
	clear: right;
 }
 
 div.spaceBelow {
 	margin-bottom: 12px;
 }
 
 div.para {
 	padding-left: 10px;
 	margin-bottom: 15px;
 }
 
 div.links {
  	margin-top: 30px;
 	font-size: 0.6em;
 }
 
 div.links a {
 	color: #000000;
 }
 
 .reqd {
 	font-weight: bold;
	color: #ff0000;
	font-size: 0.6em;
 }
 
 .required {
	background-image:url(../imgs/icon/required.gif); 
	background-position:top right; 
	background-repeat:no-repeat;
}

.smallTab {
	width: 100%;
}

.smallTab .item {
	float: left;
	text-align: left;
	font-weight: bold;
	width: 60px;
}

.smallTab .value {
	vertical-align: top;
	float: left;
	text-align: left;
	padding-left: 40px;
}

div.RightNav {
	position: absolute;
	left: 0px;
	top: 225px;
	width: 91px;
}

div.RightNav div.Link {
	width: 100%;
	font-weight: bold;
}
div.RightNav div.Link a {
	padding-left: 5px;
	width: 100%;
	height: 25px;
	display: block;
	text-decoration: none;
}

div.RightNav div.Link a:hover {
	background: #d2bad9;
	color: #681980;
	width: 100%;
}

div.RightNav div.SelLink {
	width: 100%;
	font-weight: bold;
}
div.RightNav div.SelLink a {
	text-decoration: none;
	padding-left: 5px;
	display: block;
	height: 25px;
	background: #681980;
	color: #ffffff;
	width: 100%;
}

div.BlogTeaser {
	margin-bottom: 15px;
	padding-bottom: 15px;
	border-bottom: 1px dashed #681980;
}

div.BlogTeaser .Author {
	font-size: 0.7em;
	color: #000000;
	font-weight: bold;
	margin-bottom: 10px;
}

div.BlogTeaser .Subject {
	font-weight: bold;
	font-size: 1em;
	color: #67177f;
}

div.BlogTeaser .EntryDate {
	float: right;
	font-size: 0.7em;
	clear: right;
}

div.BlogTeaser .Body {
	height: 100px;
	overflow: hidden;
	margin-left: 10px;
}

div.BlogComment {
	margin-bottom: 5px;
	padding-bottom: 5px;
	border-bottom: 1px dashed #681980;
}

div.BlogComment .Author {
	font-size: 0.7em;
	color: #000000;
	font-weight: bold;
	margin-bottom: 10px;
}

div.BlogComment .Subject {
	font-weight: bold;
	font-size: 1em;
	color: #67177f;
}

div.BlogComment .EntryDate {
	float: right;
	font-size: 0.7em;
	clear: right;
}

div.BlogComment .Body {
	width: 70%;
	margin-left: 10px;
}
