@import url(thickbox.css);

    img {behavior: url(http://iranian-studies.com/iepngfix.htc) } 

    * { margin: 0; padding: 0; }    
    html { height: 100%; }
    body {       
        background: #111;
        font: 12px Tahoma, Sans-Serif;
        color: #4B3938;
        height: 100%;
        }
    
    a { color: #FF3300;	text-decoration:none;}    
    a:hover { color: #990000;}
    img {border:0}
    #top{position: absolute;
            top: 0px;
            width: 772px;
            left: 50%;
            margin-left: -386px !important;
            z-index: 10;
			height: 45px;
			}
			
	#top .contact{
	float:right;
	}
	
	#top .contact a {
	display: block;
	width:96px;
	height:45px;
	}
	#top .contact a:link span , #top .contact span {
	display: block;
	height: 45px;
	width:96px;
	background: url(../img/contact.png) center right no-repeat;    cursor: pointer;   
	behavior: url(iepngfix.htc)    
	}


	
        h1, 
        body#home h1 {
			margin:0; padding:0;
			width:200px; float:left;
			height:45px;
            cursor: pointer;     
            background: url(../img/isis.png) top left no-repeat;    behavior: url(iepngfix.htc)        
            }
        
        h2 {
            height: 55px;
            width: 746px;
            background: url(../img/bg_h2.png);
            position: absolute;
            top: 158px;
            left: 13px;
            z-index: 10;
			behavior: url(../js/iepngfix.htc)
            }
        
        body#home h2 { top: 270px; } 

        h3 {
            height: 42px;
            padding-bottom: 13px;
            font: 20px/42px "Trebuchet MS", Sans-Serif;
            color: #403124
            }

        h1, h2 {
            margin: 0;
            padding: 0;
            display: block;
            overflow: hidden;
            text-indent: -1000px;
            }
			
		h4{
	font-size: 1em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #000;
	border-bottom: 1px solid #393939;
	padding: 0px;
	margin: 0px;
	font-weight: normal;
	line-height: 14px;
	letter-spacing: -1px;
}
  
/* clearfix */
  
        #content:after, #col1:after, #col2:after, .thumbGallery:after, #content form fieldset ol li:after {
            content: "."; 
            display: block; 
            height: 0; 
            clear: both; 
            visibility: hidden;
            }

        #content, #col1, #col2, .thumbGallery, #content form fieldset ol li { display: inline-block; }

    #wrapper {
        display: block;
        padding-top: 50px;
        background: #4f3b25 url(../img/bg.gif);
        padding-bottom: 2px;
		
        }
      
    #container {
        width: 772px;
        margin: 0 auto;
        background: url(../img/containerbg.gif) repeat-y;
		
        }

	/* Header */
		#header {
			height: 225px;
			background: url(../img/bg_header.gif);
			position: relative;
			
			}
		
		body#home #header {
			height: 337px;
			background: url(../img/bg_headerHome.gif) no-repeat;
			}

		/* Slideshow */
			#slideshow {
				display: block;
				width: 746px;
				height: 312px;
				}

			#slideshow img {
				display: none;
				position: absolute;
				top: 13px;
				left: 13px;
				}
		/* // Slideshow */

		/* Alternates */
			#altHeading {
				position: absolute;
				top: 13px;
				left: 13px;
				width: 746px;
				height: 200px;
				background-image: url(../img/inner1.jpg);
				background-position: 0 50%;
				}
			
			body#one #altHeading { background-image: url(../img/inner1.jpg); }
			body#two #altHeading { background-image: url(../img/inner2.jpg); }
			body#three #altHeading { background-image: url(../img/inner3.jpg); }
			body#four #altHeading { background-image: url(../img/inner4.jpg); }
			body#five #altHeading { background-image: url(../img/inner5.jpg); }
		/* // Alternates */

       
            .tails {
                position: absolute;
                width: 33px;
                height: 48px;
                position: absolute;
                top: 230px;
				behavior: url(iepngfix.htc) 
                }
            
            body#home .tails {
                top: 342px;
                }
            
            #header #left {
                left: -33px;
                background-image: url(../img/leftwing.png);
				behavior: url(/iepngfix.htc)
				
                }

            #header #right {
                right: -33px;
                background-image: url(../img/rightwing.png);
				behavior: url(/iepngfix.htc)                 }


	/* Content */
        #content {
            padding: 8px;
			
            }
        
        #content #col1,
        #content #col2 {
            background: url(../img/bg_content.gif) repeat-x;
            min-height: 325px;
            float: left;
            padding: 0 15px;
            }
        
        #content #col1 {
            margin-right: 8px;
            }
        
        body#home #content #col2 {
            background: none !important;
            padding: 0 !important;
            width: 246px !important;
            }
        
        

        .contentarea #col1 { width: 470px; }
        .contentarea #col2 { width: 246px; padding: 0 !important;}
		.contentarea #col2 h3{padding-left:15px}
		.contentarea #col2 p{padding:0 15px 10px 15px}
   

        #content p {
            padding-bottom: 1em;
            line-height: 1.3em;
            font-size: 13px;
            }
    /* Content */

    /* Footer */
        #footer {
            height: 128px;
            background: url(../img/footerbg.gif) repeat-x;
            margin-top: -2px;
			
            }
        
        #footer div {
            width: 770px;
            height: 59px;
            margin: 0 auto;
            background: url(../img/bg_footerDiv.gif) no-repeat;
            color: #312a23;
            font: 11px Tahoma, Sans-Serif;
            }
        
        #footer div p {
            clear: left;
            padding-left: 17px;
            }

      

