/***********************************************/

/* divs2.css                                    */

/*                                             */

/* These layout divs define the page layout.   */

/*                                             */

/***********************************************/





/***********************************************/

/* Layout Divs2                                 */



/************************************/
/*Row one, the title, scostep link, etc*/
#row1{
	
	
	border-bottom: 1px solid #CCCCCC;

	width: 100%;

}



/************************************/
/*column 1, the right hand column, main content goes here*/

#col1{

	float: right;

	width: 80%;

	margin-left: 1%;

	padding: 1%;

	

}
#coljerk{

	float: left;

	width: 100%;

	margin-left: 1%;

	padding: 1%;

	

}

/************************************/
/*column two, the left hand side, is pretty much where the menu is located*/
#col2{

	float: left;

	width: 14%;
	background-color:#FFFFFF;

	border-left: 1px solid #CCCCCC;

	/*border-bottom: 1px solid #CCCCCC;*/
}
/************************************/
/*figure, this formats the caption and border of inserted figures with this div class
figures float to the right and words are centered and italic */

div.figure {
  float: right;
  width: 75%;
  border: thin silver solid;
  margin: 0.5em;
  padding: 0.5em;
}
div.figure p {
  text-align: center;
  font-style: italic;
  font-size: smaller;
  text-indent: 0;
}

/************************************/
/*footer, contact information, etc*/


#footer{
	float: right;
	width: 42%;
	color:#999999;
	font: 10 px Arial, Helvetica, sans-serif	
}
/************************************/
/*floats the cawses logo to the right*/
/* img 
/* {
/* float:right
/* }
/**************** menu coding *****************/
#menu {
width: 8em;
background: #eee;
}

#menu ul {
list-style: none;
margin: 0;
padding: 0;
}

#menu a, #menu h2 {
font: bold 11px/16px arial, helvetica, sans-serif;
display: block;
border-width: 1px;
border-style: solid;
border-color: #ccc #888 #555 #bbb;
margin: 0;
padding: 2px 3px;
}

#menu h2 {
color: #fff;
background: #000;
text-transform: uppercase;
}

#menu a {
color: #000;
background: #eeeeee;
text-decoration: none;
}

#menu a:hover {
color:#CCCCCC;
background-color:#666666;
}
#menu li {
/* make the list elements a containing block for the nested lists */
position: relative;
} 

#menu ul ul ul{
position: absolute;
top: 0;
left: 100%; /* to position them to the right of their containing block */
width: 100%; /* width is based on the containing block */
}
div#menu ul ul ul,
div#menu ul ul li:hover ul ul
{display: none;}

div#menu ul ul li:hover ul,
div#menu ul ul ul li:hover ul
{display: block;}
/************************************/
/*coding for any horizontal menu*/
#horiz ul
{
float:left;
width:100%;
padding:0;
margin:0;
list-style-type:none;
font: bold 12px arial, helvetica, sans-serif;
}
#horiz a
{
float:left;
width:11em;
text-decoration:none;
color:white;
background-color:purple;
padding:0.1em 0.3em;
border-right:1px solid white;
font:bold 12px Verdana, Arial, Helvetica, sans-serif
}
#horiz a:hover {background-color:#00FFFF; color:#330000}
#horiz li {display:inline}

#vert ul
{
float:left;
width:100%;
padding:0;
margin:0;
list-style-type:none;
font: bold 12px arial, helvetica, sans-serif;
}

#vert a
{
float:left;
width:11em;
text-decoration:none;
color:white;
background-color:purple;
padding:0.1em 0.3em;
border-right:1px solid white;
font: bold 12px Verdana, Arial, Helvetica, sans-serif
}
#vert a:hover {background-color:#00FFFF; color:#330000}
#vert li {display:inline}
/************************************/
div.sub
{
text-decoration:none;
color:#999999;
}

#theme
{
	border: thin silver solid;
	margin: 0.5em;
    padding: 0.5em;
 }
/*End Layout Divs                              */

/***********************************************/