/*
Styles for a page layout with the related content column on the
the left and the main content column on the right.
*/
@media screen
{
   #relatedContentPanel {
		float:left;
		width:27%;
        background-color: #ebf9ee;
        background-image: url(/Images/Backgrounds/relatedContentGradientRight.gif);
        background-repeat: repeat-y;
        background-position: right;
        border: #ade9b8 1px solid;
        background-color: #ebf9ee;
        padding: 10px 15px 10px 15px;
        margin-left: 5px;
	}
	#mainContentPanel {
		float:right;
		width:65%;
		padding: 0;
	}
}

@media print
{
    #relatedContentPanel {
		display: none;
	}
	
	#mainContentPanel {
		float:right;
		width:100%;
		padding: 0;
	}
	
}