/*-- jm_style.css    ---*/
/* stylesheet for Jim iller Insurance  */

/* <!--  Hello, working on something? Ð I'd like to hear from you. drop me a line: craigwebb@craigwebbart.com
This CSS © Craig Webb, under a creative commons copyright. 2006-2008 --> */


/* This: jm_style.css 120609 */
/* Previous version--jm_style.css 111809-posted  ----*/
/* Previous version--jm_style.css 072809-posted  ----*/
/* Previous version--jm_style.css 072109-posted  ----*/
/* Previous version--jm_style.css 071609  ----*/
/* Previous version--jm_style.css 071509  ----*/
/* From--cwebba_style-2  031509.css  ----*/
/*--  ---*/
/*--  ---*/
/*-- JM Colors
a:link {color: #36F;
a:hover {color: #900;
Main (thick) Border {color: #900;
Main (thin) Border {color: #C33;
h1, h2, h3, h4, h5, h6  {color: #006;
body {background: #98A0D0;
div style="background: #DDE0F0;
.header {background-color: #D8E0F0;
jmnav ul li a {background: #DDE0F0;
header {background-color #A0A8D0;

 ---*/


/* Jim Miller Style sheet */
/* browser reset */

* {
padding: 0;
margin: 0;
}

/* inherited: */
html, body {
font-size:75%; 
font-family: "Helvetica Neue", Helvetica, Arial,  sans-serif;
line-height:1.5;
text-align: center;
margin: 0;
padding: 0;
height:100%;
border: 0;
outline: 0;
vertical-align: baseline;
background: #98A0D0; 
color:#291103;
cursor: default;
width:100%;
}

/* Fonts - change 'sans-serif' to your preferred font */
address, blockquote, body, caption, center, dd, dir, div, dl, dt, form, h1, h2, h3, h4, h5, h6, menu, ol, p, td, th, ul {font-size: 1em;
line-height:1.2;
font-family: Arial, "Helvetica Neue", Helvetica,  sans-serif;
margin: 0em 0% 0em 0%;
padding: 0;
color:#110500;
border: 0;
outline: 0;
  font-weight: inherit;
  font-style: inherit;
vertical-align: baseline;
letter-spacing:normal;
word-spacing:normal;
}

ul,ol { list-style: none }

/*from kvs - makes diference*/
ul, ol {margin:0 1.5em 1.5em 1.5em;}


div {margin: 0em 0% 0em 0%;
line-height: 1}

div {margin: 0em 0% 0em 0%;
line-height: 1}

a img, img { border: none; }
a { text-decoration: none; }
img { margin: 0em auto 0em auto; }


/* Page codes */

#page {  
margin: 10px auto;
width: 912px;
border: 2px #990000 solid;
padding: 0; 
background-color: #FFF;
}

.header {
width: 100%;
text-align: center;
background: #A0A8D0 url("../images/masthead5.png") repeat-x;
}


/* formatting of elements */

p {
font : 100%  "Helvetica Neue" Helvetica, Arial,  Verdana,  sans-serif;
padding: 0em 0% 0em 0%;
margin:0 0 .5em;
line-height: 1.5em;
}
/*margin: 0em 0% .9em 0%;*/

p.blu {color: #006;
font-size: 106%;
line-height:1.1em;
Margin-top:0;
}

table p {
padding: 0 0 5px 0;
}

p.tite {
font : 100%  "Helvetica Neue" Helvetica, Arial, Verdana,  sans-serif;
padding: 0em 0% .3em 0%;
margin:.75em 0 .2em 0;
line-height: 1.3em;
}

p.tiny {
font : .95em "Helvetica Neue" Helvetica, Arial,  Verdana,  sans-serif;
padding: 0em 0% 0em 0%;
margin:.75em 0 .2em 0;
line-height: 1.2em;
}


.para1 {
font-size: 1.1em;
line-height: 2em;
margin: 3px 6px 3px 6px;
padding: .75em 3% .5em 3%; 
border:1px solid #DDD;
}

div.contact p {line-height:1em;
margin:6px 0 3px 0;
padding:0;
}

.sans {font-family: "Helvetica Neue" Helvetica, Arial,  Verdana,  sans-serif;
}


