/********************************************************************************
	         Body
********************************************************************************/

html, body
{
height:100%;
}

body {
   background: #eaeaea;
   color: #fff; 
   font-size: 100%; 
   font-family:Georgia, Helvetica, Trebuchet, Verdana, "Lucida Grande", Arial, sans-serif;
   overflow-y: scroll;
 }

 


/********************************************************************************
               Typography
********************************************************************************/
/* Default font settings. 
   The font-size percentage is of 16px. (0.75 * 16px = 12px)
***************************************/

   


h1, h2, h3, h4, h5, h6 {font-weight:normal;color:#fffffff}
h1 {font-size:5em;margin-bottom:0.75em;color}
h2 {font-size:4em;margin-bottom:0.75em;color}
h3 {font-size:3em;margin-bottom:.6em;}
h4 {font-size:2em;margin-bottom:.6em;}
h5 {font-size:1em;font-weight:bold;margin-bottom:1.5em;}
h6 {font-size:1em;font-weight:bold;}

h1.topheader {font-size:.8em;margin-top:63px;}
h2.featuredHeader{font-size:2.6em;margin-bottom:0.6em;color:#ffffff;line-height:1;}
h5.footerheading {font-size:1em;}


p {font-size:1.2em; line-height:1.5; color:#ffffff; margin-bottom:2em;}
p.featuredDescription{font-size:1.2em;line-height:1.2;color:#ffffff}


h1 img, h2 img, h3 img, h4 img, h5 img, h6 img {margin:0;}

p img {float:left;margin:1.5em 1.5em 1.5em 0;padding:0;}
p img.right {float:right;margin:1.5em 0 1.5em 1.5em;}

a {color:#fff;}
a {text-decoration:none;}

ol li
{
margin-bottom:16px;
}

.small {font-size:.6em;}

/********************************************************************************
                Images
********************************************************************************/

.alignleft {
   float: left;
   margin-right:30px;
   margin-bottom: 30px;
}

.alignright {
   float: right;
}

.mailerbutton
{
}
/*************************************************
	Grid Functions
**************************************************/

.pushdown-1 {margin-top:18px;}
.pushdown-2 {margin-top:36px;}
.pushdown-3 {margin-top:54px;}
.pushdown-4 {margin-top:72px;}
.pushdown-5 {margin-top:90px;}
.pushdown-6 {margin-top:108px;}
.pushdown-7 {margin-top:126px;}


.pushright-1 {margin-left:40px;}
.pushright-2 {margin-left:80px;}
.pushright-3 {margin-left:120px;}
.pushright-4 {margin-left:160px;}
.pushright-5 {margin-left:200px;}
.pushright-6 {margin-left:240px;}
.pushright-7 {margin-left:280px;}
.pushright-8 {margin-left:320px;}
.pushright-9 {margin-left:360px;}
.pushright-10 {margin-left:400px;}
.pushright-11 {margin-left:440px;}
.pushright-12 {margin-left:480px;}
.pushright-13 {margin-left:520px;}
.pushright-14 {margin-left:560px;}
.pushright-15 {margin-left:600px;}
.pushright-16 {margin-left:640px;}
.pushright-17 {margin-left:680px;}
.pushright-18 {margin-left:720px;}
.pushright-19 {margin-left:760px;}
.pushright-20 {margin-left:800px;}
.pushright-21 {margin-left:840px;}
.pushright-22 {margin-left:880px;}
.pushright-23 {margin-left:920px;}


.pullleft-1 {margin-right:40px;}
.pullleft-2 {margin-right:80px;}
.pullleft-3 {margin-right:120px;}
.pullleft-4 {margin-right:160px;}
.pullleft-5 {margin-right:200px;}

.makeabox  {background-color:#ff0000;}

.placeingrid{position:absolute;}


/********************************************************************************
                Lines
********************************************************************************/


hr {
  border-color: #ccc;
  border-style: dashed;
  border-width: 1px 0 0;
  clear: both;
  margin: 36px 0 36px;
  height: 0;
}

hr.blank {
  border-color: #ccc;
  border-style: solid;
  border-width: 0;
  clear: both;
  margin: 18px 0 18px;
  height: 0;
}



/********************************************************************************
                Header
********************************************************************************/


#header 
      {
	background-color: #2d2d2d;
	height: 163px;
   }

#header #logo
      {
	background-color: #2d2d2d;
	background-image:url('/images/logo.png');
	background-repeat:no-repeat;
	vertical-align:middle;
	height: 80px;
	}
   
#header #description
      {
	font-size:.8em;
   }
   
#header #search 
{
text-align: right;
}

#pageheader
{
margin-top: 10px;
}


/********************************************************************************
                Navbar
********************************************************************************/



#navbar {
   text-align: right;
}
	
#navbar li {
   display: inline;
   list-style-type: none;
}
		
#navbar ul {
	margin: 0;
}
	
#navbar ul li a {
   color: #FFFFFF;
   font-size:1.5em;
   margin-left: 15px;
   text-decoration: none;
}

/*#navbar ul li a:hover, a:active {
   text-decoration: nonw;
}*/


/********************************************************************************
                Sidebar
********************************************************************************/

#sidebar h2{
   font-size: 1em;
   font-weight: bold;
   margin-bottom: .2em;
}

#sidebar a {border-bottom: none;}


/********************************************************************************
                Footer
********************************************************************************/

#footer {
	background-color: #2d2d2d;
	height:142px;
	margin-top:-142px;
}
   

