/*-- cwebba_style.css    ---*/
/* stylesheet for cwebba3 website  */

/* <!--  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-2010 --> */


/* This: cwebba_style3.css 070510 */
/* Previous: cwebba_style3.css 110909 */
/* Previous: cwebba_style3.css 091909  ----*/
/* Previous: cwebba_style2_081209.css  ----*/

/* cwebba3 Style sheet v.03 */
/* browser reset */

* {
padding: 0;
margin: 0;
}

/* inherited: */

/* reset.css moved from screen.css */
html, body, div, span, object, iframe, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}
body {line-height:1.5;}
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:"";}
blockquote, q {quotes:"" "";}
a img {border:none;}

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

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

/* -- Typography CSS  --  */

html {font-size:100.01%;}

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: black;
color:#291103;
cursor: default;
width:100%;
}


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 #B56A7D solid;
padding: 0; 
background-color: #FFF;
}



/* formatting of elements */

p {
font : 1em  Verdana, Arial,  Helvetica, sans-serif;
padding: 0em 0% 0em 0%;
margin: 0em 0% .5em 0%;
line-height: 1.5em;
}
/*JM style margin: 0em 0% .5em 0%;*/

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




.para1 {
color:#110500;
font-size : .95em;
line-height: 14px;
} /*  &copy;  */

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

.para3 {
line-height:17px;
} /*  footer-right  */

.para4 {
font-size : 1.05em;
line-height:1.75em;
margin: .75em 0%;
} /*  About copy */

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


/* From BluePrint Sceen 110909 */
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;}


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

/* a {cursor: auto} */

a:link {color: #3090C0;
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : 1em;
background: transparent;
text-decoration : none;
}
/*csw blue */
/* removed from all: line-height : 18px;
 */

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

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

a:active { color: Red }

a.menu {
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : 11px;
line-height : 18px;
color: #3090C0;
font-weight: bold;
text-decoration: none;
}

a.menu:hover {
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-size : 11px;
	line-height : 18px;
	color : #5ED4F1;
	font-weight: bold;
	text-decoration: underline;
}

a.pdf {
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : 11px;
line-height : 14px;
color : #E6762D;
font-weight: bold;
text-decoration: none;
}

a.pdf:hover {
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : 11px;
line-height : 14px;
color : #E6462D;
font-weight: bold;
text-decoration: underline;
}

a.contact {
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-size : 11px;
	line-height : 22px;
	color : #E6662D;
	font-weight: bold;
	text-decoration: none;
}

a.contact:hover {
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-size : 11px;
	line-height : 22px;
	color : #FF9966;
	font-weight: bold;
	text-decoration: underline;
}

a img { border: none;}

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

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

h1, h2, h3, h4, h5, h6,  blockquote {font-family: Verdana, Geneva, Helvetica, Arial, sans-serif;
color: #3399CC;
margin:0;
padding:0;
font-weight:normal;
}


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

h1.serif {font: 1.75em Georgia, "Times New Roman", Times, serif;
color : #3399CC;
font-size:2.5em;line-height:1;margin-bottom:0.5em;
}

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

h2.serif {font: 1.52em Georgia, "Times New Roman", Times, serif;
color: #3399CC;
font-size:2em;
margin-bottom:0.75em;
}

h1 { font-weight: normal;
font-size:2.5em;
line-height:1em;
margin-bottom: 0.5em;
}

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

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

h4 {font-weight: normal;
color: #3090C0;
font-size:1.35em;line-height:1.35; margin-bottom:.5em;}
/* h4  was 1.15 em; line-height1.3em; margin-bottom: 1em; */

h5 { font-weight: normal;
color: #3090C0;
font-size:1.2em; line-height:1.2em; margin-bottom: .5em;}

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

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

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


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



/* =header h1 + a styling
---------------------------------------------------- */
#header h1 {
text-indent: 0px;
font-size: 12px;
line-height:28px;
letter-spacing: 2px;
}

#header h1 a {
margin: 0 0 0 0;
text-decoration : none;
}

/* 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}


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}

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}

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

strong {font-weight:bold;}


table {border-collapse:separate;border-spacing:0;}
caption,  th, td {text-align:left;font-weight:normal;}



ul,ol { list-style: none }

/* 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;}
.error a {color:#8a1f11;}
.notice a {color:#514721;}
.success a {color:#264409;}
option { }
select { }
/* textarea {cursor: text; }
input {cursor: auto} */

input[type="button"] { }
input[type="checkbox"] { }
input[type="file"] { }
input[type="hidden"] { }
input[type="image"] { }
input[type="password"] { }
input[type="radio"] { }
input[type="reset"] { }
input[type="submit"] { }
input[type="text"] { }
button {cursor: auto;}

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

.hide {display:none;}