/* =LINKS
---------------------------------------------------- */

/* a {cursor: auto} */


a:link {color: #36F;
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : 1em;
background: transparent;
text-decoration : none;
}

a:visited {color: #36F;
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : 1em;
background: transparent;
text-decoration: none;}
/*Royal blue */

a:hover {color: #900;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1em;
 text-decoration: underline;
}
/*salmon orange */



a:active { color: Red }


a.blu, a.blu:visited {color: #006;
font-family : Verdana, sans-serif;
font-size: 100%;
line-height: 1.2em;
margin-top:0px;
text-decoration: none;
}

a.blu:hover {color: #00C;
font-family : Verdana, sans-serif;
font-size: 100%;
line-height:1.2em;
margin-top:0;
text-decoration: underline;
}

a.blueul, a.blueul:visited {color: #009;
font-family :  Arial, Helvetica, sans-serif;
font-size: 100%;
line-height: 1.2em;
margin-top:0px;
text-decoration:underline;
}

a.blueul:hover {color: #00C;
font-family : Arial, Helvetica, sans-serif;
font-size: 100%;
line-height:1.2em;
margin-top:0;
text-decoration: none;
}

a.blu2, a.blu2:visited {color: #00C;
font-family : Verdana, sans-serif;
font-size: 100%;
line-height: 1.2em;
margin-top:0px;
text-decoration: none;
}


a.red, a.red:visited {color: #900;
font-family : Verdana, sans-serif;
font-size: 100%;
line-height: 1.2em;
margin-top:0px;
text-decoration: none;
}


/* samples of specific styles */
a.class {color:Red }
a.class:link{}


a img { border: none;}


div.cwebba {font-size: .85em; normal;
float:right;
margin-right:30px;
}
div.cwebba > a:link {color:#C33; text-decoration: none; font-size: .85em;
normal;
}
div.cwebba > a:visited {color:#DE7E00; text-decoration: none; font-size: .85em;
normal;
}
div.cwebba > a:hover {color:#900; text-decoration: underline; font-size: .85em; normal;
}



/* =H Tag Elements 
---------------------------------------------------- */

h1, h2, h3, h4, h5, h6,  blockquote {font-family: Georgia, "Times New Roman", Times, serif;
color: #006;
margin:0;
padding:0;
font-weight:normal;
}


h1 span { text-indent: -9999px; }

h1.serif {font-size: 1.75em;
color : #CC3399;
font-size:2.5em;line-height:1;margin-bottom:0.25em;
}

h1 span { text-indent: -9999px; }

h2.serif {font-size: 1.52;
color: #CC3399;
font-size:2em;margin-bottom:0.25em;
}

h1 { font: bold;
font-size:2.5em;line-height:1;margin-bottom:0.25em;
}

h2 { font: bold;
font-size:2em;margin-bottom:0.25em;
}

h3 { font: bold;
font-size:1.5em;line-height:1.4;margin-bottom:.3em;
}

h4 {font-size:1.35em;line-height:1.2; margin-bottom:.25em; }
/* h4  was 1.15 em; line-height1.3; margin-bottom: 1em; */

h5 {font-size: 1.25em;
font-weight:bold;
line-height : 1.25em;
margin-bottom: .5em;
margin-top: .25em;
}

h6 {font-size:1.15em;
font-weight:bold;
line-height : 1.35em;
margin-bottom: .5em;
margin-top: .25em;
}

h1 img, h2 img, h3 img, h4 img, h5 img, h6 img {margin:0;}
p img {float:left;margin:1.5em 1.5em 1.5em 0;padding:0;}
p img.right {float:right;margin:1.5em 0 1.5em 1.5em;}

