body {padding:0; margin:0; background-color:#fff; text-align:center; color:#333333; font:11px/18px Verdana, Arial, Helvetica, sans-serif;}

ul {list-style-type:square;}
ul li {margin-bottom:0.6em;}
hr {color:#999; height:1px;}

h2 {font-weight:bold; font-size:12px; margin-top:0;/*for NS*/ margin-bottom:0.5em;}
h3, h3 a, h3 a:visited {display:block; margin:0 0 10px 0; padding:4px; text-align:center; font-weight:bold; font-size:12px; color:#333; background-color:#ccc;}
h3 a, h3 a:visited {text-decoration:none; margin:0; padding:0; color:#333;}
h4 {display:block; margin:0 0 0.5em 0; text-align:left; font-weight:bold; background-color:#ccc; font-size:11px; padding:5px 5px 2px 5px; line-height:1.2em;}

a, a:visited {color:#262192;}
a:hover {text-decoration:none;}

div#wrapper {position:relative; width:760px; top:2px; margin-left:auto; margin-right:auto;}

/* hold top nav and logo */
div#topBar {position:relative; height:50px; text-align:left; border-bottom:1px solid #666; z-index:1;}
div#logo {float:right; margin-top:7px;}
div#mainNav {position:absolute; left:0; bottom:0; z-index:2;}
div#mainNav a, div#mainNav a:visited {text-decoration:none; color:#7c7c7c; font:bold 14px Arial, Helvetica, sans-serif; padding:3px 6px 1px 6px;}
div#mainNav a {margin-left:14px;}
div#mainNav a:hover {color:#000;}

/* holds top pic, sub nav and quicklinks box background picture defined locally for most pages*/
div#picBar {position:relative; height:89px; border-bottom:7px solid #c6c6c6; background-color:white; z-index:3; text-align:right;}
div#quicklinks {position:absolute; bottom:0; right:0;}
div#subNav {padding-top:8px; float:right;}
div#subNav a, div#subNav a:visited {text-decoration:none; color:#7c7c7c; background-color:#FFFFFF; font:bold 12px Arial, Helvetica, sans-serif; padding-left:12px; margin:0;}
div#subNav a:hover {color:#000;}

/* follows picBar and contains main content */
div#mainCont {border-bottom:7px solid #c6c6c6; padding-bottom:12px;}

/* 2 col table relative -170 */
table#home {width:100%; border:0; margin:0;}
table#home td#left {vertical-align:top; text-align:justify; padding:0 40px 0 0;}
table#home td#right {vertical-align:top; width:150px; text-align:center; border-left:4px solid #ccc;}
table#home td#right-bottom {text-align:center; border-left:4px solid #ccc;}

/* 3 col table 170 - relative - 170  */
table#cont {width:100%; border:0; margin-top:8px;}
table#cont td#left { vertical-align:top; width:170px; padding-top:5px;}
table#cont td#mid { vertical-align:top; text-align:left; padding:0 50px 0 33px;}
table#cont td#right { vertical-align:top; width:148px;}

/* 2 col table 170 - relative  */
table#cont2 {width:100%; border:0; margin-top:8px;}
table#cont2 td#left {vertical-align:top; width:170px;}
table#cont2 td#right {vertical-align:top; text-align:center; padding:0 0 0 50px;}

/* 2 col table relative -170 as per home table but no vertical divider */
table#cont3 {width:100%; border:0; margin:0;}
table#cont3 td#left {vertical-align:top; text-align:justify; padding:0 40px 0 0;}
table#cont3 td#right {vertical-align:top; width:170px; text-align:center;}
table#cont3 td#right-bottom {text-align:center;}

/* single column full width table*/
table#cont1 {width:100%; border:0; margin-top:8px;}
table#cont1 td {text-align:justify;}

table#home3 {margin-top:14px;} /* sub table with 3 content cols and 2 spacer cols as on home page*/
table#home3 td {vertical-align:top; padding:0; text-align:left; font:11px/1.2em Arial, Helvetica, sans-serif;}

table#home3 td a:hover {color:#660000;}
table#home3 td p {margin:0 0 1em 0;}
table#home3 td ul {margin:0 8px 0 2em;}
table#home3 td.b {border:1px solid #ccc; border-width:1px 1px 1px 5px; width:30%; padding:0 0 10px 0;}
table#home3 td.b p.content, table#home3 td.c p.content {padding:8px 8px 0 8px;}
table#home3 td.c {border:1px solid #ccc; border-width:1px 1px 1px 5px; width:25%; padding:0 0 10px 0;}


div#footer {position:relative; width:100%; padding:5px 0 20px 0; text-align:left; font:10px Arial, Helvetica, sans-serif; color:#666666;}
div#footer div#ask {float:right;}

/*wide spacing for most main content */
p.double { font:11px/1.8em Verdana, Arial, Helvetica, sans-serif;}
p.compact {font:11px/1.5em Verdana, Arial, Helvetica, sans-serif; margin:0 0 0.75em 0;}
p.boxhead {display:block; margin:0; text-align:center; font-weight:bold; font-size:12px; color:#333; background-color:#ccc; padding:2px; text-decoration:none;}

p.header, p.deepheader {display:block; margin:0 0 0.5em 0; text-align:left; font-weight:bold; background-color:#ccc; padding:5px 5px 2px 5px; line-height:1.2em;}
p.deepheader {height:4em;}

/* full width news box as used on home page*/
div.news {border:1px solid #ccc; border-width:1px 1px 1px 5px; margin:12px 0;}
div.news h3 {text-align:left; padding-left:20px;}
div.news p {margin:0.5em 2em 1em 2em;}
div.news a, div.news a:visited {color:#333; text-decoration:none;}
div.news a:hover {text-decoration:underline;}
div.news a.show, div.news a.show:visited {text-decoration:underline; }

/* bordered box sized by container td */
div.box-2 {text-align:left; font:11px/1.5em Arial, Helvetica, sans-serif; border:1px solid #ccc; border-width:1px 5px 1px 1px; }
div.box-2 a, div.box-2 a:visited {color:#191C69;}
div.box-2 a:hover {color:#660000;}
div.box-2 p.content {margin:0; padding:10px 8px 16px 8px;}
div.box-2 ul {margin:0 8px 0 2em;}
div.box-2 p.boxhead {line-height:1.2em;}

/* colored bg boxes sized by containing td */
img.callout {display:block; margin:15px 0 0 0;}

.black {color:#000;}
a.subtle, a.subtle:visited {color:#666; text-decoration:none; font-size:10px;}
a.subtle:hover {text-decoration:underline; }
