.branding-top {
	background: url(dnn_large_banner.png) no-repeat top left;
	width: 890px;
	height: 427px;
	clear: both;
	overflow: hidden;
}
.branding-top p {
	padding: 0px 60px 0 60px;
	font-size: 1.4em;
	color: #333;
}
.branding-bottom {
	clear: both;
	margin-top: 1em;
	overflow: hidden;
}
.branding-bottom ul {
	list-style: none;
	margin: 0;
	padding: 0;
	overflow: hidden;
	clear: both;
}
.branding-bottom li {
	list-style: none;
	margin: 0 10px 0 0;
	padding: 0;
	display: block;
	width: 170px;
	float: left;
}

.branding-bottom li.feeds {
	margin: 0;
}

.branding-bottom dl {
	background: url(itembg.gif) repeat-y;
	margin: 33px 0 0 0;
	padding: 0 10px;
}
.branding-bottom dd {
	margin-left: 10px;
	height: 66px;
}
.branding-bottom dt {
	font-size: 90%;
	text-align: center;
	padding-top: 65px;
	margin-bottom: 1.75em;
	font-weight: bold;
}
.branding-bottom .commmunity {
	background: url(community_title.gif) no-repeat top left;
}
.commmunity dt {
	background: url(community_icon.gif) no-repeat;
	background-position: 50% 10px;
}
.branding-bottom .marketplace {
	background: url(marketplace_title.gif) no-repeat top left;
}
.marketplace dt {
	background: url(marketplace_icon.gif) no-repeat;
	background-position: 50% 10px;
}
.branding-bottom .conferences {
	background: url(conferences_title.gif) no-repeat top left;
}
.conferences dt {
	background: url(conferences_icon.gif) no-repeat;
	background-position: 50% 10px;
}
.branding-bottom .training {
	background: url(training_title.gif) no-repeat top left;
}
.training dt {
	background: url(training_icon.gif) no-repeat;
	background-position: 50% 10px;
}
.branding-bottom .feeds {
	background: url(feeds_title.gif) no-repeat top left;
}
.feeds dt {
	background: url(feeds_icon.gif) no-repeat;
	background-position: 50% 10px;
}
dl.bt {
	margin: 0;
	padding: 0;
	background: url(item_bt_bg.gif) no-repeat bottom;
	height: 32px;
	width: 170px;
}
div.link_adminguide {
	float:left;
	background: url(dnn_adminguide.png) no-repeat top left;
	width: 316px;
	height: 137px;
	cursor: pointer;
}
div.link_proedition {
	float:right;
	background: url(dnn_proedition.png) no-repeat top left;
	width: 514px;
	height: 137px;
	cursor: pointer;
}
div.link_main {
	margin: 260px 30px 0px 30px;
}

#LoginInfo
{
	width:660px; 
	float:left;
}
#LoginInfo h3
{
	background-color: #f7f7f7;
	color: #8f0000;
	padding: 2px 0px;
}
#LoginInfo dd, #LoginInfo dt 
{
	display:inline;
}
#LoginInfo dt
{
	font-weight:bold;
	color: #333;
}
#LoginInfo p.LoginNotes
{
	font-size: .8em;
}
#LoginInfo div.LoginBlock {
	float: left;
	width: 310px;
	padding: 5px 5px;
	margin: 0px 2px;
	border: 1px #f0f0f0 solid;
}
.SponsorIcon
{
	margin: 5px 26px; 
	float: left;
}
#QuickLinks 
{
	background-color:#f0f0f0;
	border: 1px #cccccc solid;
	padding: 2px 5px;
	margin-right:5px;
	width: 200px;
	float:right;
}
div.hr
{
	height: 2px;
	background-color: #8f0000;
	margin: 5px 0 15px 0;
	clear:both;
}
div.hr hr
{
	display: none;
}


body {
	background-color: #11346c;
	
}

<!--BOXES FOR ETAILER-->



.box
{
       -moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:#F0F1F2 url(images/a5.gif) repeat-x scroll 0 0;
border:1px solid #FFFFFF;
color:inherit;
min-height:230px;
padding:15px;
}

.box h2
{
    background: inherit;
    color: #6C7425;
    text-transform: lowercase;
    font-weight: normal;
    font-size: 18px;
    margin-bottom: 5px;
    font-family: "trebuchet ms" , helvetica, sans-serif;
}

.box p
{
    font-size: 10px;
    line-height: 16px;
    margin: 0px;
}

.box_inner
{
    border: solid 1px #fff;
    padding: 15px;
    background: #FFFFE9 url( 'images/a4.gif' ) repeat-x;
    color: inherit;
	min-height: 45px;
}