#footerbox {
	background-color: #343434;
	height:68px;
	padding: 19px;
	border: 1px solid #000000;
}

#footer address
{
	font-style:normal;
	font-size:.75em;
}

address
{
	font-style:normal;
}

  
.socialicon
{
vertical-align:middle;
margin-right:30px;
}


/********************************************************************************
                Content
********************************************************************************/
.container2
{
width:950px;
margin: 0 auto;
height:100%;
background-color: #181818;
}

#content
{
background-color: #181818;
padding-bottom: 36px;
margin-bottom: 142px;
}

#maincontent
{
text-align:left;
}

/********************************************************************************
                Forms
********************************************************************************/
input.searchbar {
font-size : 1.25em;
}

/********************************************************************************
                Acting Class Pages
********************************************************************************/

.classdescription
{
font-size:1em;
}

.programtitle
{
color:#fff;
}

.workshoptitle
{
color:#fff;
}

.forpopup
{
color:#4a4a4a;
font-size: .8em;
}

.sidebarposttitle
{
font-size: 1.8em;
}

.sidebarheader
{
padding-bottom: 5px;
border-bottom: 1px dashed white;
}
.sidebardescription
{
font-size: 1.2em;
}


.featuredimage
{
border:8px solid #ffffff;
}

.postlink, .instructor
{
color:#0084ff;
text-decoration: underline;
}

.makeblue
{
color:#0084ff;
}

.notice
{
color:red;
font-weight:bold;
text-decoration:underline;
}

.sidebarlink
{
color:#0084ff;
line-height:1.8em;
}

ul #sidebarinstructors
{
}

#sidebarinstructors li
{
line-height:1.8em;
margin-left: 20px;
}
/********************************************************************************
                Tabs
********************************************************************************/
#newsidebar
{
padding: 0px;
text-align:left;
}

ul.tabs {
	margin: 0;
	padding: 0;
	float: left;
	list-style: none;
	height: 32px; /*--Set height of tabs--*/
	border-bottom: 1px solid #999;
	border-left: 1px solid #999;
	width: 99%;
}
ul.tabs li {
	float: left;
	margin: 0;
	padding: 0;
	height: 31px; /*--Subtract 1px from the height of the unordered list--*/
	line-height: 31px; /*--Vertically aligns the text within the tab--*/
	border: 1px solid #999;
	border-left: none;
	margin-bottom: -1px; /*--Pull the list item down 1px--*/
	overflow: hidden;
	position: relative;
	background: #181818;
}
ul.tabs li a {
	text-decoration: none;
	color: #fff;
	display: block;
	font-size: .6em;
	padding: 0 20px;
	/*border: 1px solid #fff; *//*--Gives the bevel look with a 1px white border inside the list item--*/
	outline: none;
}
ul.tabs li a:hover {
	background: #ccc;
}
html ul.tabs li.active, html ul.tabs li.active a:hover  { /*--Makes sure that the active tab does not listen to the hover properties--*/
	background: #181818;
	border-bottom: 1px solid #181818; /*--Makes the active tab look like it's connected with its content--*/
}

.tab_container {
	border: 1px solid #999;
	border-top: none;
	overflow: hidden;
	clear: both;
	float: left; width: 99%;
	background: #181818;
	height: 90%;
}
.tab_content {
	padding: 20px;
	font-size: .6em;
	text-align:left;
}
/********************************************************************************
                Slider
********************************************************************************/

#headerband
{
background-image:url('/images/headerband.png');
height:90px;
}

#featuredcontent
{
background-image:url('/images/featuredbg.png');
height:338px;
}

#slider{}	

#slider ul, #slider li{
	margin:0;
	padding:0;
	list-style:none;
	}
#slider li{ 
	/* 
		define width and height of list item (slide)
		entire slider area will adjust according to the parameters provided here
	*/ 
	width:950px;
	height:338px;
	overflow:hidden; 
	}	
	
p#controls{
	margin:0;
	position:relative;
	} 

#prevBtn, #nextBtn{ 
	display:block;
	margin:0;
	overflow:hidden;
	text-indent:-8000px;		
	width:50px;
	height:50px;
	position:absolute;
	left:-25px;
	top:-200px;
	}	
#nextBtn{ 
	left:925px;
	}														
#prevBtn a, #nextBtn a{  
	display:block;
	width:50px;
	height:50px;
	background:url(/images/btn_prev.png) no-repeat 0 0;	
	}	
#nextBtn a{ 
	background:url(/images/btn_next.png) no-repeat 0 0;	
	}