html, body { height:100% ; background: #f5f5f5;}
    *{background-image: none;}
    body { font-size: 62.5%; margin: 0 20px; padding: 0; font-family: Arial, sans-serif;}
    #site{width: 80%; margin: 0 auto 0 auto; background: #fff; padding: 1em; font-size: 1.2em; }

 /* paragraph & cell styles */
    .leftAlign { text-align: left;}
    .rightAlign { text-align: right;}
    .centered { text-align: center;}
    .justified { text-align: justify;}
    .spacer { clear: both; height: 1px; overflow: hidden;}
    p { line-height: 1.6;}
    p.h, h3.h {padding: 5px 0; margin: 0; clear: both;}
    strong { color: #111;}
    .u4-image-caption { font-size:0.8em ; color:#666 ; margin:0 ; padding:0 ; margin-left:0.5em ; }
    img {display:none;}
    a { color:#253687 ; text-decoration:none; } 
    a:hover { color:#0c839d ; text-decoration:underline ; }
	h2#logo a { text-decoration:none; }
    h1, h2#logo {font-size:1.9em ; font-weight:normal ; letter-spacing:0.1em ; padding:0;margin:0;}
    h2,h3,h4,h5 { color:#111;}
    h2 { font-size:1.8em ; font-weight:normal ; letter-spacing:0.1em ; }
    h3 { font-size:1.4em ; font-weight:normal ; }
    h4 { font-size:1.2em ; font-weight:bold ; }
    h5 { font-size:1.1em ; font-weight:bold ; }

/* naviList class to reduce redundancy */
    ul.naviList { margin:0 ; padding:0 ; list-style:none ; } 
    ul.naviList ul { margin:0 ; padding:0 ; list-style:none ; }
    ul.naviList li { margin:0 ; padding:0 ; }

    #supportNavi, #top, #breadcrumb, #footer, #topNavi {clear:both;}
    #supportNavi form { margin:0 ; padding:0 ; }
    #supportNavi li { float:left ; }
    #supportNavi li a { display:block ; padding:2px 5px ;}
    
    #logo{margin-bottom: 1em; }
    #help a, #language a{display: block;}
    #help, #language{margin: 0 0 1em 0;}

/* navigation */
    #topNavi li { float: left;}
    #topNavi li a {margin: 0; padding: 5px 10px 5px 0; display: block; float: left; background: none; color: #333; font-weight: bold; text-decoration: none; font-size: 1.1em;}
    * #topNavi li a {height: 1%;}
    #topNavi li a.selected {color: #f00;}

    #docNavi { padding:0 5px 5px 5px; margin-bottom:5px; border:1px solid #eee ; clear:both;}
    #docNavi li { display:inline ; }
    #docNavi li a { display:block ; padding:3px 0 ; background:#fff ; text-decoration:none ; color:#333 ; margin:2px 0 0 0 ; }
    #docNavi li a:hover { background:#fafafa ; color:#000 ; }
    #docNavi li a.open { color:#f00 ; } 
    #docNavi li li a { padding:2px 10px 2px 20px ; font-size:0.9em ; background:#fcfcfc ; border:none ; margin:0 ; }
    #docNavi li li li a { padding:2px 10px 2px 30px ; } /* add more as needed... */
    * html ul#docNavi a { height:1% ; }

    #footer{padding-top:5px ; margin-top:5px; border-top:1px solid #eee ; position:relative;}
    div#navigoCMS { font:10px Verdana, sans-serif ; color:#c7c9c8 ; position:absolute ; right:0 ; top:5px ; height:18px ; background:#fff ; width:148px ; }
    div#navigoCMS strong { color:#c7c9c8 ; }
    div#navigoCMS a { color:#c7c9c8 ; text-decoration:none ;}
    div#navigoCMS acronym { text-decoration:none ;border:none ; }

    #logo{background-image: none;}
    #logo span {display: inline; }

/* Liferay dock */
    .lfr-dock{position: relative;}
    .lfr-dock-list{background: none; display: block;}    

/* content elements */
/* news list */
    .newsList {}
    .newsList h4 { font-size:1.1em ; margin:0 ; padding:5px 0 ; border-top:1px solid #d9d9d9 ; }
    .newsList a, div.newsList a:hover { text-decoration:none ; }
    .newsList a:hover { color:#666 ; }
    .newsList h4 a { color:#111 ; }
    .newsList p { margin:0 ; padding:5px 0 ;}
    .newsList p a { color:#333 ; }
    .newsList span.readMore { color:#253687 }

 /* news document */
    .newsSummary { font-style:italic ; }

 /* highlight element */
    .highLight { border:5px solid #b5c4cf ; padding:5px ; }
    .highLight h3 { margin-top:0 ; padding-top:0 ; border-bottom:1px solid #ddd ; padding-bottom:5px ; } 

 /* 2col */
    .columnContainer { width:100% ; }
    .columnContainer .columns { width:47% ; margin-right:2% ; float:left;} 

/* tables */
/* common for all tables */
    #siteBody table {border-collapse: collapse;}
    #siteBody table td {vertical-align: top; padding: 0.3em;}
    .u4-table-default, .u4-table-visible-borders, .u4-table-stripe {margin:0 0 10px 0}
    .u4-table-visible-borders td, .u4-table-complete td {border-top:1px solid #ddd ; background:#fff ; }
    .u4-table-stripe-header, .u4-table-stripe-odd, .u4-table-complete-header2, .u4-table-complete-even {background:#f3f3f3}
    .u4-table-stripe-header2, .u4-table-stripe-even, .u4-table-complete-odd {background:#ffffff}
    .u4-table-complete-header td {background:#e8eff8; color: #fff; font-weight: bold;}

 /* sitemap */
    .siteMapDocumentLevel0 { padding:0.2em ; padding-left:2em ; }
    .siteMapDocumentLevel1 { padding:0.2em ; font-size:0.9em ; }