/*#############################################################

Name:  Zaytuna Summer Arabic Intensive

Date: 2008-01-19

Description: A two-column layout 

Author: mqu.be

URL: http://mqu.be



#############################################################*/

/* CSS Document */

* { margin: 0; padding: 0 }

body{margin:0 auto;font: normal .8em Georgia, "Times New Roman", Times, serif; color:#B3A749; background-color:inherit;}
h1{font-size:1.5em; text-transform:uppercase; color:#B3A749;/*background: url(images/content-header.jpg) no-repeat;*/ padding:3px 0 5px 30px;background-color:inherit;}
h2{font-size:1.3em; color:#818285; background-color:inherit;margin:-5px 0 10px 30px;}
h3{font-size:.9em; margin:0 0 10px 30px;}
h4{font-size:.9em;margin:0 0 0 30px;font:normal;}
h5{font-size:.75em;margin:0 0 0 30px;}
h6{font-size:110%;margin:0 0 0 30px;}
p {color:#5C6064; text-align:justify; margin:0 0 10px 30px;background-color:inherit;}
ul {list-style: none; }

a {text-decoration: none; color:#772017;}
a:hover{color:#D4CB8F;background-color:inherit;}

a img {border:0;}
map{border:0;}

/*layout*/

#body{margin:20px auto;width:804px;border:2px solid #636467; padding: 4px;}
#wrapper{margin:0 auto;width:800px; border:1px solid #636467; }

#header{ height:188px;margin:0; background: url(images/banner-header.jpg) no-repeat transparent ;}
#header .logo{position:absolute;margin:26px 0 0 24px;}
#header .navigation{ position:absolute; margin:140px 0px 0 0px; font-size:.9em;font-weight:bold;text-align:center;font-family:Arial, Tahoma,Verdana,sans-serif;}
#header .navigation ul { padding: 0; text-align:center;margin:0 10px 0 14px;}
@media screen and (-webkit-min-device-pixel-ratio:0) { /* hack for safari3.0*/
    #header .navigation ul { margin:0 10px 0 7px; }
}
#header .navigation ul li {display: block; float:left; line-height:20px;margin: 0 11px 0 0;}
@media screen and (-webkit-min-device-pixel-ratio:0) { /* hack for safari3.0*/
    #header .navigation ul li{ margin:0 6px 0 0; }
}
#header .navigation ul li a {text-transform:uppercase;color:#2F2F2F; text-align:center;}
#header .navigation ul li a:hover, a:active{border:0;color:#D4CB8F; background-color:inherit;}

/* HEADER BANNER-2 */
#header2{ height:188px;margin:0; background: url(images/banner-header.jpg) no-repeat transparent ;}
#header2 .logo{position:absolute;margin:26px 0 0 24px;}
#header2 .navigation{ position:absolute; margin:140px 0px 0 0px; font-size:.9em;font-weight:bold;text-align:center;font-family:Arial, Tahoma,Verdana,sans-serif;}
#header2 .navigation ul { padding: 0; text-align:center;margin:0 10px 0 14px;}
@media screen and (-webkit-min-device-pixel-ratio:0) { /* hack for safari3.0*/
    #header2 .navigation ul { margin:0 10px 0 7px; }
}
#header2 .navigation ul li {display: block; float:left; line-height:20px;margin: 0 11px 0 0;}
@media screen and (-webkit-min-device-pixel-ratio:0) { /* hack for safari3.0*/
    #header2 .navigation ul li{ margin:0 6px 0 0; }
}
#header2 .navigation ul li a {text-transform:uppercase;color:#2F2F2F; text-align:center;}
#header2 .navigation ul li a:hover, a:active{border:0;color:#D4CB8F; background-color:inherit;}

#content{width: 800px; margin:-15px 0 0 0;background:url(images/sidebar.jpg) top left repeat;}
	#sidebar{width:178px; float:left; padding:60px 20px ; }
	.page{width:542px;float:right; background-color:#fff; color:inherit;padding:20px;}
	.page a {color:#772017;background-color:inherit;}
	
	.note-welcome{
		background:#FAFAFA; border:1px solid #EAEAEA; border-style:solid none;
		text-align:center; padding:5px 5px 5px 0px; margin:30 0 15px 30px; width:65%;
	}
	.note-welcome p{ margin:0 0 0 16px; line-height:21px;font-size:15px; }
	
	.note{
		margin:0 0 15px 30px ; border-bottom:1px dotted #EAEAEA;
	}
	.note-text{
			}
	.note p{
		font-size:14px;
		line-height:18px;
		margin:0 0 10px 0;
		font-style:italic;
	}
	.note-name{
		float:right; width:180px; background:#FAFAFA; border:1px solid #EAEAEA; border-style:solid none;
		text-align:center; padding:5px 5px 10px 5px;
	}
	p.note-name {
		font: 11px/16px normal arial, "Tahoma", Times, serif; 
	}

#sidebar ul{background-color:inherit;}
#sidebar ul li {position:relative; height:35px; font-weight:bold; margin:1px;}
#sidebar ul li a {display:block;text-transform:uppercase; position:relative;padding:5px 0 0 5px; font-size:.95em;color:#958900;}
#sidebar ul li a:hover, #sidebar ul li a:active{color:#FFF;background-color:inherit;}

#footer {color: #C7BD75;clear: both;border-top: 1px solid #C7BD75;padding:5px 0; margin:5px 0;background-color:inherit;text-align:center; font-weight:bold; font-family:Arial, Tahoma,Verdana,sans-serif;}
#footer a{color:#C7BD75;padding:4px;background-color:inherit;}
#footer a:hover{background-color:#AEA244; color:inherit;}

.line{border-top: 1px solid #C7BD75;height: 2px;margin:10px 0 5px 30px;}
.gallery_img { float:left; text-align:center;  margin:0 10px 5px 20px;}
.gallery_img_2 { text-align:center;  margin:0 10px 5px 20px; display:block;}
.gallery_img img, .gallery_img_2 img {border: 1px #cccccc solid; 	padding:2px; margin: 5px 10px;background-color:#e9e9e1; }
.gallery_img a:hover  {border:0;}
.img { text-align:center;  margin:0 0px 10px 30px;}
.img2 { text-align:center;}
.img3 { text-align:center;  margin:0 0px 10px 30px;}

.video { text-align:center;  margin:15px auto; border: 1px #cccccc solid; padding: 2px 4px;background-color:#e9e9e1; width:427px;}

.img img, .img3 img  {border: 1px #cccccc solid; padding:4px; margin: 5px 0 0 0;background-color:#e9e9e1; }
.button{margin: -58px 0 0 0px;text-align:center;}
.button a {color:inherit;}
.button a:hover {color:inherit; border:0;}
.block{border:3px solid #C5BB72;}
.block-letter{border:1px solid #CCC; padding:10px 30px 20px 0px;}
.block-app{border:1px solid #547343;padding:10px;margin:10px 0 0 0; font-size:12px;}
.block-app li{margin:0px;font-size:12px;}
.block-app h1 {padding:0px;}
.menu{height:37px; background:url(images/menu.png) repeat-x transparent;}
.menu-01{height:37px; background:url(images/nu_03.png) repeat-x transparent;}
.menu-02{height:37px; background:url(images/nu_06.png) repeat-x transparent;}
.menu-03{height:37px; background:url(images/nu_08.png) repeat-x transparent;}
.menu-04{height:37px; background:url(images/nu_10.png) repeat-x transparent;}
.menu-05{height:37px; background:url(images/nu_12.png) repeat-x transparent;}
.clearer{ clear:both;}
.right{float:right;margin:0px 0 10px 200px;position:absolute;}
.content{ margin: 0 0 10px 165px;}
.contact{ margin: 0 0 10px 75px;}
.firstletter {float: left;font-size: 4em;line-height: 1;font-weight: bolder;margin-right: 0.2em;font-family: Georgia, "Times New Roman", Times,serif; font-style:italic;}
.large{font-family: Georgia, "Times New Roman", Times, serif;text-transform:uppercase;}
.big{font-size:1.5em; font-weight:normal;}
.small{text-transform:lowercase;font-family: Georgia, "Times New Roman", Times, serif; font-style:italic;}
.top{margin:0;}
.red{color:#772017;}
.more{font-size:1em;}
.mb15{ margin-bottom:15px;}
.testi{margin-top:25px;}