body {
        background-color: #ffffff;
        background-image: url(/content/columbus/design_elements/site_bg.jpg);
        color: #666666;
        }
maincanvas {
        border-top: 1px solid black;
        border-bottom: 1px solid black; 
        border-right: 1px solid black; 
        border-left: 1px solid black; 
}

p, .defaulttext {
        color: #333333;
}

table {
        color: #333333;
}

.pageHeader {
}
.reverseHeader {
        /*background-color: rgb(252,31,63);*/
}
.headerNavBar {
        background-color: rgb(252,31,63);
        }
.portletHeader {
        color: rgb(25,25,25);
        background-color: rgb(204,204,204);
}

.portletBody {
        font-color: #333333
        background-color: white;
}
.portletDate {
        color: #666666;
}
.portletHeaderG {
        color: #333333;
        background-color: #FFFFFF;
}
.portletBodyG {
        background-color: white;
}

.portletTable {
        border-width: 1px;
        border-style: solid;
        border-color: rgb(204,204,204);
}

.portletTableG {
        border-width: 0px;
        border-style: solid;
        border-color: #FFFFFF;
}
/* calendar stuff */
.not-in-month {
        background-color: #999999;
        color: #000000;
}
.weekend {
        background-color: white;
}
.weekday {
        background-color: white;
}
.calendar-header {
        color: #FFFFFF;
        background-color: #666666;
}

/* text, links, etc. */
a, a:link, a:visited, a:active {
        color: rgb(50,77,113);
}

.headline, .headline a, .headline a:link, .headline a:active, .headline a:visited {
        color: #666666;
}

.subheadline, .subheadline a, .subheadline a:link, .subheadline a:active, .subheadline a:visited {
color: rgb(50,77,113);
}

.footnote, .footnote a:hover, .footnote a:link, .footnote a:active, .footnote a:visited {
        color: #333333;
}

.tabletop {
        border-top-color: #999999;
}


.primarynav-current, .primarynav-current a:link, .primarynav-current a:active, .primarynav-current a:visited {
        color: #FFFFFF;
}

.primarynav a:link, .primarynav a:active, .primarynav a:visited {
        color: rgb(25,25,25);
}

.secondarynav {
        color: #333333;
}

.secondarynav a:link, .secondarynav a:active, .secondarynav a:visited {
        color: #333333;
}
.tabnav {
        color: #333333;
        padding-top: 100px;
}

.tabnav a:link, .tabnav a:active, .tabnav a:visited {
        color: #666666;
}
.plusnav {
        color: #333399;
}

.plusnav a:link, .plusnav a:active, .plusnav a:visited {
        color: #336699;
}

.plusnav a:hover {
        color: #003366;
}

.stepnav {
        padding-left: 10px;
        padding-right: 10px;
        color: white;
        background-color: #83A1C5;
        font-weight: bold;
}
.currentstep {
        padding-left: 10px;
        padding-right: 10px;
        background-color: lightblue;
        color: #41638B;
        border-color: #83A1C5;
        font-weight: bold;
}

.tabon {
        border-top-color: #cccccc;
        border-right-color: #cccccc;
        border-left-color: #cccccc;
        background-color: #ffffff;

}

.taboff {
        border-top-color: #cccccc;
        border-right-color: #cccccc;
        border-left-color: #cccccc;
        border-bottom-color: #cccccc;
	margin-top: 100px;
}

.pageActions {
        border-color: #666666;
        text-color: #41638B;
}
.pageActions a:link, .pageActions a:active, .pageActions a:visited {
        border-color: #666666;
        text-color: #41638B;
}

.pageActions a:hover {
        border-color: #666666;
        text-color: #41638B;
}

.utilitybar {
                background-color: white;
                text-color: white
                height: 10px;
}

.utility-table {
                background-color: white;
}

.footer-table {
        border-top-color: #CCCCCC;
        background-color: white;
}
.pagetitle, .pagetitle a, .pagetitle a:link, .pagetitle a:active, .pagetitle a:visited {
        color: #666666;
        border-bottom-color: rgb(252,10,45);
        padding-top: 15px;
}
.pagesubtitle, .pagesubtitle a, .pagesubtitle a:link, .pagesubtitle a:active, .pagesubtitle a:visited {
        color: #666666;
        border-bottom-color: rgb(253,145,160);
}
.outlined {
        border-color: lightgrey;
}
.lightseparator {
        border-color: #cccccc;
}

