@charset 'utf-8';
/* CODE BY designOPTIONS */
/* GLOBAL */

body {
	background: #485ebe url(../images/bg-body.png) repeat-x center top;
	font-family: Georgia;
	font-size: 12px;
	color; #363636;
}

#headerbg { 
	width: 100%; 
	min-width: 971px; 
	height: 419px;
	margin-bottom: -419px;
	background: url(../images/bg-top.jpg) no-repeat center top;  
}

.header { 
	width: 971px;
	min-width: 971px;
	height: 265px;
	margin: auto auto;
	background: url(../images/bg-header.png) no-repeat center top;  
	display: block;
	clear: both;
}

#logo {
	width: 128px;
	height: 123px;
	margin: 35px 10px 10px 25px;
	background: url(../images/logo.png) no-repeat center center;
	display: block;
	float: left;
	text-indent: -9999px;
}

p, ul li { color: #363636; line-height: 1.3; }
a{ color: #a51b1b; text-decoration: none; }
a:hover { text-decoration: underline; }

#wrapper {
	width: 969px;
	padding: 0 1px 1px 1px;
	margin: auto auto;
	display: block;
	background: #fffef9;
	clear: both;
}

.contentarea {
	width: 867px;
	min-height: 500px;
	padding: 50px;
	border: 1px solid #8a98c3;
	border-top: none;
	background: #fffef9;
}

/* NAVIGATION */
#navi { width: 969px; height: 34px; background: url(../images/bg-navi.png) repeat-x left top; }

.navi-list { 
	width: 747px;
	display: block;
	margin: auto auto;
}

.navi-list li a{ display: block; float: left; text-indent: -9999px; }
.hm, .dr, .abt, .vm, .cb, .ct { height: 34px; background: url(../images/sprite-navi.png) no-repeat; }

.hm { width: 82px; background-position: 0 0; }
.dr { width: 103px; background-position: -82px 0; }
.abt { width: 104px; background-position: -185px 0; }
.vm { width: 153px; background-position: -289px 0; }
.cb { width: 189px; background-position: -442px 0; }
.ct { width: 116px; background-position: -631px 0; }

.hm:hover { background-position: 0 -34px; }
.dr:hover { background-position: -82px -34px; }
.abt:hover { background-position: -185px -34px; }
.vm:hover { background-position: -289px -34px; }
.cb:hover { background-position: -442px -34px; }
.ct:hover { background-position: -631px -34px; }

.sel1, .sel1:hover { background-position: 0 -68px; }
.sel2, .sel2:hover { background-position: -82px -68px; }
.sel3, .sel3:hover { background-position: -185px -68px; }
.sel4, .sel4:hover { background-position: -289px -68px; }
.sel5, .sel5:hover { background-position: -442px -68px; }
.sel6, .sel6:hover { background-position: -631px -68px; }

/* INDEX PAGE */
.upperpart, .lowerpart { clear: both; }
.lowerpart { padding-top: 34px; float: left; }
#img-president { width: 216px; height: 291px; padding: 18px; background: url(../images/img-PESPAPresident.jpg) no-repeat center top; float: left; margin-right: 48px; }
#pres-msg { font: italic 14px Georgia; color: #363636; display: bloc; float: left; margin-top: 200px; }
.aboutus { margin-bottom: 20px; padding-bottom: 10px; border-bottom: 1px solid #CDC8AA; }
.aboutus h3 { width: 104px; height: 27px; background: url(../images/h3-pespa.png) no-repeat center top; display: block; clear: both; text-indent: -9999px; }
.aboutus p { margin-bottom: 10px !important; }
.accomplishments h3 { width: 117px; height: 15px; margin: 10px 0; background: url(../images/h3-accomplishments.png) no-repeat center top; display: block; clear: both; text-indent: -9999px; }
.accomplishments ul li { border-bottom: 1px dashed #989061; padding: 7px 0; margin: 0 0 0 14px !important; list-style: square outside none; }

.col1, .col2, .col3{
	width: 251px;
	margin-right: 48px;
	padding-bottom: 20px;
	float: left;
	background: url(../images/shadow.png) no-repeat center bottom;
}
.col1 { min-height: 580px; }
.col2 ul li{ border-bottom: 1px dashed #989061; padding: 10px 0; margin: 0 !important; }
.col2 { margin-left: 15px; min-height: 400px; }
.col2 h3 { background: url(../images/bg-news.png) no-repeat center top;  }
.col3 { margin-right: 0 !important; min-height: 400px; }
.col3 h3 { background: url(../images/bg-events.png) no-repeat center top; }
.col2 h3, .col3 h3 { width: 250px; height: 28px; text-indent: -9999px; margin-bottom: 20px; }

.formarea {
	width: 550px;
	height: 150px;
	margin-left: 15px;
	margin-bottom: 30px;
	float: left;
	display: block;
}

.formarea h3 { 
	width: 550px; 
	height: 27px; 
	max-width: 550px !important;
	margin-bottom: 0 !important;
	background: url(../images/h3-formdownloads.png) no-repeat center top; 
	display: block; 
	clear: both; 
	text-indent: -9999px; 
	border: none !important; 
}

.formarea ul { border-top: 1px solid #d4c9a7; margin-bottom: 10px; }
.formarea ul li { background: #fef9e7; padding: 5px 10px; border-bottom: solid 1px #d4c9a7; margin: 0 !important; }
.formarea ul li:hover { background: #f5ebca !important; display: block; }
.formarea ul li a { display: block; float: right; background: url(../images/download.png) no-repeat right center; padding-right: 20px; }
.formarea p { width: 430px; font: normal 10px Arial, Helvetica, sans-serif; color: #776f4f; display: block; float: left; }
.formarea .getadobe { width: 112px; height: 33px; display: block; float: right; background: url(../images/get_adobe_reader.gif) no-repeat center top; outline: none; text-indent: -9999px; }


#simplegallery { border: 6px solid #e1dbc8; font-size: 12px; float: right; }
#simplegallery .gallerydesctext {
	text-align: left;
	padding: 15px;
	height: 30px;
	font: normal 12px Arial, Helvetica, sans-serif;
	color: #fff;
}

/* INNER PAGES */
.partcol { width: 550px; }
.fullcol { width: auto; }
.partcol span{ color:#e24242; font-weight: bold; }

.contentarea h2{
	margin-bottom: 10px;
	font: bold 22px Georgia, Times New Roman, sans-serif;
	color: #2d3d71;
	display: block;
}

.contentarea h3 {
	max-width: 400px;
	margin: 30px 0 20px 0;
	font: normal 18px Georgia, Times New Roman, sans-serif;
	color: #2d3d71;
	display: block;
	border-bottom: dashed 1px #2d3d71;
	padding-bottom: 5px;
}

.nodash { border-bottom: none !important; margin-bottom: 0px !important; }

.contentarea h4 {
	margin-bottom: 5px;
	font: bold 16px Georgia, Times New Roman, sans-serif;
	color: #a51b1b;
	display: block;
}

.contentarea h5 {
	font: normal 14px Georgia, Times New Roman, sans-serif;
	color: #a51b1b;
	display: block;
}

.contentarea p { margin-bottom: 20px; line-height: 1.5; }
.contentarea ul li { margin: 7px 0; }
.contentarea ol { list-style: decimal; margin: -10px 0 20px 30px;}
.contentarea ol li { margin: 5px 0; line-height: 1.5; }

.visandmis { margin:30px; }
.visandmis h4 { font: italic 22px Georgia; display: block; width: 100%; border-bottom: 1px solid #A51B1B; margin-bottom: 10px; }
.visandmis p { font: italic 18px Georgia; }

.pdfview { margin: 20px auto; width: 850px; height: 600px; }
.maps { margin: auto auto; border: 6px solid #e1dbc8; }
#view { margin: 10px auto 0; display: block; text-align: center; }

.tableWrapper { width: 865px; margin: auto auto;}
.tableWrapper table{
	font: 11px normal Arial, Helvetica, sans-serif;
}
.tableWrapper table tr.table_header {
	background: #2d3d71;
	color: #fff;
	text-align: center;
	vertical-align: center;
}
tr.table_header .alt { padding: 9px 0; }
.tableWrapper table tr { background: #f9f6ee; text-align: center; }
.tableWrapper table tr th { padding: 9px 0; }
.tableWrapper table tr.alt td { background: #ece6d8; }
.tableWrapper table tr.over td { background: #e0d8c2; }

/* FOOTER */
.footer {
	width: 950px;
	height: 60px;
	padding-top: 20px;
	display: block;
	margin: auto auto;
	background: url(../images/bg-bottom.png) no-repeat center top;
	clear: both;
	text-align: center;
}

.footer p, .footer p a {
	margin: 3px 0;
	font-size: 11px;
	color: #fff;
}