/* default type */
strong,b { font-weight:bold; }
em,i { font-style:italic; }
sup { padding-left:1px; font-size:10px!important; font-weight:normal!important; vertical-align:baseline; position:relative; bottom:.33em; color:#76797c; _position:static!important; }

address {margin: 0em 0% 0em 0%;
font: italic 1em/1 sans-serif}

acronym, abbr { border-bottom: #666 1px dotted; cursor: help; }
/*dashed*/

blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content:"";
	content: none;
}
blockquote, q {quotes:"" "";}

caption {margin: 0em 0% 0em 0%;
line-height: 1;
background:#eee;}

em, dfn {font-style:italic;}
dfn {font-weight:bold;}

dd {margin: 0em 0% 0em 0%;
line-height: 1}

.line-up dd { display: inline;}

dl {margin: 0em 0% 0em 0%}

dt {margin: 0em 0% 0em 0%;
line-height: 1}


sub {font-size: 1em}

sup {font-size: 1em}
.sup { vertical-align: super; 
font-size: .25em
}


td {line-height: 1}

th {font: bold 1em/1 sans-serif}

tt {font: 1em monospace}

code, kbd, tt, samp, pre {font: .9em  'andale mono', 'lucida console', monospace;line-height:1.5;}

big {font-size: 1.15em}
bigger {font-size: 1.5em}

sub, sup {font-size: .85em} 
/* small, */

strong {font-weight:bold;}


/* syle these form elements */
/* remember to define focus styles! */
:focus {
	outline: 0;
color:#000;
}

form { }
fieldset { padding:1.4em;margin:0 0 1.5em 0;border:1px solid #ccc; }
label {font-weight:bold; }
legend { font-weight:bold;font-size:1.2em;color: #000; }
input.text, input.title, textarea, select {margin:0.5em 0;border:1px solid #bbb;}
input.text:focus, input.title:focus, textarea:focus, select:focus {border:1px solid #666;}
input.text, input.title {width:300px;padding:5px;}
input.title {font-size:1.5em;}
textarea {width:390px;height:250px;padding:5px;}
.error, .notice, .success {padding:.8em;margin-bottom:1em;border:2px solid #ddd;}
.error {background:#FBE3E4;color:#8a1f11;border-color:#FBC2C4;}
.notice {background:#FFF6BF;color:#514721;border-color:#FFD324;}
.success {background:#E6EFC2;color:#264409;border-color:#C6D880;}
hr {background:#ddd;color:#ddd;clear:both;float:none;width:100%;height:.1em;margin:0 0 1.45em;border:none;}
hr.space {background:#fff;color:#fff;}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* formatting of classes */

.clear { clear:both; height:0; overflow:hidden; line-height:1px; font-size:1px;
margin:0;
padding:0;
}

.relative {position: relative;}

.fl{
float: left;
}

.fr{
float:right;
}

.mcent{
margin-left: auto;
margin-right: auto;
}

.tcent{text-align:center;}
.tleft {	text-align:left;}
.trigh {	text-align:right;}
.tjust {	text-align:justify;}

.centertext{
margin-left: auto;
margin-right: auto;
margin-top: 6px;
text-align:center;
}

.b { font-weight: bold; }
.i { font-style: italic; }
.u { text-decoration: underline; }

.border{
	border-style: solid;
	border-color: #DDD;
border-width: 1px;
}

.border2{
border-style: solid;
border-color: #ddd;
border-width: 1px;
}

/* Border on left hand side of a column. */
div.border-lft {
  padding-left:5px;
  margin-left:6px;
  border-left: 1px solid #eee;
}
/* Border on right hand side of a column. */
div.border-rt {
  padding-right:5px;
  margin-right:6px;
  border-right: 1px solid #eee;
}

.border-rt{ border-right:1px solid #eee;}


/* Border with more whitespace, spans one column. */
div.colborder {
  padding-right:15px;
  margin-right:12px;
  border-right: 1px solid #eee;
}



.pink { background-color:#FFCCCC;}
.pearl { background-color:#FCE;}
.puce { background-color:#FEC;}
.powder { background-color:#CFE;}
.white { background-color:#FFF;}
.jmblue {background-color:#9cf;}
.blu {color:#006;}
.f900 {color:#900;}


.showgrid2 {background-image: url("http://www.craigwebbart.com/e-art/888grid.png");}

/* XML Classes */


website { font-size:1em;
line-height:1.1em;
font-weight:bold;
}


descrip { font-size:.9em;
line-height:1.25em;
color:#444;
}

descrip2 { font-size:.9em;
line-height:1.2em;
color:#444;
}

about { font-size:.8.5em;
line-height:1.2em;
color:#333;
}

highlight {font-weight: bold;
color:#048;
}

serv {
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : 1em;
color : #666666;
line-height : 1.5em;
}
/* WAS bodycopy2b2 */

skill {
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : .9em;
color : #6A7A8A;
line-height : 1.5em;
}

img.left { float:left; margin:2px 20px 10px 0; }
img.right { float:right; margin:2px 0 10px 20px; }

.quest { color:#006;
font-weight: bold;
line-height:1.3em;
margin-bottom: 0em;
padding-bottom:.25em;
}

.answer {line-height:1.2em;
margin-bottom: 0em;
padding-bottom:.25em;
}



/* -----------   Blueprint CSS Framework 0.7.1 Typography Classes  ---------- */
.small {font-size:.8em;margin-bottom:1.875em;line-height:1.875em;}
.large {font-size:1.2em;line-height:2.5em;margin-bottom:1.25em;}
.hide {display:none;}
.quiet {color:#666;}
.loud {color:#000;}
.highlight {background:#ff0;}
.added {background:#060;color:#fff;}
.removed {background:#900;color:#fff;}
.first {margin-left:0;padding-left:0;}
.last {margin-right:0;padding-right:0;}
.top {margin-top:0;padding-top:0;}
.bottom {margin-bottom:0;padding-bottom:0;}


/*----------[ =TEXT CLASSES ]-----------*/

.cutine {margin: 0em 0% 0em 0%;
font-size: .9em;
line-height: 1.5em;
background:#eee;
font-style:italic;
text-align:left;
margin-top:3px;}

.side {font-size : .72em;
line-height : 1.5em;
color : #999999;
margin-bottom : 1em;
}

.title {
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-size : 16px;
	color : #3399cc;
	font-weight: 900;
	letter-spacing : 5px;
	}
	
.copyright {
line-height: 14px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: .95em;
color:#110500;
}

.detail {
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : 12px;
line-height: 24px;
color : #000;
letter-spacing : 1.5px;
	}

div.newslet p {
font-size : .8;
line-height : 1.5em;
color : #666666;
}

div.list p {
font-size : .8;
line-height : 1.2em;
color : #666666;
}

.tinytext {font-family: Verdana, Arial, Helvetica, sans-serif;
margin-top: 0px;
padding-top: 0px;
text-align: right;
font-size: 9px;
color: #6E5F4D;
}



/* formatting of ids */

/*----------[ =header ]----------*/
/* =jmnav styling
--------------------------------- */
/*border-top: #FFCCCC solid 1px;  99CBCB  */

#jmnav {
margin: 0px 0 0px 0;
text-align: center;
line-height: 16px;
font-size: 100%;
height: 20px;
letter-spacing : 2px;
color: #110500;
width: 100%;
background: #D8E0F0;
border-top: #CC3333 solid 1px;
border-bottom: #990000 solid 2px;
}
* html #jmnav {height:50px;} /* IE Min-Height Hack */ 
/* commented backslash hack v2 \*/
* #jmnav { height: 22px; }
/* end MacIE5 hack */


#jmnav ul li a {
padding: 2px 9px 2px 9px;
margin: 0em 3px 0em 0%;
color: #3366FF;
letter-spacing : 0px;
position: relative;
top: 0px;
text-decoration: none;
background: #DDE0F0;
}
* html #kvsnav ul li a{top: 5px;} /* IE Min-Height Hack */ 

#jmnav p {
color: #BCBC99;
padding: 0;
font-size : 3px;
line-height: 3px;
letter-spacing: 2px;
margin: 0;
}


#jmnav ul {
margin: 0px 0px 0px 0px;
}

#jmnav ul li {
display: inline;
margin: 0px;
padding: 0;
}

#jmnav ul li a:hover {
text-decoration: underline;
background: #B8C0E0;
color: #11A;
}

#jmnav ul li a.active, #cswnav ul li a.active:hover {
background: #96BBCE;
font-weight: bold;
text-decoration: none;
color: #4D0FF4;
}



/*----------[ =footer ]----------*/

/* =footnav styling
--------------------------------- */
/*border-top: #FFCCCC solid 1px;  99CBCB  */

#footnav {
margin: 0px 0 0px 0;
text-align: center;
line-height: 16px;
font-size: 100%;
height: 20px;
letter-spacing : 2px;
color: #110500;
width: 100%;
}
* html #footnav {height:50px;} /* IE Min-Height Hack */ 
/* commented backslash hack v2 \*/
* #footnav { height: 22px; }
/* end MacIE5 hack */


#footnav ul li a {
/* MG - 2/9/2010 - changed horizontal padding from 7px to 5px to fix wrapping in footer navigation */
padding: 2px 5px 2px 5px;
margin: 0em 5px 0em 5px;
color: #3366FF;
letter-spacing : 0px;
position: relative;
top: 0px;
text-decoration: none;
background: white;
}
* html #kvsnav ul li a{top: 5px;} /* IE Min-Height Hack */ 

#footnav p {
color: #BCBC99;
padding: 0;
font-size : 3px;
line-height: 3px;
letter-spacing: 2px;
margin: 0;
}


#footnav ul {
margin: 0px 0px 0px 0px;
}

#footnav ul li {
display: inline;
margin: 0px;
padding: 0;
}

#footnav ul li a:hover {
text-decoration: underline;
color: #900;
}

#footnav ul li a.active, #cswnav ul li a.active:hover {
background: #96BBCE;
font-weight: bold;
text-decoration: none;
color: #4D0FF4;
}


/* =biznav styling
--------------------------------- */
/*border-top: #FFCCCC solid 1px;  99CBCB  */

#biznav {
margin: 0px 0 0px 0;
text-align: left;
line-height: 16px;
font-size: 100%;
height: 32px;
color: #110500;
width: 100%;
background: #D8E0F0;
border-top: #CC3333 solid 1px;
border-bottom: #990000 solid 2px;
}
* html #biznav {height:50px;} /* IE Min-Height Hack */ 
/* commented backslash hack v2 \*/
* #biznav { height: 22px; }
/* end MacIE5 hack */


#biznav ul li a {
padding: 2px 7px 2px 7px;
margin: 0em 6px 0em 21px;
color: #3366FF;
position: relative;
top: 0px;
text-decoration: none;
background: #C8D0E0;
}
* html #kvsnav ul li a{top: 5px;} /* IE Min-Height Hack */ 

#biznav p {
color: #BCBC99;
padding: 0;
font-size : 3px;
line-height: 3px;
letter-spacing: 2px;
margin: 0;
}


#biznav ul {
margin: 3px 0px 0px 0px;
}

#biznav ul li {
display: inline;
margin: 0px;
padding: 0;
}

#biznav ul li a:hover {
text-decoration: underline;
color: #900;
}

#biznav ul li a.active, #cswnav ul li a.active:hover {
background: #96BBCE;
font-weight: bold;
text-decoration: none;
color: #4D0FF4;
}

/* =code-compliant NAV styling
--------------------------------- */

.tabs {
      width:100%;
      font-size:1em;
      line-height:normal;
height:30px;
      }

.tabs ul {
	padding:0px 0px 0px 0px;
	list-style:none;
      }

.tabs li {
      display:inline;
      margin:0;
      padding:0;
      }

.tabs a {
      float:left;
      margin:0 0 0 1px;
     padding:0px 30px 0px 30px;
      text-decoration:none;
      text-align:center;
      line-height:normal;
      font-weight:bold;
      }

.tabs a:hover{
color:#36F;
text-decoration: underline;
}

/*  .tabs span a is obsolete */
.tabs span a {
padding:0px 30px 0px 50px;
      }


/* this replaces .tabs span a */
.tabs strong a {
padding:0px 50px 0px 30px;
      }




/* Containers */

/* This is the Med PDF Box code converted to classes:
*/
div.pdfbox  {float:left; 
text-align:left; 
margin:6px 0px 0 12px;
padding-right:0px; 
border-right:1px solid #eee;
}

div.pdfbox> p {font-size:.95em; line-height:normal; margin:0 0 .5em 0; padding:0;
}

a.pdfimg {padding-top:3px; padding-left:0; font-size:8px; color:#333; border:0;
}

a.pdf {color:#900; font-size:.9em; padding-left:0; text-decoration:none; text-align:left;
}

a.pdf:hover {color: #36F; font-size:.9em; padding-left:0; text-decoration:none; text-align:left;
}

.medbox {float:left; margin-left:12px; margin-top:6px; text-align:left;
}


div.docbox  {float:left; 
width:33px; 
text-align:left; 
margin:3px 3px 0 0px;
padding-right:2px; 
border-right:1px solid #eee;
}

div.docbox2  {float:left; 
text-align:left; 
margin:3px 3px 0 6px;
padding-right:2px; 
border-right:1px solid #eee;
}

div.doctext  {float:left; 
text-align:left; 
margin:3px 0px 0 0px;
padding-left:2px; 
}
/* former width - removed 071509; width:115px; */


a.nestpdfimg {width:18px; padding-top:3px; padding-left:0; font-size:8px; color:#333; border:0;
}
div.nestpdf  {float:left; 
text-align:left; 
margin:3px 3px 0 0px;
padding-right:5px; 
border-right:1px solid #eee;
}

/* this is what works about the container/float system */
.nest:after {content:".";display:block;height:0;clear:both;visibility:hidden;}


div.Carriers p {line-height:1em;
margin:0;
margin-bottom:4px;
padding:0;
}

div.weblink a {text-align:left;
line-height: 1.2em;
}

.emphasis {color:#900;
font-style:italic;
font-weight:bold;}



/*----------[ =Margins ]----------*/

.ml3{ margin-left: 3px; }
.ml4{ margin-left: 4px; }
.ml6{ margin-left: 6px; }
.ml8{ margin-left: 8px; }
.ml9{ margin-left: 9px; }
.ml10{ margin-left: 10px; }
.ml12{ margin-left: 12px; }
.ml15{ margin-left: 15px; }
.ml24{ margin-left: 24px; }
.ml27{ margin-left: 27px; }
.ml30{ margin-left: 30px; }
.ml36{ margin-left: 36px; }
.ml39{ margin-left: 39px; }
.ml42{ margin-left: 42px; }
.ml51{ margin-left: 51px; }
.ml60{ margin-left: 60px; }
.ml72{ margin-left: 72px; }
.ml96{ margin-left: 96px; }
.ml102{ margin-left: 102px; }
.ml120{ margin-left: 120px; }
.ml138{ margin-left: 138px; }
.ml165{ margin-left: 165px; }
.ml205{ margin-left: 205px; }
.ml212{ margin-left: 212px; }
.ml240{ margin-left: 240px; }
.ml410{ margin-left: 410px; }
.ml540{ margin-left: 540px; }


.mr6{ margin-right: 6px; }
.mr10{ margin-right: 10px; }
.mr12{ margin-right: 12px; }
.mr24{ margin-right: 24px; }
.mr30{ margin-right: 30px; }
.mr39{ margin-right: 39px; }
.mr42{ margin-right: 42px; }
.mr51{ margin-right: 51px; }
.mr60{ margin-right: 60px; }
.mr72{ margin-right: 72px; }
.mr102{ margin-right: 102px; }
.mr205{ margin-right: 205px; }
.mr410{ margin-right: 410px; }

.mt0 {margin-top: 0px;}
.mt6 {margin-top: 6px;}
.mt10 {margin-top: 10px; }
.mt12 {margin-top: 12px;}
.mt24 {margin-top: 24px;}
.mt30{ margin-top: 30px; }
.mt36{ margin-top: 36px; }
.mt72{ margin-top: 72px; }
.mt102{ margin-top: 102px; }
.mt144{ margin-top: 144px; }
.mt198{ margin-top: 198px; }
.mt204{ margin-top: 204px; }
.mt216{ margin-top: 216px; }

.mt-6 {margin-top: -6px;}
.mt-12 {margin-top: -12px;}
.mt-118 {margin-top: -118px;}

.mb3 {margin-bottom: 3px;}
.mb6 {margin-bottom: 6px;}
.mb9 {margin-bottom: 9px;}
.mb12 {margin-bottom: 12px;}



/*----------[ =Style Sheet Containers ]----------*/

.w858 { width: 858px;}
.w834 { width: 834px;}
.w828 { width: 828px;}
.w738 { width: 738px;}
.w714 { width: 714px }
.w710 { width: 710px }
.w730 { width: 730px }
.w587{ width: 587px }
.w645{ width: 645px }
.w630{ width: 630px }
.w627{ width: 627px }
.w615{ width: 615px }
.w555 { width: 555px }
.w552{ width: 552px }
.w498 { width: 498px }
.w492 { width: 492px }
.w486 { width: 486px }
.w471 { width: 471px }
.w462 { width: 462px }
.w414 { width: 414px }
.w402 { width: 402px }
.w372 { width: 372px;}
.w342 { width: 342px;}
.w333 { width: 333px }
.w312 { width: 312px }
.w255 { width: 255px }
.w251 { width: 251px }
.w246 { width: 246px }
.w240 { width: 240px }
.w238 { width: 238px }
.w228 { width: 228px }
.w210 { width: 210px }
.w203 { width: 203px }
.w201 { width: 201px }
.w198 { width: 198px }

.w186 { width: 186px }
.w180 { width: 180px }
.w174 { width: 174px }
.w171 { width: 171px }
.w168 { width: 168px }
.w165 { width: 165px }
.w160 { width: 160px }
.w150 { width: 150px }
.w144 { width: 144px }
.w138 { width: 138px }
.w135{ width: 135px }
.w129{ width: 129px }
.w121{ width: 121px }
.w115{ width: 115px }
.w42 { width: 42px }
.w33 { width: 33px }
.w18 { width: 18px }

.h400 {height:4000px;}
.h375 {height:375px;}
.h350 {height:350px;}
.h300 {height:300px;}
.h225 {height:225px;}
.h210 {height:210px;}
.h144 {height:144px;}
.h120 {height:120px;}

.h104 {height:104px;}
.h90 {height:90px;}
.h88 {height:88px;}
.h50 {height: 50px;}
.h48 {height: 48px;}
.h36 {height: 36px;}
.h24 {height: 24px;}
.h12 {height: 12px;}

.pd6 {padding:6px;}
.pd12 {padding:12px;}
.pl4 {padding-left:4px;}
.pl6 {padding-left:6px;}
.pl12 {padding-left:12px;}
.pl24 {padding-left:24px;}


.pt3 {padding-top:3px;}
.pt6 {padding-top:6px;}

.pl3 {padding-left:3px;}
.pl6 {padding-left:6px;}
.pl12 {padding-left:12px;}
.pl24 {padding-left:24px;}
.pb3 {padding-bottom:3px;}
.pb6 {padding-bottom:6px;}



lh1 { line-height:1em;}
lh1-2 { line-height:1.2em;}
lh1-5 { line-height:1.5em;}
lh2 { line-height:2em;}
line2x {line-height:2em;}

p.p95{font-size: .95em;
line-height:1em;
}

p.p110 {font-size: 1.1em;
line-height:1.1em;
}

p.p115 {font-size: 1.15em;
line-height:1.1em;
}

/* .sp { letter-spacing:normal;} */
.sp0-1 { letter-spacing:.1em;}
.sp0-2 { letter-spacing:.2em;}
.sp0-5 { letter-spacing:.5em;}

/* grid.css */
.container {width:888px;margin:0 auto;}
.showgrid {background:url(src/grid.png);}
div.span-1, div.span-2, div.span-3, div.span-4, div.span-5, div.span-6, div.span-7, div.span-8, div.span-9, div.span-10, div.span-11, div.span-12, div.span-13, div.span-14, div.span-15, div.span-16, div.span-17, div.span-18, div.span-19, div.span-20, div.span-21, div.span-22, div.span-23, div.span-24, div.span-25, div.span-26, div.span-27, div.span-28, div.span-29, div.span-30, div.span-150 {float:left;margin-right: 12px;}

div.last {margin-right:0;}
.span-1  { width: 18px;}
.span-2  { width: 48px;}
.span-3  { width: 78px;}
.span-4  { width: 108px;}
.span-5  { width: 138px;}
.span-150  { width: 150px;}

.span-6  { width: 168px;}
.span-7  { width: 198px;}
.span-8  { width: 228px;}
.span-9  { width: 258px;}
.span-10 { width: 288px;}
.span-11 { width: 318px;}
.span-12 { width: 348px;}
.span-13 { width: 378px;}
.span-14 { width: 408px;}
.span-15 { width: 438px;}
.span-16 { width: 468px;}
.span-17 { width: 498px;}
.span-18 { width: 528px;}
.span-19 { width: 558px;}
.span-20 { width: 588px;}
.span-21 { width: 618px;}
.span-22 { width: 648px;}
.span-23 { width: 678px;}
.span-24 { width: 708px;}
.span-25 { width: 738px;}
.span-26 { width: 768px;}
.span-27 { width: 798px;}
.span-28 { width: 828px;}
.span-29 { width: 858px;}
.span-30, div.span-30 { width: 888px; margin: 0; }



.box {padding:1.5em;margin-bottom:1.5em;background:#E5ECF9;}
hr {background:#ddd;color:#ddd;clear:both;float:none;width:100%;height:.1em;margin:0 0 1.45em;border:none;}
hr.space {background:#fff;color:#fff;}
.clearfix:after, .container:after {content:".";display:block;height:0;clear:both;visibility:hidden;}
.clearfix, .container {display:inline-block;}
* html .clearfix, * html .container {height:1%;}
.clearfix, .container {display:block;}
.clear {clear:both;}

/* Add these to a column to prepend empty cols. */
.prepend-1  { padding-left: 30px;}
.prepend-2  { padding-left: 60px;}
.prepend-3  { padding-left: 90px;}
.prepend-4  { padding-left: 120px;}
.prepend-5  { padding-left: 150px;}
.prepend-6  { padding-left: 180px;}
.prepend-7  { padding-left: 210px;}
.prepend-8  { padding-left: 240px;}
.prepend-9  { padding-left: 270px;}
.prepend-10 { padding-left: 300px;}
.prepend-11 { padding-left: 330px;}
.prepend-12 { padding-left: 360px;}
.prepend-13 { padding-left: 390px;}
.prepend-14 { padding-left: 420px;}
.prepend-15 { padding-left: 450px;}
.prepend-16 { padding-left: 480px;}
.prepend-17 { padding-left: 510px;}
.prepend-18 { padding-left: 540px;}
.prepend-19 { padding-left: 570px;}
.prepend-20 { padding-left: 600px;}
.prepend-21 { padding-left: 630px;}
.prepend-22 { padding-left: 660px;}
.prepend-23 { padding-left: 690px;}
.prepend-24 { padding-left: 720px;}
.prepend-25 { padding-left: 750px;}
.prepend-26 { padding-left: 780px;}
.prepend-27 { padding-left: 810px;}
.prepend-28 { padding-left: 840px;}
.prepend-29 { padding-left: 870px;}





/*margin: 0em 0% 0em 0%;*/





/*----------[ =obsolete css  ]----------*/



/* 
.para5 { line-height:1.2em;
margin-bottom:3px;}

.para2 {
color:#110500;
font-size : .95em;
line-height: 16px;
}

.para3 {
line-height:17px;
}

.para4 {
color:#110500;
font-size : .95em;
line-height: 14px;
}


.para6 {
line-height:3px;
}
  */


/* cwebba color styles:
#3399cc; CSW Blue
color:#FFCCCC; CSW Pink
color:#110500 CSW Font color
#291103; BM background-color
  */

/* Resources: 091808 RichInStyle CSS Tips */
/* Win 32 fonts: Arial 	"Arial Black";  "bold Arial"; 	"Comic Sans MS";  (looks best at 15 pixels or smaller) "Courier New";  	"Impact";  	"Times New Roman"; Verdana; */
/* Verdana, Geneva, Helvetica, Arial, */
/* 	Aqua  Black  Blue Fuchsia Gray Green Lime Maroon Navy Olive Purple Red Silver Teal .	White Yellow  */


/* xeiro blog layout font
body { 
text-align:center; 
background:#f1f1f1 url(images/body_bg.jpg) repeat-x; 
font:12px/18px "Lucida Grande","Lucida Sans Unicode",Tahoma,Verdana,sans-serif; color:#333; 
}
 */

/* <!--  Hand-coded at craigwebbart.com 
using SimpleText¨  
I'd love to hear from you. 
If you have any tips to offer 
or need help yourself, 
please tell me about it. 
(718) 932-1058 --> */