/*--------------- DEFAULT -----------------*/
body{
	margin:0; padding:0; background:#e9ddef ; color:#351046;
	font:normal 12px/16px Tahoma, Arial, Helvetica, sans-serif;
}
p, img, ul, a, form, input, h1, h2, h3 {margin:0; padding:0;}
ul{list-style:none;}
a{text-decoration:none; outline:none;}
.spacer{font-size:0; line-height:0; clear:both;}
img {border:none;}
form {width:450px;}
/*--------------- HEADER -----------------*/
#header {
	width:780px; margin:0 auto; background:url(images/header_bg.jpg) 0 0 no-repeat;
	height:256px; padding:0 0 0 0px;
}
#header div {width:504px; height:256px; float:left;}
#header div img { display:block;}
#header ul { 
	width:128px; height:185px; background:url(images/topmenu_bg.jpg) 0 0 no-repeat;
	padding:71px 0 0 22px; font-weight:bold; float:left;
}
#header ul li {
	background:url(images/topmenu_libg.gif) left bottom repeat-x;
	padding:0 0 1px 0;
}
#header ul li a {
	color:#351046; height:18px; display:block; padding:0 0 0 9px;
	background:url(images/bull_topmenu.gif) 0 40% no-repeat;
}
#header ul li a:hover {
	color:#ffffff;
	background:url(images/bull_topmenu_hover.gif) 0 40% no-repeat;
}
#header ul li span {
	color:#ffffff; height:18px; display:block; padding:0 0 0 9px; cursor:default;
	background:url(images/bull_topmenu_hover.gif) 0 40% no-repeat;
}
#header .active{color:#ffffff;}
/*------------------- BODY -----------------------*/
#body {
	width:768px; background:#e9ddef url(images/bodybg.jpg) 0 0 repeat-y;
	padding:29px 0 0 12px; margin:0 auto; color:#351046;
}
#body h1 {font-size:160%;clear:both;padding:10px 10px 15px 0px}
#body h2 {font-size:120%; padding:2px 0 5px 0;text-align:left}
#body h3 {font-size:110%; padding:2px 0 2px 0; font-style:italic;color:#78135e}
#body .pic {padding:2px; border:solid 1px #d1b9de; margin:2px;}
#body .left{float:left}
#body .right{float:right}
#body .clear{clear:both}
#body .center{vertical-align:middle;text-align:center}
.headimg {padding:10px 0px 5px 0px;}
/*----------- LEFT PANEL ----------*/
.leftPanel {width:228px; float:left; padding:0 30px 0 0;font:normal 11px/15px Tahoma, Arial, Helvetica, sans-serif;} 
.leftPanel form {
	background:#D8CDB4; padding:1px 1px 15px 1px; color:#351046; margin:0 0 37px 0;
}
.leftPanel h2 {font-size:120%; padding:2px 0 0 5px; margin:20px 0px 0px 10px; }
.leftPanel p {padding:24px 4px 0 12px;	clear:both;}

.leftPanel a.readmoreBtn {
	color:#78135e; text-decoration:underline; font-weight:bold; float:right;
	font-size:11px; background-color:#e9ddef;
}
.leftPanel a.readmoreBtn:hover {text-decoration:none;}

.leftPanel ul {list-style-type:disc; padding:4px 4px 0 25px;}
.leftPanel ul li {padding:0 0 2px 2px;}
.leftPanel a {color:#78135e; text-decoration:underline; background-color:#e9ddef;}
.leftPanel a:hover {text-decoration:none;}

.leftPanel .leftpic {padding:2px; border:solid 1px #d1b9de; margin-top:5px; clear:left}
.leftPanel .imgcaption{text-align:center; font-style:italic;width:100%}
.leftPanel .filler{padding-bottom:260px;}
.leftPanel .bottom{vertical-align:text-bottom}
/*----------- RIGHT PANEL ----------*/
.rightPanel {
	width:500px; float:left; padding:0 0 15px 0;
}
.rightPanel p {padding:10px 10px 10px 3px;}
.rightPanel p.readmore {
	height:16px; background:url(images/midline_bg.gif) 0 50% repeat-x;
	margin:0 9px 10px 6px; padding:0;width:100%;
}
.rightPanel a.readmore {
	background:#e9ddef url(images/readmore_bg.gif) 0 0 no-repeat; display:block; width:58px;
	height:16px; float:right; color:#e9ddef; text-align:center;
	font:bold 10px/15px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif
}
.rightPanel a.readmore:hover {
	color:#ffffff; background:#e9ddef url(images/readmore_bg.gif) 0 0 no-repeat;
}
.rightPanel ul.images li {float:left; padding:0 1px 0 0;list-style-type:none}
.rightPanel ul {padding:5px 10px 15px 15px;float:left;list-style-type:disc}
.rightPanel ul li {padding:0 0 2px 0px;}

.rightPanel a {color:#78135e; text-decoration:underline; background-color:#e9ddef;}
.rightPanel a:hover {text-decoration:none;}

.rightPanel .filler{vertical-align:middle;text-align:center;padding-top:20px;clear:both}
.rightPanel .col{width:230px; text-align:center;float:left}
.rightPanel .col p{text-align:center; font-style:italic;}
.rightPanel table{width:480px;}
.rightPanel table h1, h2{text-align:center}
.rightPanel td{text-align:left;border:solid 1px #d1b9de;padding:5px;}
.rightPanel .tright{text-align:right}
.rightPanel td .col1{width:300px}
/*----------- FOOTER ----------*/
#footer {
	width:780px; margin:0 auto; padding:25px 0 0 0; color:#351046;
	background:#e9ddef url(images/footer_bg.gif) 0 0 repeat-x;
}
#footer ul {font-weight:bold; width:616px; margin:0 auto; text-align:center;list-style-type:none}
#footer ul li { float:left; padding:0 1px;display:inline-block;width:100px}
#footer ul li a {padding:1px 10px; color:#351046; display:block; background:#e9ddef;}
#footer ul li a:hover {color:#e9ddef; background:#78135e;}

#footer p {clear:both; padding:8px 0 17px 0; font-size:11px; text-align:center;}
#footer p a{ color:#351046; text-decoration:none;font-weight:bold}
#footer p a:hover{ text-decoration:underline;}
/*--------------- general -----------------*/
.centerAlign {text-align:center;}
.filler {padding-bottom:25px;}
/*--------------- popup -----------------*/
.popup p {padding:10px 10px 20px 10px;}
.popup h2 {font-size:120%; padding:2px 0 5px 10px;}
.popup h3 {font-size:110%; padding:2px 0 2px 10px; font-style:italic;color:#78135e}