body {
        margin:0px;
        padding:0px;

font:11px verdana,times new roman,arial,tahoma;
	color:#000;
	line-height:20px;        

}
/*
    a:link, a:visited, a:hover { color: blue; text-decoration: underline; }  
    a:hover { color: red; text-decoration: underline; } 
*/

a:link, a:visited, a:hover { color: blue; text-decoration: none; }  
    a:hover { color: blue; text-decoration: underline; border:1px} 

img{
border:none;
}


h2 {
        font: bold 14px Verdana, Arial, Helvetica, sans-serif;
        color: #000;
        margin: 0px;
        padding: 0px 0px 0px 15px;
}

/* FORMALLY FOR THE GALLERY.PHP*/


/*used by a couple of textarea boxs to turn things on and off*/
.off{ 
display: none 
}

p.error { font-weight:bold; color:red; }
.red { font-weight:bold; color:red; }
p.message { font-weight:bold; color:red; }
p.OK { font-weight: bold; color: blue;}
p.warning {font-weight:lighter; style:italic; color:red;}
.white {font-weight:bold; color:white;}
.green { font-weight:bold; color:#00ff00; }
.blue{font-weight:bold; color:blue;}
.black { font-weight:bold; color:black; }

.writeup{
line-height: 150%;

text-align:justify;
} 
/*
For above class writeup
font: 12px/1.5em Verdana,times, san serif;
*/

.writeu{
font:12px arial; color:#000000; line-height:24px;
text-align:justify;
}

hr {color:skyblue;}



.sec1{color:white;}
.sec2{color:white;}
.sec3{color:white;}
.sec4{color:white;}

.bodyText {
	font:11px arial;
	color:#000000;
	line-height:24px;
	}

.style2 {
	color: #0000FF;
	font-size: small;
}
.style3 {font-size: small}
.style4 {color: #0000FF}


/*- Menu Tabs J--------------------------- */

    #tabsJ {
      float:left;
      width:100%;
      background:skyblue;
      font-size:93%;
      line-height:normal;
          border-bottom:1px solid #24618E;
      }
    #tabsJ ul {
        margin:0;
        padding:10px 10px 0 50px;
        list-style:none;
      }
    #tabsJ li {
      display:inline;
      margin:0;
      padding:0;
      }
    #tabsJ a {
      float:left;
      background:url("tableftJ.gif") no-repeat left top;
      margin:0;
      padding:0 0 0 5px;
      text-decoration:none;
      }
    #tabsJ a span {
      float:left;
      display:block;
      background:url("tabrightJ.gif") no-repeat right top;
      padding:5px 15px 4px 6px;
      color:#24618E;
      }
    /* Commented Backslash Hack hides rule from IE5-Mac \*/
    #tabsJ a span {float:none;}
    /* End IE5-Mac hack */
    #tabsJ a:hover span {
      color:#FFF;
      }
    #tabsJ a:hover {
      background-position:0% -42px;
      }
    #tabsJ a:hover span {
      background-position:100% -42px;
      }

        #tabsJ #current a {
                background-position:0% -42px;
        }
        #tabsJ #current a span {
                background-position:100% -42px;
                color:#FFF;
        }


.bold {
border:medium double #0000ff;
background-color: red;
color:white;
font-size:small;
}

em {

color:red;
font-weight:bold
}


/*FOR THE IMAGES DISPLAYED ON THE FRONT PAGE*/

div.img
{
  margin: 2px;
  border: 1px solid #0000ff;
  height: auto;
  width: auto;
  float: left;
  text-align: center;
}	

div.img img
{
  display: inline;
  margin: 3px;
  border: 1px solid #ffffff;
}

div.img a:hover img {border: 1px solid #0000ff;}

div.desc
{
 display: none;
  text-align: center;
  font-weight: normal;
  width: 120px;
  margin: 2px;
}

/*FOR THE  DISPLAYED ON THE FRONT PAGE*/
#searchCol{
background-color: #990000;
margin: 0 0 0 0;
padding: 0.5em 0 1em 0;
color: #fff;
}


.sheader{
display:block;
border: 1px solid red;
background-color: skyblue;
width: 99%;
color:white;
font-Weight: bold;
font-size: 1.2em;

}