.box_inner_gray
{
    -moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:#F0F1F2 url(images/a5.gif) repeat-x scroll 0 0;
border:1px solid #FFFFFF;
color:inherit;
min-height:230px;
padding:15px;
}

.captioned_image
{
    position: relative;
    padding-bottom: 15px;
    float: left;
    margin-right: 17px;
}

.captioned_image div
{
    /*position: absolute;  (don't require these elements, allows to use images of various sizes)*/
    font-size: 9px; /* bottom: 0px; left: 0px; */
}





    .PagerContainerTable
    {
        color: #d1d1e1;
        background-color: #000;
    }
    .PagerInfoCell
    {
        padding-right: 6px;
        padding-left: 6px;
        padding-bottom: 3px;
        font: bold 11px arial, verdana, geneva, lucida, 'lucida grande' , arial, helvetica, sans-serif;
        color: #f0f1f2;
        padding-top: 3px;
        white-space: nowrap;
        background-color: #5078B3;
        font-weight: normal;
    }
    .PagerInfoCell:link
    {
        color: #ffcc66;
        text-decoration: none;
    }
    .PagerInfoCell:visited
    {
        color: #ffcc66;
        text-decoration: none;
    }
    .PagerCurrentPageCell
    {
        color: #000;
        font-weight: bold;
        background-color: #fff;
        padding-top: 5px;
        padding-bottom: 5px;
        padding-left: 5px;
        padding-right: 5px;
    }
    .PagerOtherPageCells
    {
        background-color: #f0f1f2;
        padding-top: 5px;
        padding-bottom: 5px;
        padding-left: 5px;
        padding-right: 5px;
    }
    .PagerSSCCells
    {
        background-color: #cccccc;
        padding: 20px;
    }
    .PagerHyperlinkStyle
    {
        font: 11px arial, verdana, geneva, lucida, 'lucida grande' , arial, helvetica, sans-serif;
    }
    .PagerHyperlinkStyle:hover
    {
        color: #000000;
        text-decoration: none;
        font: 11px arial, verdana, geneva, lucida, 'lucida grande' , arial, helvetica, sans-serif;
    }
    .PagerHyperlinkStyle:link
    {
        color: #000000;
        text-decoration: none;
        font: 11px arial, verdana, geneva, lucida, 'lucida grande' , arial, helvetica, sans-serif;
    }
    .PagerHyperlinkStyle:visited
    {
        color: #000000;
        text-decoration: none;
        font: 11px arial, verdana, geneva, lucida, 'lucida grande' , arial, helvetica, sans-serif;
    }
    .PagerHyperlinkStyle:active
    {
        color: #000000;
        text-decoration: none;
        font: 11px arial, verdana, geneva, lucida, 'lucida grande' , arial, helvetica, sans-serif;
    }
    /*

modal popup (used to display full sized images

Move this to your portal.css file if preferred

*/
    div.modalPopup
    {
	    position: absolute;
	    text-align: center;
	    display: none;
    }
.box {
	BORDER-RIGHT: #dadada 1px dashed; BORDER-TOP: #dadada 1px dashed; MARGIN-TOP: 15px; BORDER-LEFT: #dadada 1px dashed; COLOR: #aab165; BORDER-BOTTOM: #dadada 1px dashed
}
.box H2 {
	FONT-WEIGHT: normal; FONT-SIZE: 18px; MARGIN-BOTTOM: 5px; TEXT-TRANSFORM: lowercase; COLOR: #6c7425; FONT-FAMILY: "trebuchet ms" , helvetica, sans-serif
}
.box P {
	FONT-SIZE: 10px; MARGIN: 0px; LINE-HEIGHT: 16px
}
.box_inner {
	BORDER-RIGHT: #fff 1px solid; PADDING-RIGHT: 15px; BORDER-TOP: #fff 1px solid; PADDING-LEFT: 15px; MIN-HEIGHT: 45px; BACKGROUND: url(images/a4.gif) #ffffe9 repeat-x; PADDING-BOTTOM: 15px; BORDER-LEFT: #fff 1px solid; PADDING-TOP: 15px; BORDER-BOTTOM: #fff 1px solid
}
.box_inner_gray {
	BORDER-RIGHT: #fff 1px solid; PADDING-RIGHT: 15px; BORDER-TOP: #fff 1px solid; PADDING-LEFT: 15px; MIN-HEIGHT: 230px; BACKGROUND: url(images/a5.gif) #f0f1f2 repeat-x; PADDING-BOTTOM: 15px; BORDER-LEFT: #fff 1px solid; PADDING-TOP: 15px; BORDER-BOTTOM: #fff 1px solid
}

body {background-color: #FFF}