table.portlet-white{
        border-width: 1px;
        border-style: solid;
        border-color: #ffffff;
}

.portlet-white-header {
        text-align: left;
        padding-left:  10px;
        padding-right: 10px;
        font-weight: bold;
        height: 0px;
        color: #FFFFFF;
        background-color: #ffffff;
}
.portlet-white-date {
        text-align: left;
        padding-left:  0px;
        padding-right: 0px;
        font-weight: bold;
        height: 23px;
        color: white;
        background-color: white;
        width: 0px;
}
.portlet-white {
        text-align: left;
        padding-left:   10px;
        padding-right:  10px;
        padding-top:     3px;
        padding-bottom:  3px;
        font-color: #333333;
        background-color: white;
}

table.portlet-bold {
        border-width: 1px;
        border-style: solid;
        border-color: #333333;
}

.portlet-bold-header {
        text-align: center;
        padding-left:  10px;
        padding-right: 10px;
        font-weight: bold;
        height: 23px;
        color: #ffffff;
        background-color: #333333;
}
.portlet-bold-date {
        text-align: left;
        padding-left:  0px;
        padding-right: 0px;
        font-weight: bold;
        height: 23px;
        color: #333333;
        background-color: white;
        width: 0px;
}
.portlet-bold {
        text-align: left;
        padding-left:   10px;
        padding-right:  10px;
        padding-top:     3px;
        padding-bottom:  3px;
        font-color: #333333;
        background-color: white;
}

table.portlet-light {
        border-width: 1px;
        border-style: solid;
        border-color: #ffffff;
}

.portlet-light-header {
        text-align: left;
        padding-left:  10px;
        padding-right: 10px;
        font-weight: bold;
        height: 0px;
        color: #FFFFFF;
        background-color: #ffffff;
}
.portlet-light-date {
        text-align: left;
        padding-left:  0px;
        padding-right: 0px;
        font-weight: bold;
        height: 23px;
        color: white;
        background-color: white;
        width: 0px;
}
.portlet-light {
        text-align: left;
        padding-left:   10px;
        padding-right:  10px;
        padding-top:     3px;
        padding-bottom:  3px;
        font-color: #333333;
        background-color: white;
}

.vertnav-primary {
        color: white;
        background-color: #6B85B0;
        font-weight: bold;
}

.vertnav-primary-current, .vertnav-primary-current a:link, .vertnav-primary-current a:active, .vertnav-primary-current a:visited {
        color: lightblue;
}

.vertnav-primary a:link, .vertnav-primary a:active, .vertnav-primary a:visited {
        color: white;
}

.vertnav-secondary {
        color: #20396D;
        background-color: #E8EFF8;
        font-weight: bold;
        font-size: 11px;
}

.vertnav-secondary a:link, .vertnav-secondary a:active, .vertnav-secondary a:visited {
        color: #20396D;
        text-decoration: none;
        font-size: 11px;
}

.vertnav-secondary-current, .vertnav-secondary-current a:link, .vertnav-secondary-current a:active, .vertnav-secondary-current a:visited {
        font-weight: bold;
        font-size: 11px;
}

.vertnav-secondary a:hover {
        text-decoration: underline;
        font-size: 11px;
}

.vertnav {
        background-color: #C6D7ED;
}
/*
Container for the menu. Note that this container can go inside a fixed width
element that is centered on the page, if you so desire. It can even go inside a table cell.
We set the left margin in navigation.css so that it is pulled away from the left of the cell it is contained in.
*/
#dropdownnav-wrapper {
}
/*
Primary nav Links. Note that the background-color is not set as the headerNavBar background-color is inherited.
This or the #dropdownnav li can be set to override the headerNavBar background-color.
*/
#dropdownnav a {
	color: #ffffff;
}
/*
Primary nav currently selected page Link.  
*/
#dropdownnav a.current {
	color: #ffffff;
