/* --------------------- */
/* ROUTINES    CSS       */
/* author:  Gary Jeurink */
/* created: 03/18/2014   */
/* --------------------- */

body		{width: 100%; background-color: white}
#mainContent{width: 100%}
.colored	{font-style: italic; color: red}
.usaBonus	{font-style: italic; font-weight:bold;  color: blue}
.usaVirtue	{font-style: italic; font-weight: bold; color: green}
#footer         {width: 950px; height: 30px; background-color:#6600CC; color: white; text-align:left }
#footer p       {margin: 8px; padding: 8px; }             
#footer a       {text-decoration: none; color: yellow; font-weight:bold;  }
#footer a:hover {background-color:purple; color: white; font-weight:bold;  }
#routineText div {margin: 0, auto; width : 750px}
#vtable
    {width: 650px; margin-left: 20px;
     border-collapse: collapse; border: 1px solid black;}
#vtable th  
    {background-color:#CCCCCC;}
td.lftCol
    { width: 75px; text-align: right; padding-right: 5px; border-right: 1px solid black;}

td.rtCol colored
    {text-align: left; padding-left: 5px; font-style: italic; color: red; font-weight: bold;
     width: 75px; text-align: right; padding-right: 5px; border-right: 1px solid black;}
td.rtCol colored
    { text-align: left; padding-left: 5px; font-style: italic; color: red;}

#routineTable  {
	margin: 0, auto; width: 950px; border-collapse: collapse; border: 4px brown solid;  
	}
.eventCat th {
	width: 20%; background-color:maroon; color: white;
	}
.evParts th {
	width: 20%; background-color:#EEEEEE; color: black; border-right: 1px solid maroon;
	}
.evSub td {
	width: 20%; background-color:white; color: maroon; text-align: center; 
	 border-right: 1px solid maroon; border-bottom: 1 px solid black; 
	}
.evReq th { width: 20%;  background-color:#FFFFFF; color: black;
	
}	
.virtue {color: green; font-weight:bold}
.bonus  {color: blue; font-weight:bold}