#loginCol div{
border: dotted 2px;
background-color: #f8f8f8;
}

#loginCol a:link, #loginCol a:visited {
  margin: 0 0 0 0.5em;
  text-decoration: none;
  font-Weight:bold;
}

#loginCol a:hover, #loginCol a:active {
font-size: 130%;
  background-image: url(underline1-hover.gif);
}

label{
font-Weight:bold;
display:block;
margin: 0 0 0 1em;
}


#loginCol input[type="text"]{
width: 200px;
margin: 0 0 0 1em;
padding: 0em 0em 0em 0em;
}

#loginCol input[type="password"]{
width: 200px;
margin: 0 0 0 1em;
padding: 0 0 0 0;
}

#welcomeCol{
background-color:#fff;
}

#welcomeCol img {
float: left;
padding:2%;

}

#welcomeCol li{
width:68%;
float: right;
padding: 0.1em 0 0.3em 0;
font-Weight: bold;
}

#visitorCol{

}


#shopCol{
color: red;

}

#tlaClothDesc {
background-color: red;
color:white;
text-align: center;
width=100%;
font-size:130%;
font-Weight:bold;
}

#shop img{
padding: 3em;
width: 180px;
max-width: 90%;

}

#articleCol{
background-color: skyblue;
}

#articleCol{
background-color: skyblue;

}

table #articles, table #journalTable{
border-collapse: collapse;
width: 100%;
border: 1px solid #666;
background-color: #fff;
}            

#articles th, td, #journalTable th, td{
padding: 0.2em 0.1em;
} 

caption {
font-size: 1.2em;
font-Weight: bold;
margin: 0.1em 0;
color: white;
text-align:left;
}

col{
border-right: 1px solid #ccc;
}

col#action{
border:none;
}

thead{
background: #ccc url(bar.gif) repeat-x left center;
border-top: 1px solid #a5a5a5;
border-bottom: 1px solid #a5a5a5;
	
}

#articles th{
font-Weight:bold;
text-align: center;
}

.odd{
background-color: #edf5ff;
}

#articles tr:hover, #journalTable tr:hover  {
/*background-color: #3d80df;
color: #fff;*/
font-Weight:bold;
}

#articles thead tr:hover{
background-color: transparent;
color: red;
}

/*FOR THE PERSONAL PROFILE PAGE*/
.clear {
  clear: both;
}

.news {
  background-color:#eaeaea;
  border: solid 1px #999;
  
  margin-top: 10px;
}

.news img {
  float: left;
  padding: 10px 0 10px 10px;
}

.news p {
  float: left;
  
  margin: 0 0 0 1em;
  padding: 10px 10px 10px 0px;
}

.clearfix:after {
  content: ".";
  height: 0;
  visibility: hidden;
  display: block;
  clear: both;
}

/*- Menu Tabs 10--------------------------- */

    #tabs10 {
      float:left;
      width:100%;
      font-size:93%;
          border-bottom:1px solid #2763A5;
      line-height:normal;
      }
    #tabs10 ul {
          margin:0;
          padding:10px 10px 0 50px;
          list-style:none;
      }
    #tabs10 li {
      display:inline;
      margin:0;
      padding:0;
      }
    #tabs10 a {
      float:left;
      background:url("tableft10.gif") no-repeat left top;
      margin:0;
      padding:0 0 0 4px;
      text-decoration:none;
      }
    #tabs10 a span {
      float:left;
      display:block;
      background:url("tabright10.gif") no-repeat right top;
      padding:5px 15px 4px 6px;
      color:#FFF;
      }
    /* Commented Backslash Hack hides rule from IE5-Mac \*/
    #tabs10 a span {float:none;}
    /* End IE5-Mac hack */
    #tabs9 a:hover span {
      color:#FFF;
      }
    #tabs10 a:hover {
      background-position:0% -42px;
      }
    #tabs10 a:hover span {
      background-position:100% -42px;
      }

      #tabs10 #current a {
              background-position:0% -42px;
      }	
      #tabs10 #current a span {
              background-position:100% -42px;
      }


.on{
display: block;

}