/* General styles */
    body {
      margin:0;
      padding:0;
      border:0;			/* This removes the border around the viewport in old versions of IE */
      width:100%;
      top: -10px;
      background:#fff;
      min-width:600px;    /* Minimum width of layout - remove line if not required */
							/* The min-width property does not work in old versions of Internet Explorer */
  		background:#5c718e;
  		background-image: 
url('http://www.bustanqaraaqa.org/al2/web/images/tortoise3.jpg');
  		_background-image: url('');
  		background-attachment: fixed;
  		background-repeat: no-repeat;
  		background-position: top center;
  		font-family:Verdana,Helvetica,Arial,sans-serif;
		font-size: 8pt;
    }
  /* {
    	list-style:none;
  }*/
	a {
    	color:#369;
      text-decoration:none
	}
	/*a:hover {
		color:#fff;
		background:#369;
		text-decoration:none;
	}*/
    h1, h2, h3 {
        margin:.8em 0 .2em 0;
        padding:0;
    }
    p {
        margin:.4em 0 .8em 0;
        padding:0;
    }
	img {
		margin:0;
	}
	/* Header styles */
    #header {
        clear:both;
        float:left;
        width:100%;
    }
    
  .headspace {
   /* should be 120px */
    height: 120px;
    background-image: url('http://www.bustanqaraaqa.org/al2/web/images/bustanQcomp4.png');
    _background-image: url('http://www.bustanqaraaqa.org/al2/web/images/title_ie.gif');
    background-repeat: no-repeat;
  	background-position: center left;
  }
	#header {
		border-bottom:0px solid #000;
		min-width: 922px
	}
	#header p,
	#header h1,
	#header h2 {
	    padding:.4em 15px 0 15px;
        margin:0;
	}
	#header img {
	  float: right;
	  position: relative;
	  right: 817px;
	  
	}
	
	.vgap{
	  clear: both;
    height: 1em;
    display:block;
  }
	
	/* column container */
	.colmask {
		position:relative;		/* This fixes the IE7 overflow hidden bug and stops the layout jumping out of place */
	    clear:both;
	    float:left;
        width:100%;				/* width of whole page */
		overflow:hidden;		/* This chops off any overhanging divs */
	}
	/* holy grail 3 column settings */
	.holygrail {
	    _background:#eee;   	/* Right column background colour */
	}
    .holygrail .colmid {
        float:left;
        _background:#fff;
        width:200%;
        margin-left:-250px; 	/* Width of right column */
        position:relative;
        right:100%;
    }
    .holygrail .colleft {
        float:left;
        _background:#eee;
        width:100%;
        margin-left:-50%;
        position:relative;
        left:500px;         	/* Left column width + right column width */
    }
    .holygrail .col1wrap {
        float:left;
	    width:50%;
	    position:relative;
	    right:250px;        	/* Width of left column */
	    padding-bottom:1em; 	/* Centre column bottom padding. Leave it out if it's zero */
	}
	.holygrail .col1 {
        margin:0 255px;     	/* Centre column side padding:
                            	Left padding = left column width + centre column left padding width
                            	Right padding = right column width + centre column right padding width */
        position:relative;
	    left:200%;
	    overflow:hidden;
	}
    .holygrail .col2 {
        float:left;
        float:right;			/* This overrides the float:left above */
        width:240px;        	/* Width of left column content (left column width minus left and right padding) */
        position:relative;
        right:5px;         	/* Width of the left-had side padding on the left column */
    }
    .holygrail .col3 {
        float:left;
        float:right;			/* This overrides the float:left above */
        width:240px;        	/* Width of right column content (right column width minus left and right padding) */
        margin-right:15px;  	/* Width of right column right-hand padding + left column left and right padding */
        position:relative;
        left:50%;
    }
	/* Footer styles */
	#footer {
    clear:both;
    float:left;
    width:100%;
		border-top:2px solid #ccc;
		border-bottom:2px solid #ccc;
		background: #fff;
    background: url('www.bustanqaraaqa.org/al2/web/images/background3.jpg') repeat-x bottom 
left;
    }
  #footer p {
      padding:10px;
      margin:0;
  }
  
  /* banner styles */
  
  #banner {
    text-align:center;
    margin:0 auto;
  }
  
  
