/** portal template css **/

* {padding:0px; margin:0px;}

h1 {font-size:16px} h2 {font-size:14px; padding-top: 2px} #content-wrap{padding:5px}
#pColumnOne, #pColumnTwo, #pColumnThree, #pAds, #pBannerBox {overflow:visible; float:left; margin-bottom:10px} #pBannerBox {padding:0 10px}
#pBannerBox{background:#fff url('images/boxBottomBlue.gif') bottom repeat-x; width:663px; margin:0 0 5px 0; padding-bottom:10px; border:1px solid #ddd} 
#pDoubleWrap{float:left; width:690px; overflow:visible}

#pBannerBox h2 {padding-top:50px; background:url('images/featuredArticle.gif') 0px 10px no-repeat;}
#pVideo h2 {padding-top:50px; background:url('images/featuredVideo.gif') 0px 10px no-repeat;}

#pColumnOne, .pColumnTwo {width:340px; float:left; margin-right:5px} .pColumnTwo {width:328px; border:1px solid #ddd; padding:0 5px; background: #edfbff}

#pFavourites li {background:#fff url('images/selected.gif') left no-repeat; border: 1px solid #ddd; margin-top:5px; padding:5px 5px 5px 15px}
#pColumnOne h2 {border-top:1px solid #eee}

#pVideo {margin-bottom:5px} #pFavourites {}

#pColumnThree{float:right; width:248px; padding:5px; border:1px solid #ddd}
#pAds {float:right; width:250px; border:0px; padding: 0 5px; } #pAds ul {margin:0px;}

#pColumnThree{background:#fdfcf7 url('images/columnThree.gif') bottom repeat-x; margin-bottom:5px}
#pColumnThree ul {background:#fff url('images/boxBottomBlue.gif') bottom repeat-x; padding:5px; border:1px solid #ddd; margin-bottom:5px} #pColumnThree li {padding:2px; border-bottom:1px solid #eee}

#pFooter {clear:both; background: url(images/boxBottomBlue.gif) repeat-x bottom; border:1px solid #eee; height:20px; padding:8px 0}
#pFooter ul{text-align:center; overflow:visible; height:20px}
#pFooter li {display:inline; border-right:1px solid #000; padding: 0 1em 0 0; margin-right: 1em;}

#footer{margin-top:10px}

.pBlueHead, .pRedHead {background: url(images/pRedHead.jpg) top center; color:#fff; padding: 0px 5px} 
.pBlueHead {background: url(images/pBlueHead.jpg)}

h4 {width:306px; background:#fdfcf7 url('images/selected.gif') left no-repeat; border: 1px solid #ddd; display:inline; padding:0 10px; margin: 5px 5px 5px 0; float:left; cursor: pointer}
* html h4 {width:300px}

h4:hover {color:#f00}