body {padding:0; margin:0; font: 100% Arial, Helvetica, sans-serif; text-align:center; background: #565656;} /*c5cec6   4e3238 323a4f e2e4dd  aca099    edeeeb 3b1b06       */

#wrapper {
   width: 745px; 
   background: #fff; 
   margin:0px auto;
   text-align:left; 
   padding: 0;  
   border-left:1px solid #000; border-right:1px solid #000;
   background-image: url(image/bg_images/patter3.jpg);
    background-repeat: no-repeat;
 

voice-family: "\"}\""; 
voice-family:inherit;}
#wrapper {display: inline-table;} /* Hides from IE-mac \*/
* html #wrapper {height: 1%;} #wrapper {display: block;} /* End hide from IE-mac */ 
/* float clearing - technique explained http://positioniseverything.net/easyclearing.html */
#wrapper:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;} 

#titlename  {padding-bottom: 14px; margin: 0 14 0 14px; text-align: left; border-bottom: 1px solid black;}  /*   cec3c3 */

/* Collum Left and Right */
#colleft {width: 30%; float: left; margin-left: 14px; padding-bottom: 10px; background-color:#fff; border-left: 1px solid black;} /* padding right because the name img can be flush with 'wrapper' edge*/
#colright {width: 62%; float:right; text-align:left; margin: 0 14 0 0px; padding-top: 21px; padding-bottom: 15px; background-color:#fff; border-right: 1px solid black;}
#colleft p {padding-left: 14px;} 
#colright p {padding-right: 14px; margin-top:5px;}

#colright a:link {text-decoration: none; color: #D5001D; font-size: 95%; letter-spacing: 0.07em; } 
#colright a:visited {text-decoration: none; color: #D5001D; font-size: 95%; letter-spacing: 0.07em; } 
#colright a:hover {text-decoration: none; color: #0d67c3; font-size: 95%; letter-spacing: 0.07em; } /*7d0127 */

#colleftcolor a:link {text-decoration: none; color: #D5001D; font-size: 90%; letter-spacing: 0.07em;} 
#colleftcolor a:visited {text-decoration: none; color: #D5001D; font-size: 90%; letter-spacing: 0.07em;} 
#colleftcolor a:hover {text-decoration: none; color: #d5a500; font-size: 90%; letter-spacing: 0.07em;} 

/* Main Navigation  */
#nav {padding: 22 0 10 14px;}
#nav ul {list-style: none;  margin: 0; padding: 0; letter-spacing: 0.10em; font: 95% Verdana, Verdana, Geneva, sans-serif;}  /* da800c f6a742*/
#nav li {display: block;  color: #f20860; padding: 6 0 6 5px; background: #fef1d9; border-bottom: 1px solid #ce0000;} /*CE0000  fef1d9  efeed6  e6e9eb f2deea ebf3dc */
#nav li.selected {display: block; color: #7d0127; padding: 6 0 6 5px; background: white;} /* 5b2e2e 740303 68777f */
#nav a {text-decoration: none; color: #f20860; } /* ec6908 ce0000 */
#nav a:hover {text-decoration: none; color: #0d67c3; }  /*ecae08 d5a500 */
 
 /* Bottom Heavy Navigation  */
#navbot {margin-top: 10px; padding: 5 0 5 0px;  background: #fef1d9; border-top: 1px solid #ce0000; border-bottom: 1px solid #ce0000;}
#navbot ul {list-style: none;  margin: 0; padding: 0;}  /* da800c f6a742*/
#navbot li {display: inline;  padding: 0 5 0 5px;} /*CE0000  fef1d9  efeed6  e6e9eb f2deea ebf3dc */
#navbot a {text-decoration: none; color: #f20860; } /* ec6908 ce0000 */
#navbot a:hover {text-decoration: none; color: #0d67c3; }  /*ecae08 d5a500 */ 

/* universal styles   */
p {font: 90% Arial, Helvetica, sans-serif; text-align: justify; line-height: 130%; color: #14415f;}  
.subtitle {font: 120% Lucida Sans Unicode, Lucida Grande, sans-serif; color: #14415f; text-align: left; letter-spacing: 0.05em;}  /* font: 115% Geneva, sans-serif; color: #14415f; text-align: left; letter-spacing: 0.09em;  */
img {border: 0;}
p.firstp {} /* was  padding-top:0; margin-top: 3px */

/* WORKSHOP styles */
.worktitle {font: bold 90% Trebuchet MS1, Helvetica, sans-serif; color: #14415f; text-align: left; letter-spacing: 0.04em;} /* workshop title */
img.workshop {float: left; margin: 0 15 10 0px; clear: both; border: 0;}
img#pics {margin: 10 25 10 0px; border: 0px solid #999;} 

/* Index - rightcol workshop boxes for text and images  */
#workshopbox {width: 95%; border-top: 1px dashed #596d7a; clear: both; margin-top: 15px; padding: 15 0 0 0px}  /*   99a5ac */
#workshopbox p {color: #14415f; margin: 0 0 0 166px; padding:0;} 
#workshopboxtop {width: 95%; border:0; clear: both; padding: 5 0 15 0px;}
#workshopboxtop p {color: #14415f; margin: 0 0 0 166px; padding-top:15px;} 
#workshopboxprequote {width: 95%; border-top: 1px dashed #596d7a; clear: both; margin-top: 15px; padding: 15 0 15 0px}  /* The Div Box before any quote for extra padding on bottom edge */
#workshopboxprequote p {color: #14415f; margin: 0 0 0 166px; padding:0;} 
.quotetitle {font: bold 90% Trebuchet MS1, Helvetica, sans-serif; color: #016bae; text-align: left; letter-spacing: 0.04em;} /* workshop title */
#workshopboxquote {width: 95%; border-top: 1px dashed #596d7a; padding:10 0 0 0px;}
#workshopboxquote p {color: #016eb3; margin: 3 0 0 0px; padding: 3 7 0 7px;}

/*  PAINT style  */
img.thumbpaint {margin: 0 23 20 0px; border: 0;}
img.paintpic {margin: 35 0 20 0px; border: 0;}

/* CONTACT style  */
p#thinp {padding-right: 80px;}
p.contactspace {margin-bottom: 5px; padding-bottom: 5px;}