/*pen campau - general presentation*/
body{margin:0;padding:0;font-family:"trebuchet ms", arial, verdana;font-size:.8em;color:#000000;}
.clear{clear:both;}
h2 {font-family:"trebuchet ms", arial, verdana;margin:0;padding:0;color:#FFFFFF;}
a, a:active{color:#000000;}
a:hover{text-decoration:none;}
a:visited{color:#333333;}

/*pen campau - specific formatting*/
#S4C-logo{width:759px;margin:auto;text-align:right;}
#S4C-logo p{display:block;float:left;margin:30px 0 0 30px;}
#S4C-logo p a{text-decoration:none;}
#main-wrapper{width:759px;margin:auto;background:url(../img/bk-top.jpg) no-repeat top left #ff7401; font-size:1.2em;}
#header{}
#header h1{display:block;width:413px;height:82px;background:url(../img/pen-campau-logo.gif) no-repeat top left;float:left;margin:0;padding:0;}
#header h1 span{display:none;}
#header h2.e_h-home{display:block;width:346px;height:82px;background:url(../img/e_h-home.gif) no-repeat top left;float:right;margin:0;padding:0;}
#header h2.e_h-brain-teaser{display:block;width:346px;height:82px;background:url(../img/e_h-brain-teaser.gif) no-repeat top left;float:right;margin:0;padding:0;}
#header h2.e_h-exam{display:block;width:346px;height:82px;background:url(../img/e_h-exam.gif) no-repeat top left;float:right;margin:0;padding:0;}
#header h2.e_h-draw{display:block;width:346px;height:82px;background:url(../img/e_h-draw.gif) no-repeat top left;float:right;margin:0;padding:0;}
#header h2.e_h-schools{display:block;width:346px;height:82px;background:url(../img/e_h-schools.gif) no-repeat top left;float:right;margin:0;padding:0;}
#header h2.e_h-profiles{display:block;width:346px;height:82px;background:url(../img/e_h-profiles.gif) no-repeat top left;float:right;margin:0;padding:0;}
#header h2.c_h-home{display:block;width:346px;height:82px;background:url(../img/c_h-home.gif) no-repeat top left;float:right;margin:0;padding:0;}
#header h2.c_h-brain-teaser{display:block;width:346px;height:82px;background:url(../img/c_h-brain-teaser.gif) no-repeat top left;float:right;margin:0;padding:0;}
#header h2.c_h-exam{display:block;width:346px;height:82px;background:url(../img/c_h-exam.gif) no-repeat top left;float:right;margin:0;padding:0;}
#header h2.c_h-draw{display:block;width:346px;height:82px;background:url(../img/c_h-draw.gif) no-repeat top left;float:right;margin:0;padding:0;}
#header h2.c_h-schools{display:block;width:346px;height:82px;background:url(../img/c_h-schools.gif) no-repeat top left;float:right;margin:0;padding:0;}
#header h2.c_h-profiles{display:block;width:346px;height:82px;background:url(../img/c_h-profiles.gif) no-repeat top left;float:right;margin:0;padding:0;}
#header h2 span{display:none;}
#nav-wrapper{margin:10px;background:url(../img/nav-bk.gif) repeat-x top;}
#nav_pencampau{height:52px;background:url(../img/nav-right.gif) no-repeat top right;}
#nav_pencampau ul{margin:0;padding:0;}
#nav_pencampau li{margin:0;padding:0;list-style:none;display:inline;}
#nav_pencampau li a{display:block;float:left;color:#ffcc33;height:38px;padding:15px 20px 0 11px;font-size:1.15em;text-decoration:none;background:url(../img/nav-div.gif) no-repeat top right;}
#nav_pencampau li a.first{background:url(../img/nav-left.gif) no-repeat top left;width:32px;padding:15px 0 0 0;}
#nav_pencampau li a.first span{display:none;}
#nav_pencampau li a:hover{color:#ffffff;}
#content{clear:both;}
#col1{float:left;width:387px;padding-left:10px;text-align:left;}
#col2{float:right;width:233px;padding-right:10px;}
.right-box{width:212px;height:55px;margin-bottom:10px;padding:110px 10px 0 10px;text-align:center;}
#right-box-1{background:url(../img/right-box1.gif) no-repeat top left;color:#ffffff;}
#right-box-1 a{color:#ffffff;}
#right-box-2{background:url(../img/right-box2.gif) no-repeat top left;color:#ffffff;}
#right-box-2 a{color:#ffffff;}
#footer{clear:both;background:url(../img/bk-bot.gif) no-repeat bottom;height:38px;color:#ffffff;text-align:right;padding:10px 25px 0 0;}
#home{background-color:#ff9c4b;margin:20px 0 0 0;padding:20px 20px 20px 20px;font-size:1.2em;}
#home h3{margin:0 0 10px 0;}
#brain-teaser{padding:10px 0 0 30px;font-size:1.2em;}
#brain-teaser-content {background-color:#ff9c4b;margin:20px 0 25px 0;padding:20px 20px 20px 20px;color:#000000;font-size:1.1em;}
#brain-teaser-last {background-color:#ff9c4b;margin:20px 0 0 0;padding:20px 20px 20px 20px;color:#000000;font-size:.8em;}
#brain-teaser-last h3 {margin: .4em 0 .4em 0; font-size: 1.1em;}
#exam{padding:10px 0 0 30px;}
#exam-content {background-color:#ff9c4b;margin:10px 0 10px 0;padding:20px 0 20px 20px;color:#000000;font-size:1.2em;}
#exam ul {margin:10px 0 0 20px;padding:0;font-size:1em;display:block;float:left;}
#exam ul li{list-style:none;color:#000000;display:block;}
#exam ul li span{display:block;width:2.5em;float:left;color:#ffffff;}
#exam-content ul {list-style-type:none;margin:0.7 0px .4em 0px;padding:0 0 0.4em 9px;line-height:1.3em;}
#exam-content ul li{list-style-type:none;padding:0.3em 0em 0.2em 25px;background:transparent url("../img/pdf_icon.gif") no-repeat bottom left; }
#home ul {list-style-type:none;margin:0.7 0px .4em 0px;padding:0 0 0.4em 9px;line-height:1.3em;}
#home ul li{list-style-type:none;padding:0.3em 0em 0.2em 25px;background:transparent url("../img/pdf_icon.gif") no-repeat bottom left; }
#profiles{padding:10px 0 0 30px;}
#profiles-presenter{background-color:#ff9c4b;margin:10px 0 10px 0;padding:0 20px 40px 20px;color:#000000;font-size:1em;width:420px;}
#profiles-presenter h3{color:#000000;margin:30px 0 0 0;}
#profiles-presenter h4{color:#303030;display:block;font-size:1em;margin:10px 0 0 0;padding:0;}
#profiles-content{background-color:#ff9c4b;margin:10px 0 0 0;padding:0 0 20px 20px;color:#000000;font-size:1em;width:440px;}
#profiles-content h3{color:#000000;margin:30px 0 10px 0;}
#profiles-content p{margin:7px 0 10px 0;}
#profiles-content h4{color:#303030;display:block;float:left;width:8em;font-size:1em;margin:0;padding:0;}
#profiles-content img{float:right;margin-right:10px;}
ul#draw{margin:0;padding:0;}
ul#draw li{display: block;width: 330px;float: left;list-style: none;margin: 10px 0 10px 20px;background-color:#ff9c4b;padding:10px;color:#000000;text-align:center;}
ul#draw li span.draw-school{display:block;float:left;width:140px;height: 70px;text-align:center;color: #000000;font-size:1.1em;}
ul#draw li span.draw-school-nadolig{display:block;float:left;width:140px;height:90px;text-align:center;color: #000000;font-size:1em;}
ul#draw li span.draw-v{float:left;width:30px;text-align:center;color:#b24106;}
ul#draw li span.draw-date{clear:both;text-align:right;display:block;float:none;font-style:italic;color:#303030;font-size:.9em;margin-top:5px;}
div.draw-h-on{margin:10px 0 10px 20px;font-size:1.5em;color:#FFFFFF;float:left;}
div.draw-h-on a{display:block;background:#fff;padding:10px;color:#000;text-decoration:none;}
div.draw-h-on a:hover {color:#333333;}
div.draw-h-off{margin:10px 0 10px 20px;font-size:1.5em;color:#FFFFFF;float:left;}
div.draw-h-off a{display:block;background:#ff9c4b;padding:10px;text-decoration:none;color:#fff;font-weight:normal;}
div.draw-h-off a:hover {color:#333333;}

div.draw-h-c-on{margin:10px -5px 10px 20px;font-size:1.3em;color:#FFFFFF;float:left;}
div.draw-h-c-on a,div.draw-h-c-on p{display:block;background:#fff;padding:10px;color:#000;text-decoration:none;}
div.draw-h-c-on a:hover {color:#333333;}
div.draw-h-c-off{margin:10px -5px 10px 20px;font-size:1.3em;color:#FFFFFF;float:left;}
div.draw-h-c-off a{display:block;background:#ff9c4b;padding:10px;text-decoration:none;color:#fff;font-weight:normal;}
div.draw-h-c-off a:hover {color:#333333;}
p.draw {margin:.3em 0 .3em 20px;}
em.w {font-size:0.8em; color:#009900; }
em.l {font-size:.8em; color:#FF0000; }
.hide {display:none;}