@charset "UTF-8";

/********************************************************/
/* base tags                                            */
/********************************************************/

body {font-size: 100%; font-family: Calibri, Verdana, sans-serif; background-color:#c1c2c4; margin: 20px 0px 20px 0px; padding: 0px; color: #333333;}
h1 { font-size: 135%; font-weight: normal; color: #992123; margin-top: 0px; }
h2 { font-size: 125%; font-weight: normal; color: #000000; margin-top: 0px; }
h3 { font-size: 115%; font-weight: normal; color: #000000; margin-top: 0px; }
p { margin-top: 0px; }

/********************************************************/
/* global styles                                        */
/********************************************************/

.hide { display: none; }
.clearFloats { clear: both; }

/********************************************************/
/* main layout                                          */
/********************************************************/

#container { width: 978px; margin: 0 auto; padding: 0px 20px 20px 20px; background-color: #ffffff; }

#header { height: 132px; }
#header #logo { margin-top: 42px; float: left; }

#topNav { background-image: url(../images/nav_bg.gif); background-position: top right; background-repeat: repeat-y; height: 26px; width: 978px; text-align: center; padding-top: 5px; }
#topNav ul { list-style: none; padding: 0px; margin: 0px;}
#topNav ul ul { display: none; }
#topNav ul li { display: block; float: right; height: 20px; margin-right: 40px; background: url(../images/nav_li_bg.gif); background-position: right top; background-repeat: no-repeat;  }
#topNav ul li:hover, #topNav ul li.selected { background-position: right -20px; }
#topNav ul li a { font-size: 16px; background: url(../images/nav_a_bg.gif); background-position: left -20px; background-repeat: no-repeat; display: block; color: #dff1f3; text-decoration: none; padding: 0px 25px 0px 25px; margin-left: -2px; }
#topNav ul li a:hover, #topNav ul li.selected a { background-position: left top; }

#subNav {width:195px;float: left;margin-right: 30px; }
#subNav ul {position: relative; list-style:none; padding: 0px 4px 0px 4px; margin:0;}
#subNav ul li.selected ul { display: block; }
#subNav ul li {margin:0; padding:0;font-size: 95%;}
#subNav ul li a {display:block; text-decoration:none; color:#000; border-bottom:1px solid #ccc; padding:5px 10px;}
#subNav ul li a:hover {background-color:#e5e5e5;}
#subNav ul li.selected a {background-color:#f3f3f3; font-weight: bold;}
#subNav ul li.selected ul li a { background-color: Transparent; font-weight: normal; }
#subNav ul ul { display: none; padding: 0px; }
#subNav ul li ul li { padding-left: 10px; }
#subNav ul li ul li a { font-size: 90%; }
#subNav ul li ul li.selected a {background-color:#f3f3f3; font-weight: bold;}

#mainContent { margin: 20px; }
#mainContent .clearHeading { height: 4px; }
#mainContent #contentCopy {}
body.fullWidth #mainContent #contentCopy {width:713px;display:block;float: left;}

#mainContent #contentCopy table.contentTable { width: 100%; border-collapse: collapse; }
#mainContent #contentCopy table.contentTable th, #mainContent #contentCopy table.contentTable thead td { background-color: #f3f3f3; padding: 5px; font-weight: bold; text-align: center; border-top:1px solid #ccc; border-bottom:1px solid #ccc; }
#mainContent #contentCopy table.contentTable td { background-color: #fafafa; padding: 5px; vertical-align: top; border-bottom:1px solid #ccc; }
