/* new external style sheet - optional - must be named "style.css" and in the root of the SiteImages/SiteID/ folder */

/* generic html element styles */
/* outer border for all pages - not yet implemented in code... RJC */
table.framework { border-color: #31656B; border-style: solid; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; }

/* a tags in web content pages may have textlink class */
a.textlink	{	color: #000000; }

a.textlink.visited	{	color: #31656B; }

/* portal application boxes */
table.container { background-color: #E2E0BA; padding: 1px 1px; border: #31656B solid; border-width: 1px 1px 1px}

td.container_title { color: #FFFFFF; background-color: #E2E0BA; font-size: 10pt; font-weight:bold; height:15px; clip:  rect(   ); background-image: url(brown_container_title.gif)}

td.container_edit { color: #FFFFFF; background-color: #E2E0BA; font-size: 9pt; text-align: right;  height:15px; margin-right: 2px; clip:  rect(   ); background-image: url(brown_container_title.gif)}

a.container_edit  { color: #FFFFFF; font-weight:bold;}

/* BODY - page content below top navbar and to the right of side navbar */				
td.content { background-color: #FFFFFF; }

/* page footer */
.footer	{ font-size: 12px; color: #FFFFFF; background-color: #E2E0BA; text-align: center; padding-top: 4px; padding-bottom: 4px; 
			background-image: url(brown_footer.gif)}

/* top navigation bar */			
td.mainmenu { background-color: #660000; border: black; background-image: url(brown_top_bar.gif)}

/*a.mainmenuOn {  font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #31656B; text-decoration: none
; background-color: #C0C0C0; border: 1px solid; padding-right: 9px; padding-left: 9px; padding-top: 2px; padding-bottom: 2px; height: 18px; margin-right: 8px; vertical-align: middle;}

a.mainmenu  {  font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #FFFFFF; text-decoration: none
; background-color: #31656B; border: 1px #FFFFFF solid; padding-right: 9px; padding-left: 9px; padding-top: 2px; padding-bottom: 2px; height: 18px; margin-right: 8px; vertical-align: middle;} */

a.mainmenuOn {  font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #31656B; background-color: #B9C6A0;  text-decoration: none
; height: 18px; margin-right: 8px; vertical-align: middle;}

a.mainmenu  {  font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #FFFFFF; text-decoration: none
;  height: 18px; margin-right: 8px; vertical-align: middle;}

a:hover.mainmenu, a:hover.mainmenuOn  {  color: #660000; text-decoration: none; background-color: #B9C6A0;}

/* side navigation bar */
/* sidemenu is the table for side navigation bar */
td.sidemenu {  color: #E2E0BA; background-color: #E2E0BA; border-color: black #31656B black black; border-style: solid; border-top-width: 0px; border-right-width: 1px; border-bottom-width: 0px; border-left-width: 0px;}

/* used in side navbar for header labels such as "Menus" */
td.sidemenuheader { font-size: 10pt; font-weight: bold; color: #ffffff; background-color: #E2E0BA; vertical-align: middle; padding-right: 4px; text-align: center; background-image: url(brown_container_title.gif)}

/* level0 -on and -off is used only in Web Content side navbar for the first-level menu */				
td.level0off,  {  font-family: Arial, Helvetica, sans-serif; background-color: #E2E0BA; padding-top: 4px; padding-bottom: 2px; padding-left: 4px; padding-right: 4px; color: #31656B; margin-top: 4px;  font-size: 12px; font-weight: normal; border: #999999 solid; text-align: left; border-width: 0px 0px 1px 0px}

a.alevel0off { text-decoration: none; font-size: 12px; font-weight: bold; color: #224448; }

td.level0on  {  font-family: Arial, Helvetica, sans-serif; background-color: #B9C6A0; padding-top: 4px; padding-bottom: 2px; padding-left: 4px; padding-right: 4px; color: #31656B; margin-top: 4px; text-decoration: none; font-size: 12px; font-weight: normal; border: #999999 solid; text-align: left; border-width: 0px 0px 1px 0px}

a.alevel0on  {  text-decoration: underline; color: #31656B;}

/* levels 1-3 are used both in sidebar Menus and in Web Content pages 
	class is assigned to both anchor (a)  and td elements
	-on is active for the currently-displayed page */
td.level1off,  {  font-family: Arial, Helvetica, sans-serif; background-color: #E2E0BA; padding-top: 4px; padding-bottom: 2px; padding-left: 4px; padding-right: 4px;  margin-top: 4px;  border: #999999 solid; text-align: left; border-width: 0px 0px 1px 0px}

a.alevel1off { text-decoration: none; font-size: 12px; font-weight: normal; color: #224448; }

td.level2off, a.alevel2off {  font-family: Arial, Helvetica, sans-serif; background-color: #E2E0BA; padding-top: 4px; padding-bottom: 2px; padding-left: 4px; padding-right: 4px; color: #31656B; margin-top: 4px; text-decoration: none; font-size: 11px; font-weight: normal; border: #999999 solid; text-align: left; border-width: 0px 0px 1px 0px}

td.level3off, a.alevel3off {  font-family: Arial, Helvetica, sans-serif; background-color: #E2E0BA; padding-top: 4px; padding-bottom: 2px; padding-left: 4px; padding-right: 4px; color: #31656B; margin-top: 4px; text-decoration: none; font-size: 10px; font-weight: normal; border: #999999 solid; text-align: left; border-width: 0px 0px 1px 0px}

a:hover.alevel1off, a:hover.alevel2off, a:hover.alevel3off {  text-decoration: underline; background-color: #B9C6A0; color: #224448;}

td.level1on  {  font-family: Arial, Helvetica, sans-serif; background-color: #B9C6A0; padding-top: 4px; padding-bottom: 2px; padding-left: 4px; padding-right: 4px; color: #31656B; margin-top: 4px; text-decoration: none; font-size: 12px; font-weight: normal; border: #999999 solid; text-align: left; border-width: 0px 0px 1px 0px}

a.alevel1on  {  text-decoration: underline; color: #224448;}

td.level2on  {  font-family: Arial, Helvetica, sans-serif; background-color: #B9C6A0; padding-top: 4px; padding-bottom: 2px; padding-left: 4px; padding-right: 4px; color: #31656B; margin-top: 4px; text-decoration: none; font-size: 11px; font-weight: normal; border: #999999 solid; text-align: left; border-width: 0px 0px 1px 0px}

a.alevel2on  {  text-decoration: underline; color: #31656B;}

td.level3on  {  font-family: Arial, Helvetica, sans-serif; background-color: #B9C6A0; padding-top: 4px; padding-bottom: 2px; padding-left: 4px; padding-right: 4px; color: #31656B; margin-top: 4px; text-decoration: none; font-size: 10px; font-weight: normal; border: #999999 solid; text-align: left; border-width: 0px 0px 1px 0px}

a.alevel3on  {  text-decoration: underline; color: #31656B;}


/* standard top-of-page tabs */
.TableTab	{ border-bottom:1px solid #31656B;  }
.TabActive	{ background-color: #31656B; }
a.aTab		{ text-decoration: none; }
a:hover.aTab { text-decoration: underline; color: #31656B; }	


/* text styles */
.title 		{	font-size: 13pt; font-weight: bold; color: #31656B; }
.subtitle, .subtitlebar	{ font-size: 9pt; font-weight: bold; color:#31656B;  }

/* form labels */
#LabelLeft 	{	font-size: 9pt; color: #31656B; }
#LabelRight	{	font-size: 9pt; color: #31656B;  text-align: right; }
#ColLabel	{	font-size: 9pt; color: color: #31656B;  text-align: center; }

/* standard buttons on form pages */
.clsButton	{	font-size: 9pt;	width: 70px; height: 18px; line-height: 10px; color: #000000;
				border: solid 1px #000099; }
.clsButtonLong	{font-size: 9pt; width: 120px; height: 18px; line-height: 10px;	color: #000000;
				border: solid 1px #000099; }

/* these are used in the calendar exclusively */
TD.NON {font-family :Verdana, Arial; font-size :12px; color :#B9C6A0; font-weight :normal; }
TD.TOP {font-family :Verdana, Arial; font-size :12px; color :#0000FF; font-weight :bold; }
TD.Some {font-family :Verdana, Arial; font-size :12px; color :#000000; font-weight :normal;}
A.NOEVENT {	font-size :12px; font-weight :normal; text-decoration: none; }
A.EVENT { font-size :12px; font-weight :bold; text-decoration: none; }