/* GENERAL STYLES */
/*
div {
  border: 1px solid red;
}
*/
body {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
     /*
  background: url(graphics/bg.jpg);
  background-repeat: repeat;
  color: #000000;
     */
  background: url(graphics/faded_back.jpg);
  background-repeat: repeat-x;
  background-color: #e5eaf0;
  color: #000000;
  margin: 0px;
  padding: 0px;
  text-align: center;
}
html, body {
  /* saves you from the "centering jump" on short pages */
  min-height: 100%;
  margin-bottom: 1px;
}
h1,h2,h3,h4,h5,h6 {
  margin: 0px;
  padding: 0px;
  font-weight: bold;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  text-align: left;
  font-size: small;
}
h1 {
  font-variant: small-caps;
  text-transform: uppercase;
  color: #FF0000;
  padding-bottom: 10px;
}
h2 {
  font-variant: small-caps;
  text-transform: uppercase;
  text-decoration: underline;
  color: #003366;
  padding-bottom: 4px;
  font-size: medium;
}
h3 {
  color: #3385AD;
  margin-top: 1.2em;
  padding-bottom: 4px;
}
h4 {
  color: #006699;
  margin-top: 1.2em;
  padding-bottom: 4px;
}
h5 {
  color: #9A0101;
  margin-top: 1.2em;
  padding-bottom: 4px;
}
h6 {
  color: #0099CC;
  margin-top: 1.2em;
  padding-bottom: 4px;
}
p {
  text-align: left;
  margin: 0px;
  padding: 0px;
  padding-bottom: 6px;
}
th {
  font-size: 14px;
  text-align: center;
  background-color: #CCCCCC;
}
td {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  line-height: 16px;
  color: #333333;
  vertical-align: top;
}
dl {
  margin-top: 10px;
  padding-top: 0px;
}
dt {
}
dd {
  margin-left: 0px;
  padding-left: 0px;
  padding-bottom: 12px;
  text-align: left;
  text-indent: 0px;
}
hr {
  clear: both;
}
a:link {
  color: #336699;
  font-weight: bold;
}
a:visited {
  color: #336699;
  font-weight: bold;
  /* text-decoration: none; */
}
a:hover {
  color: #9A0101;
  font-weight: bold;
  text-decoration: none;
}
form {
  width: 100%;
  padding: 4px;
  line-height: 12px;
}

acronym {
  font-weight: bold;
  color: #336699;
}

#formBack {
  background-color: #CCCCFF;
}
/* STRUCTURE STYLES */
#wrapper {
  width: 786px;
  background-color: #FFFFFF;
  text-align: left;
  margin: 3px auto 3px auto;
  border: 1px solid #999999;
}
#header {
  width:780px;
  height:110px;
  background:url(graphics/header.jpg);
  background-repeat:no-repeat;
  background-color: #FFFFFF;
  color: #FF0000;
  border:1px;
   border-bottom-style: solid;
  border-bottom-color: #999999;
  padding: 3px;
}

