﻿body
{
    margin: 0;
    padding: 0;
    font: normal normal normal 9pt/14pt Tahoma;
    background: #fff url(../CSSImages/footer.jpg) repeat-x left bottom;
}

P
{
    direction: rtl;
    text-align: justify;
    font: normal normal normal 10pt/14pt Tahoma;
}

h1
{
    background: #fff url(../CSSImages/h1.jpg) repeat-x right center;
    height: 34px;
    padding: 11px 20px 0 0;
    font: normal normal bold 20px/20px 'times new roman';
}

#language
{
    position: absolute;
    top: 0;
    left: 0;
    text-align: left;
    direction: rtl;
    padding: 5px 0 0 0;
    z-index: 200;
}
#language span
{
    font: normal normal normal 11px/11px Tahoma;
}

#wrapper
{
    position: relative;
    margin: 0 auto;
    padding: 0;
    width: 980px;
}

#header
{
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
    height: 120px; /*435px; 	 	background: #fff url(../CSSImages/bannerPe.jpg) no-repeat center bottom;  */
}

#context
{
    position: relative;
    padding: 0;
    margin: 7px 0 50px 0; /*border: solid 1px red;*/
}

#sideMenu
{
    position: relative;
    margin: 5px 5px 20px 20px;
    clear: left;
    float: left;
    width: 240px;
    padding: 10px 15px;
    background: #ebead8 url('../CSSImages/sideMenu.jpg') no-repeat right top;
}

/* navigation tabs */
#topMenu
{
    position: absolute;
}
/*
#topMenu ul
{
	position: absolute;
	right: 0;
	margin: 0;
	list-style: none;
	font: normal normal bold 16px 'Times New Roman', Tahoma, 'Trebuchet MS', Arial, Sans-serif;
}
#topMenu li
{
	display: inline;
	margin: 0;
	padding: 0;
}
#topMenu a
{
	float: left;
	margin: 0;
	padding: 12px 0 0 0;
	text-decoration: none;
	height: 34px;
	width: 100px;
	text-align: center;
	color: #000;
}

#topMenu a:hover
{
	background: url(../CSSImages/button.png) no-repeat left top;
	background-position: 0% -47px;
	color: #3c3c3c;
}
#topMenu .current
{
	background: url(../CSSImages/button.png) no-repeat left top;
}

#topMenu .current a:hover
{
	background: url(../CSSImages/button.png) no-repeat left top;
	background-position: 0% -47px;
	color: #3c3c3c;
}*/

#logo
{
    position: absolute;
    top: 5px;
    right: 20px;
    width: 400px;
    height: 115px;
    background: url(../CSSImages/logoPe.jpg) no-repeat left top;
}
#logo .slogan
{
    position: relative;
    padding: 0;
    margin: 0;
    top: 105px;
    left: 295px;
    font: normal 14px Verdana;
    display: none;
}
/*
Horizontal Accordion
*/

.horizontal_accordion_toggle
{
    /* REQUIRED */
    float: left; /* This make sure it stays horizontal */ /* REQUIRED */
    display: block;
    height: 315px;
    width: 80px;
    background-color: #b1c241;
    color: #ffffff;
    text-decoration: none;
    outline: none; /*border-right: 1px solid #fff;*/
    cursor: pointer;
    margin: 0 0 0 0;
}

.horizontal_accordion_toggle_active
{
    /*border-right: 1px solid #fff;*/
    cursor: default;
}

.horizontal_accordion_content
{
    /* REQUIRED */
    width: 980px;
    height: auto; /* We need to define a height for the accordion as it stretches the width */
    float: left; /* This make sure it stays horizontal */ /* REQUIRED */
    overflow: hidden;
    background-color: #fff;
    color: #444444;
}
.horizontal_accordion_content p
{
    direction: ltr;
    width: 980px;
    line-height: 150%;
    padding: 5px 10px 15px 10px;
    padding: 0;
    margin: 0;
}

#horizontal_container
{
    margin: 0 auto;
    width: 980px;
    height: 315px;
}
/* ----------------------------- Home ----------------------------- */
#homeLeft
{
    clear: left;
    float: left;
    width: 290px;
    padding: 0 15px;
    margin: 0;
    font: normal normal normal 10pt/14pt Verdana, Tahoma, Arial;
    direction: rtl;
    text-align: justify;
}
#homeCenter
{
    float: left;
    width: 290px;
    padding: 0 15px;
    margin: 0;
    font: normal normal normal 10pt/14pt Verdana, Tahoma, Arial;
    border-left: 1px solid #000;
    direction: rtl;
    text-align: justify;
}
#homeRight
{
    float: left;
    width: 290px;
    font: normal normal normal 10pt/14pt Verdana, Tahoma, Arial;
    padding: 0 15px;
    margin: 0 0 20px 0;
    border-left: 1px solid #000;
    direction: rtl;
    text-align: justify;
}
/* ----------------------------------------------------------
#left
{
	clear: left;
	float: left;
	width: 230px;
	padding: 0 15px;
	font: normal normal bold 10pt/14pt 'times new roman';
	margin: 0 0 15px 0;
	direction: rtl;
}

#right
{
	float: right;
	text-align: justify;
	direction: rtl;
	font: normal normal normal 10pt/16pt tahoma;
	padding-left:35px;
	border-left: 1px solid #000;
	width: 650px;
}
*/

#notice
{
    font: normal normal bold 8pt/16pt tahoma;
    padding: 12px 14px 10px 14px;
    background: #f4f4f4 url(images/noticebg.gif) no-repeat bottom right;
    color: #808080;
}

#footer
{
    position: relative;
    padding: 10px 50px;
    font: normal normal normal .9em Tahoma;
    height: 185px;
    width: 875px; /*color: #cddb3c;*/ /*background: #383838 url(../CSSImages/footer.jpg) repeat-x left top;*/ /*height: 125px;*/ /*width: 955px;*/
    direction: rtl;
    text-align: center;
    color: #acacac;
}
#footer P
{
    padding: 1px;
    margin: 0;
}
#footer h2
{
    color: #fffffe;
    font-family: 'Times News Roman' , Arial;
    font-size: 2.5em;
    font-weight: bold;
    margin-bottom: 10px;
    letter-spacing: 0;
}
#footerOne
{
    float: right;
    width: 200px;
    text-align: right;
}
#footerTwo
{
    float: right;
    width: 200px;
    text-align: right;
}
#footerThree
{
    float: right;
    width: 200px;
    text-align: right;
}
#footerFour
{
    float: right;
    width: 200px;
    text-align: right;
}
#footer a
{
    color: #fff;
    text-decoration: blink;
}


/*------------------------ Subject ----------------------------- */
.subject
{
}
.subjectHeader
{
}
.subjectAdminPanel
{
    direction: ltr;
    text-align: left;
    border-top: double 3px maroon;
    border-bottom: solid 1px maroon;
}
.subjectBody
{
}
.subjectFooter
{
    clear: both;
    text-align: left;
    font: italic 10px/12px tahoma;
    color: #999999;
}

/* ==================== Homepage Divs ==================== */
#homeContents
{
}
/* ==================== Extra Divs ==================== */
#w3c
{
    display: none;
    visibility: hidden;
}
#stat
{
}
#extra1
{
}
#extra2
{
    display: none;
    visibility: hidden;
}
#extra3
{
    display: none;
    visibility: hidden;
}
#extra4
{
    display: none;
    visibility: hidden;
}
#extra5
{
    display: none;
    visibility: hidden;
}
#homeExtra1
{
    position: relative;
    margin: 1px 0;
}
#homeExtra2
{
    display: none;
    visibility: hidden;
}
