/*----------engageyouth.com---------------*/
/*	Stylesheet designed by Mark Elkins	  */
/*	Email: mark@axsysdesign.com		        */
/*	Website: www.axsysdesign.com		      */
/*	Copyright, Axsys Design 2004		      */
/*----------------------------------------*/

/*----------Overall Layout----------------*/


div.expanded {
   display: block;
}
div.collapsed {
   display: none;
}

body {
	margin: 0px;
	padding: 0px; 
	font-family: Arial, sans-serif; 
	color: #000000; 
	font-size: 8pt; 
	background-color: #336699
}

#body {
	margin: 0px;
	padding: 0px;
	width: 750px;
  background-repeat: no-repeat;
	background-color: #FFFFFF;
}

div.main {
  margin: 0px;
  margin-left: 210px;
  margin-right: 20px;
  margin-top: 15px;
}

div.column {
	float: left;
	paddding: 0px;
	margin-right: 20px;
	margin-bottom: 20px;
	width: 150px;
}

div.rescolumn {
  float: left;
	paddding: 0px;
	margin-right: 20px;
	margin-bottom: 20px;
	width: 225px;
}

/*----------Menu--------------------------*/

#menu {
	padding-bottom: 2px;
}

#menu li {
  margin: 0px;
  padding: 0px;
	display: inline;
	list-style-type: none;
}

#menu ul {
	margin: 0px;
	padding: 0px;
	white-space: nowrap;
}

#menu a {
	text-decoration: none;
	margin: 0px;
	padding: 2px 5px 2px 5px;
	font-weight: bold;
	font-size: 8pt;
	color: #336699;
}

#menu a:hover {
	color: #FFFFFF;
}

/*----------Sub Menu----------------------*/

/*----------SMPL Layouts------------------*/

/*----------SMPL Encapsulation------------*/

div.none {
  margin: 0px;
  padding: 0px;
}

div.white p{
  padding: 5px;
  background-color: #FFFFFF
}

div.grey {
  padding-bottom: 10px;
}
div.grey h2 {
	margin-bottom: 5px;
}

div.comment {
  margin-bottom: 5px;
  padding: 5px;
  padding-top: 0px;
  padding-bottom: 0px;
  background-color: #EEEEEE;
  border: 1px solid #CCCCCC;
  color: #666666;
}

div.comment p{
	margin:5px;
	padding:0px;
}

/*----------Elements----------------------*/

hr 	{	
	height: 1px;
	border-bottom: 1px;
}

h1	{
	font-family: arial, sans-serif; 
	font-size: 12pt; 
	font-weight: bold;
	color: #FFFFFF;
	background-color: #336699;
	padding: 1px;
	padding-left:2px;
	border: 1px solid #666666;
}

h2 	{
	padding: 0px;
	margin-top: 0px;
	font-family: Arial, sans-serif; 
	font-size: 12pt;
	font-weight: bold;
	color: #336699
}
h3	{
	padding: 0px;
	margin-top: 0px;
	font-family: Arial, sans-serif;
	font-size: 10pt;
	font-weight: bold;
	color: #000000
}
h4,dt	{
	padding: 0px;
	margin-top: 0px;
	font-family: Arial, sans-serif;
	font-size: 10pt;
	font-style: italic;
	font-weight: bold;
	color: #000000
}

a img {
  border: 1px solid #666666;
}

td {
  vertical-align: top;
  font-family: Arial, sans-serif; 
	color: #666666; 
	font-size: 10pt; 
}

a	{
	text-decoration: none;
	font-family: Arial, sans-serif;
	font-size: 10pt;
	font-weight: bold;
	color: #336699;
}

a:hover {
	color: #000000;
}

input, textarea {
	background-color: #EEEEEE;
	border: 1px solid #666666;
}

/*----------Classified Elements-----------*/

hr.stopfloat {
	display: block; 
	clear: both; 
	margin: 0px;
	padding: 0px;
  visibility: hidden;
}

img.block {
  border: 0px;
	display: block;
}

p.small {
  font-size: 8pt;
}

p.back {
  text-align: right
}

/* ---------- Bottomlist ----------------*/

div.bottomlist {
	padding-bottom: 2px;
	width: 750px;
	border-top: 1px solid #000000;
	border-bottom: 1px solid #000000;
  background-color: #000000;
}

div.bottomlist li {
  margin: 0px;
  padding: 0px;
	display: inline;
	list-style-type: none;
}

div.bottomlist ul {
	margin: 0px;
	padding: 0px;
	white-space: nowrap;
}

div.bottomlist a {
	text-decoration: none;
	margin: 0px;
	padding: 2px 5px 2px 5px;
	font-size: 8pt;
	font-weight: bold;
	color: #336699;
}

div.bottomlist a:hover {
	color: #FFFFFF;
}

/*----------Calendar----------------------*/

table.schedule {
  width: 730px;
  font-family: Arial, sans-serif; 
}

td.day {
  border: 1px solid #000000;
  padding: 2px;
	font-weight: bold;
	font-size: 8pt;
	color: #000000;
  background-color:#CC3333;
  color: #000000;
}

td.top {
	font-weight: bold;
	font-size: 8pt;
  background-color: #CCCCCC;
}

td.time {
  width: 100px;
	font-size: 10pt;
  background-color: #DDDDDD;
}

td.title {
	font-size: 10pt;
  background-color: #EEEEEE;
}