#cmsHeader {
  width:780px;
  height:110px;
  background:url(graphics/cmsTop.jpg);
  background-repeat:no-repeat;
  background-color: #FFFFFF;
  color: #FF0000;
  border:1px;
   border-bottom-style: solid;
  border-bottom-color: #999999;
  margin: 3px;
}
#navigation {
  width: 168px;
  float: left;
  padding: 0px 3px;
  font: bold 11px Verdana, Sans-Serif;
  border-right: 1px solid #999999;
}
#content {
  width: 402px;
  margin: 0px 175px;
  padding: 8px 15px;

}
#largerContent {
  width: 575px;
  margin: 0 0 0 175px;
  padding: 8px 15px;
}
#largestContent {
  width: 745px;
  margin: 0px;
  padding: 8px 15px;
}
#sidebar {
  margin: 0px;
  padding: 8px;
  float: right;
  width: 148px;
  font-size: 11px;
}
#footer {
  padding: 0px;
  border-top: 1px solid #999999;
  font-size: 80%;
  color: #333333;
  /* This background color covers the faux column effect that spans the entire wrapper div */
  background-color: #FFFFFF;
}
/* HEADER STYLES */
.callout {
  display: none;
  font: bold 130% Georgia, "Times New Roman", Times, serif;
  color: #ff0000;
  margin: 0;
  padding: 20px 10px;
  text-align: right;
}
p.callout {
  margin: 0;
  padding: 0px 10px;
  text-align: right;
  font-size: small;
}
.cmsCallout {
  font: bold 130% Georgia, "Times New Roman", Times, serif;
  color: #ff0000;
  margin: 0;
  padding: 20px 10px;
  text-align: right;
}
p.cmsCallout {
  margin: 0;
  padding: 0px 10px;
  text-align: right;
  font-size: small;
}
p.identifyU {
  margin: 0;
  padding: 0px 10px;
  text-align: right;
  font-size: small;
  font-weight: bold;
  color:#FF9900;
}

/* NAVIGATION STYLES */
#navigation ul {
  background: gray;
}
#navigation ul li {
  list-style-type: none;
  margin-left: -39px;
  text-align: left;
  border-top: 1px solid #cccccc;
  border-bottom: 1px solid gray;
}
#navigation ul li a {
  padding-bottom: 4px;
}
#navigation ul li a:link {
  width: 142px;
  padding-left: 7px;
  padding-top: 4px;
  border-left: 1em solid #AAAABB;
  border-right: 3px solid #CCCCDD;
  color: #336699;
  display: block;
  font-weight: bold;
  text-decoration: none;
  background-color: #CCCCDD;
}
#navigation ul li a:visited { 
  width: 145px;
  display: block;
  font-weight: bold;
  text-decoration: none;
  color: #336699;
  background-color: #CCCCDD;
  padding-left: 7px;
  padding-top: 4px;
  border-left: 1em solid #AAAABB;
  border-right: 3px solid #F5D22E;
}
#navigation ul li a:hover, #nav a:active, #nav a:focus {  
  border-color: #F5D22E;
  color: #FFF;
  background: #023467;
  border-right: 3px solid #336699;
  width: 140px;
  display: block;
  font-weight: bold;
  padding-left: 7px;
  padding-top: .4em;
}

/* CONTACT STYLES */
#contact {
  font-weight: normal;
  font-size: 10px;
  line-height: 130%;
}
#contactTitle {
  color: #333366;
  font-weight: bold;
}
#contactSubtitle {
  color: #336699;
  font-weight: bold;
}

/* CONTENT STYLES */
#content p {
  line-height: 130%;
}

/* SIDEBAR STYLES */
#sidebarHeader {
  color: #0099CC;
  font-weight: bold;
}
#sidebar p {
  /* third column has a dark color so font must be light for contrast */
  color: #FFFFFF;
}
#clearBoth {
  clear: both;
}

/* MISCELLANEOUS STYLES */
.brclear { 
     clear: both; 
     height: 0; 
     margin: 0;
     font-size: 1px;
     line-height: 0px;
}
input.big {
  width: 100px;
}
input.small {
  width: 50px;
}
.boldItalic {
  font-style: italic;
  font-weight: bold;
  color: #336699;
}
.boldItalicLightBlue {
  font-style: italic;
  font-weight: bold;
  color: #e5efef;
}
.normalText {
  font-size: small;
  font-style: normal;
  font-weight: normal;
}
.lightBlueBack {
  background-color: #f2f7f7;
  padding: 3px;
}
.topLine {
  border-top: 1px solid #CC3333;
}
.bottomLine {
  border-bottom: 1px solid #CC3333;
}
.colorHighlight {
  background-color: #E1DED4;
}
.good {
  color: #009933;
  font-weight: bold;
}
.warning {
  color: red;
  font-weight: bold;
}
.success {
  color: #009933;
  font-weight: bold;
}
.warning a {
  color: red;
  font-weight: bold;
}
#imgFloatLeft {
  float: left;
  padding: 5px;
}
#imgFloatRight {
  float: right;
  padding: 5px;
}
#websiteName {
  font-weight: bold;
  text-transform: uppercase;
  font-stretch: ultra-expanded;
  color: #cc3333;
}
.smallText {
  font-size: x-small;
}
.smallRight {
  text-align: right;
  font-size: x-small;
  color: #CC3333;
}
.justified {
  text-align: justify;
}
.textVCenter {
  vertical-align: middle;
  text-align: left;
}
.cellCenter {
  text-align: center;
}

