/*General elements */
body  { font-family: Georgia, Arial, sans-serif; background: #ffffff; margin: 0 0 0 0; behavior: url("scripts/csshover.htc"); }
a { font-size: 90%; text-decoration: none; color: #335277; }
	a:hover  { color: #ea5d00; text-decoration: underline; }
	a:active { color: #928dbd; text-decoration: none; }
	a:visited { color:#335278; }
	a.doc { font-size: 101%; font-weight:bold; target-new: window; }
	
img.logoimg { width: 147px; height: 70px; border: 0px; }
img.boximg { width: 180px; height: 120px; border: 0px; }
img.infoimg { width:180px; height:120px; border: 0px; float: right; padding-top: 10px; padding-bottom: 10px; padding-left: 10px;}
img.infoportraitimg { width:120px; height:180px; border: 0px; float: right; padding-top: 10px; padding-bottom: 10px; padding-left: 10px;}
img.portraitimg { width:85px; height:99px; border: 0px; float: left;  padding-top: 5px; padding-bottom: 10px; padding-right: 10px;}

/** Menu Bar and list elements **/
.menuBar { border: 0px solid #0033ff; }
/* width is 93px x 5 items plus 5px used for padding and 30px for explorer 6.0*/
div#menu { float: left; position: relative; left: 0px; z-index: 1; width: 500px; }

/*controls open menu */
div#menu ul { margin:0; padding:0; list-style: none; border: 0px solid; border-color: #dedede; border-width: 0 1px; font-size: 90%; }

/*controls ancor items */
div#menu>ul a { width: auto; color: #335277; }
div#menu>ul a:hover { color:#335277; } 

/*blocks second level open menu from appearing without hover */
div#menu ul.levelOne li.openMenu:hover ul.levelTwo { display: block; }

/*blocks third level open menu from appearing without hover */
div#menu ul.levelOne li.openMenu:hover ul.levelTwo, div#menu ul.levelTwo li.openMenu:hover ul.levelThree { display: block; }

/*position open menus */
div#menu ul.levelTwo { top: 1.6em; right: -1px; }
div#menu ul.levelTrhee { top: 0px; right: 10em; }


/* controls menu main bar */

div#menu li { background-color: #f5f5f5; position: relative; margin: 0 0 0 0; border-bottom: 0px solid #dedede; display: block; float: left; width: 93px; }
/*ancore layer */
div#menu li a { display: block; text-decoration: none; margin-right:2px; padding: 2px 1px 2px 5px; width: 93px; }

/* controls hover items in the main menu bar */
div#menu li:hover { background-color: #dfdfdf; border: 0px solid #fffffd; color: #335277; }
* html div#menu li { float: left; }

/* controls hover items that open Second level menus */
div#menu li.openMenu { border: 0px solid #fffffd; }

/*controls second level menus design. Missing image for using bg colors*/
div#menu li li { background-color: #f5f5f5; border: 1px solid #fffffd; color: #335277; z-index: 3; }
div#menu li li:hover { background-color: #f5f5f5; border: 1px solid #efefef; color: #335277; }

/*controls the unnumbered list level Two, parent to level Two items */
div#menu ul ul { position: absolute; left: 0; display: none; margin-top: -1px; width: 112px; border: 1px solid #efefef; }

div#menu ul ul li { background-color: #f5f5f5; width: 112px; border: 1px solid #dedede; }

/* controls hover items that open Third level menus */
div#menu li.openMenu li.openMenu { background: url("openMenu") no-repeat center right; } 
/*controls hover behavior of items that open Third level menus */
div#menu li.openMenu li.openMenu:hover { background-color: #dfdfdf; border: 1px solid #fffffd; }

/*controls the unnumbered list level Two, parent to level Two items */
div#menu ul ul { position: absolute; left: 0; display: none; margin-top: -1px; width: 112px; border: 1px solid #efefef; }

div#menu li { background-color: #f5f5f5; position: relative; margin: 0 0 0 0; border-bottom: 0px solid #dedede; display: block; float: left; width: 93px; }
/*ancore layer */
div#menu li a { display: block; text-decoration: none; margin-right:2px; padding: 2px 1px 2px 5px; width: 93px; }

/* controls hover items in the main menu bar */
div#menu li:hover { background-color: #dfdfdf; border: 0px solid #fffffd; color: #335277; }
* html div#menu li { float: left; }

/* controls hover items that open Second level menus */
div#menu li.openMenu { border: 0px solid #fffffd; }

/*controls second level menus design. Missing image for using bg colors*/
div#menu li li { background-color: #f5f5f5; border: 1px solid #fffffd; color: #335277; z-index: 3; }
div#menu li li:hover { background-color: #dfdfdf; border: 1px solid #efefef; color: #335277; }

/*controls the unnumbered list level Two, parent to level Two items */
div#menu ul ul { position: absolute; left: 0; display: none; margin-top: -1px; width: 112px; border: 1px solid #efefef; }

div#menu ul ul li { background-color: #f5f5f5; width: 112px; border: 1px solid #dedede; }

* html div#menu ul ul { margin-right: -1px; }



/* defines bullet style for unnumbered list */
ul.bullet { list-style-type: none; list-style-position: inside; list-style-image: url("../images/bullet_blue10_bg_f5.gif"); margin: 5px; padding: 5px; }
ul.bullet li {padding-left: 10px; }


/** basic page elements **/
.logo { height: 100px;}
/**.navbar { font-size : 90%; color: #335277; border: 0px solid #dedede; width: 100%; text-align: right;} **/
.boxes	{ direction:rtl; vertical-align:top; width: 25%; border: 1px solid  #dedede; font-size:95%; background-color: #f5f5f5; }
.table { direction:rtl; border: 0px solid #dedede; width: 100%; /*height: 100%;*/ cellspacing: 0; cellpadding:0; }
	.smalltd { width:8%; height:2%; border: 0px dashed #ff0002; }
	.largetd { width:84%; border: 0px solid #00ff00; align: center; }
	.smalltr { height:2%; border: 0px solid #0000ff;}
	.largetr { border: 2px solid #0000b8; position: top 3px; }
	.boxtr { /*valign: top; text-align: justify;*/ }
	.boxtdimg { direction:rtl; border: 0px solid #de2233; /*position: relative; left:17%; top: 2px; padding-bottom: 10px;*/ }
	.boxtdtxt { direction:rtl; border: 0px solid #dede99; font-size : 95%; padding-left:2%; padding-right:2%; text-align:right; /*position: relative; top: 3px;*/}

.info { direction:rtl; font-size : 95%; vertical-align: top; width: 100%; border: 1px solid  #dedede; font-size:95%; background-color: #f5f5f5; padding-left:2%; padding-right:2%; }

/** text elements **/
.header { text-align: left; font-size: 110%; font-family: Georgia; Garamond, Arial, sans-serif; font-weight: bold; color: #1d3755; }
.strong { font-size: 101%; font-weight:bold; }
.footer { text-align: center; font-size: 80%; font-family: Tempus Sans ITC, Georgia; Garamond, Arial, sans-serif; text-decoration: none; color: #a9a9a9; }
.portraitText { font-weight:normal; position:relative; left:5px; }