﻿        html   {background-color:silver;font:14px Arial,Sans-Serif;      }
body {/* use this for hamidi site*/
}

.arab
{
    direction: rtl;
    color: black;
    text-align: right;
    font-family: 'Arabic Typesetting';
}
.topLeft{background-color:green;float: left;padding: 10px; border-right:solid 3px black;}
.topRight{background-color:blue;float: left;padding:10px; border-left:solid 1px black;}
.bottom{background-color:yellow;float: left;padding: 10px;}
.tableInMainColumn
{

     border: 2px solid #008080;
       background-color: ThreeDFace;
}
.pageTitle
{
    
    vertical-align: top;
    text-align: center;
    font-family: 'Times New Roman' , Times, serif;
    font-size: large;
    font-weight: bold;
    font-style: normal;
    color: #0000FF;
    text-decoration: underline;
}
     
        .content {width:1060px;height:auto; margin:auto; background-color:white;border:Solid 2px black; }
        .leftColumn{width: auto;height:auto; border:Solid 5px WHITE; float:left;padding: 2px;margin:2px;
                             background-color: #C0C0C0;}
        .mainColumn{width:600px;height:auto; border:Solid 5px WHITE;float:left; padding: 2px; margin:2px;
                        vertical-align: top;text-align: left; background-color: #FFFFFF ; }
        .rightColumn
{
    width: 200px;
    height:auto;
    border: Solid 5px WHITE;
    float: right;
    padding: 2px;
    margin: 2px;
    text-align: center;
    background-color: #C0C0C0;
}
                
    .ad   {margin:10px; }
    .clear{clear:both;}
    
 .topNav{ background-color: #FFFFCC;text-align: center;}
 
.banner{}
.image
{
    float: right;
    padding: 2px;
    margin: 2px;
    border: medium solid #000080;
    vertical-align: top;
}
.HyperImage
{
    float: left;
    padding: 2px;
    margin: 2px;
    border: medium solid #000080;

}

        .tabstrip
        {
            padding:5px;
            margin:5px;
            border-top:solid 1px black;
            border-bottom:solid 1px black;
            background-color: #FF9966;
             azimuth:center;
        }
        .tabstrip a
        {
            font:14px Arial;
            color:Green;
            text-decoration: none;
        }
        
                .subtabstrip
        {
            padding:3px;
            margin:3px;
            border-top:solid 1px black;
            border-bottom:solid 1px black;
            background-color: #FF9966;
        }        
.pagePosition
{
    padding:5px;
    margin:5px;
    vertical-align: middle;
    background-color: #FF9966;
    border-top:solid 1px black;
    border-bottom:solid 1px black;
    
}

.footer
{
    padding:5px;
    margin:5px;
    height: 15px;
    background-color: #FF9966;
    text-align: center;
    vertical-align:bottom;
    border-top:solid 1px black;
    border-bottom:solid 1px black;
    font-size:x-small;
}

        .quote
        {
            width:200px;
            padding:20px;
            border:Dotted 2px orange;
            background-color:#eeeeee;
            font:16px Georgia,Serif;
        }



h3,h4 {
	clear: left;
}


h3 {
	font-size: 140%;
	margin-top: 2em;
}

h4 {
	font-size: 120%;
}

pre {
	font-family: monospace;
	color: #070606;
	background-color: #eef0eb;
	margin: 2px;
	padding:2px;
	border: 1px dotted #b7c4d3;
	border-width: 1px 0;
	font-size: 12px;
	line-height: 100%;
	margin: 3px;
	padding: 10px;
	/* zoom: 1;  */
	/* margin-right: set by quirksmode.js to stretch entire screen */
}

ol,ul {
	border:  1px dotted #9198C1;
	border-width: 1px 0;
	padding-bottom: 1em;
}

li {
	padding: 0.4em;
	margin-left: -1.5em;
}

code {
	background-color: #F1F3F9;
	font-size: 120%;
}

li.odd {
	background-color: #F2F3EF;
}

li.odd code {
	background-color: inherit;
}

.fieldSet{  margin:5px; padding :15px;}

 .login{ padding:5;margin: 10px;}
#Image
{
    width: 10px;
    height: 10px;
    float: right;
    padding: 2px;
    margin: 2px;
    border: medium groove #FF0000;
    vertical-align: top;
}

#DataList, #image
{
  border-color:red ; border-style:Groove;  border-width:5; 
  Width:10; Height:10;
}

.ImageContainer
{
    border-color: red;
    text-align: center;
    padding:2px;
    margin:2px;
}