.pink { background-color:#FFCCCC;}
.pearl { background-color:#FCE;}
.puce { background-color:#FEC;}
.powder { background-color:#CFE;}
.white { background-color:#FFF;}

.quiet {color:#666;}
.loud {color:#000;}
.highlight {background:#ff0;}
.added {background:#060;color:#fff;}
.removed {background:#900;color:#fff;}

.showgrid2 {background-image: url("http://www.craigwebbart.com/e-art/888grid.png");}
.b { font-weight: bold; }
.i { font-style: italic; }
.u { text-decoration: underline; }

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

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


.rule {
height:2.5pt;
border: none;
color:#FFCCCC;
background-color:#FFCCCC;
width:100%;
padding:0;
clear: both;
margin-bottom: 0px;
}

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

/* Find in HTML - item may need to be 1px*/
.border2{
border-style: solid;
border-color: #eee;
border-width: 2px;
}

/* 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-rt2{ 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;
}


/* XML Classes */

website { font-size:.95em;
font-weight:bold;
}

div.weblink > a{line-height: 1.5em;
font-size:.95em;
text-decoration:underline;
}


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

/* Common style classes */
.top { vertical-align: top; }
.middle { vertical-align: middle; }
.bottom { vertical-align: bottom; }
.sup { vertical-align: super; }
.sub { vertical-align: sub; }
.eleven { font-size: 11px; }
.twelve { font-size: 12px; }
.thirteen { font-size: 13px; }
.fourteen { font-size: 14px; }
.fifteen { font-size: 15px; }
.b { font-weight: bold; }
.i { font-style: italic; }
.u { text-decoration: underline; }
.o { text-decoration: overline; }
.s { text-decoration: line-through; }
.lowercase { text-transform: lowercase; }
.uppercase { text-transform: uppercase; }
.camelcase { text-transform: capitalize; }
.smallcaps { font-variant: small-caps; }
.slant { font-style: oblique; }
.indent { text-indent: 10px; }
.wrap { word-wrap: break-word; white-space: normal; }
.pre { white-space: pre; }
.block { display: block; }
.inline { display: inline; }
.none { display: none; }
.visible { visibility: visible; }
.hidden { visibility: hidden; }
.collapse { visibility: collapse; }
.circle { list-style-type: circle; }
.disc { list-style-type: disc;}
ul.collapse { list-style-type: none; }
ul.collapse li { list-style-type: none; display: inline; }

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

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



/*----------[ =content structure ]----------*/



.main {text-align:left;
width: 615px;
margin-top: 6px;
margin-right: 39px;
float: right;
}

/*----------[ =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;
}
a.class {color:Red }

.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;
}
/* was div.bodycopy p - the left column */

.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 ]----------*/
#header-wrap2 {
margin:0;
padding:0;
border-top: #FFCCCC solid 2px;
}

#header-wrap {
float:left;
width: 466px;
border-left:156px solid #FFF; 
  /* The width and color of the left rail */
}
  /* The width and color of the right rail = border-right:278px solid #efb; (removed for IE mac5) */

#header {
width: 466px;
float:left;
text-align: left;
}

#leftrail{
text-align: right;
float:left;
width:156px;
margin-left:-622px;
position:relative;
}
/* -466 -156 = -622px. */


#rightrail{
  float:right;
  width:288px;
  margin-right:-288px;
  position:relative;
}

.sub-header {
width: 400px;
margin: 6px auto 0px auto;
text-align: left;
font-size: 12px;
text-align:center;
clear: both;
}


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

#cswnav {
float: left;
margin: 10px 0 10px 0;
padding: 0;
text-align: center;
line-height: 18px;
font-size: 100%;
letter-spacing : 2px;
color: #110500;
width: 100%;
height: 30px;
background: #EBF4F4;
border-top: #DDEEEE solid 3px;
border-bottom: #BBDCDC solid 3px;
}
* html #cswnav {height:36px;} /* IE Min-Height Hack */ 
/* commented backslash hack v2 \*/
* #cswnav { height: 30px; }
/* end MacIE5 hack */


#cswnav ul li a {
padding: 2px 8px 3px 8px;
margin: 0;
color: #336767;
font-size: .9em;
letter-spacing : 0px;
vertical-align:bottom;
line-height: 6px;
text-decoration: none;
background: #DDEEEE;
}
* html #cswnav ul li a{top: 5px;} /* IE Min-Height Hack */ 
/* 031409 added vert-align + line-height. took out
position: relative;
top: 4px;
Do I need this i.e. hack?*/

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

#cswnav h3 a {
color: #0066cc;
line-height:20px;
text-decoration : none;
}

#cswnav h1{
text-align: left;
font-size: 90%;
line-height:16px;
letter-spacing: 1px;
}

#cswnav h1 a {
text-align: center;
margin: 0 0 0 0;
text-decoration : none;
}

#cswnav ul {
margin: 6px 0px 0px 0px;
}

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

#cswnav ul li a:hover {
text-decoration: underline;
background: #BBDCDC;
color: #A11;
}

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

