/* =================================================== */
   /* Robert O. Bump CSI-136 Final Project Moon&RiverCafe */
   /* =================================================== */
body
{
   margin:  0;
	background: #85622a;
}


#maincontainer
{
   width: 1000px; /*Width of main container*/
   margin: 0 auto; /*Center container on page*/
;
	margin: 2px auto 2px;
	border: 1px solid #A8CE32;
   font-family: "Palatino Linotype",  Verdana, Arial, sans-serif, "Comic Sans MS";
}


#topsection
{
    background-color: #b6571d;
   color: #996600;
   color: white;
   border-bottom: 2px solid #000000;
   height: 120px;
   padding: 5px;
   /* background-image: url(images/mooncool.png);
   background-repeat: no-repeat */

border:2px solid;
border-radius:25px;

}

id topsection img
{
   width: 60%;
   padding: 10px 10px 20px 20px;
   
}

#contentwrapper
{
   float: left;
   width: 100%;
}

#contentcolumn
{
   margin: 0 200px 0 150px; /*Margins for content column. Should be "0 RightColumnWidth 0 LeftColumnWidth*/
   background-color: #ffcc66;
    color: #8c3313;

border:2px solid;
border-radius:25px;


}
#contentcolumn2
{
   margin: 0 20px 0 150px; /*Margins for content column. Should be "0 RightColumnWidth 0 LeftColumnWidth*/
   background-color: #ffcc66;
    color: #8c3313;

border:2px solid;
border-radius:25px;


}

#leftcolumn
{
   float: left;
   width: 150px; /*Width of left column in pixel*/
   margin-left: -1000px; /* Set margin to that of -(MainContainerWidth)*/
    background-color: #e6a649;  /* good colors: cc9900 ffcc66 ff9900 cc9900 996600 green: 339933 original: #f1e8b0 */
border-radius:25px;
}

#rightcolumn
{
   float: left;
   width: 200px; /*Width of right column*/
   margin-left: -200px; /*Set left margin to -(RightColumnWidth)*/
   background-color:  #996633; /* good colors: #ccff66; 996600 cc9933 #ffffcc 	background: #b0d080    */
	color: #ffffff;
border-radius:25px;
}

#rightcolumn2
{
   float: left;
   width: 20px; /*Width of right column*/
   margin-left: -20px; /*Set left margin to -(RightColumnWidth)*/
   background-color:  #996633;  /* good colors: #ccff66; 996600 cc9933 #ffffcc 	background: #b0d080    */
	color: #ffffff;
border-radius:25px;
}

.footer
{
   clear: left;
   width: 100%;
   font-size:.70em;
   text-align:center;
	color: #000000;

   padding-top:10px;
background: url("images/tech.gif") repeat;

border:2px solid;
border-radius:25px;

}
.innertube
{
   margin: 10px; /*Margins for inner DIV inside each column (to provide padding)*/
   margin-top: 0;
}
/* =================================================== */
div #nav ul
{
   text-align: center;
}
div #nav li
{
   display: inline;
   list-style-type: none;
   font-size: 1em;
   font-weight: bold;
}
.tablefullwidth
{
   width: 100%;
   border:  none;
   padding: 10px;
}
.tablethirdwidth
{
   width: 50%;
   border:  none;
   padding: 10px;
}

.columnfull
{
   width:   100%;
   border:  none;
   vertical-align: top;
   text-align: left;
}
.columnhalf
{
   width:   50%;
   border:  none;
   vertical-align: top;
   text-align: left;
}
.columnthird
{
   width:   33%;
   border:  none;
   vertical-align: top;
   text-align: left;
}
.columnqtr
{
   width:   25%;
   border:  none;
   vertical-align: top;
   text-align: left;
} 
.column3qtr
{
   width:   75%;
   border:  none;
   vertical-align: middle;
   text-align: left;
}
dd
{
   text-align: left;
}
dt
{
   text-align: left;
}

table
{
   border-collapse:collapse;
/* background: url("images/advertise.gif") repeat; */

}

#calendar    th, td
{
   border: 1px solid black;
   vertical-align: top;
   width: 16%;
   text-align: center;
   padding: 2px;
}

#calendar th
{
   background-color : #ccccff ;
   font-weight: bold;
   font-size: .9em;
   text-align: center;
   line-height: 125%;
   width: 16%;
}

 td#cellToday
{
    font-size: 1.1em;
    font-weight: bolder;
    background-color: #E0E0E0 ;
    border: black solid 6px;

   vertical-align: top;
   width: 16%;
   text-align: center;
}

.pdt
{
   font-weight:   bold;
   text-align: right;
   font-size:  .9em;
}

.fc1
{
   font-weight:   bold;
   font-size:  .9em;
   line-height:   125%;
   text-align: center;
   background-color: #ffffff;
}

.fc2
{
   font-weight:   normal;
   font-size:  .8em;
   text-align: center;
}

.fc3
{
   font-weight:   lighter;
   font-size:  .7em;
   text-align: center;
}

.sun
{
   text-align: left;
   font-size:  .8em;
}

.copy 
{
text-align: left;
font-size:  .7em;
padding: 15px;
margin: 15px;
border-style:ridge;
border-color:red;
border-width:5px;
}

