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

h1 { color: #fff3a3; font-size: 22pt; font-family: arial; font-weight: bold; text-decoration: none; }
h1:hover { color: #ffed76; font-size: 22pt; font-family: arial; font-weight: bold; }

h2 { color: #ad2f2f; font-size: 14pt; font-family: arial; font-weight: bold; font-style: italic; text-align: left; margin: 6px 0 10px; padding-top: 0; padding-bottom: 10px; border-bottom: 1px dotted #838383; }
h3 { color: #70b5ff; font-size: 18pt; font-family: arial; font-style: normal; margin-top: 10px; padding-top: 15px; border-top: 1px dotted #767676; }
h4 { font-size: 14pt; text-decoration: underline; text-transform: capitalize; margin-top: 0; margin-bottom: 6px; }

a.whiteunderline { color: #fff; text-decoration: none; border-bottom: 1px dashed #bdbdbd; }
a.whiteunderline:hover { color: #fff; text-decoration: none; border-bottom: 1px dashed #ffd500; }

/*div*/

.top { width: 1027px; height: 160px; }

.logo { background-image: url(../volunteer_in_africa/img/volunteer_in_africa/san-logo.png); width: 458px; height: 91px; float: left; margin-top: 40px; margin-left: 20px; }

.top-txt { color: #29aaff; font-size: 18pt; font-family: georgia; font-style: italic; text-align: right; width: 400px; float: right; margin-top: 50px; margin-right: 50px; }

.nav { background-color: #2f2f2f; background-image: none; width: 1070px; height: 65px; border: solid 3px #4f4f4f; }

.cnt { width: 1020px; height: 1000px; }

img.side { float: none; margin-top: 10px; margin-bottom: 10px; }

.main { color: #f4f4f4; font-size: 11pt; font-family: arial; line-height: 16pt; background-image: none; background-repeat: no-repeat; background-position: center bottom; text-align: left; width: 580px; height: 1080px; float: left; margin-top: 23px; padding: 0 3px; }

.copyright { color: #d1d1d1; font-size: 8pt; font-family: arial; text-align: center; width: 1000px; margin-top: 30px; margin-bottom: 30px; padding-top: 20px; border-top: 1px dotted #797979; }

#sidebar { background-color: #312e2b; background-image: none; background-repeat: no-repeat; background-position: left top; width: 400px; height: 900px; float: right; margin-top: 20px; margin-right: 10px; padding-top: 10px; }

.donation { color: #5e5e5e; font-size: 8pt; font-family: arial; line-height: 11pt; background-color: #f4ead4; background-image: url(img/home.png); background-repeat: no-repeat; background-position: center; text-align: left; width: 93%; padding: 20px 10px 15px; border: solid 1px #bd9b68; }

img.sidebottom { float: right; margin-right: 10px; }

img.lock { float: right; margin-right: 5px; }

img#2 { margin-top: 20px; }


/*Accordion*/

#accordion {
	margin:20px 0px;
}

h3.toggler {
	cursor: pointer;
	border: 1px solid #f5f5f5;
	border-right-color: #ddd;
	border-bottom-color: #ddd;
	font-family: 'Andale Mono', sans-serif;
	font-size: 12px;
	background: #D2E0E6;
	color: #528CE0;
	margin: 0 0 4px 0;
	padding: 3px 5px 1px;
}

div.element p, div.element h4 {
	margin:0px;
	padding:4px;
}

blockquote {
	padding:5px 20px;
}

/*Donation Form*/

input.donation { color: #393939; font-size: 11pt; font-family: arial; background-color: #fff; background-image: none; width: 180px; height: 40px; margin-top: 8px; margin-left: 10px; padding: 7pt; border: solid 2px #b63232; }

input.submit { color: #e0e0e0; font-size: 11pt; font-family: arial; font-weight: bold; background-color: #cd3b4b; background-image: url(img/submitbutton.jpg); background-repeat: repeat-x; background-position: 0 bottom; text-decoration: none; text-align: center; width: 130px; height: 40px; float: none; padding: 7px 0; border: solid 2px; cursor: pointer; }
input.submit:hover { color: #fff; font-size: 11pt; font-family: arial; font-weight: bold; background-color: #cd3b4b; background-image: url(img/submitbutton2.jpg); background-repeat: repeat-x; background-position: 0 top; text-decoration: none; text-align: center; width: 130px; height: 40px; float: none; padding: 7px 0; border: solid 2px; outline: solid 1px #a8a8a8; cursor: pointer; }

/*P Styles*/

p { color: #484848; font-size: 11pt; font-family: arial; font-stretch: semi-expanded; font-style: normal; line-height: 16pt; text-decoration: none; text-align: left; text-indent: inherit; float: none; margin: 0; padding: 0; cursor: pointer; }

p2 { color: #f4f4f4; font-size: 13pt; font-family: arial; font-stretch: semi-expanded; line-height: 18pt; text-decoration: none; text-align: left; text-indent: inherit; margin: 0; padding: 0; }

p3 { color: #ffb44b; font-size: 11pt; font-family: arial; font-weight: normal; line-height: 16pt; text-decoration: none; }

p4 { color: #787878; font-size: 8pt; font-family: arial; line-height: 11pt; }


/*links*/

a.currency { color: #bb2d45; font-size: 9pt; font-family: arial; text-decoration: none; }
a.currency:hover { color: #bb2d45; font-size: 9pt; font-family: arial; text-decoration: underline; }
a.currency-sel { color: #fff; font-size: 9pt; font-family: arial; background-color: #bb2d45; text-decoration: none; padding: 2px; }

/*sidebar-info-boxes*/

div.infobox { color: #dcc48d; font-size: 13pt; font-family: arial; font-weight: bold; line-height: 17pt; text-align: left; width: 360px; margin-top: 20px; padding: 10px; border: dashed 1px; cursor: pointer; }
div.infobox:hover { color: #fff; font-size: 13pt; font-family: arial; font-weight: bold; line-height: 17pt; text-align: left; width: 360px; margin-top: 20px; padding: 10px; border: dashed 1px; cursor: pointer; }

a.greenlink { color: #77ff90; text-decoration: none; }
a.greenlink { color: #77ff90; text-decoration: underline; }