/* Wireframing - place borders around all div elements during dev */

h1 {
   color:#003333

}

body { 
  width: 100%;
  height: 100%;
  text-align: center;
}

#container {
   width: 980px;
   height: 100%;
   margin: 10px auto;
}

#masthead  {
   background: url(/images/header2010.jpg) no-repeat;
   border: 5px #003333 solid;
   height: 184px;
   width: 972px;
   float:left;
}

#clock  {
	position: absolute;
	left: 382px;
	top: 95px;
	width: 150px;
	height: 75px:
}

#mainCol  {
   width:782px;
   float:left;
}

#contentWhite  {
   width:720px;
   background-color:#FFF;
   text-align:left;
   margin-left:25px;
}

#rightCol  {
   width:180px;
   float:right;
   z-index:20;
}

#footer  {
   clear: both;
   float:left;
   width:972px;
   height:372px;
   color:#003300;
   background-color:#FFFFCC;
   border: 5px #003333 solid;
   font-size:0.8em;
   z-index:10;
}

#footer a {
  font-style:normal;
  text-decoration:underline;
}

#footer a:hover   {	 
  background-color:#FFF;
  color:#003300;
  font-weight:normal;
}

#footer a:visited img {
  background-color:#FFFFCC;
  color:#FFFFCC;
  border:0;
}

/******************************************************** menu elements  *****************************/


#topMenu  {
	background-color:#FFFFCC;
	height:32px;
	width:735px;
	float:left;
	position:relative;
	left:235px;
	top:150px;
}

/* Menu elements  */


#ddm
{	margin: 0;
	padding: 0;
	z-index: 30
}

#ddm li {	
    margin: 0;
	padding: 0;
	list-style: none;
	float: left;
}

#ddm li a  {	
    display: block;
	margin: 0 1px 0 0;
	padding: 4px 10px;
	background:#003333;
	text-align: center;
	text-decoration: none;
	font-family:Geneva, Arial, Helvetica, sans-serif;
    font-size:1.0em;
    font-style:italic;
    color:#FFFF33;
    width: 100px;
}

#ddm li a:hover   {	 
    background-color:#003333;
	color:#FFFF33;
	font-weight:bold;
}

#ddm div
{	position: absolute;
	visibility: hidden;
	margin: 0;
	padding: 0;
	background: #EAEBD8;
	border: 2px solid #003333;
}

	#ddm div a 	{	
	    position: relative;
		display: block;
		margin: 0;
		padding: 5px 10px;
		width: auto;
		white-space: nowrap;
		text-align: left;
		text-decoration: none;
		background: #FFF;
		color:#003333;
		font-family:Geneva, Arial, Helvetica, sans-serif;
		font-size:0.75em;
		width: 95px;
    }
	#ddm div a:hover	{	
	    background:#FFFF33;
		color:#003333;
		font-weight:bold;
	}


/******************************************************** link elements  *****************************/

a  {
   text-decoration:none; 
   font-family:Geneva, Arial, Helvetica, sans-serif;
   font-size:1.0em;
   font-style:italic;
   color:#003333;
   margin:5px;
   padding-top:3px;
   padding-bottom:3px;
   width: 90px;
}

a:hover  {
   color:#FFFF33;
   background-color:#003333;
   padding-bottom:3px;
   font-weight:bold;
}

a.selected  {
   background:#003333;
   color:#FFFF33;
}

form {
  color:#003366;
  text-align:left;
  margin-left:25px;
  font-size:0.9em;
}


/****************************************************  table elements  *****************************/

TABLE.sched  TR TD {
  /**width:600px;**/
  border:2px groove #003333;
  padding-left:25px;
  padding-top:10px;
  padding-bottom:10px;
  padding-right:15px;
  background-color:#FFF;
  margin-left:20px;
  margin-right:10px;
}

TABLE.sched TR TH {
  text-align:center;
  font-weight:bold;
  color:#FFFF00;
  background-color:#003333;
}

TABLE.sched TR TD a {
   text-decoration:underline; 
   font-style:italic;
   color:#003333;
   padding-bottom:3px;
}

TABLE.sched TR TD a:hover {
   padding-bottom:0px;
   font-weight:normal;
   text-decoration:none;
   color:#FFFF33;
}
  
TABLE.inner  {
   width:400px;
   border-collapse:collapse;
}

TABLE.inner TR TD {
   width:auto;
   border: #FFF hidden thin;
   padding-left:10px;
   padding-bottom:5px;
   padding-right:5px;
   margin-left:10px;
   margin-right:5px;
}

/*************************************************** classes  ***********************************/