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


/* This: 031509 */
/* Previous version--cwebba_styles031309.css -POSTED ----*/
/* Previous version--cwebba_styles012609.css  ----*/
/* Previous version--cwebba_styles012509.css_11pm  ----*/
/* Previous version--cwebba_styles012509.css_1pm  ----*/
/* Previous version--cwebba_styles012409.css  ----*/
/* Previous version--cwebba_styles012209.css  ----*/
/* Previous version--cwebba_styles012009.css  ----*/
/* Previous version--cwebba_styles113008.css  ----*/
/*--  ---*/
/*--  ---*/
/*--  ---*/
/* 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; 
}
 */


/* cwebba3 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: black;
color:#291103;
cursor: default;
}

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

a, abbr, acronym, cite, code, del, dfn, em, fieldset, font, html, iframe, img, ins, kbd, label, legend, li, object, pre, q, s, samp,
small, strike, strong, sub, sup, span, table, tbody, tfoot, thead, tr, tt, var,{ font-family: Helvetica, Arial,  sans-serif;
margin: 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;
}

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

#page2 {  
margin: 10px auto;
width: 888px;
border: 2px #B56A7D solid;
padding: 0 0px 6px 0px; 
background-color: #FFF;
}



/* formatting of elements */

p {
font : .75em  Verdana, Arial,  Helvetica, sans-serif;
padding: 0em 0% 0em 0%;
margin: 0em 0% .9em 0%;
line-height: 1.5em;
}

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

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

/* a {cursor: auto} */

a {color: #3399CC;
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:link {color: #3399CC;
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : 1em;
background: transparent;
text-decoration : none;
}

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: #3399CC;
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 : 18px;
	color : #E6662D;
	font-weight: bold;
	text-decoration: none;
}

a.contact:hover {
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-size : 11px;
	line-height : 18px;
	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: bold;
font-size:2.5em;line-height:1;margin-bottom:0.5em;
}

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

h3 { font: bold;
font-size:1.5em;line-height:1;margin-bottom:1em;
}

h4 {font-size:1.4em;line-height:1.5; margin-bottom:1em; height:1.25em;}
/* h4  was 1.15 em; line-height1.3; margin-bottom: 1em; */

h5 {font: 1.3em;
font-weight:bold;
line-height : 1.35em;
margin-bottom: .5em;
margin-top: 1em;
}
/* h5 is 1em was 1.15em was bodycopy6 @ 1.05em */


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

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

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

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

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}

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

ol {margin: 0em 0% 0em 5%;
list-style: decimal}

ul ul ol ol, ul ol ul ol, ol ul ol ol, ol ol ul ol, ol ul ol, ol ol {list-style: lower-alpha}

ol ul ol ol, ol ol ul ol, ul ol ol ol, ol ol ol {list-style: lower-roman}

ol ol ol ol {list-style: decimal}

sub {font-size: 1em}

sup {font-size: 1em}

td {line-height: 1}

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

tt {font: 1em monospace}

ul {margin: 0em 0% 0em 5%;
list-style: disc}

ul ul, ol ol ul ul, ol ul ol ul, ul ol ol ul, ol ul ul, ul ol ul {list-style: circle}

ol ul ul ul, ul ol ul ul, ul ul ol ul, ul ul ul {list-style: square}

ul ul ul ul {list-style: disc}

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

/* tables still need 'cellspacing="0"' in the markup */
table { 
border: 1px solid black; 
border-collapse: collapse; 
border-spacing: 0; }

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


th, td{ 
border: 1px solid black; 
margin: 0px; 
padding: 0px; }

table, td, th {vertical-align:middle;}
table {margin-bottom:1.4em;width:100%;}
th {font-weight:bold;background:#C3D9FF;}
th, td {padding:4px 10px 4px 5px;}
tr.even td {background:#E5ECF9;}
tfoot {font-style:italic;}
caption {background:#eee;}

/* create styling for table headings */
th { }

/* table cell default background color + alternate color */
td.def { background-color: #ffffff; }
td.alt { background-color: #ececec; }

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

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

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

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

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

.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: #DDD;
border-width: 1px;
}

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

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

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

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


descrip { font-size:.87em;
line-height:1.2em;
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;
}

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

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

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

.para3 {
line-height:17px;
}

.para6 {
line-height:3px;
}





/* formatting of ids */

/*----------[ =header ]----------*/
#header-wrap2 {
margin:0;
padding:0;
border-top: #FFCCCC solid 2px;
}

#header-wrap {
float:left;
width: 442px;
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: 442px;
float:left;
text-align: left;
}

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


#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: 0em 0% 1em 0%;
color: #336767;
font-size: .9em;
letter-spacing : 0px;
position: relative;
top: 3px;
text-decoration: none;
background: #DDEEEE;
}
* html #cswnav ul li a{top: 5px;} /* IE Min-Height 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;
}


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

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

.content-wide {
width: 100%;
float: left;
margin: auto;
}

