@import url("/css/reset.css");

body {

	background-image: url(/images/back.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 16px;
}

div#frame {
	width: 780px;
	/*margin: 69px auto;*/
	margin: 0 auto 50px auto;
	background-image: url(/images/frame.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	
	padding: 0 17px;
}

ul#skip {
	width: 780px;
	height: 69px;
	margin: 0 auto;
}

ul#skip li {
	display: inline;

}

ul#skip li a {
	display: block;
	float: left;
	padding: 10px;
	margin-top: -999px;
}

ul#skip li a:focus, ul#skip li a:hover {
	color: #fff;
	background: #A28973;
	margin-top: 0;
}

#footer {
	width: 780px;
	border: 2px solid #f1f1f1;
	border-top-width: 0;
	padding: 20px 10px 10px 10px;
	margin: 0 auto 30px auto;
	font-size: 80%;
	clear: both;
}

#footer ul {
	padding: 10px;
	background: #F3EFDB;
	height: 1.2em;
}

#footer ul li {
	width: 50%;
	float: left;
}

img#banner {
	margin-top: -37px;
}

ul {
	display: block;
}

ul#language {
	text-align: right;
	margin-top: 4px; 
	margin-bottom: 20px;
}

ul#language li {
	display: inline;
}

ul#language a, .back {
	color: #000;
	font-weight: bold;
	font-size: 80%;
	font-family: Arial, Helvetica, sans-serif;
	padding-left: 10px;
	text-decoration: none;
}

ul#language a:hover, .back:hover {
	color: #7A3529;
	text-decoration: underline;
}

ul#navigation {
	width: 135px;
	margin-top: 80px;
	float: left;
}

ul#navigation li {
	text-align: center;
	font-size: 18px;
	padding-bottom: 18px
}

ul#navigation li a {
	color: #000;
	text-decoration: none;
}

ul#navigation li a:hover {
	color: #7A3529;
	text-decoration: underline;
}

#content {
	width: 585px;
	line-height: 1.65;
	margin-left: 180px;
	padding-right: 15px;
}

h1 {
	color: #7A3529;
	margin-bottom: 0.6em;
}

h2 {
	color: #59261E;
	margin: 1em 0 0.6em 0;
}

h3 {
	margin-bottom: 0.8em;
}

#content p, #content ul, #content ol { 
	margin-bottom: 1em;
}

#content ul {
	padding-left: 2em;
}

#content ul li { 
	list-style-type: disc; 
}

a {
	color: #633
}

blockquote {
	display: block;
	margin: 2em 0;
	padding: 0 15%;
	font-weight: bold;
	font-style: italic;
/*	background-image: url(/images/quotes.gif);
	background-repeat: no-repeat;
	background-position: 3% 15%;*/
	text-align: center;
}

.right {
		text-align: right;
}


.centre {
		text-align: center;
}

.hide {
	display: none;
}

.back {
	display: block;
	margin-top: 20px;
	text-align: right;
	clear: both;
}

.arabic {
	direction: rtl;
	font-size: 140%;
}

/***********************************************
 FORMS
***********************************************/

label {
	display: block;
	font-weight: bold;
}

input[type="text"], textarea {
	width: 280px;
	background: #FAF8F1;
	border: 1px solid #ddd;
	border-top: 1px solid #aaa;
	border-left: 1px solid #aaa;
	padding: 3px;
}

textarea {
	width: 350px;
}

input[type="submit"], input[type="reset"]  {
	padding: 5px 8px;
	margin-right: 10px;
	border: 1px solid #333;
	background: #C2B5A4;
	font-size: 85%;
	font-weight: bold;
}

#content form ul {
	list-style-type: none;
	padding: 0;
	margin: 0;
}

#content form ul li {
	list-style-type: none;
	list-style: none;
	padding-bottom: 1em;
}

/* ---------- Double-spaced List
--------------------------- */
#content ul.double-space,
#content ol.double-space {
	padding-bottom: 0;
	margin-bottom: 0;
}

/* Apply a space after a list item */
#content ul.double-space li,
#content ol.double-space li {
	padding-bottom: 1em;
}

/* Include a space at the top of the list */
#content ul.double-space ul,
#content ol.double-space ol,
#content ul.double-space ol,
#content ol.double-space ul {
	padding-top: 1em;
}


/* Remove the extra spacing after the list */
#content ul.single-space,
#content ol.single-space {
	margin-bottom: 0;
}

/* Remove the extra space after the list item. */
#content ul.single-space li,
#content ol.single-space li {
	padding-bottom: 0;
}

/***********************************************
 Components
***********************************************/

div.notice {
	border: 2px solid #C4B4A4;
	padding: 10px;
	margin-bottom: 1em;
}

a.rss {
	float: right;
	margin-top: 5px;
}

a.rss img {
	border-width: 0;
}