/* Default CSS Stylesheet for a new Web Application project */
/*
      Created by Keith Donegan of Code-Sucks.com
	  
	  E-Mail: Keithdonegan@gmail.com
	  
	  You can do whatever you want with these layouts,
	  but it would be greatly appreciated if you gave a link
	  back to http://www.code-sucks.com
	  
*/

* { padding: 0; margin: 0; }

body {
 BACKGROUND-COLOR: #46240b;
 font-family: Arial, Helvetica, sans-serif;
 font-size: 13px;
}

#wrapper { 
 margin: 0px 50px 50px 50px;
 padding: 0px;
 width: 714px;
 background: #fafeee;
}

#header {
 width: 714px;
 float: left;
 padding: 0px;
 margin: 0px;
}

#navigation {
 float: left;
 width: 714px;
}

#leftcolumn { 
 color: #000;
 margin: 0px;
 padding: 10px;
 min-height: 500px;
 width: 494px;
 float: left;

}

#rightcolumn { 
 float: right;
 color: #000;
 margin-right: 10px;
 padding: 0px;
 width: 180px;
 display: inline;
}

#monocolumn { 
 color: #000;
 margin: 0px 0px 0px 0px;
 padding: 10px;
 min-height: 500px;
 width: 694px;
 float: left;
}

#footer { 
 width: 714px;
 clear: both;
 color: #000;
 margin: 0px;
 padding: 10px 0px 10px 0px;
}

#footer p{ text-align: center;}

#leftcolumn p, #monocolumn p {padding: 5px 25px 5px 25px;}
#leftcolumn UL, OL{padding: 5px 25px 5px 25px;}
#leftcolumn UL LI{margin-left: 25px; list-style-type:disc; padding-bottom:10px;}
#leftcolumn OL LI{margin-left: 25px; list-style-type:decimal; padding-bottom:10px;}

#leftcolumn img, #monocolumn img, #rightcolumn img{border: solid 1px black;}
#rightcolumn p{padding: 10px 8px 10px 0px;}
#rightcolumn img{ padding: 0px;}

#monocolumn UL{padding: 5px 25px 5px 25px;}
#monocolumn UL LI{margin-left: 25px; list-style-type:disc; padding-bottom:10px;}

TABLE.schedule { margin-left:auto; margin-right:auto; margin-top: 25px; border-collapse: collapse;}
TABLE.videos { margin-left:auto; margin-right:auto; margin: 25px; border-collapse: collapse;}
TD.header { text-align:center; height: 50px; border: solid 1px black; border-collapse: collapse;font-size:1.7em; font-weight:600; vertical-align: middle;}
TD.spacer { text-align:center; height: 2em; border-top: solid 1px black; border-bottom: solid 1px black; border-collapse: collapse;}
TD.time { padding:5px 10px 5px 10px; text-align:center; width: 130px; font-size:1.1em; vertical-align: middle; border:solid 1px black; border-collapse: collapse;}
TD.description { padding:5px 10px 5px 10px; width: 480px; border: solid 1px black; border-collapse: collapse; font-size:1.1em; vertical-align: middle;}

P.video {clear: both;}
IMG.video {float:left;  vertical-align:text-top; margin-right:15px;}

IMG.address {border: 0px;}


.field { BORDER: #46240b 1px solid; PADDING: 15px; }
.label { COLOR: #0E6575; padding: 3px 10px 3px 10px; border:solid 1px #46240b;}

.cell
{
	padding:5px;
	font-size:.7em;
	float:left;
	text-align:left;
}

div.row {
  clear: both;
  padding-top: 2px;
  vertical-align:top;
  }
  

H1, H2, H3, H4, H5, H6{
	COLOR: #46240b;
	padding: 10px 10px 5px 10px;
}


A:link	{	
	text-decoration:	none;
	color:	#569599;
	}	
		
A:visited	{	
	text-decoration:	none;
	color:	#569599;
	}	
		
A:active	{	
	text-decoration:	none;
	color:	#569599;
	}	
		
A:hover	{	
	text-decoration:	underline;
	color:	#569599;
	}
	
.float-left {/* header element float */
	float: left;
	padding: 10px 10px 10px 10px;
}
.float-right {/* header element float */
	float: right;
	padding: 10px 10px 10px 10px;
}
	
/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/padding.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the assocaited (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
/* style the outer div to give it width */
.menu {font-size:0.85em; text-align:center; margin-top:-3px; margin-bottom:0px;}

/* remove all the bullets, borders and padding from the default list styling */
.menu ul {padding:0;margin:0;list-style-type:none; height:25px; background:transparent;}

/* style the sub-level lists */
.menu ul ul {width:15em;}

/* float the top list items to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.menu ul li {float:left;height:25px;line-height:25px; display:block; z-index:150;}

/* style the sub level list items */
.menu ul ul li {display:block;width:12em;height:auto; line-height:1em;}

/* style the links for the top level */
.menu a, .menu a:visited {display:block;float:left;height:100%; width:75px; font-size:1em;text-align:center;text-decoration:none;color:#fafeee;background:#0E6575; padding:0; }
/* hack IE5.x to get the correct the faulty box model and get the width right */
* html .menu a, * html .menu a:visited {width:11em; w\idth:7em;}

/* style the sub level links */
.menu ul ul a, .menu ul ul a:visited {display:block;background:#0E6575; text-align:left;color:#fafeee;width:13em;height:100%;line-height:1em; padding:0.5em 1em;}
* html .menu ul ul a, * html .menu ul ul a:visited  {width:14em; w\idth:13em;}


/* style the table so that it takes no part in the layout - required for IE to work */
.menu table {border-collapse:collapse; padding:0; margin:-1px; width:0; height:0; font-size:1em; z-index:1;}

/* style the level hovers */
/* first */
* html .menu a:hover {color:#fafeee;background:#46240b; position:relative; z-index:100;  }
.menu li:hover {position:relative;}
.menu :hover > a {color:#fafeee;background:#46240b;}
/* second */
* html .menu ul ul a:hover{color:#fafeee;background:#46240b; position:relative; z-index:110; border-top: solid 1px #000;  border-bottom: solid 1px #000;  }
.menu ul ul li:hover {position:relative;}
.menu ul ul :hover > a {color:#fafeee;background:#46240b; border-top: solid 1px #000;  border-bottom: solid 1px #000;   }
/* third */
* html .menu ul ul ul a:hover {background:#46240b; position:relative; z-index:120;}
.menu ul ul ul :hover > a {background:#46240b;}
/* fourth */
.menu ul ul ul ul a:hover {background:#46240b; position:relative; z-index:130;}


/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul {visibility:hidden;position:absolute;height:0;top:25px; left:0; width:14em;}

/* position the third level flyout menu */
.menu ul ul ul{left:12em;top:0;width:14em;}


/* make the second level visible when hover on first level list OR link */
.menu ul :hover ul{visibility:visible; height:auto; padding:0 3em 3em 3em; background:transparent url(images/trans.gif); left:-3em;}
/* keep the third level hidden when you hover on first level list OR link */
.menu ul :hover ul ul{visibility:hidden;}
/* keep the fourth level hidden when you hover on second level list OR link */
.menu ul :hover ul :hover ul ul{visibility:hidden;}
/* make the third level visible when you hover over second level list OR link */
.menu ul :hover ul :hover ul{visibility:visible; left:9em;}
/* make the fourth level visible when you hover over third level list OR link */
.menu ul :hover ul :hover ul :hover ul {visibility:visible;}