﻿body 
{
    margin:0px;
}

.AccessibilityNavigation
{
    /* This contains the hiddens links for accessibility */
    width:1px;
    height:1px;
    line-height:1px;
    padding:0px;
    margin:0px 0px 0px -2000px;
    position:absolute;
}

#DORHelpDiv
{
    position:absolute; 
    height:auto;
    z-index:1000; 
    border:solid 1px #000000; 
    background-color:#FFFFFF; 
    right:10px; 
    top:67px;
}

#DORTopBarDiv
{
    /*position:relative;*/
    z-index:500;
	/*min-width:760px;*/
}

#DORTopLinksDiv
{
	width:495px;
    height:23px;
	z-index:-10;
}

#DORTopLinksDiv ul
{
    margin:0px;
}

#DORTopLinksDiv ul .DORTextViewSelector{display:inline;}
#DORTopLinksDiv ul .DORPrinterViewSelector{display:inline;}

#DORTopLinksDiv ul .DORGraphicViewSelector
{
    display:none;
}


#DORTopLinksDiv
{
    float:left;
}

#DORLinksSearchDividerDiv
{
    float:left;
    width:13px;
    height:35px;
}

#DORSearchDiv
{
    float:left;
    height:28px;
    width:247px;
}

#DORSearchDiv .DORSearchBox
{
    float:left;
    width:179px;
    height:26px;
}

#DORTopBannerDiv
{
	clear:both;
    position:relative;
    left:0px;
    z-index:400;
    float:left;
    top:-11px;
	min-width:100%;
}

#DORTopBannerDivMainPage
{
    display:none;
}

/* 
    The total width on client for #DORLogo, #DORMotto and
    #DORBannerContentDiv should be equal to the width of
    #DORPageDiv: 175 + 320 + 265 = 760 
*/

#DORLogo
{
    /* Total width on client: 175px */
    float:left;
    width:164px;
    height:60px;
    padding:2px 8px 0px 3px;
    border:0px;
}

#DORMotto
{
    /* Total width on client: 320px */
    float:left;
    width:186px;
    height:30px;
    padding:10px 56px 8px 78px;
    background-position:-175px;
}

#DORBannerContentDiv
{
    /* Total width on client: 265px */
    float:left;
    width:219px;
    height:48px;
    padding:0px 0px 0px 46px;
    background-position:-495px;
}

#DORBannerContentDiv iframe
{
    /* The My Account iframe. */
    position:relative;
    top:17px;
    width:219px;
    height:30px;
    border:none;
}

#DORBannerFooterDiv
{
    /* This is the angle to the bottom right of the logo,
       as well as all the whitespace to the right of the
       angle. */
    position:absolute;
    top:48px;
    left:175px;
    z-index:500;
    width:585px;
    height:14px;
    line-height:14px;
    padding:0px;
    margin:0px;
	
}

#DORNavigationDiv, 
#DORNavigationHeaderDiv, 
#NavigationList,
#SubNavigationList,
#DORNavigationBottomDiv
{
    /* This is the master width of the navigation. */
    width:175px;
}

#DORNavigationDiv
{
    /* This div encapsulates the entire navigation.
       Place it just below the top banner. The z-index
	   brings it in front of the footer, in case the
	   content is short. */
    position:relative;
clear:both;
    float:left;
    top:-10px;
    left:0px;
 	z-index:9000;
}

#DORNavigationDiv ul
{
}

.FirstLevelNavigationLink
{
    /* Width and padding-left should add up to the 
       master width of the navigation: 155 + 20 = 175 */
    width:158px;
    padding:0px 0px 0px 17px;
}

#SubNavigationList
{
    /* For browser compatibility - this way all browsers
       only show a single pixel of whitespace between the
       navigation and the top banner. */
    margin:0px 0px 0px 0px;
}

.SecondLevelNavigationLink
{
    /* Width and padding-left should add up to the 
       master width of the navigation: 140 + 35 = 175 */
    width:150px;
    padding:5px 5px 7px 20px;
}

#DORNavigationFooterDiv
{   
    /* This width should be equal to the angle image at the
       bottom right of the navigation subtracted from 
       the master width of the navigation: 175 - 23 = 175 */
    width:152px;
}

/* See Workshops and Education default page for example of following */
#LargeBulletedTextBox {
	background-color: transparent;
	width:90%;
	/*background-image: url(/Images/icons/orangeArrow2.gif);*/
	background-repeat: no-repeat;
	text-align: left;
	padding-left: 20px;
	float: none;
	left: 20;
	padding-top: 2px;
	margin-top: 6px;
	padding-bottom: 10px;
}
#LargeBulletedTextBox strong {font-size:15px;}
#LargeBulletedTextBox P {padding-top: 6px;}



#DORPageSpecific
{
    /* This is "content" of the page, in terms of the
       template system.  Place it just below template header
       and right of navigation. */
    position:relative;
    top:-24px;
    left:0px;
    width:584px;
    z-index:100;
    margin:0px;
    padding:0px;

    float:left;
}

#DORPageSpecificBanner
{
    position:relative;
    height:20px;
    width:150px;
    height:auto;
    width:auto;
}

#SectionTitle
{
    width:214px;
    background-color:#EAF1FA;
    position:relative;
	
}

#SectionTitle *
{
    position:absolute;
    bottom:8px;
    left:16px;
	font-family:verdana;
    color:#006DD0;
    font-size:15px;
}

#AreaImage
{
    width:370px;
}

#SectionTitle, #AreaImage
{
    height:57px;
    margin:0px;
    padding:0px;
    float:left;
}

#DORPageSpecific
{
    height:auto;
}

.DORMyAccountLinksDiv
{
	float:none;
	padding-left:320px;
	margin-top:-18px;
}

.DORClearBoth
{
	clear:both;
}

#DORPageFooter
{
    clear:both;
	padding-bottom:10px;
    position:relative;
    top:0px;
	width:100%;
	z-index:90;
}

#DORPageSpecificContent
{
    float:left;
    height:auto;
	width:568px;
	padding-left:16px;
	margin-top:-18px;
	padding-top:18px;
}

#DORPageFooter ul .DORTextViewSelector{display:inline;}
#DORPageFooter ul .DORPrinterViewSelector{display:inline;}

#DORPageFooter p .DORGraphicViewSelector
{
    display:none;
}
	

hr {
	height: 1px;
	color: #CCCCCC;
}