/* CMS STYLES - START */
#cmsContent {
  width: 532px;
  float: left;
  padding: 15px 10px; /* side padding is added to total width above for a 150px "real total" */
}
#clearedLeft {
  clear: left;
}
#clearedBoth {
  clear: both;
}
a img {
  text-decoration: none;
  border: 0px;
  padding: 0px;
  margin: 0px;
}
#footer p {
  text-align: center;
}
.tCellTop {
  vertical-align: text-top;
}
.tCellBottom {
  vertical-align: bottom;
}
.blueBold {
  font-weight: bold;
  font-variant: small-caps;
  color: #006699;
}
.boldTint1 {
  font-weight: bold;
  color: #3385AD;
}
/*
.burgundyBold {
  font-weight: bold;
  color: #9A0101;
}
*/
.greyed_out_link {
  color: #999999;
  font-weight: bold;
}
.greyedOut {
  color: #999999;
  background: #CCCCCC;
}
.tableHighlight {
  background-color: #F4F7FA;
  border: 1px solid #CCCCCC;
  text-align: center;
}
.cms_menu_title {
  padding-bottom: 4px;  
}
#navigation ul {
  padding-top: 0px;
  margin-top: 0px;
}
#program_cont_top {
  margin-top: 4px;
  background: url(graphics/top_prog_cont.gif) no-repeat;
  height: 12px;
}
#program_cont_body {
  background: url(graphics/body_prog_cont.gif) repeat-y;
  padding-left: 4px;
  padding-right: 6px;
}
#program_cont_bottom {
  background: url(graphics/bottom_prog_cont.gif) no-repeat;
  height: 12px;
}
.center_hl_text {
  text-align: center;
  padding-bottom: 12px;

}
/* CMS STYLES - END */

