/* clientstyles.css */

/* Block all default margins and padding */
* {
  margin:0;
  padding:0;
}

body{
 background: #050000 url(image/fabric01.jpg); 
 font-family: Arial, Verdana, sans-serif;
}
/* Wrapper contains the layout */
#wrapper{
  width:785px;
  margin: 1.429em auto 0 auto;
  background-color:#050000;
  position:relative;
}

#leftcolumn{
/* #content left margin must match this width */
  width:184px;
  float:left;
/* Center text and images in this column */
  text-align:center;
/* For absolutely positioned layout */
   position:absolute;
   top:92px;
   left:0;
}
/* Float image to left of paragraph */
img{
   float: left;
   margin-right: 16px;
}
#rightcolumn{
/* #content right margin must match this width */
  width:10em;
  float:right;
/* Center text and images in this column */
  text-align:center;
 /* For absolutely positioned layout */
   position:absolute;
   top:5em;
   right:0;
}
/* Applies to images in the left and right columns */
#leftcolumn img{
     width:170px;
     margin: 2em 0 0 .5em;
}     
#rightcolumn img{
     width:80%;
     margin:1em 0;
}
/* Applies to paragraphs in the left and right columns */
#leftcolumn p,
#rightcolumn p{
     width:75%;
     padding:0.25em;
     font-family: Arial, Verdana, sans-serif;
     font-size:0.8em;
     margin: 1em auto;
}
/* Content  */
#content{
/* Left and right margins must match sidebar column widths */
  margin: 18px 0 0 190px;
  padding: 0em 0em 0em 0em;
  background-color:#c0c0c0;
  padding-top:0;
  text-align: justify;
  color:#45322F;
} 
/* Styles h1, h2, and h3 style rules in the content division */ 
#content h1, #content h2, #content h3{ 
  font-family: Arial, Verdana, sans-serif;
  color:#45322F;
} 
#content h3{
display: inline;
}
#content p, #content ol, #content ul {
/* Applies to paragraphs and lists in the content division */
  text-align:left;  
  font-size:1em;  
  line-height:1.25em;
  color:#45322F;
}
#content ol, #content ul {
  padding: .357em 0em .357em 2.143em;
  display: block;
  text-align: justify; 
}
#branding{
  height:4em;
  background-color:#050000;
  color:#f4dec8;
  text-align:center; 
} 
#branding h1{
  font-family: Arial, Verdana, sans-serif;
  font-size:2em;
  padding-top:0.25em;
}
/* Absolutely position links in the branding division */
#branding a{
  position:absolute;
}
/* Make branding a positioned element, but don't move it */
#branding{
  position:relative;
} 

/* Absolutely position links in the branding division */
#branding a{
  position:absolute;
}
/* Unvisited and visited links in branding bar */
#branding a:link, #branding a:visited {
  color:#000;
}

/* Hover links in branding bar */
#branding a:hover{
  color:#0f0;
}

/* Active link in branding bar */
#branding a:active{
  color:#1bb498;
}
/* Set height of branding division */
#branding{
  height:5em; 
}
/* Branding division contains one large image */
#branding img{
  width:100%; 
  display:block; 
}
/* Footer division contains one large image */
#footer img{
  width:100%; 
  display:block; 
}
/* Footer text */
#footer p { 
font-size: 0.7em; 
text-align: left;
color: #ffffff;
padding: 10px; 
}
/* No link underlines */
a {
text-decoration:none;
}
/* #footer link*/
#footer p a{
padding-left: 1em
}

/* NAVIGATION BUTTONS */
* {margin:0; padding:0;}
div#menu {width:184px; background:url(image/menu_1.gif) top no-repeat; padding-top:44px;}

div#menubody {background:url(image/menu_2.gif) repeat-y; padding-left:23px;}

div#menubottom {height:26px; background:url(image/menu_4.gif) bottom no-repeat;}

ul#menulist {width:144px; list-style-type:none;}

ul#menulist li {height:27px; background:url(image/menu_3.gif) bottom repeat-x;}

ul#menulist a {width:134px; height:20px; border-left:#05000 12px solid; font:bold 10px Verdana, Arial, sans-serif; color:#ffffff; text-decoration:none; padding:5px 0 0 10px; display:block !important; display:inline-block;}

ul#menulist a:hover {background:url(image/menu_5.jpg) left repeat-y;}
/* END OF NAVIGATION */

/* SCROLLBAR */
  .scrollbar{
  width:567px;
  height:34em;
  border:none;
  background-color:#050000;
  overflow:scroll;
  overflow:auto;
  scrollbar-base-color: #0500003;
  scrollbar-arrow-color: #ffffff;
  scrollbar-3dlight-color: #A8001C;
  scrollbar-darkshadow-color: #280008;
  scrollbar-face-color: #050000;
  scrollbar-highlight-color: #7F0015;
  scrollbar-shadow-color: #3D0031;
  scrollbar-track-color: #544546;
  }
/* End of SCROLLBAR */

/* Defines the div in which the image and captioned are contained  */ 
div.captionpic{
    width:200px;
    margin:0.25em 1em 0em 0;
    float:left; /* Floats to the left of subsequent elements */
    font-family:"Times New Roman",Georgia,Serif;
    font-size:20px;
    color:#45322F;
    text-align:center;    
    }
/* End of div.captionpic */
/* Defines the width and border of image inside the captionpic div */  
    div.captionpic img{
    width:100%;
    border:none;
    }
/* End of div.captionpic imgage*/