/* Page layout definition.  Reverted to tabular version for aesthetic purposes. */
#page                {border-collapse: collapse;  padding: 0px;  width=100%;}
#top                 {height: 100px;}
#mid                 {height: 100%;}
#bot                 {height: 100px;}
/* # Corners # */
#tl                  {background-image: url(../images/decoration/tl.png);    background-repeat: no-repeat;  background-position: bottom right;  width: 100px;}
#tr                  {background-image: url(../images/decoration/tr.png);    background-repeat: no-repeat;  background-position: bottom  left;  width: 100px;}
#bl                  {background-image: url(../images/decoration/bl.png);    background-repeat: no-repeat;  background-position:    top right;  width: 100px;}
#br                  {background-image: url(../images/decoration/br.png);    background-repeat: no-repeat;  background-position:    top  left;  width: 100px;}

/* # Header # */
#tm                  {background-image: url(../images/decoration/head.png);  background-repeat:  repeat-x;  background-position: bottom;  text-align: center;}
#tm h1               {padding: 0px; margin: 0px;  color: darkblue;  font-size: 80px;}

/* # Side Bars # */
#ml                  {background-image: url(../images/decoration/lhs.png);  background-repeat: repeat-y;  background-position:  right;  vertical-align: top;}
#ml #vnavbar         {height: 100%;          padding: 0px 0px 0px 0px;  position: relative;  top: 0px;  left: -10px;}
    #vnavbar ul      {list-style-type: none;  margin: 5px 0px 0px 2px;  position: relative;             left:  -7px;}
           .nav      {border-width: 1px 0px 1px 1px;  margin: 1px 0px 1px 0px;  background-color: #BDF;  border-style: solid;  border-color: blue;  position: relative;  left: 5px;  color: darkblue;  padding: 0px 0px 0px 3px;}
           .nap      {border-width: 1px 0px 1px 1px;  margin: 1px 0px 1px 0px;  background-color: #CEF;  border-style: solid;  border-color: blue;  position: relative;  left: 5px;  color: darkblue;  padding: 0px 0px 0px 3px;}
           .nac      {border-width: 2px 0px 2px 1px;  margin: 1px 0px 1px 0px;  background-color: #CEF;  border-style: solid;  border-color:  red;  position: relative;  left: 5px;  color:      red;  padding: 0px 0px 0px 3px;}
#mr                  {background-image: url(../images/decoration/rhs.png);  background-repeat: repeat-y;  background-position:  left;}

/* # Footer # */
#bm                  {}
#bm #hnavbar li      {list-style-type: none;  margin: 0px 0px 0px 2px;  position: relative;  left: 10px;}
#hnavbar .nac strong {font-weight: normal;}
#hnavbar em          {visibility: visible; THISITEMBREAKSMYINTERNETEXPLORERwhite-space: nowrap;}


/* # Main Text Area  # */
#mm                  {color: darkblue;}

/* Main Area Tables */
#mm table            {border: double darkblue 1px;}
#mm tr.hdline th     {color: #009;  background-color: #FFF;  padding: 0px 5px 0px 5px;  border-bottom: dashed 1px;  font-size: 150%;}
#mm tr.odline td     {color: #246;  background-color: #BDF;  padding: 0px 5px 0px 5px;}
#mm tr.odline td a   {color: #468;}
#mm tr.evline td     {color: #246;  background-color: #CEF;  padding: 0px 5px 0px 5px;}
#mm tr.evline td a   {color: #468;}


/* Main Area Boxes */
#mm div.course       {border: thin solid red;  margin: 10px 0px 10px 0px;  padding: 0px 15px 10px 15px;  width: 95%;  color: darkblue;  background-color: lightblue;}
#mm div.news         {border: thin solid red;  margin: 10px 0px 10px 0px;  padding: 0px 15px 10px 15px;  width: 95%;  color: darkblue;  background-color: lightblue;}
  div.news a, div.course a { color: #00c;	}
  .date, .course .courseid {	font-style: italic;	font-size: smaller;	text-align: right	}
  .news p + p				{	text-indent: 1em	}
  .news hr, .course hr, .thumbarea hr	{	visibility: hidden;	 clear: left;}

/* RHS Calendars */
#mr table  {color: #008; background-color: #FFF;  border: double darkblue 1px; font-size: x-small}
#mr th.mh  {                                      border-bottom: dashed 1px}
/* Meeting: Red; Social: Green; Event: Blue */
/* Newsitem: Grey */
 td.non {color: #00A                        } /* (nothing) */
 td.mtg {color: #0FF; background-color: #F88} /* Meeting */
 td.soc {color: #F0F; background-color: #8F8} /* Social */
 td.evt {color: #FF0; background-color: #88F} /* Event */
 td.nws {color: #CCF; background-color: #444} /* News Item */
/* (Now these also apply to any data cell we want to apply them, in any table) */
*/

a.submitlink img {border-style: none}

#bm #copyright       {color: #C0C0C0;}

/* Gallery Stuff */
.thumbnail          { width: 140px; height: 230px; margin: 1px 1px 1px 1px; float: left; border: 1px; border-style: dotted}
.thumbnail a img    { border: none; margin-left: 20px; margin-top: 10px }
.thumbnail .size    {               margin: 0px 5px 0px 5px; color: #44F; font-size: x-small; text-align: center; }
.thumbnail .caption {               margin: 0px 5px 0px 5px; color: #000;}
.thumbnail .idate   {               margin: 0px 5px 0px 5px; color: #444; font-size: smaller; text-align: right; font-style: italic; }

/* Roadname formatting classes */
.M-Road   { font-size: 80%; font-family: sans-serif; font-weight: bold; border-style: solid; border-width: 2px; border-color: #FFF; background-color: #08F ; color: #FFF; padding: 0px 2px}
.T-Road   { font-size: 80%; font-family: sans-serif; font-weight: bold; border-style: solid; border-width: 2px; border-color: #FF0; background-color: #080 ; color: #FF0; padding: 0px 2px}
.A-Road   { font-size: 80%; font-family: sans-serif; font-weight: bold; border-style: solid; border-width: 2px; border-color: #FF0; background-color: #F00 ; color: #FF0; padding: 0px 2px}
.B-Road   { font-size: 80%; font-family: sans-serif; font-weight: bold; border-style: solid; border-width: 2px; border-color: #FFF; background-color: #840 ; color: #FFF; padding: 0px 2px}
.RoadName { font-size: 80%; font-family: sans-serif; font-weight: bold; border-style: solid; border-width: 2px; border-color: #000; background-color: #FFF ; color: #000; padding: 0px 2px}