/**********************************************************************
	Filename: pdi-gss.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 { }

/* Header */
#header { width:770px; height:209px; position:relative; background-color:#ffffff; }
#header .headerLeft { float:left; width:192px; height:109px; }
#header .headerRight { float:right; width:578px; height:109px; } 

/* Top Navigation */
#header .topNavBox { height:27px; width:578px; text-align:right; background-image:url(images/headerNavBkrnd.jpg); background-repeat:no-repeat; }
#header .topNav { padding-top:6px; padding-right:20px; }
#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:250px; color:#686d6e;}
#rightSide { float:right; position:relative; width:519px; } 
#rightSide .content { 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 10px 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; padding-bottom:15px; }
.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 }
.subTitleBlue { color:#404f84; font-size:14px; font-weight:bold; text-decoration:none; }
.highlight { color:#404f84; font-weight:bold; }
.footnote { font-size:10px; }
.formlabel { font-size:12px; }

.tbTitle { background-color:#555e6c; font-size:12px; font-weight:bold; color:#ffffff; padding:5px; }
.tb1 { background-color:#e2e5ea; font-size:11px; padding:5px; }
.tb2 { background-color:#d8dbdf; font-size:11px; padding:5px; }

.bulletItem { border-bottom:1px solid #777777; padding-top:8px; padding-bottom:6px; }
.bulletEnd { padding-top:8px; padding-bottom:6px; }

.country { color:#000000; text-decoration:none;}
.country:hover { color:#404f84; text-decoration:none;}

.beam { padding:5px; background-color:#d8dbdf; width:260px; }