.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 15px; 
	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;
}


/*==   Styles for FCKEditor   ==*/




/* Styles for the main text and images within the Text/HTML module */
.imageleftside img
{
    border: 0px solid #CCC;
    margin-right: 15px;
    margin-bottom: 20px;
    float: left;
}
.imagerightside img
{
    border: 0px solid #CCC;
    margin-left: 15px;
    margin-bottom: 20px;
    float: right;
}
.headerlink
{
    font-family: Arial, Helvetica, Sans-Serif;
    font-size: medium;
    font-weight:bold;
}
a.headerlink:link, a.headerlink:visited
{
    text-decoration: none;
    color: #E4E4E3;
    font-style: normal;
}
a.headerlink:hover
{
    text-decoration: none;
    color: #F7F7F7;
}
.imageleftsidecaption
{
    font-size: 85%;
    font-style: italic;
    float: left;
    margin-right: 15px;
    margin-bottom: 15px;
}
.imageleftsidecaption img
{
    border: 1px solid #CCC;
    margin-bottom: 5px;
}
.imagerightsidecaption
{
    font-size: 85%;
    font-style: italic;
    float: right;
    margin-left: 15px;
    margin-bottom: 15px;
}
.imagerightsidecaption img
{
    border: 1px solid #CCC;
    margin-bottom: 5px;
}
.clear
{
    clear: both;
}
.quoteleft
{
    font: italic 105% Georgia, "Times New Roman", Times, Serif;
    padding: 0 20px 0 10px;
    margin: 10px 10px 10px 10px;
    width: 235px;
    float: left;
    text-align: right;
    border-right: 8px solid #C8CDD0;
    color: #75818A;
}
.quoteright
{
    font: italic 105% Georgia, "Times New Roman", Times, Serif;
    padding: 0 10px 0 20px;
    margin: 10px 10px 10px 10px;
    width: 235px;
    float: right;
    text-align: left;
    border-left: 8px solid #C8CDD0;
    color: #75818A;
}
.alpha-shadow {
  float: left;
  background: url(VMCwebgraphics/shadow1.gif) »
  no-repeat bottom right;
  margin: 10px 0 0 10px !important;
  margin: 10px 0 0 5px;
}
.alpha-shadow div {
  background: url(VMCwebgraphics/shadow2.png) »
  no-repeat left top !important;
  background: url(VMCwebgraphics/shadow2.gif) »
  no-repeat left top;
  padding: 0px 5px 5px 0px;
}
.alpha-shadow img {
  background-color: #fff;
  border: 1px solid #a9a9a9;
  padding: 4px;
}
/*=====
We’re going to be setting a width for the blockquote and leave some padding that the quotes will be positioned into. 
======*/
blockquote  {
    display: block; 
    padding: 0 60px; 
    width: 350px; 
}
/*=====
Next we’ll use the CSS :before and :after pseudo-elements to generate the curly quotes. 
Since we’re setting the quotes to use display: block, we’ll need to set widths for them as well. 
We’ll define the common attributes first… 
======*/
blockquote:before, blockquote:after  {
    color: #69c; 
    display: block; 
    font-size: 700%; 
    width: 50px; 
} 
/*=====
Next we’ll define the specific attributes for the opening and closing quotes. 
We’ll control the position of the quotes with the margin attributes, and in the case of the opening quote — the height
======*/
blockquote:before  {
    content: open-quote; 
    height: 0; 
    margin-left: -0.55em; 
} 
blockquote:after  {
    content: close-quote; 
    height: 50px; 
    margin-top: -70px; 
    margin-left: 360px; 
} 
/*=====
Note: You may need to adjust the margins depending on the typeface you’re using and the width you’ve set for your blockquote. 
The Curly Quotes Here we have the curly quotes on our blockquote elements created using only CSS and without editing any of our markup.
 How nice. 
 
 Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Vivamus dignissim, purus a blandit cursus, nulla erat cursus mauris, a
  dignissim est ante et arcu. Vivamus sollicitudin porttitor justo. Nunc at leo quis arcu ultrices placerat. Quisque eget justo at 
  nisi tempus vehicula. Nullam a odio eu orci sodales varius.======*/
  
  /* Lightbox CSS */
#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(graphics/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(graphics/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }
.normalH, .NormalH
{
    font-family: Arial,Helvetica,sans-serif;
    font-size: 110%;
    text-decoration: none;  
    margin-left: 0px;
    margin-top: 0px;
    margin-bottom: 0px;
    color: #333;
}
.NormalHBold
{
    font-family: Arial,Helvetica,sans-serif;
    font-size: 110%;
    text-decoration: none;
    margin-left: 0px;
    margin-top: 0px;
    margin-bottom: 0px;
    color: #333;
    font-weight: bold;
    color: #555;
}