/* Navigation & Lists */
    /* Primary nav */
        ul#nav {
            display: block;
            height: 44px;
            background: url(../img/navbg.gif);
            list-style: none;
            
            }
        
        ul#nav li,
        ul#nav li a {
            display: block;
            float: left;
            height: 44px;
            }
        
        ul#nav li {
            position: relative;
            }
        
        ul#nav li a {
            font: 16px/44px "Trebuchet MS", Sans-Serif;
            text-transform: uppercase;
            text-decoration: none;
            color: #918d88;
            padding: 0 0px;
			text-indent: -5000px;
	text-decoration: none;
            }
			
		ul#nav li a.home { background: url(../img/navbg.gif); width:93px; }
		ul#nav li a.home:hover { background: url(../img/navbg.gif) 0 -44px; width:93px;}
		ul#nav li a.programme { background: url(../img/navbg.gif) -93px 0; width:152px;}
		ul#nav li a.programme:hover { background: url(../img/navbg.gif) -93px -44px; width:152px;}
		ul#nav li a.speakers { background: url(../img/navbg.gif) -245px 0; width:124px;}
		ul#nav li a.speakers:hover { background: url(../img/navbg.gif) -245px -44px; width:124px;}
		ul#nav li a.registration { background: url(../img/navbg.gif) -367px 0; width:172px;}
		ul#nav li a.registration:hover { background: url(../img/navbg.gif) -367px -44px; width:172px;}
		ul#nav li a.events { background: url(../img/navbg.gif) -546px 0; width:96px;}
		ul#nav li a.events:hover { background: url(../img/navbg.gif) -546px -44px; width:96px;}
		ul#nav li a.visitors { background: url(../img/navbg.gif) -638px 0; width:132px;}
		ul#nav li a.visitors:hover { background: url(../img/navbg.gif) -638px -44px; width:132px;}
        
        ul#nav li a:hover,
        ul#nav li:hover a,
        ul#nav li.over a,
        ul#nav li.current a:hover {
            color: #fff;
            
            }
        
        ul#nav li.current a {
            
            }
        
        ul#nav li ul {
            display: none;
            }

        ul#nav li.last:hover ul, ul#nav li.last.over ul{width:120px}
		ul#nav li.last:hover ul li{width:120px}
		ul#nav li.last:hover ul li a{width:120px}
        ul#nav li:hover ul,
        ul#nav li.over ul {
            display: block;
            position: absolute;
            top: 43px;
            left: 0;
            width: 200px;
            background: #000;
            height: auto !important;
            padding: 1px 0;
            }
        
        ul#nav li:hover ul li,
        ul#nav li.over ul li {
            width: 190px;
            height: auto !important;
            float: none;
            padding: 0 5px;
            }
        
        ul#nav li:hover ul li a,
        ul#nav li.over ul li a {
            color: #918d88 !important;
            background: none !important;
            float: none;
            width: 190px;
            padding: 5px 0 !important;
            font: 14px "Trebuchet MS", Sans-Serif;
            text-transform: none;
            height: auto !important;
            text-indent: 10px;
            border-bottom: 1px solid #111;
            }
        
        ul#nav li ul li.first { border-top: 1px solid #4F3B25; }
        ul#nav li ul li.last a { border-bottom: none; }
        
        ul#nav li ul li a:hover {
            color: #fff !important;
            }


    /* boxestional Items */
        ul.boxes {
            display: block;
            list-style: none;
            padding: 0 !important;
            }
        
        ul.boxes li {
            display: block;
            width: 246px;
            height: 103px;
            float: left;
            margin-bottom: 8px;
            }
        
        ul.boxes li a {
            float: left;
            display: block;
            width: 175px;
            height: 91px;
            padding: 6px 55px 0 10px;
            text-decoration: none;
            font-size: 11px;
            line-height: 12px;
            color: #cfb880;
            border: 3px solid   #666666;
			background:#fff;
            }
        
        ul.boxes li a strong {
            color: #fff;
            display: block;
            font: 14px "Trebuchet MS";
            text-transform: uppercase;
            padding-bottom: 4px;
			font-weight:bold;
            }
        
        ul.boxes li a:hover {
            color: #FFFFFF;
            border: 3px solid #d1b480;
            }
        
        ul.boxes li.construction a { background-image: url(../img/construction.gif); }
        ul.boxes li.ghahveh a { background-image: url(../img/bg_ghahveh.gif); }
		ul.boxes li.morshed a { background-image: url(../img/morshed.gif); }
		ul.boxes li.falletta a { background-image: url(../img/falleta.gif); }
		ul.boxes li.ranjbaran a { background-image: url(../img/ranjbaran.gif); }
		ul.boxes li.ariana a { background-image: url(../img/ariana.gif); }
		ul.boxes li.ariana a strong {color: #000;}
		ul.boxes li.rap a { background-image: url(../img/rap.gif); }
		ul.boxes li.mehrnaz a { background-image: url(../img/mehrnaz.gif); }
		ul.boxes li.books a { background-image: url(../img/books.gif); }
		ul.boxes li.film a { background-image: url(../img/film.gif); }
		ul.boxes li.orchestra a { background-image: url(../img/orchestral.gif); }
		ul.boxes li.naghibi a { background-image: url(../img/naghibi.gif); }
		ul.boxes li.mottahedeh a { background-image: url(../img/mottahedeh.gif); }
		ul.boxes li.female a { background-image: url(../img/female.gif); }
		ul.boxes li.poster a { background-image: url(../img/postersmall.gif); }
		ul.boxes li.sanskrit a { background-image: url(../img/sanskrit.gif); }
		ul.boxes li.media a { background-image: url(../img/media.gif); }
		ul.boxes li.maps a { background-image: url(../img/maps.gif); border: 3px solid   #0099CC;}


		
       #footer div ul {
            list-style: none;
            padding: 15px 0 15px 14px;
            }
        
        #footer div ul li {
            float: left;
            }
        
        #footer div ul li a {
            float: left;
            display: block;
            padding: 0 16px 0 4px;
            background: url(../img/bg_footerNav.gif) no-repeat 100% 4px;
            font: 11px Tahoma, sans-serif;;
            text-transform: uppercase;
            text-decoration: none;
            color: #6c6761;
            }
        
        #footer div ul li a:hover {
            color: #a5a19e;
            text-decoration: underline;
            }

        #footer div ul li.last a {
            background: none;
            }


    /* Content lists */
        #content ul,
        body.mceContentBody ul {
            padding: 0 0 1em 2em;
            }
        
        #content ul li,
        body.mceContentBody ul li {
            padding-bottom: .2em;
            }
    