background-color: rgb(50,52,51)

}
/*
Class assigned to those Primary nav links that have associated secondary navs.
The top and bottom padding assigned this element must be the same as
that assigned to the dropdownnav a element.
*/
#dropdownnav a.trigger {
	/*background-image: url(/content/test/design_elements/trigger_image.gif);*/
	background-repeat: no-repeat;
	background-position: right center;
}
/*
trigger-current is the style used when this is the current primary nav selected (or one of its children)
*/
#dropdownnav a.trigger-current {
	/*background-image: url(/content/test/design_elements/trigger_image.gif);*/
        background-repeat: no-repeat;
	background-position: right center;
	color: #ffffff;
background-color: rgb(50,52,51)
}
/*
Changes the Text color and background color when the primary nav
menu items are moused over. The second selector sets color and background
when primary nav items are accessed with the keyboard tab key. The third
selector sets an active state to support keyboard access in MSIE. The fourth
selector is assigned to IE5 and IE6 Windows via the DropdownNav_ExpMenu script.
Note that IE7 supports hover on elements other than links and so behaves
like Firefox, Opera, and Safari - making the menu operable even if JavaScript
is not enabled.
*/
#dropdownnav li:hover a, #dropdownnav a:focus,
#dropdownnav a:active, #dropdownnav li.dropdownnavhvr a {
	color: rgb(178,201,232);
background-color: rgb(50,52,51)
}
/*
The following are styles are similar to the above hover, except they apply specifically
to the trigger and trigger-current classes. These are applied when a particular primary nav has secondary navs.
We changed the image to a black arrow on hover (on non-current primary navs) to match the font color.
*/
#dropdownnav li:hover a.trigger, #dropdownnav a.trigger:focus,
#dropdownnav a.trigger:active, #dropdownnav li.dropdownnavhvr a.trigger {
  /*background-image: url(/content/test/design_elements/trigger_image.gif);*/
}
/*
This is the hover style if the primary nav is a trigger nav and the current page selected.
Only need to set this if you want the hover of a currently selected primary nav to be different
than the default style of a currently selected primary nav.
*/
#dropdownnav li:hover a.trigger-current, #dropdownnav a.trigger-current:focus,
#dropdownnav a.trigger-current:active, #dropdownnav li.dropdownnavhvr a.trigger-current {
}
/*
Sets width for secondary nav box and the List Items inside - in proportional em units.
This allows the sub-menu width to expand if users resize the text in their browsers.
*/
#dropdownnav li ul, #dropdownnav ul li  {
	width: 14em;
}
/*
The secondary nav links. We set color for the links. 
*/
#dropdownnav ul li a  {
	color: rgb(178,201,232);
}
/*
a.current is used for any secondary nav that is currently selected.
*/
#dropdownnav ul li a.current  {
	color: rgb(178,201,232);
}
/*
secondary nav Unordered Lists describes each dropdown secondary nav grouping.
Background Color must be set or problems will be encountered in MSIE.
Right and bottom borders are set to simulate a raised look.
opacity is used to allow the menu to appear partially transparent. There is a filter component that
must be used to make IE happy.
*/
#dropdownnav li ul {
	background-color: rgb(50,52,51);
  opacity:.90;
  filter: alpha(opacity=90);
  border-right: 1px solid rgb(199,201,200);
	border-bottom: 1px solid rgb(199,201,200);
border-left: 1px solid rgb(199,201,200);
border-top: 1px solid rgb(199,201,200);

}
/*
Sets the Text color of the secondary nav links when the primary nav
menu items are moused over. The second selector is
assigned to IE5 and IE6 via the DropdownNav_ExpMenu script.
The color set should match the normal secondary nav link color
in the rule: #dropdownnav ul li a. Have to re-set the background-color (from #dropdownnav li ul)
to override the hover affects of the primary nav if background-color is changed on hover.
*/
#dropdownnav li:hover ul a, #dropdownnav li.dropdownnavhvr ul a {
	color: rgb(178,201,232);
}
/*
This is the style if the secondary nav is the current page selected.
*/
#dropdownnav li:hover ul a.current, #dropdownnav li.dropdownnavhvr ul a.current {
	color: rgb(178,201,232);
  background-color: #000000;
}
/*
The normal hover class for Sub-Level links. The Important directive
is required for older browsers. We set a background color, which shows
over the normal secondary nav background.
*/
#dropdownnav ul a:hover {
	background-color: #000000!important;
	color: rgb(178,201,232)!important;
}