/*-- shal_style09_06.css    ---*/
/* stylesheet for Shalizar Properties website  */

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

/* This: shal_style09_06.css 121110 */
/* Previous: shal_style09_06.css 121010 */
/* Previous: shal_style09_05.css 120810 */
/* Previous: shal_style09_04b.css 120410 <-- Fork of previous Header+Menu */
/* Previous: shal_style09_04.css 120410 */
/* Previous: shal_style09_03.css 120110 */
/* Previous: shal_style09_02.css 113010 */
/* Previous: shal_style09_01.css 112810 */
/* Previous: shal_style8_liquid_nunav03.css 112810 */
/* Previous: shal_style8_liquid_nunav02.css 112710 */
/* Previous: shal_style8_liquid_nunav.css 112610 */
/* Previous: shal_style8_liquid.css 112610 */
/* Previous: shal_style8.css 112410 */
/* Previous: shal_style8.css 102810 */


/* Shalizar Properties Style sheet */
/* browser reset */

* {
padding: 0;
margin: 0;
}

/* inherited: */
/* reset.css moved from screen.css + HTML5 */
/*New HTML5 Reset selectors*/ /*Preexisting. Not listed in HTML5reset *//* boilerplate additions */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, acronym, address, cite, code, del, dfn, em, font,  img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, audio, aside, canvas, details, figcaption, figure, footer, header, hgroup, mark, menu, nav, section, summary, time, video { margin:0;padding:0;border:0;outline:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;text-decoration: none;background:transparent;vertical-align:baseline;}/* a is removed to below*/ 

html { font-size:100.01%;
overflow-y: scroll; } /* always force a scrollbar in non-IE */

html { height: 100%; }
body { min-height: 100%; }
* html body { height: 100%;} /*for IE6*/

* html .clearfix             { zoom: 1 } /* IE6 */
*:first-child+html .clearfix { zoom: 1 } /* IE7 */

/* formatting of elements */