/*----------[ =footer ]----------*/
.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;
}


/*----------[ =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  ]----------*/


#menu_head {
float: right;
margin: 10px 12px 10px 0px;
padding: 0;
width: 652px;
text-align: left;
color: #110500;
background: #EBF4F4;
border-top: #DDEEEE solid 3px;
border-bottom: #BBDCDC solid 3px;
height: 30px;
}
* html #menu_head {width: 648px; height: 30px;} /* IE Min-Height Hack */ 


#menuleftrail{
float:left;
text-align: right;
width:156px;
margin-left: 0px;
padding: 0;
}


.titleblack {
margin: 0px 0 0 0;
font-size: 14px;
line-height: 30px;
color : #000000;
letter-spacing : 6px;
font-weight: bold;
text-align:center;
}


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

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



/* Containers */

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

.ml3{ margin-left: 3px; }
.ml4{ margin-left: 4px; }
.ml6{ margin-left: 6px; }
.ml12{ margin-left: 12px; }
.ml15{ margin-left: 15px; }
.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; }
.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;}

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


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

.w714 { width: 714px }
.w710 { width: 710px }
.w730 { width: 730px }
.w498 { width: 498px }
.w492 { width: 492px }
.w486 { width: 486px }
.w471 { width: 471px }
.w462 { width: 462px }
.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 }
.w165 { width: 165px }
.w160 { width: 160px }
.w150 { width: 150px }
.w138 { width: 138px }
.w42 { width: 42px }

.h104 {height:104px;}
.h90 {height:90px;}
.h88 {height:88px;}

/*----------[ =Containers slated for depreciation ]----------*/

/*
.d13 {width: 13px;}
.d25 {width: 25px;}
.d38 {width: 38px;}
.d51 {width: 51px;}
.d102 {width: 102px;}
.d205 {width: 205px;}
.d333 {width: 333px;}
.d346 {width: 346px;}
.d384 {width: 384px;}
*/



/* margin: 0em 0% 0em 0%; */
/*----------[ =Padding ]----------*/

.p1-2em1{ padding: .5em 6px; }
/* top-bottom left-right */

{padding:1.5em;margin-bottom:1.5em;background:#E5ECF9;}

/*----------[ =Containers slated for depreciation ]----------*/

/*
.d807m6 { 
width: 807px;
margin-left: 6px;
}

.d750m35 {
width: 750px;
margin-left: 35px;
text-align: center;
}

.d750 {
margin:auto;
width: 750px;
}

.d612 {
margin:auto;
width: 612px;
}

.d625 {
margin:auto;
width: 625px;
}

.d570 {	
margin: auto;
width: 570px;
}

.d525 {	
margin: auto;
width: 525px;
}

.d486 {	
margin: auto;
width: 486px;
}

.d476 {	
margin: auto;
width: 476px;
}
.d300 {	
margin: auto;
width: 300px;
}

.d336 {	
margin: auto;
width: 336px;
}

.d210 {	
margin: auto;
width: 210px;
}

.d714 {	
margin: auto;
width: 714px;
}

.dl333m66 {
width: 333px;
Margin-left: 66px;
float: left;
}

.dr333m66 {
width: 333px;
Margin-right: 66px;
float: right;
}

.dl348m51 {
width: 348px;
Margin-left: 51px;
float: left;
}

.dr348m51 {
width: 348px;
Margin-right: 51px;
float: right;
}

.dl360m39 {
width: 360px;
Margin-left: 39px;
float: left;
}

.dr360m39 {
width: 360px;
Margin-right: 39px;
float: right;
}

.dl375m24 {
width: 375px;
Margin-left: 24px;
float: left;
}

.dr375m24 {
width: 375px;
Margin-right: 24px;
float: right;
}

.dl400m64 {
width: 400px;
Margin-left: 64px;
float: left;
}
.dr285m49 {
width: 285px;
Margin-right: 49px;
float: right;
}

/* These two are for the illustration page */
.dl306 {
width: 306px;
float: left;
text-align:left;
}

.dr384 {
width: 384px;
float: right;
text-align:left;
}



*/

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

#page {  
margin: 6pt auto;
width: 950px;
border: 2px #B56A7D solid;
padding: 0 0px 6px 0px; 
background-color: #FFF;
}

.bodycopy2b {
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : .9em;
color : #6A7A8A;
line-height : 1.75em;
margin-left: 3px;
	}

.bodycopy2b2 {
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : 1em;
color : #666666;
line-height : 2em;
	}

.wrapper {
padding: 0;
margin: 0em 0% 0em 0%;
float: left;
width: 100%;
text-align: center;
}

#footer-wrap {
padding: 0;
margin: 0em 0% 1em 0%;
width: 100%;
}

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

.footer-left {
float: left;
margin: 0em 0% .2em 12.5pc;
text-align: right;
background-color:#291103;
}

-------*/ 

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


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