/* Misc */
    .leftFloat {
        float: left;
        margin: 0 1em 1em 0;
        clear: left;
        }
/* // Misc */


.date {
	float:left;
	height:61px;
	width:56px;
	margin-top:4px;
	margin-right:8px;
	padding-top:11px;
	background:url(../img/eventbg.gif) no-repeat;	
	margin-bottom:-10px;
	}
.date p {
	text-align:center;
	color:#9b9b8e;
	margin:0 0 0 -2px;	
	font-family:"Trebuchet MS",Arial,Helvetica,sans-serif;
	text-transform:uppercase;
	}
.date span.day {
	font-size:19px;
	display:block;
	margin-top:0px!important;
	margin-top:-5px;
	}
.date span.month {
	font-size:10px;
	height:12px;
	display:block;
	margin-top:0px!important;
	margin-top:2px;
	}
`
.date span.time {
	font-size:9px;
	height:12px;
	display:block;
	margin-top:0px!important;
	margin-top:2px;
	color:#000000;
	}
	
	
	
	
	
	
	
	.cat {
	float:left;
	height:61px;
	width:56px;
	margin-top:4px;
	margin-right:8px;
	padding-top:11px;
	background:url(../img/catbg.gif) no-repeat;	
	margin-bottom:-10px;
	}
.cat p {
	text-align:center;
	color:#9b9b8e;
	margin:0 0 0 -2px;	
	font-family:"Trebuchet MS",Arial,Helvetica,sans-serif;
	text-transform:uppercase;
	}
.cat span.day {
	font-size:19px;
	display:block;
	margin-top:0px!important;
	margin-top:-5px;
	}
.cat span.month {
	font-size:10px;
	height:12px;
	display:block;
	margin-top:0px!important;
	margin-top:2px;
	}
`
.cat span.time {
	font-size:9px;
	height:12px;
	display:block;
	margin-top:0px!important;
	margin-top:2px;
	color:#000000;
	}
	
	
	.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */


