html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: top;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
display: block;
}
html{ height:100%;}
body {
line-height: 1;
height:100%;
font-family:Arial, Helvetica, sans-serif;
background:url(images/body.jpg);
}
ol, ul {
list-style: none;
}
blockquote, q {
quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: '';
content: none;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
a{ text-decoration:none; color:#000;}
a:hover{ text-decoration:none; color:#00f;}
.green{
color:#990000;
}
a.gr{ text-decoration:none; color:#00f;}
a:hover.gr{ text-decoration:none; color:#ff0000;}
.clear{clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0}
.clearfix:before,.clearfix:after{content:'\0020';display:block;overflow:hidden;visibility:hidden;width:0;height:0}
.clearfix:after{clear:both}
.clearfix{zoom:1}
.textright{text-align:right;}
h1{font-size:24px; font-weight:normal; margin-bottom:20px;}
h2{font-size:16px; font-weight:bold; margin-bottom:20px; color:#39C}
.container{ position:relative; margin:0 auto; width:960px;}
.logowrapper{ width:940px; height:138px; margin:0 auto 0px auto; position:relative;}
.logo-ipma{
width:940px;
height:138px;
float:left;
}
.contact-top{ width:150px; height:40px; position:absolute; right:0; top:20px; text-align:right;}
.contact-top h2{ font-size:12px; text-transform:uppercase; text-align:right; color:#39F; margin:0; line-height:normal;}
.contact-top span{ font-size:12px; color:#000;}
.wrapper{width:940px; background:#fff; margin:0px auto 0 auto;
-moz-box-shadow: 0px 0px 10px #777;
-webkit-box-shadow: 0px 0px 10px #777;
box-shadow: 0px 0px 10px #777;
/* For IE 8 */
-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=0, Color='#ccc')";
/* For IE 5.5 - 7 */
filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=0, Color='#ccc'); overflow:hidden; position:relative;padding:10px;}
.logo{width:180px; height:142px; position:absolute; left:0; top:-60px; z-index:501}
.header{width:940px; height:490px; float:left; position:relative; margin:0; background:url(images/header-bg.png) no-repeat top;}
.nav{ width:940px; float:left; margin-bottom:4px; height:42px;}
/*.nav a{padding:14px 8px; display:inline-block; font-size:12px;}*/
.home-slider{ width:855px; height:434px; float:left; padding-left:85px; margin:0; position:relative;}
.header-all{width:940px; height:346px; float:left; position:relative; margin:0; background:url(images/header-bg.png) no-repeat top;}
.news{width:920px; border-bottom:1px solid #FC0; margin-bottom:10px; padding:10px; float:left;}
.news h2{ font-size:12px; font-weight:bolder; display:inline-block; margin-right:20px;}
.left{ width:600px; float:left; margin:10px 20px 10px 0;}
.left p{ font-size:13px; line-height:18px; margin-bottom:18px;}
.left ul{ margin:10px 0;}
.left li{ font-size:13px; list-style:disc; margin:4px 15px;}
.right{width:320px; float:left; margin:10px 0;}
.courses-block{ background:#f1f4df; padding:10px; width:280px; float:left; margin:0; border:10px solid #dadad7; }
.courses-block h2{color:#029428; font-size:14px; text-transform:uppercase; padding:5px; border-bottom:1px solid #dadad7; margin-bottom:10px; font-weight:bold}
.courses-block p{ font-size:12px; margin-bottom:18px; line-height:18px; padding:5px;}
.bottom-box{ background:#eaeaea; border-bottom:6px solid #fdb813; min-height:120px;}
.pic-title{ width:80px; padding:5px; border-right:4px solid #fff; min-height:110px;}
.pic-title h3{ font-size:15px; line-height:20px; text-transform:uppercase;}
.right-add{ padding:10px;}
.right-add p{text-align:center; margin-bottom:0px; font-size:12px; margin-bottom:5px; line-height:1.3em;}
.fleft{ font-size:11px; border-top:6px solid #fdb813; padding-top:10px;}
.fleft a{ padding:4px;}
.left1 ul{ margin:0px 0;}
.left1 li{ font-size:12px; list-style:disc; margin:4px 0 4px 15px; border-bottom:1px dashed #fff; padding-bottom:4px;}
.leftn{ width:940px; float:left; margin:10px 20px 10px 0;}
.leftn p{ font-size:13px; line-height:18px; margin-bottom:18px;}
h2.suv{ font-size:16px; line-height:20px; text-transform:uppercase; color:#036694; margin-bottom:6px; border-bottom:1px dashed #eaeaea;}
strong{ font-weight:bold}
h3.suv{ font-size:14px; line-height:20px; text-transform:uppercase; color:#036694; margin-bottom:6px; border-bottom:1px dashed #eaeaea;}
strong{ font-weight:bold}
#pad {height:140px;}
/* ================================================================
This copyright notice must be untouched at all times.
The original version of this stylesheet and the associated (x)html
is available at http://www.cssmenus.co.uk
Copyright (c) 2009- Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any
way to fit your requirements.
=================================================================== */
#menu {padding:0; margin:0; list-style:none; height:40px; position:relative; z-index:500; font-family:arial, verdana, sans-serif; }
#menu li {float:left; margin-right:1px;}
#menu li a {display:block; float:left; height:40px; line-height:40px; color:#000; text-decoration:none; font-size:12px; font-weight:bold; padding:0 24px 0 24px;}
#menu table {border-collapse:collapse; width:0; height:0; position:absolute; top:0; left:0;}
/* Default link styling */
/* Style the list OR link hover. Depends on which browser is used */
#menu li a:hover {z-index:200; position:relative;color:#fff; background-color:#c60;}
#menu li:hover {position:relative; z-index:200;}
#menu li:hover > a {color:#fff; background:#c60;}
#menu li:hover > a.sub {color:#fff; background-color:#c60;}
#menu li.current a {color:#fff; background:#840;}
#menu li a.sub {background: url(down-arrow.gif) no-repeat right center;}
#menu li.current a.sub {color:#fff; background:#840 url(down-arrow.gif) no-repeat right center;;}
#menu :hover ul {left:0; top:40px; width:220px; background:#444;}
/* keep the 'next' level invisible by placing it off screen. */
#menu ul,
#menu :hover ul ul {position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}
#menu :hover ul :hover ul
{left:120px; top:-1px; background:#222; white-space:nowrap; width:100px; z-index:200; height:auto;}
#menu :hover ul li {margin:0; border-top:1px solid #666;}
#menu :hover ul li a {width:200px; padding:0; text-indent:10px; background:#333; color:#ccc; height:30px; line-height:30px;}
#menu :hover ul li a.fly {background:#333 url(right-arrow.gif) no-repeat right center;}
#menu :hover ul :hover {background-color:#c60; color:#fff;}
#menu :hover ul :hover a.fly {background-color:#c60; color:#fff;}
#menu :hover ul li.currentsub a {background:#840; color:#fff;}
#menu :hover ul li.currentsub a.fly {background:#840 url(right-arrow.gif) no-repeat right center; color:#fff;}
#menu :hover ul :hover ul li a {width:100px; padding:0; text-indent:10px; background:#3e3e3e; color:#ccc;}
#menu :hover ul :hover ul :hover {background-color:#d70; color:#fff;}
#menu :hover ul :hover ul li.currentfly a,
#menu :hover ul :hover ul li.currentfly a:hover {background:#840; color:#fff;}
/*
Slideshow
*/
#slides {
position:absolute;
top:0px;
left:0px;
z-index:100;
}
/*
Slides container
Important:
Set the width of your slides container
Set to display none, prevents content flash
*/
.slides_container {
width:940px;
overflow:hidden;
position:relative;
display:none;
}
/*
Each slide
Important:
Set the width of your slides
If height not specified height will be set by the slide content
Set to display block
*/
.slides_container a {
width:940px;
height:434px;
display:block;
}
.slides_container a img {
display:block;
}
.album{ float:left; margin-left:5px; margin:0 5px 10px 5px; width:160px; min-height:178px; padding:6px; border:1px solid #ccc; border-bottom:3px solid #FC0; }
.album p{ text-align:center; margin:5px; font-size:13px; line-height:18px;}
.album a:hover{ color:#36F;}
#gallery {margin:5px 0;}
#gallery li{ float:left; margin-left:5px; width:160px; padding:6px; border:1px solid #ccc; list-style:none; }
#gallery li a{ display:block;}
#gallery li img{width:160px;}
.table{ border-collapse:collapse; width:100%;}
.table td{ padding:3px; font-size:12px;}
#blanket {
background-color:#111;
opacity: 0.65;
*background:none;
position:absolute;
z-index: 9001;
top:0px;
left:0px;
width:100%;
}
#popUpDiv {
position:absolute;
background:url(seminar.png) no-repeat;
width:500px;
height:333px;
border:5px solid #000;
z-index: 9002;
}
#popUpDiv a {position:relative; top:310px; left:430px}