body {margin:0px; padding:0px; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#666666; background-color:#FFFFFF}
body, html {height:100%;}
#body {background-color:#F2F7FC; height:100%}

#headerContainer {background-image:url(images/header-bg.gif); background-repeat:repeat-x; clear:both; background-position:top}
#header {width:760px; margin-left:auto; margin-right:auto; clear:both}
#header .logo {float:left; width:146px; clear:left}
#header .banner {float:left; width:468px; height:60px; margin:22px 0 0px 10px; overflow:hidden; text-align:center}
#header a img {border:none;}
#header .map {float:right; width:135px; clear:right}


#navigationContainer {background-color:#74ACDD; color:#FFFFFF; clear:both; padding:0 10px 0 10px;}
#navigation {width:760px; margin-left:auto; margin-right:auto; line-height:30px;}
#navigation .left {float:left;}
#navigation .right {float:right;}

#contentContainerOuter {background-color:#FFFFFF; clear:both; padding-top:10px; padding-bottom:10px;}
#contentContainerInner {width:760px; margin-left:auto; margin-right:auto; background-image:url(images/bg-contentcontainer.gif); background-repeat:repeat-y; background-position:left;}
#menu {width:150px; float:left; overflow:hidden;  padding-bottom:10px;}
#content {width:600px; float:right; overflow:hidden; background-color:#FFFFFF; border-left:10px solid #FFFFFF }

#footerContainer {background-color:#74ACDD; color:#FFFFFF; clear:both; padding:10px;}
#footer {width:760px; margin-left:auto; margin-right:auto}
#footer .left {float:left;}
#footer .right {float:right;}

/* headings */
h1, h2, h3, h4, h5, h6, p {margin-top:0px; margin-bottom:6px}
h1 {font-size:170%; font-weight:normal; color:#336699;}
h2 {font-size:120%; font-weight:bold; color:#003399;}
h3 {font-size:110%; font-weight:bold; color:#000000;}
h4 {font-size:105%; font-weight:bold; color:#000000;}
h5 {font-size:100%; font-weight:bold; color:#000000;}
h6 {font-size:100%; font-weight:bold; color:#000000;}

/* headings mce */
.defaultSkin .mce_h1 span.mceText, .defaultSkin .mce_h2 span.mceText, .defaultSkin .mce_h3 span.mceText, .defaultSkin .mce_h4 span.mceText, .defaultSkin .mce_h5 span.mceText {margin-top:0px; margin-bottom:6px; font-family:Arial, Helvetica, sans-serif !important}

.defaultSkin .mce_h1 span.mceText {font-size:20px !important; font-weight:normal !important; color:#336699;}
.defaultSkin .mce_h2 span.mceText {font-size:16px !important; font-weight:bold !important; color:#003399;}
.defaultSkin .mce_h3 span.mceText {font-size:14px !important; font-weight:bold !important; color:#000000;}
.defaultSkin .mce_h4 span.mceText {font-size:13px !important; font-weight:bold !important; color:#000000;}
.defaultSkin .mce_h5 span.mceText {font-size:12px !important; font-weight:bold !important; color:#000000;}
.defaultSkin .mce_h6 span.mceText {font-size:12px !important; font-weight:bold !important; color:#000000;}

/* links */

a {font-weight:bold; color:#336699; text-decoration:underline; outline:none;}
a:hover {color:#FF0000; text-decoration:underline;}

#navigation a {color:#FFFFFF; font-weight:bold; text-decoration:underline}
#navigation a:hover {color:#FFFF00; font-weight:bold; text-decoration:underline}


/* misc */

#content strong, #content b {color:#000000;}
#content p {line-height:140%;}
ul {margin-bottom:8px; margin-top:0px;}
li {margin-bottom:4px;}
.clear {clear:both;}
.floatLeft {float:left;}
.floatRight img {margin-left:5px; margin-bottom:5px;}
.floatRight {float:right;}
.alignTextCenter {text-align:center}
.alignTextRight {text-align:right}
.alignTextLeft {text-align:left}

.noMargin {margin:0px;}

table.hpAudiences {width:100%}

.breadcrumb {margin-bottom:6px; font-size:11px; color:#999999;}
.breadcrumb a:link, .breadcrumb a:active, .breadcrumb a:visited {color:#999999; text-decoration:underline;}
.breadcrumb a:hover {color:#000000; text-decoration:underline;}

.intro {color:#666666; font-weight:bold}


table.hpMainTable {width:760px; border-right:1px solid #000000;
}
td.hpLeftColumn {background-color:#EDF4FB; border-right:1px solid #996633; padding:0px; vertical-align:top; width:280px;  text-align:center}
td.hpRightColumn {background-color:#FFFFFF; padding:0px; vertical-align:top; width:480px;}
td.leftColumn {background-color:#007CB9; border-right:1px solid #000066; padding:0px; vertical-align:top; width:150px;  text-align:center}
td.rightColumn {background-color:#FFFFEE; padding:0px; vertical-align:top; width:610px;}
.rightColumn {padding-top:5px}
p.blue {color:#0066CC;}
.leftColumn {padding:0px 0px 10px 0px;}
img.hpPhoto {border-bottom:1px solid #996633;}
#hpIcons {text-align:center;}
#hpIcons img {margin: 5px 2px 5px 2px}
.borderTop {border-top:1px solid #996633;}
.borderTopRight {border-top:1px solid #996633; border-right:1px solid #996633;}
.borderBottom {border-bottom:1px solid #996633;}
.borderLeft {border-left:1px solid #996633;}
.borderRight {border-right:1px solid #996633;}

.borderTop {border-top:1px solid #000066;}
.borderTopRight {border-top:1px solid #000066; border-right:1px solid #000066;}
.borderBottom {border-bottom:1px solid #000066;}
.borderLeft {border-left:1px solid #000066;}
.borderRight {border-right:1px solid #000066;}

.mainPhoto {border:1px solid #000000; margin-left:4px;}



.nuggetBlue {padding:3px; border:1px solid #0066CC; xwidth:33%; background-color:#EDF4FB; vertical-align:top;}
.nuggetBlue p, .nuggetBlue h2, .nuggetBlue h3 {padding:0px; line-height:normal; margin-bottom:5px;}
.nuggetBlue p {font-size:10px}
.nuggetBlue img {border:1px solid #000066; margin-right:4px;}

.alignRight {float:right;}
.alignRight img, img.alignRight {margin-left:5px;}
.alignLeft {float:left;}
.alignLeft img, img.alignLeft {margin-right:5px;}


.clear {clear:both;}

a.adminEdit {background-color:#FF0000; border:2px solid #CC0000; padding:0px 10px 0px 10px; color:#FFFFFF; text-decoration:none;}
a.adminEdit:hover {background-color:#CC0000; color:#FFFFFF; text-decoration:none;}

.link {clear:both; border-bottom:1px solid #CCCCCC; padding:8px 0 8px 0;}
.link img {float:right; border:none;}
.link h2, .link p {margin:0px; font-size:11px}
.link .url {font-size:x-small;}
.link .url a {color:#999999;}
.link .url a:hover {color:#CC0000;}

.large {font-size:24px;}
.extraLarge {font-size:32px;}
.red {color:#CC0000;}
.green {color:#339900;}
.blue {color:#0000CC;}

.attachment a {padding-left:36px; line-height:36px; display:block; float:left;  margin-bottom:5px;
background-image:url(images/attachment.gif); background-position:left; background-repeat:no-repeat;}
.attachment a.pdf {background-image:url(images/adobe_acrobat.gif); }