ul.speakerlist{
list-style:none;
margin:0;
padding:0;
margin-left:0px; padding-left:0px;}

ul.speakerlist li{
list-style:none;
padding:0 0 10px 35px;
margin:10px;
margin-left:0px;
border-bottom:1px solid  #B1ACA0;
background: url(../img/speaker.gif) top left no-repeat;
padding-bottom:10px;
height:70px;}

ul.speakerlist li.high{
height:130px;}

.dot{
margin:0px;
padding:0px;
margin-top:0px;
margin-bottom:0px;
width:100%;
height:13px;
background:url(../img/dot.gif) repeat-x;
}

/* These are standard sIFR styles... do not modify */
.sIFR-flash
{
	visibility: visible !important;
	margin: 0;
}

.sIFR-replaced { visibility: visible !important; }

span.sIFR-alternate
{
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}

/* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */
.sIFR-hasFlash h4
{
	visibility: hidden;
	line-height: 11px;
	_font-size: 1px;
	padding: 0 0 3px 0;
	margin: 0;
}

.highlight {
	background: #F1E2B4;
	border:1px solid #D2B89D;
	color: #444;
	padding: 5px;
}

.highlight2 {
	background: #EAF0E8;
	border:1px solid #DBE1D5;
	color: #444;
	padding: 5px;
}

ul.committee{
margin:0;
margin:0 10px 0 -13px;
list-style:none}

ul.committee li{
list-style:none;
margin:0;
padding:5px;
border-bottom:1px solid #A99A85;
font-size:12px;
color:#6F655B
}

ul.committee li a.bio{
float:right;
display: block;
width:40px;
background:url(../img/bio.gif) top left no-repeat;
height:10px;}

ul.committee li a.web{
float:right;
display: block;
width:40px;
background:url(../img/web.gif) top left no-repeat;
height:10px;
margin:2px 0 0 0;}

ul.committee li.last{ border:none}

#col2 h4{
margin:5px;}

img.profilepic{
padding:5px;
margin:5px 5px 5px 0;
border:1px solid #A99A85;
float:left;}