html
{
	height: 100%;

	margin: 0;
	padding: 0;
}
body
{
    /*
    Make the page fill the browsers viewport.
    
    Remember 'height' is relative to our parents height, in this case the browser viewport.
    Because we have specified 'height', these tags will not stretch even if the content
    becomes longer and overflows them. This will not be noticable unless you put borders on
    these tags.
    */
    height: 100%;

    /* Remove default whitespace from around the page */
    margin: 0;
    padding: 0;
    background-image:url(../../images/DRD/main_bg2.gif);
    background-repeat:no-repeat;

}
form
{
	min-height: 100%;
	position: absolute;
	margin: 0 auto 0 auto;
	border: solid 1px #140e3c;
	width:999px;
	margin-left:6px;
}

div,p,li,td,a,h1,h2,h3
{
	font-family: Verdana, Sans-Serif;
	font-size:8pt;
	line-height: 13pt;
	color: #5d5f60;
}
img
{
	border: none;
}
hr
{
	padding-top:0px;
	color:#a2b5ce;
	height:1px;
}
a:link, a:visited, a:active
{

	text-decoration:underline;
}
a:hover
{
	text-decoration:underline;
}

ul
{
	padding-left:8px;
	margin: 0 0 0 8px;
}
li
{
	padding-bottom: 10px;
}

h1 /** primary colour  **/
{
	font-family: Verdana;
	color:#416089;
	font-size:13pt;
	line-height: 16pt;
	font-weight:normal;
	margin:0;
	padding:3px 0 3px 0;
}
h2  /** primary colour  **/
{
	font-family: Verdana;
	color:#416089;
	font-size:10pt;
	line-height: 13pt;
	font-weight:bold;
	margin:0;
	padding:3px 0 3px 0;
}
h3  /** primary colour  **/
{
	font-family: Verdana;
	color:#f26532;
	font-size:11pt;
	line-height: 11pt;
	font-weight:normal;
	margin:0;
	padding:3px 0 3px 0;
}


/** top level container *****************/

#content_banner
{
	padding-left:412px;
}
#outerleft
{
	background-color:Transparent;
	padding-left:0px;
	margin-top:10px;
	float:left;
	padding-bottom:130px;
	width:614px;
}
#outerright
{
	background-color:Transparent;
	margin-top:10px;
	float:left;
	margin-left:0px;
	padding-bottom:130px;
}	
#content_rotator
{
	float:left;
	margin-left:0px;
}

#content_outer
{
	margin-top:0px;
	margin-left:0px;

}

/*-------------LEFT CONTENT-------------*/
#content_left
{
	clear:both;
	width:152px;
	float:left;
	margin-top:15px;
}

/*-------------LEFT CONTENT-------------*/






/*-------------MIDDLE CONTENT-------------*/
#content_middle
{
	float:left;
	height:100%;
	width: 443px;
	margin-left:9px;
	
}
#content
{
	background-color:#ffffff;
	width:443px;
	padding-top:1px;
	min-height:400px;
}
#register
{
	background-image:url(../../images/DRD/register_bg.gif);
	width: 443px;

	background-repeat:no-repeat;
	padding-top:17px;
}

/*-------------MIDDLE CONTENT-------------*/



/*-------------RIGHT CONTENT-------------*/
#content_right
{
	clear:both;
	width:384px;
	padding-left:0px;
	float:left;
	margin-left:0px;

}
#right_content_left
{
	border-top: solid 1px #ffffff;
	border-right: solid 1px #ffffff;
	width:228px;
	background-color:Transparent;
	margin-top:0px;
	margin-bottom:0px;
	float:left;
}
#right_content_right
{
	border-top: solid 1px #ffffff;
	border-left: solid 1px #ffffff;
	width:148px;
	background-color:Transparent;
	margin-top:0px;
	margin-left:0px;
	margin-right:0px;
	margin-bottom:10px;
	float:right;
}
#right_ad
{
	margin-top:7px;
	width:382px;
	height:101px;
}
#right_content
{
	background-Color:Transparent;

	margin-top:7px;
}