/* CALENDAR STYLES */
table#calendar {
  border:1px solid #336699;
}
table#calendar th {
  font-size: 11px;
}
table#calendar td a {
  display: block;
  background:#FFCC33;
  border: 1px solid #CC6633;
}
.lightYellow {
  border: 1px solid #CCCCCC;
  background-color:#FFFFCC;
}
.verySmallText {
  font-size: xx-small;
}
/* PAGE EDITOR STYLES */
#pEditorPageStyle {
  border: 1px solid grey;
  background-color: #99C2D6;
  background-image: url(../css/graphics/p_editor_page.jpg);
  background-repeat:no-repeat;
  padding: 5px;
  margin: 5px;
}
#pEditorParStyle {
  border: 1px solid grey;
  background-color: #FFFF99;
  background-image: url(../css/graphics/p_editor_par.jpg);
  padding: 5px;
  margin: 5px;
}
#pEditorSectStyle {
  border: 1px solid grey;
  background-color: #EBF3F7;
  background-image: url(../css/graphics/p_editor_sect.jpg);
  background-repeat:no-repeat;
  padding: 5px;
  margin: 5px;
}
#pEditorLinksStyle {
  border: 1px solid grey;
  background-color: #FFFFCC;
  background-image: url(../css/graphics/p_editor_links.jpg);
  background-repeat:no-repeat;
  padding: 5px;
  margin: 5px;
}
#pEditorFilesStyle {
  border: 1px solid grey;
  background-color: #FFFFCC;
  background-image: url(../css/graphics/p_editor_files.jpg);
  background-repeat:no-repeat;
  padding: 5px;
  margin: 5px;
}
.floatleft {
  float: left;
  margin: 15px 10px 10px 0;
  border: 1px solid gray;
  padding: 2px;
  width: 150px;
}
/*
hr {
  width: 100%;
}
*/
.redLink {
  padding-bottom: 10px;
  color: red;
  font-weight: bold;
}
#stripe {
  background-image: url(graphics/stripe.jpg);
  background-repeat: repeat-x;
  height: 10px;
  display: block;
  
}
.boldUnderline {
  text-decoration: underline;
  font-weight: bold;
}
.noSpacing {
  margin: 0px;
  padding: 0px;
  border: 0px
}
.whiteText {
  color: #FFFFFF;
}
.redBack {
  background-color: #FF0000;
  font-weight: bold;
  color: white;
}
.orangeBack {
  background-color: #FF6600;
  font-weight: bold;
  color: white;
}
.greenBack {
  background-color: #009933;
  font-weight: bold;
  color: white;
}
.blueBack {
  background-color: #0033FF;
  font-weight: bold;
  color: white;
}
.underline {
  text-decoration: underline;  
}
input.text {
  background-color: red;
}
.calendarDayNumber a {
  text-decoration: none;
}
.menutitle {
  cursor: pointer;
  text-decoration: underline;  
  color: #336699;
  font-weight: bold;
}
.plus_sign {
  cursor: pointer;
  text-decoration: underline;  
  color: #336699;
  font-weight: bold;
}
.minus_sign {
  cursor: pointer;
  text-decoration: underline;  
  color: #336699;
  font-weight: bold;
}
.brownHighlight {
  background-color: #FF9999;
}
.maiBack {
  background-image: url(graphics/mai.jpg);
}
.table_row_emphasis {
  font-weight: bold;
  color: #FFFFCC;
  background-color: #CC9966;
  text-align: center;
}
.table_hd_emphasis {
  font-weight: bold;
  color: #CC9966;
}
/*
p a {
  background-image: url(graphics/mouse3.gif);
  background-repeat: no-repeat;
  padding-left: 16px;

}
#flash_header_wrapper {
  color: #FFFFFF;
  background: #003366;
  width: 780px;
  height: 24px;
} 
*/
#button_highlight ul li a:link {
  background-image: url(graphics/btn_gradient.jpg);
  border: 0px;
  border-left: 1em solid #CC3333;
  border-right: 3px solid #F5D22E;
  padding-left: 7px;
  padding-top: 4px;
  background-color: #F5D22E;
}

#button_highlight ul li a:visited { 
  background-image: url(graphics/btn_gradient.jpg);
  width: 145px;
  display: block;
  font-weight: bold;
  text-decoration: none;
  color: #CC3333;
  background-color: #F5D22E;
  padding-left: 7px;
  padding-top: 4px;
  border-left: 1em solid #CC3333;
  border-right: 3px solid #F5D22E;
}
#button_highlight ul li a:hover, #nav a:active, #nav a:focus {  
  color: #FFF;
  background-image: url(graphics/btn_gradient.jpg);
  border: 0px;
  border-left: 1em solid #CC3333;
  border-right: 3px solid #F5D22E;
  padding-left: 7px;
  padding-top: 4px;
  background-color: #F5D22E;
}
#ciic_menu {
  font-weight: bold;
  height: 24px;
  background-color: #003366;
  color: #F5D22E;
  text-align: center;
  padding-top: 12px;
  margin-bottom: 12px;
  background-image: url(graphics/ciic_menu_back.jpg);
}
.greyed_out {
  color: #CCCCCC;
}
.grey_back {
  background-image: url(graphics/diag_lines.png);
}
.superscript {
  font-size: x-small;
}
.emphasis {
  color: #006699;
  font-weight: bold;
}
.tiny_text {
  font-size: xx-small;
}