body { background: #FFFFFF; 
	scrollbar-3d-light-color: #afafaf; scrollbar-arrow-color: #3d3d3d; scrollbar-base-color: #3d3d3d; 
	scrollbar-dark-shadow-color: #afafaf; scrollbar-face-color: #afafaf; scrollbar-highlight-color: #afafaf; 
	scrollbar-shadow-color: #afafaf; margin:0;  }
	
/* Global text style - everything inherits from body, except TD in IE5 so it must be explictly mentioned */
body, td, th { font: 11px "Verdana", "Arial", "Sans-Serif"; }
body { color:Black; }

/* Default link style, size and font inherit from above */
a { text-decoration: none; }
a:hover { text-decoration: underline; }

a img { border-style:none; }

p { margin:1.2em 0; }
ul { padding:0px; margin:0px 0px 1.2em 20px; }
hr { height:0px; border-width:0px; border-top:1px solid #ccc; margin:10px 0px; }

/* These header styles come from the 2.0 Style Guide */ 
/* http://intra.digitalrailroad.net/wiki/download/attachments/12016/DRR+Style+Guide.pdf?version=1 */
h1, .pageTitle { font:normal 18px Arial, sans-serif; text-transform: uppercase; margin:0.5em 0; }			/* Page title */
	.pageTitle { display:block; }	/* inline elements can't have vertical padding or margin */

h2 { font:bold 11px/15px Verdana, sans-serif; text-transform:uppercase;  }		/* Subtitle */
h2.bar { font:bold 11px/15px Verdana, sans-serif; text-transform:uppercase;		/* Bar title */
	padding:3px 6px; background-color:#ccc; }
h3 { font-size:11px; margin-bottom:0px; }
/* h4-h7 reserved for per-page use */

	

/* A regular table is a grid of numbers, like how the HTML authors intended. A "layout" table
is used for positioning content in columns, and it needs to be flush top aligned. */
table.layout td, table.layout th, td.layout, th.layout { vertical-align:top; }
table.middle td, table.middle th, td.middle, th.middle { vertical-align:middle; } /* to override "layout" in a subtable */

/* grayButtonRight is deprecated */
input.grayButton, button.grayButton, div.grayButton input, div.grayButton button,
div.grayButtonRight input, div.grayButtonRight button
{ 
	font:bold 10px Verdana;
	color:white;
	background:url(../images/button_grey_background.gif) top left repeat-x;
	padding:1px 17px 2px;
	border:1px solid #525252;
}
input.grayButtonDisabled, button.grayButtonDisabled
{ 
	font:bold 10px Verdana;
	color:white;
	background:url(../images/button_disabled.gif) top left repeat-x;
	padding:1px 17px 2px;
	border:1px solid #b2b2b2;
}



/* Inline text formatting */
.larger { font-size:12px; }
.smaller { font-size:10px; }
.grayText { color:#666; }
.mini_href_custom { text-decoration: underline; }
.menu_font { font-weight: bold; color: #000000; }
.menu_font_rev { font-weight: bold; color: #000000 }
.error_href { font-weight: bold; color: #ff0000; }
.action_href { font-size: 10px; }
.top_nav { font-size:10px; }
.top_search { font-size: 10px; font-weight: bold; }
.top_search_submit  { font-weight: bold; }
.allcaps { text-transform:uppercase; }
.gray { color:#666; }
.red { color:#D9351B; }
.hidden { display:none; }
 
/* Block formatting */
.first { margin-top:0px; }
.alert {
	background:url(../images/icon_exclamation.gif) 5px 5px no-repeat;
	padding:5px 5px 5px 25px;
	border-width:1px;
	border-style:solid;
	border-color:#afafaf;
	margin-bottom:4px;
}
.alert * { margin-top:0px; }
.alert p { margin-bottom:5px; }

/* Zebra striping on alternating rows. */
.alter_tr td { background: #e8e8e8; }

/* Tabs should have this style everywhere */
ul.tabs { padding-left:10px; background:url(images/dot_999999.gif) bottom left repeat-x; 
	display:block; height:21px; }
ul.tabs li { float:left; display:block; border:1px solid #999; border-left-width:0px; 
	height:18px; background-color:#e8e8e8; margin-top:1px; }
ul.tabs li.first { border-left:1px solid #999; }
ul.tabs li.selected { background-color:white; height:19px; margin-top:0px; }
ul.tabs li a { text-decoration:none; padding:2px 15px 0px 10px; display:block; color: #444; }
ul.tabs li.selected  a { padding-top:3px; }



.customBorderColor, div { border-color:#c4c4c4; }
.customLinkColor, .customLinkColor a, a { color:#b50000; }
.customNameColor { color:white; }
.customTopNavigationLinkColor, .customTopNavigationLinkColor a { color:white; }
.customTopNavigationBackgroundColor { background-color:#afafaf; }
.customHeaderBackgroundColor { background-color:black; }
.customModuleTopColor { background-color:#8f8f8f; }
h2.bar { background-color:#ccc; } /* Used to match the module top color */
.customFooterBackgroundColor { background-color:#3d3d3d; }
.customTextColor { color:black; }
.customPageBackgroundColor, body { background-color:white; }
.customModuleContentColor { background-color:#afafaf; }
.customFooterLinkColor, .customFooterLinkColor a { color:white; }
.customLinkColorAsBorderColor { border-color:#b50000; }
.customLinkColorAsBackgroundColor { background-color:#b50000; }
.customModuleTopColorAsBorderColor { border-color:#8f8f8f; }
.customTopNavigationLinkColorAsBorderColor { border-color:white; }



/*	These are things like the header and sidebar that apply to every page in the site. These
	really belong in their own CSS file, one that's unconditionally included. They can't go in
	DefaultStyleSheet.css or DefaultStyleSheetTemplate.txt, because those are only included
	for some pages.

	This is part of my long-term goal of normalizing the style sheets to eliminate redundancy.
*/	

.twocolumn { margin-top:27px; }
.twocolumn .sidebar { width:200px; padding-left:20px; }
.twocolumn .main { padding-left:30px; padding-right:30px; }
.content { margin-left:20px; margin-top:27px;  }
.fixedwidth { width:1000px; }

	
#headerNavLinks { width:100%; }
    #headerNavLinks .left { width:100%; white-space:nowrap; }
    #headerNavLinks .left .padded { padding-left:12px; }
    #headerNavLinks .padded { padding:3px 0px; }
    #headerNavLinks .left a { padding-right:10px; font-weight:bold;  }
    #headerNavLinks a {  }
    #headerNavLinks .miniSite .production .padded { 
        background-image:url(../images/tab_corner_back.gif);
        background-position:bottom right; 
        background-repeat:no-repeat;
        padding-right:40px; }
    #headerNavLinks .miniSite .pixelHack { display:none; }
    #headerNavLinks .notMiniSite .production .padded { 
        background-image:url(../images/tab_corner_top.gif);
        background-position:top right; 
        background-repeat:no-repeat;
        padding-right:40px; }
    #headerNavLinks .notMiniSite .mySpace { padding-top:2px; background-image:url(../images/tab_corner_top_extended.gif); background-position:top left; background-repeat:no-repeat; }
    #headerNavLinks .notMiniSite .mySpace .topBorder1 { border-top:none; }
    #headerNavLinks .notMiniSite .mySpace .topBorder2 { border-top:none; }
    
    #headerNavLinks .production { white-space:nowrap; }
    #headerNavLinks .production a { font-weight:bold; }
    #headerNavLinks .mySpace {  white-space:nowrap; color:Black; }
    #headerNavLinks .mySpace .padded { background-color:white; padding-left:10px; padding-right:20px; }
    #headerNavLinks .mySpace a { color:Black; }
    #headerNavLinks .mySpace td { white-space:nowrap; }
    
    #headerNavLinks .topBorder1 {
        border-width:0px;
        border-top-width:1px;
        border-style:solid;
        }
    #headerNavLinks .topBorder2 {
        border-width:0px;
        border-top-width:1px;
        border-style:solid;
        }
    #headerNavLinks .bottomBorder1 {
        border-width:0px;
        border-bottom-width:1px;
        border-style:solid;
        }
        
        
 /* Modules */
 .module_titlebg { background-color: #8f8f8f; padding:4px 5px; }	/* Color will be overridden by custom color */
 .help_module_titlebg { padding:4px 5px; background: #FFFCCD; }  
 .help_td_bg { background: #FFFCCD; padding: 4px; }  
        
        
.actionMenu { 
    position:absolute; 
    top:1.7em; 
    left:0px; 
    width:120px; 
    display:none;
    padding:1px;
	background-color:white;
	border:1px solid #ddd;
}
	.actionMenu a { 
		display:block;
		background-color:white;
		padding:2px 3px 3px;
		font-weight:bold;
		color:black;
		text-decoration:none;
	}
	.actionMenu a:hover { text-decoration:none; }
	.actionMenu a.highlighted { background-color:#ddd; }
	.actionMenu .actionMenuItem { position:relative; }
	.actionMenu .actionSubmenu {
		display:none; position:absolute;
		top:-1px; left:118px;     /* An extra pixel for the right border */
		width:140px;
		border:1px solid black;
		background-color:white;
		padding:1px;
	}
	html>body .actionMenu .actionSubmenu { left:121px; }
	.actionMenu .actionSubmenu a { display:block; }
	.actionMenu .actionSubmenu a:hover { background-color:#ddd; position:relative; }
	.actionMenu .actionMenuItem a.hasSubmenu {
		background-image:url(../images/menu_arrow_icon.gif);
		background-position:top right;
		background-repeat:no-repeat;
		padding-right:10px;
	}
.actionMenuTrigger {
    border-style:solid;
    border-width:1px;
}
	.actionMenuTrigger td {
		background:url(../images/icon_down_arrow.gif) right 7px no-repeat;
		padding:0.2em 14px 0.3em 8px;
	}
	.actionMenuTrigger a {
		text-decoration:none;
	}
	.actionMenuTrigger a:hover {
		text-decoration:none;
	}


.photoslideWrapper 
{
	width:100%; height:100%; 
	background-color:white; 
	margin-bottom: 0px;
	border-width:1px;
	border-style:solid;
	border-color: #C4C4C4; 
	}
.photoslideWrapper a 
{
	
}	

.selSlide { background: #dddddd; }
.unselSlide { background: #FFFFFF; }

.help_title { font-weight: bold; /*color:Black;*/ }
.help_bold { font: 11px "Tahoma", "Verdana", "Arial", "Sans-Serif";font-weight: bold; text-decoration: none; color: #080808 }  
.help_href { text-decoration: none; color: #080808 }
.help_href:hover  { text-decoration: underline; }
.help_indent { margin-left: 1em; margin-right: 1em; }