.view_item
{
	float:left;
	padding-top:10px;
	padding-left:8px;
	background-color:#ffffff;
	width:220px;
}
.interview_item
{
	float:left;
	padding-top:10px;
	padding-left:8px;
	background-color:#e5eaf1;
	width:220px;
}
/*-------------RIGHT CONTENT-------------*/


/** FOOTER *******************************/
#footer
{
	/*border: solid 1px blue;*/
	clear:both;	

	background-image:url(../../images/DRD/footer.gif);
	background-repeat:no-repeat;
		/*
	Position the footer at the bottom of the page.

	It is important to remember that only parents which have also been positioned will be
	considered which is why we set position to relative on the form tag above.  If we had
	not done that our footer would position relative to the next parent which is the browser
	viewport.

	Now we've used 'position' on the footer it will not be full width by default, you can
	resotre this by adding 'width: 100%' if necesary.
	*/
	position: absolute;
	z-index:99;
	bottom: 0;
	left:0;
	width:999px;
	height:130px;
}
.footerBottom
{
	/*border: solid 1px red;*/
	background-color:#140e3c;
	height:30px;
	margin-top:120px;
}
.footer td, .footer p
{
	font-size: 8pt;
	color: #999999;
	text-align: left;
}
.footernav
{
	font-size: 8pt;
	position: relative;
	margin: 0;
	padding: 0;
	height:13px;
	text-align: left;
	font-size: 9pt;
	color: #999999;

}
.footernav li
{
	display: inline;
	margin: 0;
	padding:  0;
	list-style: none;
	color: #e5eaf1;
}
.footernav li a:link
{
	text-decoration: none;
	color: #89b1e6;
	font-size: 8pt;
}
.footernav li a:visited
{
	text-decoration: none;
	color: #89b1e6;
	font-size: 8pt;
}
.footernav li a:hover
{
	text-decoration: underline;
	color: #89b1e6;
	font-size: 8pt;
}
.footernav li a:active
{
	text-decoration: none;
	color: #89b1e6;
	font-size: 8pt;
}

/* Videos*/
.video_item
{
	/*border:solid 1px #416089;*/
	padding-left:0px;
	padding-right:6px;
	padding-top:8px;
	padding-bottom:8px;
}	
.videoTitle
{
	font-weight:bold;
	color:#416089;
	text-transform:uppercase;
}
.video_item_feature
{
	float:left;
	padding-top:10px;
	padding-left:8px;
}

/***  SEARCH RESULTS *****************************/
.searchHilite
{
	background-color:#f26532;
	color:White;
	text-decoration:underline;
}

.textbox_search
{
	font-family: Arial, Verdana, Sans-Serif;
	font-size:10pt;
	color: #5d5f60;
	background-color: white;
	font-family: Verdana, Sans-Serif;
}
/***  CONTEXT MENU  *****************************/

.leftNav
{
	clear:both;
	width: 152px;
	/*height: 300px;*/
	background-color:#ffffff;
}
#search 
{
	background-image:url(../../images/DRD/search_bar_banner.jpg);
	width: 152px;
	height: 26px;
	background-repeat:no-repeat;

}
.contextmenuitem
{

}
a.contextmenuitemlink:link, a.contextmenuitemlink:visited, a.contextmenuitemlink:active
{
	font-size: 8pt;
	color:#416089;
	text-decoration:none;
	background-color:#ffffff;
	font-weight:bold;
	
}
a.contextmenuitemlink:hover
{
	font-size: 8pt;
	text-decoration:none;
	background-color:#f4e9e9;
	color:#990000;
	font-weight:bold;
}
.contextmenuitemselected
{
	width:145px;
	text-decoration:none;
	background-color:#f4e9e9;
	color:#990000;
	font-weight:bold;
	font-size: 8pt;	
	
}
a.contextmenuitemselected
{
	width:145px;
	text-decoration:none;
	background-color:#f4e9e9;
	color:#990000;
	font-weight:bold;
	font-size: 8pt;
}
/***  SITE MAP  *****************************/
a.sitemapLinkSelected:link, a.sitemapLinkSelected:visited, a.sitemapLinkSelected:active
{
	font-size: 10pt;
	color:#990000;
	text-decoration:underline;
}
a.sitemapLinkSelected:hover
{
	text-decoration:none;
}
.labelRed
{
	font-weight:bold;
	color:#990000;
}
.labelBlack
{
	font-weight:bold;
	color:#000000;
}
.labelBlue
{
	font-weight:bold;
	color:#416089;
}
.issue_features
{
	padding:4px 4px 4px 4px;
	background-color:#e5eaf1;
}
.newsTabLine
{
	border-bottom:solid 1px #2c4971;
}
.newsTitle
{
	font-weight:bold;
	color:#416089;
	text-transform:uppercase;
}
.siteTable
{
	background-color:#e5eaf1;
}
.greyTable
{
	background-color:#e4e4e4;
}
.featureTable
{
	background-image:url(../../images/DRD/poll_featureBg.gif);
	background-repeat:no-repeat;
	background-position:bottom right;
}
.errorText
{
	color:Red;
	font-size:8pt;
}