body { 
background: #260F40; /* for non-css3 browsers */
linear-gradient(top, #260F40, #34105C 45%, #5C308D);
background: -webkit-gradient(linear, center top, center bottom, from(#260F40), color-stop(45%, #34105C), to(#5C308D)); /* for webkit browsers */
background: -moz-linear-gradient(-90deg, #260F40, #34105C 45%, #5C308D); /* for firefox 3.6+ */
width:100%;
height:100%;
}

#gd24 {
background: #260F40; /* for non-css3 browsers */
linear-gradient(bottom, #260F40, #34105C 45%, #5C308D);
background: -webkit-gradient(linear, center top, center bottom, from(#260F40), color-stop(45%, #34105C), to(#5C308D)); /* for webkit browsers */
background: -moz-linear-gradient(-90deg, #260F40, #34105C 45%, #5C308D); /* for firefox 3.6+ */
min-height: 100%;
}

.start {
line-height:1px; padding: 0;height:10px;margin: 0;
}

/* Page codes */

#page {  
margin: 0px 1.9% 10px;
width: 95.5%;
border: 0px #8E1500 solid;
padding: 0; 
background-color: #FFF;
border-radius: 15px 15px 15px 15px;
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
	box-shadow: inset 0 0 15px #6C578B, 0 0 20px #260F40, inset 0 35px 35px -18px #9999ca;
	-moz-box-shadow: inset 0 0 15px #6C578B, 0 0 20px #260F40;
	-webkit-box-shadow: inset 0 0 15px #6C578B, 0 0 20px #260F40;
}

#page {	background: #FFF; /* for non-css3 browsers */
	background: -webkit-gradient(linear, center top, center bottom, from(#FFFFFF), color-stop(45%, #F8F9FA), to(#B3A8C5)); /* for webkit browsers */
	background: -moz-linear-gradient(-90deg, #FFFFFF, #F8F9FA 45%, #B3A8C5); /* for firefox 3.6+ */
linear-gradient(top, #FFFFFF, #F8F9FA 45%, #B3A8C5);
}

header:after, nav:after, article:after, aside:after, footer:after, hgroup:after, section:after { content:"\0020";display:block;height:0;clear:both;visibility:hidden;overflow:hidden;}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav,  section { display: block }
:focus, :active { outline: 0 }
.newLine { display: block }
table {border-collapse:separate;border-spacing:0;}
caption, th, td {text-align:left;font-weight:normal;}
table, td, th {vertical-align:middle;}

blockquote:before, blockquote:after,
q:before, q:after { content:'\0020';}
blockquote, q { quotes:none; }
nav ul { list-style:none; }



ins { background-color:#ff9; color:#000; text-decoration:none; }
mark { background-color:#ff9; color:#000; font-style:italic; font-weight:bold; }
del { text-decoration: line-through; }
abbr[title], dfn[title] { border-bottom:1px dotted; cursor:help; }

/* moved from blueprint 101510: *//*hr {background:#ddd;color:#ddd;clear:both;float:none;width:100%;height:.1em;margin:0 0 1.45em;border:none;} test, archive and remove*/
/* From Boilerplate 101510 */ hr { display:block; height:1px; border:0; border-top:1px solid #ccc; margin:1em 0; padding:0; }
hr.space {background:#fff;color:#fff;visibility:hidden;}

input, select { vertical-align:middle; }
/* END BOILERPLATE RESET CSS */

div {margin: 0em 0% 0em 0%;
line-height: 1}
ul,ol { list-style: none;
margin-left: 1.8em; }
li ul, li ol {margin:0;}  /* <-- from BP. WAS margin:0 1.5em; */
ul, ol {margin:0 1.5em 1.5em 1.5em;}  /* See NOTE for 091BP code*/
ul {list-style-type:disc;}
ol {list-style-type:decimal;}

ul.angle {
	list-style: none;
	margin-left: 0;
	padding-left: 1em;
	text-indent: -1em;
line-height: 1.3em;
	}


/*  END PREVIOUS RESET CSS */

/* TYPOGRAPHY CODE STARTS HERE */

/* 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: "Helvetica Neue", Helvetica, Arial,  sans-serif;
color:#110500;
outline: 0;
letter-spacing:normal;
word-spacing:normal;
}

/* fonts.css from the YUI Library: developer.yahoo.com/yui/
   Refer to developer.yahoo.com/yui/3/cssfonts/ for font sizing percentages

  There are three custom edits:
   * remove arial, helvetica from explicit font stack
   * we normalize monospace styles ourselves
   * table font-size is reset in the HTML5 reset above so there is no need to repeat
*/
body { font:13px/1.231 sans-serif; *font-size:small; } /* hack retained to preserve specificity */

body { -webkit-text-size-adjust: none;}/* Stops the iPhone scalling type up */


p { font-size:1em;
margin: 0em 0% .5em 0%;
line-height: 1.5em; }

p.last { margin: 0em 0% 1.5em 0%;}

figcaption p { font-size:96%; normal;
margin: 0em 0% .5em 0%;
line-height: 1em; 
font-family: Arial, "Helvetica Neue", Helvetica,  sans-serif;
color:#334;}

figcaption p a { font-size:96%; normal;
margin: 0em 0% .5em 0%;
line-height: 1em; 
font-family: Arial, "Helvetica Neue", Helvetica,  sans-serif;
color:#334;
text-decoration: none;}

figcaption p a:hover { font-size:96%; normal;
margin: 0em 0% .5em 0%;
line-height: 1em; 
font-family: Arial, "Helvetica Neue", Helvetica,  sans-serif;
color:#004477;
text-decoration: underline;}


table p { padding: 0 0 5px 0; }
#form p { text-align:left;
margin: 0em 0px; }

strong,b { font-weight:bold; }
em,i { font-style:italic; }

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

a { margin:0; padding:0; font-size:100%; vertical-align:baseline; background:transparent; text-decoration: none;}

/* Accessible focus treatment: people.opera.com/patrickl/experiments/keyboard/test */
a:hover, a:active { outline: none; }

a, a:active, a:visited { color: #607890; }
a:hover { color: #036; }

a {color: #004477;
}/*csw blue */

/*a:focus, a:hover {color: #06C;
border-bottom: 1px solid; }*/
/*salmon orange #F96 #036 #06C*/

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

a:active { border-bottom: 2px solid;
color:  Red }

a.cutine { color: #3399CC;
margin: 0em 0% .5em 0%;
font-size: .9em;
line-height: 1.4em;
font-style:italic;
text-decoration: none; }

a.cutine:hover { color: #3399CC;
margin: 0em 0% .5em 0%;
font-size: .9em;
line-height: 1.4em;
font-style:italic;
text-decoration: underline; }

a.cutine:visited {color: #0066CC;
margin: 0em 0% .5em 0%;
font-family : Verdana, sans-serif;
font-size : .9em;
line-height: 1.4em;
font-style:italic;
text-decoration: underline;
background: transparent;
}/*Royal blue */

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

a img, img { border: none; }
a img {display: block;} /* Stops image links getting text link styles */
img { margin: 0em auto 0em auto;
vertical-align: top; }

a h2:hover {text-decoration: underline;
margin-bottom:.25em;}/* LOOK active is below H-tags */

a.trans {
	-o-transition: all 0.5s ease-out;
	-moz-transition: all 0.5s ease-out;
	-webkit-transition: all 0.5s ease-out;
          transition: all 0.5s ease-out;  
}
a.trans:before {}
a.trans:hover {	margin-left: 5px;
text-decoration: underline;}


a.pdfimg {padding-top:3px; padding-left:0; font-size:8px; color:#333; border:0; background-image: url("images/b_doc_260F40_30x36.gif");}

a.pdfimg:hover {padding-top:3px; padding-left:0; font-size:8px; color:#333; border:0; background-image: url("images/b_doc_7D2B8B_30x36.gif");}




img.left { float:left; margin:2px 20px 10px 0; }
img.right { float:right; margin:2px 0 10px 20px; }
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;}

img {
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
margin-bottom: 6px;
}

/* Slideshow fades */
.fadein { position:relative; height:332px; }/*  height:332px; width:500px;  */
.fadein img { position:absolute; left:0; top:0; }


/* bicubic resizing for non-native sized IMG: 
code.flickr.com/blog/2008/11/12/on-ui-quality-the-little-things-client-side-image-resizing/ */
.ie7 img { -ms-interpolation-mode: bicubic; }



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

/*h1 { font: 24px/36px  Colaborate-RegularRegular, "Trebuchet MS", Arial, Helvetica, sans-serif; 
color: #139;
}*/

h1, h2, h3, h4, h5, h6,  blockquote {font-family: Verdana, Geneva, Helvetica, Arial, sans-serif;
color: #7D2B8B;
} /* color: #139;
  */

h1.serif, h2.serif, h3.serif, h4.serif, h5.serif, h6.serif  {font-family: Georgia, "Times New Roman", Times, serif;}

h1 { font-weight: normal;
font-size:1.5em;line-height:1.3em; margin-bottom:0.35em;}

h2 { font-weight: normal;
font-size:1.35em;line-height:1.5em; margin-bottom:.5em;}

h2.long { font-weight: normal;
font-size:1.25em;line-height:1.25em; 
margin-top:.5em;
margin-bottom:.5em;}

h3 { font-weight: normal;
font-size:1.35em;line-height:1.5; margin-bottom:.25em;}

h4 {font-weight: normal;
color: #139;
font-size:1.2em; line-height:1.3em; margin-bottom: .25em;}
/* h4  was 1.15 em; line-height1.3em; margin-bottom: 1em; */

h5 { font-weight: normal;
color: #139;
font-size:1em; line-height:1.25em; margin-bottom: .25em;}

h6 {font-size:1em;font-weight:bold;
margin-bottom: .25em;
color : #110500;}

a.h5 { font-family: Verdana, Geneva, Helvetica, Arial, sans-serif; color: #3399CC;
text-decoration : underline;
line-height : 1.5em;
margin-bottom: 1.5em;
}

a.h5:hover { font-family: Verdana, Geneva, Helvetica, Arial, sans-serif; 
color: #F96;
text-decoration: underline;
line-height : 1.5em;
margin-bottom: 1.5em;
}

a.h5:visited {font-family: Verdana, Geneva, Helvetica, Arial, sans-serif; color: #06C;
background: transparent;
text-decoration: underline;}
/*Royal blue */

a h2 { margin-bottom:.25em;}

a h2:hover { text-decoration: underline;
margin-bottom:.25em;}



blockquote {margin:1.5em;color:#666;font-style:italic;}

sup, sub {line-height:0;}
/* address {margin:0 0 1.5em;font-style:italic;} INTERFERES WITH FORM */
dl {margin:0 0 1.5em 0;}
dl dt {font-weight:bold;}
dd {margin-left:1.5em;}
.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;}
.half {margin-right:6px;padding-right:0;}
.top {margin-top:0;padding-top:0;}
.bottom {margin-bottom:0;padding-bottom:0;}

small { font-size: 85%; }
strong, th { font-weight: bold; }
sub { vertical-align: sub; font-size: smaller; }
sup { vertical-align: super; font-size: smaller; }

.ie6 legend, .ie7 legend { margin-left: -7px; } /* thnx ivannikolic! */

/* align checkboxes, radios, text inputs with their label
   by: Thierry Koblentz tjkdesign.com/ez-css/css/base.css  */
input[type="radio"] { vertical-align: text-bottom; }
input[type="checkbox"] { vertical-align: bottom; }
.ie7 input[type="checkbox"] { vertical-align: baseline; }
.ie6 input { vertical-align: text-bottom; }

/* make buttons play nice in IE:    
www.viget.com/inspire/styling-the-button-element-in-internet-explorer/ */
button {  width: auto; overflow: visible; }
 
select, input, textarea, button { font:99% sans-serif; }
textarea, select {line-height:1.5em;background-color:#fff;border:1px solid #bbb;}
textarea { overflow: auto; } /* thnx ivannikolic! www.sitepoint.com/blogs/2010/08/20/ie-remove-textarea-scrollbars/ */

/* normalize monospace sizing - en.wikipedia.org/wiki/MediaWiki_talk:Common.css/Archive_11#Teletype_style_fix_for_Chrome
 */
pre, code, tt, kbd, samp {font:1em 'andale mono', 'lucida console', monospace sans-serif; line-height:1.5;}
pre { padding: 15px;
margin:1.5em 0;white-space:pre;}

/* forms.css */
fieldset {padding:1.4em;margin:0 0 1.5em 0;border:1px solid #ccc;}
legend {font-weight:bold;font-size:1.2em;}
.ie6 legend, .ie7 legend { margin-left: -7px; } /* thnx ivannikolic! */

label {font-weight:bold;font-size:.98em; }

/* This provides a dark border arount the for inputs - OFF
input[type=text], input[type=password], input.text, input.title, input[type=text]:focus, input[type=password]:focus, input.text:focus, input.title:focus, textarea:focus, select:focus {border-color:#666;} */

input[type=text], input[type=password], input.text, input.title, textarea, select {margin:0.15em 0;}
input.title {font-size:1.5em;}
/*
input.text, input.title {width:300px;padding:5px;}
textarea {width:390px;height:150px;padding:5px;}
*/
input[type=checkbox], input[type=radio], input.checkbox, input.radio {position:relative;top:-.15em;}

/* BOILERPLATE: align checkboxes, radios, text inputs with their label
   by: Thierry Koblentz tjkdesign.com/ez-css/css/base.css  */
input[type="radio"] { vertical-align: text-bottom; }
input[type="checkbox"] { vertical-align: bottom; }
.ie7 input[type="checkbox"] { vertical-align: baseline; }
.ie6 input { vertical-align: text-bottom; }

/* hand cursor on clickable input elements */
label, input[type=button], input[type=submit], button { cursor: pointer; }

/* webkit browsers add a 2px margin outside the chrome of form elements */  
button, input, select, textarea { margin: 0; }

/* colors for form validity */
input:valid, textarea:valid   {  }
input:invalid, textarea:invalid { 
      border-radius: 1px;
    -moz-box-shadow: 0px 0px 5px red; 
 -webkit-box-shadow: 0px 0px 5px red; 
         box-shadow: 0px 0px 5px red;}
.no-boxshadow input:invalid, 
.no-boxshadow textarea:invalid { background-color: #f0dddd; }

/* These selection declarations have to be separate.
   No text-shadow: twitter.com/miketaylr/status/12228805301 
   Also: hot pink. */
::-moz-selection{ background: #FF5E99; color:#fff; text-shadow: none; }
::selection { background:#FF5E99; color:#fff; text-shadow: none; } 

/*  j.mp/webkit-tap-highlight-color */
a:link { -webkit-tap-highlight-color: #FF5E99; } 

/* make buttons play nice in IE:    
   www.viget.com/inspire/styling-the-button-element-in-internet-explorer/ */
button {  width: auto; overflow: visible; }
 
/* 
 * Non-semantic helper classes 
 */

/* for image replacement */
.ir { display: block; text-indent: -999em; overflow: hidden; background-repeat: no-repeat; text-align: left; direction: ltr; }

/* Hide for both screenreaders and browsers
   css-discuss.incutio.com/wiki/Screenreader_Visibility */
.hidden { display: none; visibility: hidden; } 

/* Hide only visually, but have it available for screenreaders 
   www.webaim.org/techniques/css/invisiblecontent/ 
   Solution from: j.mp/visuallyhidden - Thanks Jonathan Neal! */
.visuallyhidden { position: absolute !important;    
  clip: rect(1px, 1px, 1px, 1px); /* IE6, IE7 */
  clip: rect(1px, 1px, 1px, 1px); }

/* Hide visually and from screenreaders, but maintain layout */
.invisible { visibility: hidden; }
form.inline {line-height:3;}
form.inline p {margin-bottom:0;}
.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;}
.error a {color:#8a1f11;}
.notice a {color:#514721;}
.success a {color:#264409;}

/*#form div {margin: 1px 6px .25em 1px} */
#form .tinytext {font-family: Verdana, Arial, Helvetica, sans-serif;
text-align: left;
font-size: .8em;
color: #160F30;
line-height:1em;
text-align:left;
}

td, td { vertical-align: top; } 
/* From Boilerplate 101510 */
/* tables still need cellspacing="0" in the markup */
table { border-collapse:collapse; border-spacing:0; }
/* From BluePrint Sceen 110609 */
table {margin-bottom:1.4em;width:100%;}
th {font-weight:bold;}   /* CHANGED */
thead th {background:#c3d9ff;}   /* NEW */
th, td, caption {padding:4px 10px 4px 5px;}    /* NEW */
tr.even td {background:#e5ecf9;}
tfoot {font-style:italic;}
caption {background:#eee;}
/* table cell default background color + alternate color */
td.def { background-color: #ffffff; }
td.alt { background-color: #ececec; }
td {line-height: 1}
th {font: bold 1em/1 sans-serif}




/* formatting of classes */

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

.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; }

.pink { background-color:#FFCCCC;}
.pearl { background-color:#FCE;}
.puce { background-color:#FEC;}
.powder { background-color:#CFE;}
.white { background-color:#FFF;}
.gred { background-color:#DDD;}
.gre9 { background-color:#999;}
.gre4 { background-color:#444;}
.yell { background-color:#FFC;}

.blood { color:#900;}
.blu { color:#139;}
.violet1{ color:#260F40;}
.violet2{ color:#34105C;}

.border{
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 #ddd;
}
/* Border on right hand side of a column. */
div.border-rt {
  padding-right:5px;
  margin-right:6px;
  border-right: 1px solid #ddd;
}

.border-rt2{ border-right:1px solid #ddd;}

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


/*
.trans {
	-o-transition: all 0.5s ease-out;
	-moz-transition: all 0.5s ease-out;
	-webkit-transition: all 0.5s ease-out;
          transition: all 0.5s ease-out;  
}
.trans:before {}
.trans:hover {	border: none;}
*/


/* this is what works about the container/float system */
.nest {margin:0px, auto;
}/* MUST add width */
.nest:after {content:"\0020";display:block;height:0;clear:both;visibility:hidden;overflow:hidden;}
.nest {display:block;}

.inline {display:inline;}




/* formatting of ids */

/*----------[ =header ]----------*/


/* HEADER */

header {  width: 32.7%;/* was 30.8%  */
margin-right: 1.9%;
float: left;
text-align:center;}

/* SIDEBAR */

aside {  width: 32.7%;/* was 30.8%  */
margin-right: 1.9%;
float: left;
text-align:left;}


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


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;
}

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

div.doctext  {float:left; 
text-align:left; 
margin:12px 0px 0 0px;
padding-left:2px; 
transition: all 0.5s ease-out;
-o-transition: all 0.5s ease-out;
-moz-transition: all 0.5s ease-out;
-webkit-transition: all 0.5s ease-out;
}

div.doctext:hover  {
margin:3px 0px 0 0px;
}

div.doctext a:hover  {
margin:3px 0px 0 0px;
padding-bottom:3px; 
border-bottom: 1px solid #7D2B8B;
}

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

/* UNDER CONSTRUCTION - NOT WORKING
a.pdfimg {padding-top:3px; padding-left:0; border:0; background: url("/images/b_doc_260F40_30x36.gif");
width:30px;
height:36px;}

a.pdfimg:hover {background: url("/images/b_doc_7D2B8B_30x36.gif");}
*/

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

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



menu {width: 96.35%;
margin: 162px auto 6px;
padding: 1px 0px 1px;
position: relative;
z-index: 1;
}

menu nav, menu section {
margin: 12px 0 32px 0;
padding: 0px;}

menu nav {height:30px;}

menu nav a {	font-size: .86em;
text-transform: uppercase;
letter-spacing:.1em;
padding: 3px;
border-bottom: 1px solid #7D2B8B;}

menu nav li {margin:0px;
display:block;
float:left;
width: 36%;
font-size: 16px;
line-height: 18px;
margin: 0 0px 0 52px;
text-align: left;
line-height: 1.4em;
padding: 3px;
transition: all 0.5s ease-out;
-o-transition: all 0.5s ease-out;
-moz-transition: all 0.5s ease-out;
-webkit-transition: all 0.5s ease-out;
}

menu nav li:hover { margin-top: -5px }
menu nav li a:hover { padding: 3px;
border-bottom: 1px solid #7D2B8B;
}

menu section:last-child { margin-bottom: 0 }

/* MAIN */

.content { text-align:center;
float: left;
width: 63.5%; /* was 61.6%  */
}

article {
width: 96.35%;
float: left;
margin: 25px 1.9% 30px 1.9%;
background: #FFF; /* for non-css3 browsers */
/*background: -webkit-gradient(linear, center top, center bottom, from(#FFFFFF), color-stop(45%, #F8F9FA), to(#B3A8C5)); *//* for webkit browsers */
/*background: -moz-linear-gradient(-90deg, #FFFFFF, #F8F9FA 45%, #B3A8C5); *//* for firefox 3.6+ *//*
linear-gradient(top, #FFFFFF, #F8F9FA 45%, #B3A8C5);*/
	border-radius: 15px 15px 15px 15px;
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
	box-shadow: 0 0 10px #B3A8C5;
	-moz-box-shadow: 0 0 10px #B3A8C5;
	-webkit-box-shadow: 0 0 10px #B3A8C5;
}

.articlecolmn { text-align:left;
width:95%;
margin:auto;
padding: 20px;
}/* 91.35%  */

.articletext { text-align:left;
width:91.35%; 
margin:auto;
}/* width:91.5%;  */

.articletext2 { text-align:left;
width:92.25%; 
margin-left:2.85%;
margin-right:2.85%;
} /* Average of: margin-left:1.9%;margin-right:3.8%;  */


/* FOOTER */

div#feet { font-size:100%;
margin: 24px auto .5em auto;
line-height: 1.5em; 
text-align:center;
width:90%;
}

#feet > p span {font-size:85%;}

div#cwebba {font-size: 70%; normal;
line-height: 1em;
float:right;
margin: 0 12px 12px 0;
color:#667;}

div#cwebba > a:link {color:#8A405D; text-decoration: none;}
div#cwebba > a:visited {color:#781239; text-decoration: none;}
div#cwebba > a:hover {color:#B73668; text-decoration: underline;}



/*----------[ =TEXT CLASSES ]-----------*/
/* a.class {color:Red } */



/* Property Classes */

.para1 { font-size : .95em; line-height: 14px;}
.para2 {font-size : .95em; line-height: 16px;}
.para3 {line-height:17px;}
.para6 {line-height:3px;}

/*----------[ =Line Height ]----------*/

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

.fw2 {font-weight:200;}
.fw4 {font-weight:400;}
.fw5 {font-weight:500;}
.fw6 {font-weight:600;}


/*----------[ =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; }
.ml18{ margin-left: 18px; }
.ml20{ margin-left: 20px; }
.ml24{ margin-left: 24px; }
.ml30{ margin-left: 30px; }
.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; }
.ml165{ margin-left: 165px; }
.ml180{ margin-left: 180px; }
.ml205{ margin-left: 205px; }
.ml240{ margin-left: 240px; }
.ml410{ margin-left: 410px; }


.mr3 {margin-right:3px;}
.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;}
.mt3 {margin-top: 3px;}
.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; }
.mt78 { margin-top: 78px;
.mt102 { margin-top: 102px; }
.mt144 { margin-top: 144px; }
.mt198 { margin-top: 198px; }
.mt204 { margin-top: 204px; }
.mt216{ margin-top: 216px; }

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

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

.mb-6 {margin-bottom: -6px;}
.mb-12 {margin-bottom: -12px;}
.mb-118 {margin-bottom: -118px;}


/*----------[ =Element Widths ]----------*/

.w738 { width: 738px;}
.w732 { width: 732px;}
.w720 { width: 720px }
.w714 { width: 714px }
.w710 { width: 710px }
.w730 { width: 730px }
.w588 { width: 588px}
.w498 { width: 498px }
.w492 { width: 492px }
.w486 { width: 486px }
.w471 { width: 471px }
.w462 { width: 462px }
.w402 { width: 402px }
.w333 { width: 333px }
.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 }
.w192 { width: 192px }
.w165 { width: 165px }
.w160 { width: 160px }
.w150 { width: 150px }
.w144 { width: 144px }
.w142 { width: 142px }
.w138 { width: 138px }
.w100 { width: 100% }
.w42 { width: 42px }

/*----------[ =Element Heights ]----------*/

.h840 {height:840px;}
.h333 {height:333px;}
.h300 {height:300px;}
.h198 {height:198px;}
.h288 {height:288px;}
.h252 {height:252px;}
.h234 {height:234px;}
.h216 {height:216px;}
.h200 {height:200px;}
.h180 {height:180px;}
.h162 {height:162px;}
.h144 {height:144px;}
.h126 {height:126px;}
.h108 {height:108px;}
.h104 {height:104px;}
.h102 {height:102px;}
.h90 {height:90px;}
.h88 {height:88px;}
.h84 {height:84px;}
.h72 {height:72px;}
.h65 {height:65px;}
.h54 {height:54px;}
.h36 {height:36px;}
.h25 {height:25px;}
.h18 {height:18px;}

/*----------[ =Padding ]----------*/

.pd6 {padding:6px;}
.pd12 {padding:12px;}
.pl6 {padding-left:6px;}
.pl9 {padding-left:9px;}
.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;}
.pb12 {padding-bottom:12px;}

.pr3 {padding-right:3px;}
.pr12 {padding-right:12px;}
/*----------[ =Letter Spacing ]----------*/

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



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

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





/*---------------------------------------------------- */

/* 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; 
Test and Add these: Lucida Grande","Lucida Sans Unicode",Tahoma, Times, Georgia, 
*/
/* Verdana, Geneva, Helvetica, Arial, */
/* 	Aqua  Black  Blue Fuchsia Gray Green Lime Maroon Navy Olive Purple Red Silver Teal .	White Yellow  */

/*csw blu=color : #3399CC;
Tutorial green #81aeab
*/

/* <!--  Hand-coded at http://www.craigwebbart.com 
using SimpleText¨  
I'd love to hear from you. Please call. 
(718) 932-1058 --> */