/* 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 brown*/ #0E6575;
 font-family: Arial, Helvetica, sans-serif;
 font-size: 13px;
}

#wrapper { 
 /*margin: 0px 50px 50px 50px;*/
 margin-left:auto;
 margin-right:auto;
 margin-top:0px;
 margin-bottom: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;
}

#monocolumn .staff {
	margin-left:auto;
	margin-right:auto;
	text-align:center;
	background-color:blue;
}

#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, OL {padding: 5px 25px 5px 25px;}
#monocolumn UL LI{margin-left: 25px; list-style-type:disc; padding-bottom:10px;}
#monocolumn OL LI{margin-left: 25px; list-style-type:decimal; 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.youtube {float:left;  vertical-align:text-top; margin-right:15px; width: 160px; height: auto;}
IMG.address {border: 0px;}

a#group img {border: 0px;}

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


.label_lr { COLOR: #0E6575; padding: 3px 10px 3px 10px; margin-left:10px; border:solid 1px #46240b;}
.field_left { BORDER: #46240b 1px solid; PADDING: 10px 10px 10px 0px; margin-top:10px; margin-right:10px;
				  width:330px; float:left; position:relative}
.field_right { BORDER: #46240b 1px solid; PADDING: 10px 10px 10px 0px; margin-top:10px; 
				  width:330px; float:left; position:relative}				  

#monocolumn div.special_notes { clear:both;  display:block; 
				padding: 10px 10px 10px 10px;
				margin: 40px;
				border:1px solid gray;
}

#monocolumn div.multi_col { 
				display:block; 
				padding: 0px;
				float:left; 
				width:50%; 
				text-align:center;
				position:relative;
}

#monocolumn div.cust_right {
				display:block; 
				padding: 0px;
				margin:0px;
				float:right; 
				width:224px; 
				height:250px;
				text-align:left;
				position:relative;
}

#monocolumn div.cust_right ul li { padding:0px; margin: 0px;}

#monocolumn div.cust_left {
				display:block; 
				padding-top: 8px;
				padding-bottom: 8px;
				margin:0px;
				float:left; 
				height:250px;
}

#staff
{ padding:5px;
  margin:5px 0px 5px 0px;
  height:100px;
  width:220px;
  float:left;
  display:inline;
}

#staff p {
	padding:2px;
	margin-top:0px;
	display:block;
}

#staff img {
	float:left;
	border:0px;
	height: 80px; width: auto;
	margin-right:5px;
}

.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;
}

H4.nopad {
	COLOR: #46240b;
	padding: 0px;
}

H2.nopad {
	COLOR: #46240b;
	padding: 0px;
	text-align:center;
}

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;
}

.whatsNewWrapper {
	position:relative;
	height: 165px;
	}

.maskItem {
	background: url(images/whatsnew.png) no-repeat top left;
	position: absolute;
	top: 0;
	left: -10px;
	width: 714px;
	height: 165px;
	z-index: 100;
}
	
/* ================================================================ 
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:#0E6575;}

/* 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;}	

/* Tab section */
/* link inside the tab.*/
ul#css_tabs { margin:0 !important; padding:0; border-bottom: 1px solid #666; height:30px;}

ul#css_tabs li { float:left; position:relative;	margin:0; padding:0;list-style-type:none;	}

ul#css_tabs li a { 
	text-decoration:none;
	float:left;
	display:block;
	padding:5px 15px;
	color:#777;
	display:block;
	outline:0;
	font-size:12px;	
	font-weight:bold;
	border:1px solid #666;
	border-bottom:0px;
	position:relative;
	background-color:#ffffcc;
	height:18px;
	margin-right:2px;
	top:1px;
}

ul#css_tabs li a:hover { background-color:#F7F7F7;	color:#333;}
	
/* selected tab */
ul#css_tabs li a.current { background-color:#FAFEEE; border-bottom:1px solid #FAFEEE;	
color:#000;	cursor:default;outline:0;	
}
	
/* tab pane */
.css-panes div {
	display:none;
	border-width:0 1px 1px 1px;
    float: left; width: 100%;
	/*border:1px solid #666;
	min-height:150px;
	padding:15px 20px;	*/
	padding-bottom:20px;
}

/* tab pane */
#flow_panes div {
	display:none;
	border-width:0 1px 1px 1px;
    float: left; width: 100%;
}

.flow_panes_inside div {
	display:none;
	min-height:150px;
	width:630px;
	float:right;
}

div#blah { 
	min-height:150px;
	width:630px;
	float:right;

}

.vert_tab { height:30px; float:left; width:60px; border-bottom:1px solid black;}