/***  NEWS & VIEWS  *****************************/
a.linkRed:link, a.linkRed:visited, a.linkRed:active
{
	font-family: Verdana, Sans-Serif;
	font-size:8pt;
	color:#990000;
	text-decoration:underline;
	font-weight:bold;
}
.extraArrows
{
		font-family: Verdana, Sans-Serif;
	font-size:8pt;
	color: #547ac6;
	font-weight:bold;
	margin-left:2px;
	margin-right:2px;
}
a.linkRed:hover
{
	text-decoration:none;
}

a.wheretoride:link, a.wheretoride:visited, a.wheretoride:active
{
	font-size: 8pt;
	color:#416089;
	text-decoration:none;
	font-family:bold;
}
a.wheretoride:hover
{
	text-decoration:underline;
}
a.tip:link, a.tip:visited, a.tip:active
{
	font-family: Verdana, Sans-Serif;
	font-size:8pt;
	color:#416089;
	text-decoration:none;
	font-weight:bold;
}
a.tip:hover
{
	text-decoration:underline;
}

.pollresult
{
	background-Image:url(../../images/DRD/poll_outer2.gif);
	background-Repeat:no-repeat;
	width:170px;
	background-color:Transparent;
		height:21px;

}
.siteMessage
{
	margin-top:10px;
	margin-bottom:10px;
	color:Red;
}

.ItemAddMessage
{
	color:#bb1a21;	
}

.CheckOutTable
{
		
}

.CheckOutTable th
{
	color:#416089;
	text-align:right;
	font-size:10px;	
	vertical-align:top;
}
.CheckOutTable td
{
	padding:0px 5px 0px 5px;
	font-size:11px;
	text-align:left;
	width:310px;
}

.CheckOutTable td input
{
	width:300px;
	font-size:11px;
}

.DeliveryMessage
{
	color:#416089;
	text-align:center;
	font-size:10px;	
	vertical-align:top;
	font-weight:bold;
	padding:5px 0px 10px 0px;
}

.CheckOutStepHeading
{
	width:150px;
	height:21px;
	color:#416089;
	font-size:10px;
	font-weight:bold;
	background-color:#e5eaf0;
	padding-left:5px;
	float:left;
}
.CheckOutStepHeadingAngle
{
	float:left;
	width:16px;
	height:21px;
	background-image:url(../../Images/drd/BlueAngle.gif);
}

.CheckOutHeading
{
	font-size:13px;
	font-weight:bold;
	color:#416089;	
	padding:5px 0px 5px 0px;
}

.CheckOutTable td .CheckBox input
{
	width:20px;
}

.CartValidationSummary
{
	width:80%;
	border:solid 1px #ba1c20;
	color:#ba1c20;
	background-color:#f8c3c4;
	padding:3px 0px 3px 10px;
}

.wallpaperItem
{
    margin-top: 6px;
}

.wallpaperItem .thumbnail
{
    float: left;
    width: 150px;
    padding-left: 10px;
}
.wallpaperItem .downloads
{
    float: left;
    width: 250px;
    padding-left: 10px;
}
.wallpaperItem .downloads li
{
    list-style: none;
    padding-top: 5px;
    padding-bottom: 5px;
}