#cswnavpic {
padding: 0;
width: 246px;
height: 36px;
margin-top:10px;
margin-right:10px;
background: #F4F4EB;
text-align: center;
line-height: 16px;
font-size: 95%;
}

#cswnavpic p {
color: #99BCBC;
padding: 0 0 0 2px;
font-size : .9em;
line-height:10.85pt;
letter-spacing: 2px;
margin: 0;
}

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

.footer {
width: 100%;
margin: 0px auto 10px auto;
padding: 0px 0 6px 0;
text-align: left;
font-size: 11px;
line-height:16px;
}


.footer-left {
float: left;
width: 200px;
margin: 0 0 2px 140px;
}


.footer-right {
text-align: left;
width: 480px;
margin: 0px 90px 0px 0;
float: right;
padding: 9px 0 3px 0;
line-height:15px;
}




/*----------[ =Page Specific codes  ]----------*/


#logo {
height: 4.5pc;
margin: 0px 0 0 .5pc;
padding: 0;
float: left;
}

#artlogo {
width: 9pc;
height: 3.5pc;
float: left;
padding: 6pt 0 0 3pt;
background-color: #FFF;
}

.main_news {	
text-align: justify;
margin: 0em 0% 0em 22.5%;
width: 55%;
}

#stiebellogo {
width: 160px;
height: 216px;
float: left;
margin: 10px 0px 0px 33px;
background-color: #FFF;
}

.news_singlepic {
margin: auto;
width: 620px;
}

/* used in stiebel press */

.join { float:right;
margin-right: 15px;
}


/*----------[ =Portfolio Menu Page  ]----------*/

.titleblack {
color : #000000;
letter-spacing : 4px;
font-weight: bold;
}

.menu_main {
padding: 0;
width: 550px;
float:left;
margin-left: 84px;
margin-top:5px;
background: #FCEFF0;
text-align: center;
line-height: 18px;
font-size : 11px;
letter-spacing : 1px;
}

.menutable{
 width:90%;
background-color: #fff;
	margin: auto;
}

/*----------[ =content left menu ]----------*/
.lmen {text-align: left;
margin-top: 6px;
margin-left: 10px;
float: left;
}

.lmen p {font-size: .9em;
line-height: 1.2em;
}



/* this is what works about the container/float system */
.nest {margin:0, auto;
}/* MUST add width */

.nest:after {content:"\0020";display:block;height:0;clear:both;visibility:hidden;overflow:hidden;}
.nest {display:block;}




/* Containers */

/*----------[ =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; }
.ml30{ margin-left: 30px; }
.ml39{ margin-left: 39px; }
.ml42{ margin-left: 42px; }
.ml45{ margin-left: 45px; }
.ml51{ margin-left: 51px; }
.ml60{ margin-left: 60px; }
.ml72{ margin-left: 72px; }
.ml96{ margin-left: 96px; }
.ml102{ margin-left: 102px; }
.ml165{ margin-left: 165px; }
.ml205{ margin-left: 205px; }
.ml240{ margin-left: 240px; }
.ml410{ margin-left: 410px; }


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

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


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

.w738 { width: 738px;}
.w732 { width: 732px;}
.w720 { width: 720px }
.w714 { width: 714px }
.w710 { width: 710px }
.w730 { width: 730px }
.w498 { width: 498px }
.w492 { width: 492px }
.w486 { width: 486px }
.w471 { width: 471px }
.w462 { width: 462px }
.w410 { width: 410px }
.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 }

.h840 {height:840px;}
.h300 {height:300px;}
.h204 {height:204px;}
.h104 {height:104px;}
.h102 {height:102px;}
.h90 {height:90px;}
.h88 {height:88px;}


.pd6 {padding:6px;}
.pd12 {padding:12px;}
.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;}
.pl15 {padding-left:15px;}
.pl24 {padding-left:24px;}
.pb3 {padding-bottom:3px;}
.pb6 {padding-bottom:6px;}


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

/* .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  ]----------*/

/* -- "new" Footer (Spring 2009)
.footer {
width: 100%;
margin: 0em auto 1em auto;
padding: 0px 0 6px 0;
text-align: left;
}


.footer-right {
text-align: left;
margin: .15em 7% 0em 0%;
padding: 9px 0 3px 0;
line-height:15px;
}

.footer-bottom {
text-align: left;
margin: .15em 0% 0em 0%;
padding: 11px 0 3px 0;
}

div.footer p {font-weight: normal;
font-size:1em;
line-height : .75em;
margin-bottom : 3px;
text-decoration: none;
}



 */
/* -- Make obsolete? ---

.image{
margin: 0px auto 6px auto;
}

.art {	
padding: 6pt 0pt 12pt 120pt;
}

  */




/* priorities:
style sheet organization - elements, classes, ids, a/b order
global browser reset  */

/* 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  */

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

/* 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 --> */