/* Normalizes margin, padding */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td 
{ margin : 0; padding : 0; }

/* Normalizes font-size for headers */
h1,h2,h3,h4,h5,h6 { font-size : 100%; }

/* Removes list-style from lists */
ol,ul { list-style : none; }

/* Normalizes font-style and font-weight to normal */
address, caption, cite, code, dfn, em, strong, th, var
{ font-style : normal; font-weight : normal; }

/* Removes list-style from lists */
table { border-collapse : collapse; border-spacing : 0; }

/* Removes border from fieldset and img */
fieldset,img { border : 0; }

/* Left-aligns text in caption and th */
caption,th { text-align : left; }

/* Removes quotation marks from q */
q:before, q:after { content :''; }

img {
	display: block;
}

/* style.css */

html 	{  
	background: #a07645;
	height: 100%;
}

body { 
	position : relative;
	width : 800px; 
	background: url(../images/bg.jpg) #fff no-repeat;
	min-height: 800px;
    height: auto !important;
    height: 800px;
	margin : 0 auto;
	font-size: 14px;
	color: #fff; 
	text-align : left;
	font-family: Arial, Helvetica, sans-serif;
}

.arabic_text {
	font-size: 16px;
	text-align: right;
}

.bigger {
	font-size: 36px;
}

p {
	padding: 5px 0px 5px 0px;
}

a {
	color: #fff;
}

a:hover {
	color: #f6db90;
}

.bold {
	font-weight: bold;
}

.italic {
	font-style: italic;
}

.nav {
	background: url(../images/nav_bg.jpg) no-repeat;
	position: absolute;
	top: 0px;
	left:  18px;
	height: 793px;
	width: 145px;
}

.nav ul {
	margin: 10px 0px 0px 17px;
}

.space {
	margin-bottom: 25px;
}

.home a, .about a, .photo a, .video a, .scholarship a, .artplan a, .post a, .contact a {
   	width: 114px;
  	height: 21px;
  	display: block;
}

.home a:hover, .about a:hover, .photo a:hover, .video a:hover, .scholarship a:hover, .artplan a:hover, .post a:hover, .contact a:hover  {
	background-position: -114px 0;
}

.research a {
   	width: 131px;
  	height: 21px;
  	display: block;
	margin-left: -10px;
}

.research a:hover {
	background-position: -131px 0;
}


.home a {
	background: url(../images/link_home.gif) 0 0 no-repeat;
}

.about a {
	background: url(../images/link_about.gif) 0 0 no-repeat;
}

.photo a {
	background: url(../images/link_photo.gif) 0 0 no-repeat;
}

.video a {
	background: url(../images/link_video.gif) 0 0 no-repeat;
}

.scholarship a {
	background: url(../images/link_scholarship.gif) 0 0 no-repeat;
}

.research a {
	background: url(../images/link_research.gif) 0 0 no-repeat;
}

.artplan a {
	background: url(../images/link_artplan.gif) 0 0 no-repeat;
}

.post a {
	background: url(../images/link_post.gif) 0 0 no-repeat;
}

.arabic_link a, .arabic_link a:hover {
	text-decoration: none;
}

.contact a {
	background: url(../images/link_contact.gif) 0 0 no-repeat;
}

/**************************************************************/
.right_col {
	position: relative;
	width: 600px;
	left: 184px;
}

.box_content {
	padding: 0px 28px 0px 28px;
	position: relative;
}

.heading {
	margin-bottom: 5px;
	position: relative;
	left: -5px;
}

.memory {
	margin-bottom: 20px;
}

.memory .box_content {
	background: url(../images/memory_content_bg.jpg) repeat-y;
	min-height: 240px;
	height: auto !important;
    height: 240px;
	position: relative;
}

.left {
	width: 332px;
	position: relative;
	min-height: 250px;
	height: auto !important;
    height: 250px;
}

.right {
	position: absolute;
	width: 180px;
	top: 0px;
	right: 25px;
}

.right p{
	font-size: 12px;
}

.no_underline {
	text-decoration: none;
}

.fundraiser .box_content {
	background: url(../images/fundraiser_content_bg.png) repeat-y;
	min-height: 130px;
	height: auto !important;
    height: 130px;
}

/*******************INTERNAL*************************/
.internal {
	margin-top: 30px;
}

.internal .box_content {
	background: url(../images/internal_content_bg.png) repeat-y;
	min-height: 560px;
	height: auto !important;
    height: 560px;
}

#about p, #research p {
	clear: both;
}

#about img, #research img {
	margin: 0px 10px 10px 0px;
}

/*************PHOTO GALLERY******************************/
.thumbnail{
	padding: 3px 3px 3px 3px;
	background-color: #a68c76;
	border: 1px solid #f8efc5;
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
	}	

.caption{ font-size: 0.9em; padding-top: 0.2em ;}

.photo_section {
	display:block; 
	clear:both;
}

.photocontainer .internal .box_content {
	background: url(../images/internal_content_bg.png) repeat-y;
	min-height: 1020px;
	height: auto !important;
    height: 1020px;
}