/* Dialog boxes */ 
  .dialog {
     position:relative;
     margin:0px auto;
     min-width:8em;
     max-width:760px; /* based on image dimensions - not quite consistent with drip styles yet */
     color:#fff;
     z-index:1;
     margin-left:12px; /* default, width of left corner */
     margin-bottom:0.5em; /* spacing under dialog */
  }
  
  .dialog .content,
  .dialog .t,
  .dialog .b,
  .dialog .b div {
     background:transparent 
url('http://www.bustanqaraaqa.org/al2/web/images/dialog2-blue-800x1600.png') no-repeat top 
right;
     _background-image:url('http://www.bustanqaraaqa.org/al2/web/images/dialog2-blue.gif');
  }

  .dialog .content {
     position:relative;
     zoom:1;
     _overflow-y:hidden;
     padding:0px 12px 0px 0px;
  }

  .dialog .t {
     /* top+left vertical slice */
     position:absolute;
     left:0px;
     top:0px;
     width:12px; /* top slice width */
     margin-left:-12px;
     height:100%;
     _height:1600px; /* arbitrary long height, IE 6 */
     background-position:top left;
  }

  .dialog .b {
   /* bottom */
     position:relative;
     width:100%;
  }

  .dialog .b,
  .dialog .b div {
     height:30px; /* height of bottom cap/shade */
     font-size:1px;
  }

  .dialog .b {
   background-position:bottom right;
  }

  .dialog .b div {
     position:relative;
     width:12px; /* bottom corner width */
     margin-left:-12px;
     background-position:bottom left;
  }

  .dialog .hd,
  .dialog .bd,
  .dialog .ft {
     position:relative;
  }

  .dialog .wrapper {
     /* extra content protector - preventing vertical overflow (past background) */
     position:static;
     max-height:1000px;
     overflow:auto; /* note that overflow:auto causes a rather annoying redraw "lag" in Firefox 2, and may degrade performance. Might be worth trying without if you aren't worried about height/overflow issues. */
     padding: 1em 1em 0 0;
  }

  .dialog h1,
  .dialog p {
     margin:0px; /* margins will blow out backgrounds, leaving whitespace. */
     padding:0.5em 0px 0.5em 0px;
  }

  .dialog h1 {
     padding-bottom:0px;
  }
  
  .dialog h3 {
     padding-top:0.5em;
  }
  
/* menu */

#menucontainer{
	position:relative;
	height:30px;
	color:#fff;
	background:#383636;
	width:100%;
	font-family:Helvetica,Arial,Verdana,sans-serif;
	list-style:none;
	}
#menunav{
	position:relative;
	height:38px;
	font-size:12px;
	text-transform:uppercase;
	font-weight:bold;
	background:#fff url('http://www.bustanqaraaqa.org/al2/web/images/background3.jpg') 
repeat-x top left;
	padding:0 0 0 20px;}
	
#menunav ul{
	margin:0;
	padding:0;
	list-style-type:none;
	width:auto;	
	float:left;}

#menunav ul li{
	display:block;
	float:left;
	margin:0 1px;
	}
	
#menunav ul li a{
	display:block;
	float:left;
	color:#EAF3F8;
	background:#fff url('http://www.bustanqaraaqa.org/al2/web/images/background3.jpg') 
repeat-x 
top left; /*  */
	text-decoration:none;
	padding:0 0 0 20px;
	height:38px;}

#menunav ul li a span{
	padding:12px 20px 0 0;
	height:21px;
	float:left;}

#menunav ul li a:hover{
	color:#fff;	
	background:transparent url('http://www.bustanqaraaqa.org/al2/web/images/hover.jpg') 
repeat-x bottom left;} /*  */

#menunav ul li a:hover span{
	display:block;
	width:auto;
	cursor:pointer;}

 #main table {
   width: 90%;
   margin:0px auto;
 }
 #main thead {
   background:#369;
   color:#fff;
 }
 
 #main tr.r0 td {
   background:#fff;
   border-bottom: 1px solid #ddd;
   padding: 0.5em;
 }
 
  #main tr.r1 td {
    background:#eee;
    border-bottom: 1px solid #ddd;
    padding: 0.5em;
  }
  
 #main h1 {
   padding-bottom:1em;
 }
 #main form {
   padding: 1em;
   border: 1px solid #ddd;
   width: 30em;
   margin:0px auto;
 }
 
 #main form input {
   margin: .5em 0;
 }
 
 #main .back{
   float: right;
 }
 
 #main .floatleft {
   float:left;
   margin-top:1em;
   margin-right:1em;
   margin-bottom:1em;
 }
 
  #main .floatright {
   float:right;
   margin-top:1em;
   margin-left:1em;
   margin-bottom:1em;
 }
  
  #main .mainsummary{
    font-weight:bold;
    margin-bottom: 1em;
  }
 
 #main .product {
   margin: 1em 0;
   padding: 1em 1em 0 1em;
   border: 1px solid #ddd;
 }
 
 #main .product_tb{
   float: left;
   margin: 0 1em 0 0;
 }
 
  #main .date{
   float: right;
   text-transform:uppercase;
	 font-weight:bold;
 }
 
 #main .admin_buttons {
   clear: both;
 }
 
  .sidemenu a{
    display:block;
    width: auto;
    color: #efebe7;
    font-weight:bold;
  }
  
  .sidemenu a:hover{
    display:block;
    width: auto;
    color: black;
    font-weight:bold;
  }
  
  .sidemenu ul{
    list-style: none;
	  margin-left: 0;
	  padding-left: 0;
	  text-indent: 0;
  }
  
  .sidemenu li{
     margin: 2px;
     border: 1px;
     padding: 1px 0.3em;
  }
  
  .sidemenu li:hover{
     border: 1px solid #ddd;
     padding-top: 0px ;
     padding-bottom: 0px ;
     background: url('http://www.bustanqaraaqa.org/al2/web/images/logo.png');
     _background: url('');
  	 background-repeat: no-repeat;
  	 background-position: -50px -50px;
     display:block;
  }
  
  #login {
    margin: 0 5px;
  }
  
  #login tr{
    font-weight:bold;
  }
  .donate{
     margin-top: 30px;
     margin-left: 56px;
   }