body { color: black; background-color: #131313; background-image: url(img/background.jpg); background-repeat: repeat; background-position: center top; }

p {}

p.set { color: #242424; font-size: 8pt; font-family: arial; line-height: 12pt; background-color: #fff; text-decoration: none; width: 500px; height: 30px; float: right; min-width: 500px; min-height: 30px; }

p.twelve { color: #e5e5e5; font-size: 12pt; font-family: arial; line-height: 14pt; margin-left: 8px; }

p.list_one { color: black; font-size: 12pt; font-family: arial; line-height: 14pt; width: 300px; margin-left: 8px; float: left; }
p.list_two { color: black; font-size: 12pt; font-family: arial; line-height: 14pt; width: 300px; margin-left: 8px; float: right; }

p.header { color: #63a2ce; font-size: 20pt; font-family: georgia; font-weight: normal; font-style: italic; line-height: 20pt; background-image: none; text-transform: none; text-align: left; width: 700px; height: 80px; float: right; margin-top: 30px; margin-right: 10px; padding: 4px; border: none; }

td {}

a {}

a.letter { color: black; font-size: 8pt; font-family: arial; line-height: 12pt; text-decoration: underline; }
a.letter:hover { color: black; font-size: 8pt; font-family: arial; line-height: 12pt; text-decoration: none; }

a.box-slide { color: #2770bd; font-size: 24pt; font-family: arial; font-weight: bold; line-height: 30pt; text-decoration: none; text-align: left; position: relative; width: 250px; float: right; padding-top: 20px; padding-left: 10px; cursor: pointer; }
a.box-slide:hover { color: #d64e4e; font-size: 24pt; font-family: arial; font-weight: bold; line-height: 30pt; text-decoration: none; text-align: left; position: relative; width: 250px; float: right; padding-top: 20px; padding-left: 10px; cursor: pointer; }

a.box-video { color: #2770bd; font-size: 20pt; font-family: arial; font-weight: bold; line-height: 24pt; text-decoration: none; text-align: left; position: relative; width: 250px; float: left; padding-top: 20px; padding-right: 10px; cursor: pointer; }
a.box-video:hover { color: #d64e4e; font-size: 20pt; font-family: arial; font-weight: bold; line-height: 24pt; text-decoration: none; text-align: left; position: relative; width: 250px; float: left; padding-top: 20px; padding-right: 10px; cursor: pointer; }

a.small { color: #fff; font-size: 10pt; font-family: arial; font-weight: bold; line-height: 16pt; background-color: #000; text-decoration: none; text-align: left; height: 20px; padding-top: 3px; padding-left: 6px; padding-right: 6px; border: solid 3px #000; }
a.small:hover { color: #000; font-size: 10pt; font-family: arial; font-weight: bold; line-height: 16pt; background-color: #e4e4e4; text-decoration: none; text-align: left; height: 20px; padding-top: 3px; padding-left: 6px; padding-right: 6px; border: solid 3px #e4e4e4; }

a.side-bar-links { color: #fff; font-size: 11pt; font-family: arial; font-weight: bold; background-color: #63a2ce; background-image: none; background-repeat: repeat-x; background-position: 0 bottom; text-decoration: none; text-align: left; width: 199px; height: 20px; float: left; min-width: 199px; margin-bottom: 2px; padding: 10px; border: solid 3px #2572a8; }
a.side-bar-links:hover { color: #393939; font-size: 11pt; font-family: arial; font-weight: bold; background-color: #efdf8e; text-decoration: none; text-align: left; width: 199px; height: 20px; float: left; min-width: 199px; margin-bottom: 2px; padding: 10px; border: solid 3px #cfb447; }

a.salama { color: #393939; font-size: 11pt; font-family: arial; font-weight: bold; background-color: #efdf8e; text-decoration: none; text-align: left; width: 199px; height: 20px; float: left; min-width: 199px; margin-bottom: 2px; padding: 10px; border: solid 3px #cfb447; }
a.salama:hover { color: #393939; font-size: 11pt; font-family: arial; font-weight: bold; background-color: #efdf8e; text-decoration: underline; text-align: left; width: 199px; height: 20px; float: left; min-width: 199px; margin-bottom: 2px; padding: 10px; border: solid 3px #cfb447; }


a.bottom { color: white; font-size: 9pt; font-family: arial; text-decoration: none; padding-right: 4px; padding-left: 4px; }
a.bottom:hover { color: white; font-size: 9pt; font-family: arial; text-decoration: underline; padding-right: 4px; padding-left: 4px; }

a.currency { color: #505050; font-size: 9pt; font-family: arial; font-weight: bold; text-decoration: none; }
a.currency:hover { color: #000; font-size: 9pt; font-family: arial; font-weight: bold; background-color: #def7ff; text-decoration: underline; }
a.currency_sel { color: #505050; font-size: 9pt; font-family: arial; font-weight: bold; text-decoration: underline; }

a.slide { color: #ff1b1b; font-size: 10pt; font-family: arial; font-weight: bolder; text-decoration: none; }
a.slide:hover { color: #ff3535; font-size: 10pt; font-family: arial; font-weight: bolder; background-color: #000; text-decoration: underline; }

/* DIVs */

.container{ color: #323232; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; background-color: #131313; background-position: center top; width: 1020px; height: 650px; padding: 10px; outline-color: #8d8d8d; }

.sidebar { color: #878787; width: 220px; height: 100%; float: left; min-height: 400px; }

.header { background-image: url(img/salama-header.jpg); vertical-align: top; width: 1020px; height: 150px; }

.photo { background-image: url(img/salama-photo.jpg); vertical-align: top; width: 1020px; height: 300px; border-bottom: 5px solid #303030; }

.powerpoint { background-image: url(img/powerpointlink.jpg); width: 270px; height: 70px; float: left; margin-left: 270px; margin-top: 15px; padding-top: 210px; }
.powerpoint:hover { background-image: url(img/powerpointlink2.jpg); width: 270px; height: 70px; float: left; margin-left: 270px; margin-top: 15px; padding-top: 210px; }

.videolink { background-image: url(img/videolink.jpg); width: 270px; height: 70px; float: right; margin-right: 135px; margin-top: 15px; padding-top: 210px; }
.videolink:hover { background-image: url(img/videolink2.jpg); width: 270px; height: 70px; float: right; margin-right: 135px; margin-top: 15px; padding-top: 210px; }

.main-nav { background-color: #2f2f2f; background-image: none; width: 1070px; height: 55px; margin-bottom: 10px; border: solid 3px #4f4f4f; }

.logo { background-image: url(img/san.jpg); width: 337px; height: 63px; margin-top: 10px; margin-bottom: 10px; }

.about { color: #000; font-size: 20pt; font-family: arial; font-weight: bolder; line-height: 25pt; text-align: left; width: 400px; float: right; margin-top: 45px; }

.box { color: #cbcbcb; font-size: 13pt; font-family: arial; text-align: left; width: 750px; float: right; margin-right: 10px; margin-top: 1px; padding-bottom: 20px; border-bottom: 1px dotted #8e8e8e; }
.box-video-hold { width: 360px; height: 250px; float: right; }
.box-slide-hold { width: 356px; hegiht: 250px; float: left; }

.bottom { color: #fff; font-size: 9pt; font-family: arial; text-decoration: none; width: 950px; height: 30px; margin-top: 0; margin-bottom: 20px; padding: 10px ; border-top: 1px solid #818181; }

.donation { color: #5a5a5a; font-size: 12pt; font-family: arial; text-decoration: none; width: 120px; height: 20px; padding: 2px 5px; outline: solid 2px #e65b60; }

h1 { color: #dfdfdf; font-size: 20pt; font-family: georgia; font-weight: normal; text-align: left; margin-bottom: 10px; }

h2 { color: #e4e4e4; font-size: 15pt; font-family: arial; font-weight: bold; text-align: left; margin-bottom: 3px; }