/**********************************************************************
	Filename: pdi.css
	Project:  PDI
	
	Global style sheet
**********************************************************************/
/* Body Tag Definition */
body { margin-left:0px; margin-top:0px; margin-right:0px; background-color:#000000; background-image: url(images/mainBkrnd.gif); background-repeat: repeat-x; }

/* Assign font and color to the general styles */
font, th, td, p, span, div, textarea, a { font-family:Arial, Helvetica, Verdana, sans-serif; color:#000000; font-size:12px;}
a { font-weight:normal; font-style:normal; text-decoration:underline; color:#404f84; }
a:hover { text-decoration: none; color:#404f84; }
h1,h2,h3,h4,h5 { font-family:Arial, Helvetica, Verdana, sans-serif;  }
h1 { font-size:16px; font-weight:bold; color:rgb( 156,156,156 ); }
h2 { font-size:16px; font-weight:bold; color:rgb( 0,0,0 ); }
h3 { font-size:14px; font-weight:bold; }
h4 { font-size:12px; font-weight:bold; }
h5 { font-size:12px; font-style:italic; font-weight:normal;}
hr { height:1px; color:#003060;}

/* Main Div */
#mainDiv { }

/* Home Page */
#headerHome { width:770px; height:290px; position:relative; background-color:#ffffff; background-image:url(images/headerHome.jpg); background-repeat:no-repeat; }
#headerHome .headerTitle { color:#ffffff; font-size:12px; text-align:right; padding-top:10px; }
#headerHome .topNav { text-align:right; padding-top:50px;  }
#headerHome .topNav ul { list-style:none; padding:0px; margin:0px; color:#ffffff; }
#headerHome .topNav ul li { display:inline; margin:0px 0px 0px 10px; text-align:left; }
#headerHome .topNav ul li a { font-size:12px; color:#FFFFFF; text-decoration:none; }
#headerHome .topNav ul li a:hover { color:#b9b9b4; text-decoration:none; }

/* Header */
#header { width:770px; height:198px; position:relative; background-color:#ffffff; background-image:url(images/header.jpg); background-repeat:no-repeat; }
#header .headerTitle { color:#ffffff; font-size:12px; text-align:right; padding-top:10px; }

/* Top Navigation */
#header .topNav { text-align:right; padding-top:15px;  }
#header .topNav ul { list-style:none; padding:0px; margin:0px; color:#ffffff; }
#header .topNav ul li { display:inline; margin:0px 0px 0px 10px; text-align:left; }
#header .topNav ul li a { font-size:12px; color:#FFFFFF; text-decoration:none; }
#header .topNav ul li a:hover { color:#b9b9b4; text-decoration:none; }

/* Page */
#page { width:770px; position:relative; background-color:#ffffff; text-align:left; }

/* Left Side and Navigation */
#leftSide { float:left;  position:relative; width:220px; color:#686d6e;}
#rightSide { float:right; position:relative; width:549px; } 
#rightSide .textContent { padding-top:10px; padding-right:30px; padding-bottom:30px; }
#pictureDiv { position:relative; }
#spacer {}

/* SubNavigation */
#subNav { margin-top:15px; margin-left:15px; }
#subNav ul { list-style:none; padding:0px; margin:0px; }
#subNav ul li { margin:0px 0px 15px 0px; }
#subNav ul li a { padding-left:14px; font-size:12px; color:#0a0a0a; text-decoration:none; background-image: url(images/arrowMedium.gif); background-repeat: no-repeat; }
#subNav ul li a:hover { color:#8893a4; background-image: url(images/arrowMediumOver.gif); background-repeat: no-repeat; } }
#subNav .here { font-size:12px; font-weight:bold; color:#8893a4;  }
#subNav .here:hover { font-weight:bold; color:#8893a4; }

/* Footer */
#footer { width:770px; color:#ffffff; padding-top:6px; padding-bottom: 6px; border-top:1px solid #000000; font-size:10px; }
#footer ul { list-style:none; padding:0px; margin:0px;}
#footer ul li { display:inline; margin:0px 40px 0px 40px; text-align:left; }
#footer ul li a { font-size:10px; color:#FFFFFF; text-decoration:none; }
#footer ul li a:hover { color:#b9b9b4; text-decoration:none; }

/* Style All Column Sections */
.pageTitle { color:#404f84; font-size:18px; font-weight:normal; }
.subTitle { color:#000000; font-size:14px; font-weight:bold; text-decoration:none; }
.subTitle:hover { color:#000000; font-size:14px; font-weight:bold;  text-decoration:none }
.highlight { color:#404f84; font-weight:bold; }
.footnote { font-size:10px; }
.formlabel { font-size:12px; }

.bulletItem { border-bottom:1px solid #777777; padding-top:8px; padding-bottom:6px; }
.bulletEnd { padding-top:8px; padding-bottom:6px; }