/* ----------------------------- */

.fl1
{
   font-weight:   bolder;
   font-size:  1.1em;
   line-height:   125%;
   text-align: left;
   background-color: #ffffff;
}

.fl2
{
   font-weight:   normal;
   font-size:     1.0em;
   text-align: left;
}

.fl3
{
   font-weight:   lighter;
   font-size:     .8em;
   text-align: left;
}

.fl3y
{
   font-weight:   lighter;
   font-size:     .8em;
   text-align: left;
   background-color: yellow;
}

.fr1
{
   font-weight:   bolder;
   font-size:  1.1em;
   line-height:   125%;
   text-align: right;
   background-color: #ffffff;
}

.fr2
{
   font-weight:   normal;
   font-size:     1.0em;
   text-align: right;
}

.fr3
{
   font-weight:   lighter;
   font-size:     .8em;
   text-align: right;
}

.sun
{
   text-align: left;
   font-size:     .8em;
}


tr.week div.xxpdt
{
    display: none;
}

tr.week div.sun a
{
   font-weight:   bold;
   font-size:  .8em;
   line-height:   100%;
   background-color: #ffffff;
}

/* ----------------------------- */

#calendar ul
{
   text-align: left;
}

#calendar li
{
   text-align: left;

border:2px solid;
border-radius:25px;

}

.feature
{
   padding: 20px;
}


.history
{
   vertical-align:   middle;
   font-style: italic;
   text-align: center;
   font-size:  .8em;
}

ul
{
   text-align: left;
   list-style-position: outside;
   margin-left: 10px;
   padding-left: 0;
}

li
{
   text-align: left;
}
/* =================================================== */
.navBar
{
   list-style-type: none;
   margin: 0;
   padding: 0;
   width: 115px;
	color: #000000;
}

.navBar li 
{
   border: 1px solid #7FFF00;
   padding: 5px 0 5px 0:

}
.navBar li a
{
   display: block;
   width: 90%;
   padding: 8px ;
   margin: 20px 2px 0 2px;
   text-decoration: none;
   font-weight: bold;
	background: #ccaa66;;
   border: 2px solid #FFF2BF;

border-radius:25px;

   text-decoration:none;
color: white;
}

.navBar li a:hover
{
	color: black;
   background-color: #FFE271;
   border-style: outset;
}

html>body .bevelmenu li a:active
{ /* Apply mousedown effect (non IE browsers only) */
   border-style: inset;
}

/* =================================================== */
h4
{
   padding-top: 2px;
   padding-bottom: 2px;
   border-bottom: 1px solid #000000;
   color: #993300;
   background-color: #eeeeee;
}

.newsitem
{
   font-size: .9em;
   margin: 10px 10px 15px 10px;
   color: #ffffff;
   /* border: 1px solid #000000; */
}

.said
{
   padding: 2px;
   margin: 2px;
   text-align: left;
   font-weight: bold;
   font-size:  0.9em;
   font-style: italic;
   background-color: white;
   color: red;
}

.saidby
{
   padding: 2px;
   text-align: right;
   font-weight: bold;
   font-size:  0.8em;
   background-color: white;
   color: blue;
}

.blockarea
{
   border:  none;
   margin: 20px;
   padding: 20px;
}

.sideimages
{
   margin: 30px;
}

.aright
{
   text-align: right;
   margin-right: 20px;
}
   
p
{
   margin: 20px;
}

h3
{
   color: #996633;
   background-color: #ffffff;
}

.floatright
{
   margin: 10px 10px 10px 40px;
   float: right;
}

.clearright { clear: right;}

.floatleft
{
   margin: 10px 40px 10px 10px;
   float: left;
}

.clearleft  { clear: left;}   

ul.leaders {
    max-width: 50em;
    padding: 0;
    overflow-x: hidden;
    list-style: none;
	font-family:Arial, Helvetica, sans-serif;
	line-height:1.2em;
}
	
ul.leaders li:before {
    float: left;
    width: 0;
    white-space: nowrap;
    content:
 ". . . . . . . . . . . . . . . . . . . . "
 ". . . . . . . . . . . . . . . . . . . . "
 ". . . . . . . . . . . . . . . . . . . . "
 ". . . . . . . . . . . . . . . . . . . . "}
ul.leaders span:first-child {
    padding-right: 0.33em;
	}
	
ul.leaders span + span {
    float: right;
    padding-left: 0.33em;
	}


dl.theschedule 
{
   font-weight:   bold;
   font-size:     1.2em;
   text-align: left;
}

dl.theschedule ul li
{
   margin-left: 20px;
   font-weight:   normal;
   font-size:     1.0em;
   text-align: left;

}

dl.theschedule ul li span.fl3y
{
margin-right: 5px;
padding-left: 5px;
padding-right: 5px;

}


dl.theschedule ul li a
{
   font-weight:   bolder;
   font-size:  1.1em;
   line-height:   100%;
   text-align: left;
   background-color: #ffffff;

}

dl.theschedule li a:hover
{
   color: black;
   background-color: #FFE271;
   border: 1px solid black;
   border-style: outset;
   font-size:     1.5em;
}